.ds-v5-card-media.has-preview .ds-card-viewport{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;direction:ltr}
.ds-card-viewport::-webkit-scrollbar{display:none}
.ds-card-frame{position:relative;flex:0 0 100%;width:100%;height:100%;min-width:0;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}
.ds-card-frame picture{display:block;width:100%;height:100%}
.ds-v5-product-card .ds-v5-card-link .ds-v5-card-media.has-preview .ds-card-frame--preview img{object-fit:contain!important;transform:none!important;background:#f6f8fc}
.ds-card-preview-dots{position:absolute;z-index:2;bottom:6px;left:50%;display:flex;gap:5px;transform:translateX(-50%);padding:4px 6px;border-radius:10px;background:rgba(255,255,255,.94);pointer-events:none}
.ds-card-preview-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#667085}
.ds-card-preview-dots i.is-active{background:#4f46e5}
.ds-v5-card-media.ds-card-preview-unavailable .ds-card-frame--preview,.ds-v5-card-media.ds-card-preview-unavailable .ds-card-preview-dots{display:none!important}
@media(min-width:641px) and (hover:hover) and (pointer:fine){
  .ds-v5-card-media.has-preview .ds-card-viewport{display:block;overflow:hidden;scroll-snap-type:none}
  .ds-card-frame{position:absolute;inset:0;transition:opacity .2s ease}
  .ds-card-frame--preview{opacity:0;visibility:hidden}
  .ds-v5-product-card:hover .ds-v5-card-media.has-preview:not(.ds-card-preview-unavailable) .ds-card-frame--cover,.ds-v5-card-media.has-preview[data-ds-preview-index="1"]:not(.ds-card-preview-unavailable) .ds-card-frame--cover{opacity:0;visibility:hidden}
  .ds-v5-product-card:hover .ds-v5-card-media.has-preview:not(.ds-card-preview-unavailable) .ds-card-frame--preview,.ds-v5-card-media.has-preview[data-ds-preview-index="1"]:not(.ds-card-preview-unavailable) .ds-card-frame--preview{opacity:1;visibility:visible}
  .ds-v5-product-card:hover .ds-v5-card-media.has-preview .ds-card-preview-dots i:first-child{background:#667085}
  .ds-v5-product-card:hover .ds-v5-card-media.has-preview .ds-card-preview-dots i:last-child{background:#4f46e5}
}
@media(prefers-reduced-motion:reduce){.ds-card-frame{transition:none}}