evolt-parts-carousel{display:block;min-width:0;--parts-columns:5;--parts-gap:20px}
evolt-parts-carousel.ev-parts-carousel--brands{--parts-columns:8;--parts-gap:16px}
.ev-parts-carousel__controls{display:flex;justify-content:center;gap:12px;margin-top:20px}
.ev-parts-carousel__controls[hidden]{display:none}
.ev-parts-carousel__controls button{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid rgba(var(--color-foreground),.3);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer}
.ev-parts-carousel__controls button svg{width:20px;height:20px}
.ev-parts-carousel__controls [data-carousel-prev] svg{transform:rotate(180deg)}
.ev-parts-carousel__controls button:disabled{opacity:.35;cursor:default}
.ev-parts-carousel__controls button:focus-visible,evolt-parts-carousel>ul:focus-visible{outline:3px solid #7ed957;outline-offset:3px}
@media(min-width:990px){
  evolt-parts-carousel[data-desktop="carousel"]>ul{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--parts-columns) - 1)*var(--parts-gap))/var(--parts-columns));gap:var(--parts-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:3px;overscroll-behavior-x:contain;padding:3px;margin:-3px;scrollbar-width:thin}
  evolt-parts-carousel[data-desktop="carousel"]>ul>li{scroll-snap-align:start;min-width:0}
}
@media(max-width:989px){
  evolt-parts-carousel{--parts-columns:3}
  evolt-parts-carousel.ev-parts-carousel--brands{--parts-columns:4}
  evolt-parts-carousel[data-mobile="carousel"]>ul{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--parts-columns) - 1)*var(--parts-gap))/var(--parts-columns));gap:var(--parts-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:3px;overscroll-behavior-x:contain;padding:3px;margin:-3px;scrollbar-width:thin}
  evolt-parts-carousel[data-mobile="carousel"]>ul>li{scroll-snap-align:start;min-width:0}
}
@media(max-width:600px){evolt-parts-carousel,evolt-parts-carousel.ev-parts-carousel--brands{--parts-columns:2;--parts-gap:12px}}