[data-card-carousel]{position:relative}
.uk-card-carousel-media{touch-action:pan-y;position:relative}
[data-card-carousel] .uk-card-worn{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .2s ease}
[data-card-carousel] .product-card__image--primary{opacity:1!important}
.uk-card-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px 12px}
.uk-card-carousel-controls button{flex:none;width:44px;height:44px;border:1px solid #ffffff30;border-radius:50%;background:#14121b;color:#fff;font-size:26px;cursor:pointer}
.uk-card-carousel-controls button:hover{border-color:var(--accent);color:var(--accent)}
.uk-card-carousel-controls span{min-width:0;text-align:center;font-size:.72rem;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
[data-card-carousel] .uk-card-colors{flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}
[data-card-carousel] .uk-card-color{flex:none}
[data-card-carousel] .uk-card-color.is-selected{border:2px solid var(--accent)}
@media(hover:hover) and (pointer:fine){[data-card-carousel] .uk-card-carousel-media:hover .uk-card-worn:not([hidden]){opacity:1}}
@media(prefers-reduced-motion:reduce){[data-card-carousel] .uk-card-worn{transition:none}}

[data-card-carousel] .uk-card-carousel-controls{position:absolute;inset:0;z-index:4;padding:0 8px;pointer-events:none}
.uk-card-carousel-controls button{pointer-events:auto;background:#131019dd;box-shadow:0 4px 14px #0003}
.uk-card-carousel-controls span{position:absolute;bottom:8px;left:52px;right:52px;background:#131019e6;color:#fff;border-radius:10px;padding:5px 8px}
.uk-card-carousel-media:has(button:hover) .uk-card-worn,.uk-card-carousel-media:has(button:focus-visible) .uk-card-worn{opacity:0!important}
.uk-card-carousel-media>[data-card-link]{display:block;height:100%}
.uk-card-carousel-media .product-card__quick{display:none}

[data-card-carousel] .uk-card-carousel-controls{display:none!important}


.uk-grid-swipe-hint{display:none}
@media(hover:none) and (pointer:coarse){.uk-grid-swipe-hint{display:block;margin:0 0 12px;text-align:center;color:var(--muted);font-size:.7rem;line-height:1.4}}