.kf-shop{position:relative;background:var(--color-absolute-black);padding:var(--spacing-72) 0 var(--spacing-40);overflow:hidden;min-height:calc(100vh - var(--kf-nav-h));display:flex;flex-direction:column}.kf-shop__viewport{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center}.kf-shop__stage{display:flex;gap:var(--spacing-48);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--spacing-32) var(--spacing-24);-webkit-overflow-scrolling:touch}.kf-shop__slide{flex:0 0 auto;width:min(70vw,460px);scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-24)}.kf-shop__media{width:100%;height:min(calc(100vh - 380px),460px);display:flex;align-items:center;justify-content:center;position:relative}.kf-shop__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.kf-shop__placeholder{width:100%;height:100%;background:var(--color-deep-charcoal)}.kf-shop__meta{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-12);text-align:center}.kf-shop__name{margin:0;color:var(--color-pure-white);white-space:nowrap}.kf-shop__price{margin:0;font-size:var(--text-heading);color:var(--color-pure-white)}.kf-shop__actions{display:flex;align-items:center;gap:var(--spacing-24);margin-top:var(--spacing-8)}.kf-shop__soldout{font-size:var(--text-body-sm);letter-spacing:.16em;color:var(--color-steel-gray)}.kf-shop__add,.kf-shop__nav,.kf-shop__counter{display:none}.kf-shop__viewport.is-3d{position:relative;height:100%;perspective:1600px;overflow:hidden}.kf-shop__viewport.is-3d .kf-shop__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:visible;padding:0;transform-style:preserve-3d}.kf-shop__viewport.is-3d .kf-shop__slide{position:absolute;top:50%;left:50%;width:min(60vw,420px);margin:0;transform:translate(-50%,-50%);transition:transform .52s ease,opacity .52s ease;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.kf-shop__viewport.is-3d .kf-shop__slide{transition:none}}.kf-shop__stage.is-grabbing .kf-shop__slide{transition:none}.kf-shop__viewport.is-3d .kf-shop__media{height:min(34vh,320px)}@media(max-width:768px){.kf-shop__viewport.is-3d{perspective:1100px}.kf-shop__viewport.is-3d .kf-shop__slide{width:min(70vw,360px);gap:var(--spacing-32)}.kf-shop__viewport.is-3d .kf-shop__media{height:min(38vh,280px)}.kf-shop__viewport.is-3d .kf-shop__meta{gap:var(--spacing-16)}.kf-shop__viewport.is-3d .kf-shop__actions{margin-top:var(--spacing-16)}.kf-shop__viewport.is-3d .kf-shop__name{white-space:normal;font-size:clamp(32px,6vw,52px);line-height:1.05;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:80vw}}@media(max-width:480px){.kf-shop__viewport.is-3d{perspective:800px}.kf-shop__viewport.is-3d .kf-shop__slide{width:min(80vw,300px);gap:var(--spacing-24)}.kf-shop__viewport.is-3d .kf-shop__media{height:min(32vh,210px)}.kf-shop__viewport.is-3d .kf-shop__meta{gap:var(--spacing-12)}.kf-shop__viewport.is-3d .kf-shop__name{font-size:clamp(24px,7.5vw,38px);max-width:84vw}.kf-shop__viewport.is-3d .kf-shop__counter{top:var(--spacing-12)}}.kf-shop__viewport.is-3d .kf-shop__meta{opacity:0;pointer-events:none;transition:opacity .3s ease}.kf-shop__viewport.is-3d .kf-shop__slide.is-focused .kf-shop__meta{opacity:1;pointer-events:auto}.kf-shop.kf-surface--light{background:var(--color-pure-white)}.kf-shop.kf-surface--light .kf-shop__name,.kf-shop.kf-surface--light .kf-shop__price,.kf-shop.kf-surface--light .kf-shop__counter,.kf-shop.kf-surface--light .kf-shop__arrow{color:var(--color-absolute-black)}.kf-shop.kf-surface--light .kf-shop__arrow{background:var(--color-pure-white);border-color:var(--color-steel-gray)}.kf-shop.kf-surface--light .kf-shop__arrow:hover{border-color:var(--color-absolute-black);color:var(--color-brand-red)}.kf-shop.kf-surface--light .kf-pill--ghost{color:var(--color-absolute-black);border-color:var(--color-absolute-black)}.kf-shop.kf-surface--light .kf-pill--ghost:hover{background:var(--color-absolute-black);color:var(--color-pure-white)}.kf-shop__media-link{display:block;cursor:pointer;text-decoration:none;color:inherit}.kf-shop__name-link{text-decoration:none;color:inherit}.kf-shop__name-link:hover{opacity:.7}.kf-shop__viewport.is-3d .kf-shop__slide:not(.is-focused){cursor:pointer}.kf-shop__viewport.is-3d .kf-shop__add{display:inline-block}.kf-shop__viewport.is-3d .kf-shop__counter{display:block;position:absolute;top:var(--spacing-24);left:50%;transform:translate(-50%);z-index:100;margin:0;font-size:var(--text-body-sm);letter-spacing:.18em;color:var(--color-ash-gray)}.kf-shop__viewport.is-3d .kf-shop__nav{display:block}.kf-shop__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:100;width:var(--spacing-48);height:var(--spacing-48);border:1px solid var(--color-warm-graphite);border-radius:var(--radius-full);background:var(--color-absolute-black);color:var(--color-pure-white);display:flex;align-items:center;justify-content:center;transition:border-color .16s ease,color .16s ease}.kf-shop__arrow--prev{left:var(--spacing-24)}.kf-shop__arrow--next{right:var(--spacing-24)}.kf-shop__arrow:hover{border-color:var(--color-pure-white);color:var(--color-brand-red)}@media(min-width:1024px){.kf-shop__arrow--prev{left:var(--spacing-48)}.kf-shop__arrow--next{right:var(--spacing-48)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/carousel-3d.css.map */