.zv-rel{--rel-gap: clamp(6px, .5vw, 10px);--rel-pad: clamp(16px, 1.4vw, 28px);--rel-text: #000;position:relative;background:var(--rel-bg, #5a7879);color:var(--rel-text);padding-block:var(--pad-top, clamp(40px, 2.4vw, 56px)) var(--pad-bottom, clamp(48px, 3.5vw, 80px))}.zv-rel[hidden]{display:none}.zv-rel__title{margin:0 0 clamp(26px,2.1vw,42px);text-align:center;font-family:var(--zv-caps, var(--font-heading--family));font-weight:400;font-size:clamp(1.25rem,1.45vw,1.875rem);letter-spacing:.03em;text-transform:uppercase;line-height:1.2;color:var(--rel-text)}.zv-rel__stage{position:relative}.zv-rel__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * var(--rel-gap)) / 4);gap:var(--rel-gap);list-style:none;margin:0;padding:0 var(--rel-pad);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--rel-pad);scrollbar-width:none;overscroll-behavior-x:contain}.zv-rel__track::-webkit-scrollbar{display:none}.zv-rel__card{scroll-snap-align:start;min-width:0}.zv-rel .zv-rel__media{display:block;position:relative;aspect-ratio:4 / 5;overflow:hidden;background:#fff}.zv-rel__media img,.zv-rel__ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--zv-ease, ease)}.zv-rel__media:hover img{transform:scale(1.03)}.zv-rel .zv-rel__name{display:block;margin-top:clamp(14px,1vw,20px);font-family:var(--zv-caps, var(--font-heading--family));font-size:clamp(.9375rem,.86vw,1.0625rem);letter-spacing:.02em;line-height:1.35;color:var(--rel-text);text-decoration:none}.zv-rel .zv-rel__name:hover{text-decoration:underline;text-underline-offset:4px}.zv-rel__price{margin:clamp(8px,.7vw,14px) 0 0;font-family:var(--zv-caps, var(--font-heading--family));font-size:clamp(1rem,.95vw,1.1875rem);letter-spacing:.02em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--rel-text)}.zv-rel__arrow{position:absolute;top:calc(50% - 23px);z-index:2;display:grid;place-items:center;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:var(--rel-text);color:#fff;cursor:pointer;transition:opacity .25s}.zv-rel__arrow svg{width:18px;height:18px}.zv-rel__arrow--prev{left:calc(var(--rel-pad) + 8px)}.zv-rel__arrow--next{right:calc(var(--rel-pad) + 8px)}.zv-rel__arrow:disabled{opacity:0;pointer-events:none}.zv-rel__arrow:focus-visible{outline:2px solid var(--rel-text);outline-offset:3px}@media(max-width:989px){.zv-rel__track{grid-auto-columns:calc((100% - 2 * var(--rel-gap)) / 3)}}@media(max-width:749px){.zv-rel__track{grid-auto-columns:64vw}.zv-rel__arrow{display:none}}@media(prefers-reduced-motion:reduce){.zv-rel__media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/zv-related.css.map */