.coverflow-section{--cf-card-w: 320px;--cf-card-h: 420px;--cf-accent: #c98a4b;--cf-bg: #0e0d0c;--cf-text: #f3efe8;--cf-radius: 0px;--cf-ease: cubic-bezier(.22, .61, .36, 1);--cf-duration: .62s;--cf-dot-color: rgba(243, 239, 232, .45);--cf-dot-size: 1px;--cf-dot-spacing: 130px;background-color:var(--cf-bg);background-image:radial-gradient(circle,var(--cf-dot-color) var(--cf-dot-size),transparent var(--cf-dot-size));background-size:var(--cf-dot-spacing) var(--cf-dot-spacing);background-position:0 0;color:var(--cf-text);padding:clamp(2.5rem,5vw,5rem) 0 clamp(2.5rem,4vw,4rem);overflow:hidden;font-family:var(--font-body-family, inherit)}.coverflow-header{text-align:center;max-width:640px;margin:0 auto clamp(1.5rem,3vw,2.5rem);padding:0 1.5rem}.coverflow-heading{font-size:clamp(1.75rem,3.2vw,2.75rem);line-height:1.1;margin:0 0 .5rem;letter-spacing:-.01em;font-weight:600;color:var(--cf-text)}.coverflow-subheading{margin:0;font-size:.95rem;opacity:.62;letter-spacing:.01em}.coverflow-stage{position:relative;width:100%;height:calc(var(--cf-card-h) * 1.18);display:block;outline:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y}.coverflow-stage:focus-visible{box-shadow:inset 0 0 0 3px var(--cf-accent)}.coverflow-track{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1400px;perspective-origin:50% 50%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.coverflow-card{position:absolute;top:50%;left:50%;width:var(--cf-card-w);height:var(--cf-card-h);margin:calc(var(--cf-card-h) / -2) 0 0 calc(var(--cf-card-w) / -2);border:none;background:transparent;padding:0;cursor:pointer;font:inherit;color:inherit;-webkit-appearance:none;appearance:none;transform:translate3d(var(--cf-x, 0px),0,var(--cf-z, 0px)) rotateY(var(--cf-rot, 0deg)) scale(var(--cf-scale, 1));opacity:var(--cf-opacity, 1);z-index:var(--cf-zindex, 1);filter:brightness(var(--cf-brightness, 1));transition:transform var(--cf-duration) var(--cf-ease),opacity var(--cf-duration) var(--cf-ease),filter var(--cf-duration) var(--cf-ease);will-change:transform,opacity}.coverflow-card[data-active=true]{cursor:default}@media(hover:hover)and (pointer:fine){.coverflow-card:not([data-active=true]):hover{filter:brightness(1);z-index:99}.coverflow-card:not([data-active=true]):hover .coverflow-card-inner{transform:scale(1.06) translateY(-4px);border-color:var(--cf-accent);box-shadow:0 1.75rem 3rem -1rem #0000008c}}.coverflow-card-inner{position:relative;display:flex;flex-direction:column;width:100%;height:100%;border-radius:var(--cf-radius, 0px);overflow:hidden;background:#fdfcfa;border:1.5px solid #141312;box-shadow:0 1.25rem 2.5rem -1rem #00000080;transform:scale(1);transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}.coverflow-card-photo{position:relative;flex:1 1 auto;min-height:0;background:#fdfcfa;display:flex;align-items:center;justify-content:center;border-bottom:1.5px solid #141312;overflow:hidden}.coverflow-card-img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;-webkit-user-select:none;user-select:none;pointer-events:none;transform:scale(calc(var(--cf-photo-zoom, 100%) / 100%));transform-origin:center center;transition:transform .32s ease}.coverflow-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f1efe9}.coverflow-placeholder-svg{width:55%;height:55%;opacity:.25}.coverflow-card-info{position:relative;flex:0 0 auto;display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;background:#fdfcfa;color:#141312}.coverflow-card-title{font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coverflow-card-price{font-size:.8rem;font-weight:600;white-space:nowrap;flex-shrink:0}.coverflow-price-sale{color:var(--cf-accent);font-weight:600}.coverflow-price-compare{text-decoration:line-through;opacity:.55;margin-left:.35rem;font-size:.78rem}.coverflow-card-link{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;text-indent:-9999px;overflow:hidden}.coverflow-card[data-active=true] .coverflow-card-link{pointer-events:auto;cursor:pointer}.coverflow-controls{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:clamp(1.5rem,3vw,2.25rem)}.coverflow-btn{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid rgba(243,239,232,.18);background:#f3efe80a;color:var(--cf-text);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .15s ease}.coverflow-btn:hover{border-color:var(--cf-accent);background:#f3efe814}.coverflow-btn:active{transform:scale(.92)}.coverflow-btn:focus-visible{outline:2px solid var(--cf-accent);outline-offset:2px}.coverflow-dots{display:flex;align-items:center;gap:.5rem}.coverflow-dot{width:.4rem;height:.4rem;border-radius:50%;border:none;padding:0;background:#f3efe840;cursor:pointer;transition:background .2s ease,transform .2s ease}.coverflow-dot:hover{background:#f3efe880}.coverflow-dot[aria-selected=true]{background:var(--cf-accent);transform:scale(1.3)}@media(prefers-reduced-motion:reduce){.coverflow-card{transition:opacity .2s linear}}@media(max-width:749px){.coverflow-section{--cf-card-w: min(72vw, 280px);--cf-card-h: min(72vw, 280px) * 1.3}.coverflow-stage{height:calc(min(72vw,280px)*1.625)}.coverflow-btn{width:2.5rem;height:2.5rem}}@media(max-width:480px){.coverflow-card-info{padding:.65rem .8rem}.coverflow-card-title{font-size:.68rem}.coverflow-card-price{font-size:.7rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/coverflow-collection.css.map */