.s-products{padding:var(--s-space-2) 0 var(--s-space-2);background:var(--s-color-bg);overflow:hidden}.s-products__inner{max-width:var(--s-page-max);margin:0 auto}.s-products__heading{margin:0 0 var(--s-space-3);padding:0 var(--s-page-pad);font-family:var(--s-font-primary);font-weight:700;font-size:clamp(2.4rem,8vw,4.4rem);line-height:.98;letter-spacing:-.02em;text-transform:uppercase;color:var(--s-color-ink)}.s-rail{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.s-rail::-webkit-scrollbar{display:none}.s-rail.is-grabbing{cursor:grabbing}.s-rail__track{display:flex;gap:var(--s-space-3);padding:0 var(--s-page-pad);width:max-content}.s-rail__progress{position:relative;height:2px;width:11rem;max-width:calc(100% - 2 * var(--s-page-pad));margin:var(--s-space-4) auto 0;background:var(--s-color-line);overflow:hidden}.s-rail__bar{position:absolute;left:0;top:0;height:100%;width:30%;background:var(--s-color-ink);will-change:transform}.s-rail__empty{padding:var(--s-space-5) var(--s-page-pad);font-family:var(--s-font-mono);font-size:var(--s-text-xs);text-transform:uppercase;letter-spacing:var(--s-track-wide);color:var(--s-color-ink-2)}.s-card{flex:0 0 78vw;max-width:40rem;display:flex;flex-direction:column}.s-card__media{position:relative;aspect-ratio:3 / 4;background:var(--s-color-surface);overflow:hidden}.s-card__medialink{display:block;width:100%;height:100%}.s-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.s-card__img--secondary{opacity:0;transition:opacity var(--s-duration) var(--s-ease)}@media(hover:hover){.s-card__media:hover .s-card__img--secondary{opacity:1}}.s-card__add{position:absolute;right:0;bottom:0;z-index:2;min-width:4.4rem;min-height:4.4rem;display:inline-flex;align-items:flex-end;justify-content:flex-end;padding:var(--s-space-2);border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.s-card__add-mark{font-family:var(--s-font-mono);font-size:var(--s-text-base);font-weight:400;letter-spacing:.05em;line-height:1;color:var(--s-color-ink);text-shadow:0 0 3px rgba(255,255,255,.55)}.s-card__soldout{position:absolute;left:0;bottom:var(--s-space-4);z-index:2;writing-mode:vertical-rl;transform:rotate(180deg);padding:1rem .55rem;background:var(--s-color-soldout);color:var(--s-color-inverse);font-family:var(--s-font-primary);font-weight:700;font-size:var(--s-text-xs);text-transform:uppercase;letter-spacing:.08em;line-height:1;pointer-events:none}.s-card__info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;padding:var(--s-space-3) var(--s-space-2) 0}.s-card__brand{margin:0;font-family:var(--s-font-mono);font-size:var(--s-text-2xs);text-transform:uppercase;letter-spacing:var(--s-track-wide);color:var(--s-color-ink-2)}.s-card__name{margin:0;font-family:var(--s-font-primary);font-weight:500;font-size:var(--s-text-base);line-height:1.25;text-transform:uppercase;letter-spacing:.02em;color:var(--s-color-ink)}.s-card__name a{color:inherit;text-decoration:none}.s-card__price{margin:0;font-family:var(--s-font-mono);font-size:var(--s-text-sm);letter-spacing:.03em;color:var(--s-color-ink)}.s-card__price-was{margin-left:.6rem;color:var(--s-color-ink-2)}.s-card__swatches{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;margin-top:.2rem}.s-swatch{display:inline-block;border-radius:0;background-size:cover;background-position:center;border:1px solid rgba(17,17,17,.15)}.s-swatch--sm{width:2rem;height:1.3rem}.s-swatch--lg{width:5.4rem;height:3.4rem}@media screen and (min-width:750px){.s-card{flex-basis:42vw}.s-rail__track{gap:var(--s-space-4)}}@media screen and (min-width:990px){.s-card{flex-basis:26rem;max-width:32rem}}html.s-qa-open,html.s-qa-open body{overflow:hidden}.s-qa[hidden]{display:none}.s-qa{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000}.s-qa__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1111118c;opacity:0;transition:opacity var(--s-duration) var(--s-ease)}.s-qa.is-open .s-qa__overlay{display:block;opacity:1}.s-qa__sheet{position:absolute;left:0;right:0;top:0;bottom:0;height:100%;display:flex;flex-direction:column;background:var(--s-color-bg);transform:translateY(100%);transition:transform var(--s-duration) var(--s-ease)}.s-qa.is-open .s-qa__sheet{transform:translateY(0)}@media screen and (min-width:750px){.s-qa__sheet{left:auto;right:0;top:0;bottom:0;width:min(46rem,100%);height:100%;border-radius:0;transform:translate(100%)}.s-qa.is-open .s-qa__sheet{transform:translate(0)}}.s-qa__bar{position:relative;flex:0 0 auto;display:flex;align-items:center;border-bottom:1px solid var(--s-color-line);touch-action:none}.s-qa__handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4rem;height:.4rem;border-radius:2px;background:var(--s-color-line);cursor:grab;touch-action:none}.s-qa__close{position:relative;z-index:1;border:0;background:transparent;padding:var(--s-space-3) var(--s-page-pad);cursor:pointer;font-family:var(--s-font-mono);font-size:var(--s-text-xs);text-transform:uppercase;letter-spacing:var(--s-track-nav);color:var(--s-color-ink)}.s-qa__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:var(--s-space-4) var(--s-page-pad) var(--s-space-5)}.s-qa__gallery{display:flex;gap:var(--s-space-2);overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;margin-bottom:var(--s-space-4)}.s-qa__gallery::-webkit-scrollbar{display:none}.s-qa__slide{flex:0 0 42%;aspect-ratio:2 / 3;background:var(--s-color-bg);scroll-snap-align:start;overflow:hidden}.s-qa__slide img,.s-qa__slide svg{width:100%;height:100%;object-fit:contain;display:block}@media screen and (min-width:750px){.s-qa__slide{flex-basis:46%}}.s-qa__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-space-2)}.s-qa__kicker{margin:0;font-family:var(--s-font-primary);font-weight:700;font-size:var(--s-text-sm);text-transform:uppercase;letter-spacing:.02em;color:var(--s-color-ink)}.s-qa__brand{margin:0}.s-qa__name{margin:0;font-size:var(--s-text-lg);font-weight:600}.s-qa__price{font-size:var(--s-text-md)}.s-qa__label{margin:var(--s-space-2) 0 0;font-family:var(--s-font-mono);font-size:var(--s-text-xs);text-transform:uppercase;letter-spacing:var(--s-track-nav);color:var(--s-color-ink)}.s-qa__colours{display:flex;flex-wrap:wrap;gap:var(--s-space-3)}.s-qa__colour{position:relative;padding:.5rem;border:0;border-radius:0;background:transparent;cursor:pointer;line-height:0}.s-qa__colour.is-active:after,.s-qa__size.is-active:after{content:"";position:absolute;pointer-events:none;--br: .6rem;background-image:linear-gradient(var(--s-color-ink),var(--s-color-ink)),linear-gradient(var(--s-color-ink),var(--s-color-ink)),linear-gradient(var(--s-color-ink),var(--s-color-ink)),linear-gradient(var(--s-color-ink),var(--s-color-ink)),linear-gradient(var(--s-color-ink),var(--s-color-ink)),linear-gradient(var(--s-color-ink),var(--s-color-ink)),linear-gradient(var(--s-color-ink),var(--s-color-ink)),linear-gradient(var(--s-color-ink),var(--s-color-ink));background-repeat:no-repeat;background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-size:var(--br) 1px,1px var(--br),var(--br) 1px,1px var(--br),var(--br) 1px,1px var(--br),var(--br) 1px,1px var(--br)}.s-qa__colour.is-active:after{top:0;right:0;bottom:0;left:0}.s-qa__sizehead{display:flex;align-items:center;justify-content:space-between;gap:var(--s-space-3);margin-top:var(--s-space-2)}.s-qa__sizehead .s-qa__label{margin:0}.s-qa__sizeguide{flex:0 0 auto;font-family:var(--s-font-mono);font-size:var(--s-text-xs);text-transform:uppercase;letter-spacing:var(--s-track-nav);color:var(--s-color-ink);text-decoration:none;white-space:nowrap}.s-qa__sizeguide:hover{color:var(--s-color-ink-2)}.s-qa__sizes{display:flex;flex-wrap:wrap;gap:var(--s-space-3);margin-top:var(--s-space-2)}.s-qa__size{position:relative;min-width:4rem;padding:.8rem .4rem;border:0;background:transparent;cursor:pointer;font-family:var(--s-font-mono);font-size:var(--s-text-sm);text-align:center;text-transform:uppercase;letter-spacing:var(--s-track-nav);color:var(--s-color-ink);transition:background var(--s-duration) var(--s-ease),color var(--s-duration) var(--s-ease)}.s-qa__size:hover{color:var(--s-color-ink-2)}.s-qa__size.is-active{background:var(--s-color-ink);color:var(--s-color-inverse)}.s-qa__size.is-active:hover{color:var(--s-color-inverse)}.s-qa__size.is-active:after{top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.s-qa__size.is-soldout{color:var(--s-color-ink-2);cursor:not-allowed;text-decoration:line-through;opacity:.5}.s-qa__size.is-soldout.is-active{background:transparent;color:var(--s-color-ink-2)}.s-qa__add{margin-top:var(--s-space-3);width:100%;padding:1.6rem;border:1px solid var(--s-color-ink);background:var(--s-color-ink);color:var(--s-color-inverse);cursor:pointer;font-family:var(--s-font-mono);font-size:var(--s-text-xs);text-transform:uppercase;letter-spacing:var(--s-track-mid);transition:background var(--s-duration) var(--s-ease),color var(--s-duration) var(--s-ease),opacity var(--s-duration) var(--s-ease)}@media(hover:hover){.s-qa__add:hover:not(:disabled){background:var(--s-color-bg);color:var(--s-color-ink)}}.s-qa__add:disabled{cursor:default;background:var(--s-color-ink);color:var(--s-color-inverse);opacity:1}.s-qa__add.is-soldout,.s-qa__add.is-soldout:disabled{background:var(--s-color-surface);border-color:var(--s-color-line);color:var(--s-color-ink-2)}.s-qa__details{align-self:flex-start;margin-top:var(--s-space-3);font-family:var(--s-font-mono);font-size:var(--s-text-xs);text-transform:uppercase;letter-spacing:var(--s-track-nav);color:var(--s-color-ink);text-decoration:none}.s-qa__details:hover{color:var(--s-color-ink-2)}@media(prefers-reduced-motion:reduce){.s-card__img--secondary,.s-qa__overlay,.s-qa__sheet{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/sauvryn-products.css.map */