.vox-band{padding:clamp(48px,6.5vw,88px) var(--vox-gut)}.vox-grid{display:grid;grid-template-columns:repeat(var(--vox-cols, 4),1fr);gap:clamp(14px,2vw,30px) clamp(12px,1.6vw,24px)}.vox-card{display:block;position:relative;background:transparent;text-decoration:none;color:inherit}.vox-card__frame{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:transparent}.vox-card__frame{padding:var(--vox-card-inset, 0px)}.vox-card--inset .vox-card__frame{--vox-card-inset: clamp(10px, 1.6vw, 26px);background:#f4f2ee}.vox-card__shot{position:absolute;inset:var(--vox-card-inset, 0px);width:100%;height:100%;object-fit:cover;transition:opacity .45s ease;mix-blend-mode:multiply}@media(hover:none){.vox-card__shot--b{display:none}}.vox-card__shot--b{opacity:0;mix-blend-mode:multiply}.vox-card:hover .vox-card__shot--a,.vox-card:focus-visible .vox-card__shot--a{opacity:0}.vox-card:hover .vox-card__shot--b,.vox-card:focus-visible .vox-card__shot--b{opacity:1}.vox-card__flag{position:absolute;left:10px;top:10px;z-index:3;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--vox-ink);color:var(--vox-paper);padding:5px 11px;border-radius:20px}.vox-card__flag--sale{background:var(--vox-red)}.vox-card__swatches{position:absolute;left:11px;bottom:11px;z-index:3;display:flex;align-items:center;gap:5px;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}.vox-card:hover .vox-card__swatches{opacity:1;transform:none}.vox-card__swatches i{width:9px;height:9px;border-radius:50%;border:1px solid rgba(0,0,0,.28);display:block}.vox-card__meta{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 2px 0;font-size:12.5px}.vox-card__name{overflow-wrap:anywhere;font-weight:500;letter-spacing:.01em}.vox-card__price{font-variant-numeric:tabular-nums;color:var(--vox-muted)}.vox-card__price s{color:var(--vox-muted);margin-right:7px}@media screen and (max-width:1100px){.vox-grid{--vox-cols: 3}}@media screen and (max-width:749px){.vox-grid{--vox-cols: 2}}@media screen and (min-width:1101px){.vox-grid{--vox-cols: var(--vox-cols-desktop, 4)}}.vox-grid--rail{display:flex;gap:var(--vox-rail-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:calc(var(--vox-gut) * -1);padding-inline:var(--vox-gut);scroll-padding-inline:var(--vox-gut);padding-bottom:2px;min-height:1px}.vox-grid--rail::-webkit-scrollbar{display:none}.vox-grid--rail>.vox-card{flex:0 0 auto;width:calc((100% - (var(--vox-rail-cols) - 1) * var(--vox-rail-gap)) / var(--vox-rail-cols));scroll-snap-align:start}.vox-grid--rail>.vox-card:last-child{scroll-snap-align:end}.vox-grid--rail>p{flex:1 1 auto}.vox-grid--rail{--vox-rail-gap: clamp(12px, 1.6vw, 24px);--vox-rail-cols: 3.4}@media screen and (max-width:749px){.vox-grid--rail{--vox-rail-cols: 1.65}}@media screen and (min-width:750px)and (max-width:1100px){.vox-grid--rail{--vox-rail-cols: 2.5}}@media screen and (min-width:1101px){.vox-grid--rail{--vox-rail-cols: calc(var(--vox-cols-desktop, 4) + .4)}}.vox-grid--rail:focus{outline:none}.vox-grid--rail:focus-visible{outline:2px solid var(--vox-ink);outline-offset:4px}@media(prefers-reduced-motion:reduce){.vox-grid--rail{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/vox-collection.css.map */