.deck{--e: 1;padding:0}.deck__stage{display:flex;align-items:center;padding-block:var(--sec-pad);background:var(--bg)}.deck__inner{display:block}.deck__head{margin-bottom:clamp(24px,3vw,44px)}.deck__cards{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:clamp(12px,1.4vw,22px)}.dcard{position:relative}.dcard__card{position:relative;display:grid;gap:8px;height:100%;padding:10px 10px 14px;border-radius:var(--r-lg);background:var(--c-cloud);color:var(--fg);box-shadow:0 calc((1 - var(--e)) * 30px + 10px) calc((1 - var(--e)) * 70px + 30px) color-mix(in srgb,var(--c-night) calc((1 - var(--e)) * 14% + 6%),transparent)}.dcard__panel{position:relative;aspect-ratio:1 / 1.04;padding:10px;border-radius:var(--r-md);background:color-mix(in srgb,var(--tint, var(--c-fog)) 34%,var(--c-cloud));transition:background-color .5s var(--ease-out)}.dcard__media{position:absolute;top:10px;right:10px;bottom:10px;left:10px;overflow:hidden;border-radius:var(--r-sm)}.dcard__media img,.dcard__media svg{width:100%;height:100%;object-fit:cover;transition:scale .9s var(--ease-slow)}.dcard__price{position:absolute;top:18px;left:18px;z-index:1;padding:6px 10px;border-radius:var(--r-pill);background:var(--c-cloud);letter-spacing:.06em}.dcard__type,.dcard__title,.dcard__tagline,.dcard__foot{padding-inline:8px}.dcard__type{margin-top:6px}.dcard__title{font-family:var(--font-display);font-weight:var(--font-display-weight);font-size:var(--t-h3);line-height:1.12;letter-spacing:calc(-.03em * var(--track-k))}.dcard__link{text-decoration:none}.dcard__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.dcard__link:focus-visible{outline:0}.dcard__link:focus-visible:after{outline:2.5px solid var(--fg);outline-offset:3px}.dcard__tagline{min-height:3em;color:var(--mut);font-size:14px;line-height:1.5}.dcard__foot{display:flex;align-items:center;gap:10px;margin-top:auto}.dcard__swatches{position:relative;z-index:2;display:flex;gap:6px}.dcard__swatch{width:24px;height:24px;border:2px solid var(--c-cloud);border-radius:50%;background:var(--swatch, var(--c-fog)) center / cover;box-shadow:0 0 0 1px color-mix(in srgb,var(--c-ink) 22%,transparent);transition:scale .3s var(--ease-out),box-shadow .3s}.dcard__swatch:hover{scale:1.12}.dcard__swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--c-ink)}.dcard__finish{overflow:hidden;color:var(--mut);font-size:13px;white-space:nowrap;text-overflow:ellipsis}.dcard__arrow{display:grid;flex:none;place-items:center;width:40px;height:40px;margin-left:auto;border-radius:50%;background:var(--c-ink);color:var(--c-cloud);transition:background-color .4s,color .4s}.dcard__arrow .icon{width:17px;height:17px;rotate:-45deg;transition:rotate .5s var(--ease-out)}@media(hover:hover){.dcard__card:hover .dcard__media img{scale:1.04}.dcard__card:hover .dcard__arrow{background:var(--c-brass);color:var(--c-on-brass)}.dcard__card:hover .dcard__arrow .icon{rotate:0deg}}.deck__foot{display:flex;justify-content:center;margin-top:clamp(24px,3vw,40px);opacity:var(--e)}.can-pin .deck{--u: clamp(0, (var(--pp) - .06) / .62, 1);--e: calc(var(--u) * var(--u) * (3 - 2 * var(--u)))}.can-pin .dcard{transform:translate(calc((1 - var(--e)) * var(--dx)),calc((1 - var(--e)) * (6vh - var(--i) * 6px))) rotate(calc((1 - var(--e)) * var(--r)))}.can-pin .deck__foot:not(.is-open){pointer-events:none}@media(max-width:1099px),(max-height:759px){.can-pin .deck{--e: 1;height:auto}.can-pin .deck .pin__stage{position:relative;height:auto;overflow:visible}.can-pin .dcard{transform:none}.can-pin .deck__foot{pointer-events:auto}}@media(max-width:1099px){.deck__cards{display:flex;gap:14px;margin-inline:calc(var(--pad) * -1);padding:4px var(--pad) 20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad)}.dcard{flex:none;width:min(320px,78vw);scroll-snap-align:center}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-product-deck.css.map */