@view-transition{navigation:auto}:root{--spt-duration: .68s;--spt-ease: cubic-bezier(.22, 1, .36, 1)}.spt-bridge{display:none}.spt-section{display:block;color:var(--spt-text);background:var(--spt-background)}.spt-section__inner{width:min(100%,var(--spt-max-width, 1320px));margin:auto;padding:clamp(64px,8vw,120px) clamp(20px,4vw,56px)}.spt-section__header{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.55fr);align-items:end;gap:40px;margin-bottom:clamp(28px,4vw,54px)}.spt-section__eyebrow{margin:0 0 12px;color:var(--spt-accent);font-size:12px;font-weight:750;letter-spacing:.16em}.spt-section__heading{margin:0;font-size:clamp(36px,5.8vw,82px);font-weight:520;line-height:.98;letter-spacing:-.055em}.spt-section__description{max-width:390px;color:var(--spt-muted);font-size:clamp(14px,1.2vw,17px);line-height:1.65}.spt-section__description p{margin:0}.spt-carousel{position:relative;min-height:clamp(500px,59vw,720px);overflow:hidden;border-radius:calc(var(--spt-radius, 24px) + 8px);outline:none;perspective:1500px;touch-action:pan-y;-webkit-user-select:none;user-select:none}.spt-carousel:before{position:absolute;right:8%;bottom:4%;left:8%;height:18%;border-radius:50%;background:radial-gradient(ellipse,rgba(23,24,19,.16),transparent 68%);content:"";filter:blur(18px);pointer-events:none;transform:rotateX(72deg)}.spt-carousel:focus-visible{box-shadow:inset 0 0 0 3px var(--spt-accent)}.spt-carousel__scene{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;pointer-events:none}.spt-card{position:absolute;top:50%;left:50%;z-index:var(--spt-layer, 1);width:clamp(220px,25vw,350px);aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--spt-radius, 24px);background:#e7e3da;box-shadow:0 28px 60px #1718132e;opacity:var(--spt-opacity, 1);transform:translate(-50%,-50%);transform-style:preserve-3d;transition:transform .72s var(--spt-ease),opacity .48s ease,filter .48s ease,box-shadow .48s ease;pointer-events:auto;will-change:transform,opacity}.spt-card[data-position=center]{transform:translate(-50%,-50%) translateZ(0) rotateY(0) scale(1)}.spt-card[data-position=left]{transform:translate(-50%,-50%) translate(clamp(-315px,-22vw,-195px)) translateZ(-130px) rotateY(25deg) scale(.91)}.spt-card[data-position=right]{transform:translate(-50%,-50%) translate(clamp(195px,22vw,315px)) translateZ(-130px) rotateY(-25deg) scale(.91)}.spt-card[data-position=far-left]{transform:translate(-50%,-50%) translate(clamp(-570px,-39vw,-360px)) translateZ(-260px) rotateY(38deg) scale(.82)}.spt-card[data-position=far-right]{transform:translate(-50%,-50%) translate(clamp(360px,39vw,570px)) translateZ(-260px) rotateY(-38deg) scale(.82)}.spt-card[data-active=true]{box-shadow:0 35px 80px #1718133d}.spt-card:not([data-active=true]){filter:saturate(.82) brightness(.88)}.spt-card[data-hidden=true]{visibility:hidden;opacity:0;pointer-events:none}.spt-card__link{display:block;height:100%;color:inherit;text-decoration:none}.spt-card__link:focus-visible{outline:3px solid var(--spt-accent);outline-offset:-5px}.spt-card__media{position:relative;height:100%;overflow:hidden}.spt-card__image,.spt-card__placeholder{display:block;width:100%;height:100%;object-fit:cover}.spt-card__image{transform:scale(1.001);transition:transform .7s var(--spt-ease)}.spt-card[data-active=true]:hover .spt-card__image{transform:scale(1.055)}.spt-card__badge{position:absolute;top:18px;left:18px;z-index:3;padding:8px 11px;border-radius:999px;color:#171813;background:#ffffffdb;font-size:10px;font-weight:800;letter-spacing:.12em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spt-card__content{position:absolute;right:0;bottom:0;left:0;z-index:2;padding:76px clamp(18px,2vw,26px) clamp(20px,2.2vw,30px);color:#fff;background:linear-gradient(transparent,#0c0d0ae0);opacity:0;transform:translateY(18px);transition:opacity .38s ease .12s,transform .52s var(--spt-ease) .1s}.spt-card[data-active=true] .spt-card__content{opacity:1;transform:translateY(0)}.spt-card__title{margin:0 0 13px;color:var(--spt-title-color);font-size:clamp(18px,1.6vw,24px);font-weight:570;line-height:1.18;letter-spacing:-.025em}.spt-card__meta{display:flex;align-items:baseline;gap:9px}.spt-card__price{color:var(--spt-price-color);font-size:14px;font-weight:750}.spt-card__compare{color:var(--spt-compare-color);font-size:12px}.spt-card__action{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:12px 14px;border-radius:999px;color:var(--spt-action-color);background:var(--spt-action-background);font-size:12px;font-weight:700;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .4s var(--spt-ease)}.spt-card__action svg{width:16px;height:16px}.spt-card[data-active=true]:hover .spt-card__action,.spt-card__link:focus-visible .spt-card__action{opacity:1;transform:none}.spt-carousel__button{position:absolute;top:50%;z-index:1000;display:grid;width:52px;height:52px;padding:0;border:1px solid rgba(23,24,19,.12);border-radius:50%;color:var(--spt-text);background:#fffffff0;box-shadow:0 12px 30px #17181324;cursor:pointer;pointer-events:auto;place-items:center;transform:translateY(-50%);touch-action:manipulation;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.spt-carousel__button:hover{background:#fff}.spt-carousel__button:focus-visible{outline:3px solid var(--spt-accent);outline-offset:3px}.spt-carousel__button svg{width:24px;height:24px;pointer-events:none}.spt-carousel__button--prev{left:clamp(10px,2vw,28px)}.spt-carousel__button--next{right:clamp(10px,2vw,28px)}.spt-carousel__status{position:absolute;bottom:12px;left:50%;z-index:1000;min-width:62px;padding:7px 12px;border-radius:999px;color:var(--spt-muted);background:#ffffffc7;font-size:11px;font-weight:750;letter-spacing:.12em;text-align:center;transform:translate(-50%);pointer-events:none}.spt-section__empty{padding:30px;border:1px dashed rgba(23,24,19,.25);border-radius:16px;text-align:center}html.spt-is-navigating .spt-card:not(.spt-card--active){opacity:.42}::view-transition-group(spt-product-image),::view-transition-group(spt-product-title){animation-duration:var(--spt-duration);animation-timing-function:var(--spt-ease)}::view-transition-old(spt-product-image),::view-transition-new(spt-product-image){height:100%;object-fit:cover;mix-blend-mode:normal}::view-transition-old(spt-product-title),::view-transition-new(spt-product-title){mix-blend-mode:normal}@media(max-width:989px){.spt-card{width:clamp(210px,36vw,310px)}.spt-card[data-position=left]{transform:translate(-50%,-50%) translate(clamp(-250px,-30vw,-170px)) translateZ(-110px) rotateY(24deg) scale(.9)}.spt-card[data-position=right]{transform:translate(-50%,-50%) translate(clamp(170px,30vw,250px)) translateZ(-110px) rotateY(-24deg) scale(.9)}}@media(max-width:749px){.spt-section__inner{padding:58px 18px 72px}.spt-section__header{grid-template-columns:1fr;gap:20px}.spt-carousel{min-height:520px;margin-inline:-18px;border-radius:0}.spt-card{width:min(68vw,310px)}.spt-card[data-position=left]{transform:translate(-50%,-50%) translate(-56vw) translateZ(-90px) rotateY(22deg) scale(.9)}.spt-card[data-position=right]{transform:translate(-50%,-50%) translate(56vw) translateZ(-90px) rotateY(-22deg) scale(.9)}.spt-card[data-position=far-left]{transform:translate(-50%,-50%) translate(-96vw) translateZ(-180px) rotateY(34deg) scale(.78)}.spt-card[data-position=far-right]{transform:translate(-50%,-50%) translate(96vw) translateZ(-180px) rotateY(-34deg) scale(.78)}.spt-carousel__button{top:auto;bottom:7px;width:44px;height:44px;transform:none}.spt-carousel__button--prev{left:calc(50% - 96px)}.spt-carousel__button--next{right:calc(50% - 96px)}.spt-carousel__status{bottom:13px}}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}.spt-card,.spt-card__image,.spt-card__content{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/110/assets/shared-product-transition.css.map */