dm-drop-carousel{display:block;position:relative;--dm-card-count:4;--dm-card-gap:24px}
.dm-drop-carousel__controls{display:flex;justify-content:flex-end;gap:8px;margin-bottom:20px}.dm-drop-carousel__controls[hidden]{display:none}
.dm-drop-carousel__controls button{display:grid;place-items:center;min-width:44px;min-height:44px;background:transparent;border:1px solid #494a4b;color:inherit;font-size:20px;cursor:pointer;transition:border-color .2s,background .2s}
.dm-drop-carousel__controls button:hover{background:#202123;border-color:#ddd}.dm-drop-carousel__controls button:focus-visible,.dm-drop-carousel__track:focus-visible{outline:2px solid #f2f0ea;outline-offset:3px}
.dm-drop-carousel__track{display:flex;gap:var(--dm-card-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#777 transparent;padding-bottom:12px;direction:ltr}
.dm-drop-carousel__slide{flex:0 0 calc((100% - (var(--dm-card-count) - 1)*var(--dm-card-gap))/var(--dm-card-count));min-width:0;scroll-snap-align:start}
.dm-drop-carousel__slide .dm-product__media img{object-fit:contain;transform:none}.dm-drop-carousel__slide .dm-product h3{overflow-wrap:anywhere}
dm-drop-carousel[data-ready] .dm-drop-carousel__track{scrollbar-width:none}dm-drop-carousel[data-ready] .dm-drop-carousel__track::-webkit-scrollbar{display:none}
@media(max-width:989px){dm-drop-carousel{--dm-card-count:2;--dm-card-gap:16px}}
@media(max-width:749px){dm-drop-carousel{--dm-card-count:1.2;--dm-card-gap:12px}.dm-drop-carousel__controls{margin-bottom:16px}.dm-drop-carousel__slide .dm-product h3{font-size:.9rem}}
@media(min-width:540px) and (max-width:749px){dm-drop-carousel{--dm-card-count:1.8}}
@media(prefers-reduced-motion:reduce){.dm-drop-carousel__controls button,.dm-drop-carousel__slide img{transition:none!important}}
.dm-drop-carousel__controls button[hidden]{display:none}