.coverflow{--coverflow-ease:cubic-bezier(.22, 1, .36, 1);min-width:0;color:var(--ink)}.coverflow-stage{aspect-ratio:1.12;perspective:1400px;isolation:isolate;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;outline-offset:-3px;position:relative;overflow:hidden}.coverflow-card{aspect-ratio:1;width:76%;opacity:var(--card-opacity);transform:translateX(var(--card-offset)) scale(var(--card-scale)) rotateY(var(--card-rotation));transition:transform .72s var(--coverflow-ease), opacity .45s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;margin:0;position:absolute;top:6%;left:12%}.coverflow-image-button{cursor:pointer;border:1px solid var(--border);background:var(--sand);outline-offset:-5px;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 12px 25px -16px #302d2745}.coverflow-image-button img{width:100%;height:100%;transition:transform .7s var(--coverflow-ease);display:block}.coverflow-card[data-detail=true] img{transform:scale(1.65)}.coverflow-shade{background:var(--ink);opacity:.16;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.coverflow-card[data-active=true] .coverflow-shade{opacity:0}.coverflow-expand{background:var(--cream);width:44px;height:44px;color:var(--green);opacity:0;transition:opacity .35s ease, transform .35s var(--coverflow-ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px;transform:scale(.85)}.coverflow-card[data-active=true] .coverflow-expand{opacity:1;transform:scale(1)}.coverflow-navigation{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding-bottom:12px;display:flex}.coverflow-caption{align-items:center;gap:18px;font-size:12px;display:flex}.coverflow-count{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}.coverflow-count b{color:var(--green);font-weight:500}.coverflow-count>span{color:var(--brass);margin:0 7px;display:inline-block}.coverflow-view-name{animation:.45s both coverflow-caption-in}.coverflow-arrows{gap:8px;display:flex}.coverflow-arrows button{border:1px solid var(--border);width:44px;height:44px;color:var(--green);background:0 0;border-radius:50%;place-items:center;transition:background-color .2s,color .2s,border-color .2s;display:grid}.product-gallery .gallery-main.has-coverflow{aspect-ratio:auto;background:0 0;overflow:visible}.product-gallery .gallery-main.has-coverflow .image-note{max-width:none;color:var(--muted);background:0 0;margin-top:14px;padding:0;font-size:10px;line-height:1.5;display:block;position:static}.product-gallery .has-coverflow+.gallery-controls{margin-top:18px}.product-gallery .has-coverflow+.gallery-controls .detail-toggle{min-height:44px}.coverflow :focus-visible{outline:2px solid var(--terra)}@media (hover:hover){.coverflow-arrows button:hover{color:var(--cream);background:var(--green);border-color:var(--green)}.coverflow-image-button:hover .coverflow-shade{opacity:.06}.coverflow-card[data-active=true] .coverflow-image-button:hover .coverflow-shade{opacity:0}.coverflow-card[data-active=true] .coverflow-image-button:hover .coverflow-expand{transform:scale(1.08)}}@media (max-width:600px){.coverflow-stage{aspect-ratio:1.08;perspective:900px}.coverflow-card{width:80%;top:5%;left:10%}.coverflow-expand{top:9px;right:9px}.coverflow-caption{gap:8px;font-size:11px}.coverflow-count>span{margin:0 3px}.coverflow-arrows{gap:6px}.coverflow-navigation{gap:8px}.product-gallery .has-coverflow+.gallery-controls{gap:12px}.product-gallery .has-coverflow+.gallery-controls .gallery-thumbnails{gap:6px}.product-gallery .has-coverflow+.gallery-controls .gallery-thumbnails>button{width:46px;height:46px}}@keyframes coverflow-caption-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.coverflow-card{transform:translateX(var(--card-offset)) scale(var(--card-scale));transition:opacity .12s}.coverflow-image-button img,.coverflow-expand,.coverflow-shade,.coverflow-arrows button{transition:none}.coverflow-view-name{animation:none}}
