.scroll-carousel{position:relative;width:100%}.scroll-carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:10px}.scroll-carousel-track::-webkit-scrollbar{display:none}.scroll-carousel-slide{flex-shrink:0;scroll-snap-align:start;width:calc((100% - (var(--slides-mobile) - 1) * var(--gap)) / var(--slides-mobile))}@media (min-width:768px){.scroll-carousel-slide{width:calc((100% - (var(--slides-tablet) - 1) * var(--gap)) / var(--slides-tablet))}}@media (min-width:1024px){.scroll-carousel-slide{width:calc((100% - (var(--slides-desktop) - 1) * var(--gap)) / var(--slides-desktop))}}.scroll-carousel-dots{display:flex;justify-content:center;margin-top:24px;gap:8px}.scroll-carousel-dot{width:10px;height:10px;background:#cccccc;border-radius:50%;border:none;cursor:pointer;padding:0;transition:all .3s ease}.scroll-carousel-dot.active{background:#ff2c2c;width:24px;border-radius:5px}