.vexa-related{padding:80px 0;background:#f8f9fa}.vexa-related__inner{max-width:1400px;margin:0 auto;padding:0 40px}.vexa-related__header{text-align:center;margin-bottom:48px;display:flex;flex-direction:column;align-items:center;gap:12px}.vexa-related__tag{display:inline-block;background:linear-gradient(135deg,#1b4f8a1a,#1a7a4a1a);color:#1b4f8a;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:6px 18px;border-radius:20px}.vexa-related__title{font-family:Montserrat,sans-serif;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:800;color:#1a1a1a;margin:0;letter-spacing:-.3px}.vexa-related__track{position:relative}.vexa-related__grid{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:4px 4px 12px;margin:-4px -4px 0;scrollbar-width:none}.vexa-related__grid::-webkit-scrollbar{display:none}.vexa-related__card{flex:0 0 auto;width:calc(25% - 18px);min-width:240px;scroll-snap-align:start;background:#fff;border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.06);text-decoration:none;display:block;transition:all .4s ease;box-shadow:0 2px 12px #0000000a}.vexa-related__card:hover{transform:translateY(-8px);box-shadow:0 24px 60px #0000001f}.vexa-related__arrow{position:absolute;top:40%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 24px #0000001f;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;color:#1b4f8a;transition:all .2s ease}.vexa-related__arrow:hover{background:linear-gradient(135deg,#1b4f8a,#1a7a4a);color:#fff;box-shadow:0 10px 28px #1b4f8a4d}.vexa-related__arrow svg{width:18px;height:18px}.vexa-related__arrow--prev{left:-22px}.vexa-related__arrow--next{right:-22px}.vexa-related__arrow:disabled{opacity:.35;cursor:default;pointer-events:none}.vexa-related__arrow.is-hidden{display:none}.vexa-related__img-wrap{position:relative;aspect-ratio:1/1;overflow:hidden;background:#f8f9fa}.vexa-related__img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.vexa-related__card:hover .vexa-related__img{transform:scale(1.06)}.vexa-related__img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b4f8a0f,#1a7a4a0f)}.vexa-related__img-placeholder svg{width:48px;height:48px;stroke:#1b4f8a;opacity:.3}.vexa-related__badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#1b4f8a,#1a7a4a);color:#fff;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;border-radius:20px;z-index:2}.vexa-related__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1b4f8ab3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:1}.vexa-related__card:hover .vexa-related__overlay{opacity:1}.vexa-related__quick{color:#fff;font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.6);padding:10px 20px;border-radius:30px;transition:all .3s ease}.vexa-related__card:hover .vexa-related__quick{background:#ffffff26}.vexa-related__info{padding:18px 20px;display:flex;flex-direction:column;gap:8px}.vexa-related__category{font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#1b4f8a}.vexa-related__name{font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.3;transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vexa-related__card:hover .vexa-related__name{color:#1b4f8a}.vexa-related__bottom{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.vexa-related__price-wrap{display:flex;flex-direction:column;gap:2px}.vexa-related__price-original{font-family:Open Sans,sans-serif;font-size:11px;color:#9ca3af;text-decoration:line-through}.vexa-related__price{font-family:Montserrat,sans-serif;font-size:18px;font-weight:800;color:#1a1a1a}.vexa-related__btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#1b4f8a,#1a7a4a);color:#fff;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;padding:9px 16px;border-radius:30px;transition:all .3s ease;box-shadow:0 4px 12px #1b4f8a4d}.vexa-related__card:hover .vexa-related__btn{transform:scale(1.05);box-shadow:0 8px 20px #1b4f8a73;gap:10px}.vexa-related__btn svg{width:13px;height:13px;transition:transform .3s ease}.vexa-related__card:hover .vexa-related__btn svg{transform:translate(3px)}@media(max-width:1100px){.vexa-related__card{width:calc(50% - 12px);min-width:220px}.vexa-related__arrow--prev{left:-18px}.vexa-related__arrow--next{right:-18px}}@media(max-width:560px){.vexa-related{padding:50px 0}.vexa-related__inner{padding:0 20px}.vexa-related__grid{gap:12px}.vexa-related__card{width:68vw;min-width:200px}.vexa-related__arrow{width:36px;height:36px}.vexa-related__arrow svg{width:15px;height:15px}.vexa-related__arrow--prev{left:4px}.vexa-related__arrow--next{right:4px}.vexa-related__arrow{top:34%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/vexa-related.css.map */