.carousel-indicators{display:flex;justify-content:center;margin-top:10px;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background-color:#ccc;transition:background-color .3s ease}.dot.active{background-color:#333}.dot{transition:background-color .3s ease,transform .3s ease}.dot.active{transform:scale(1.1)}@media (prefers-reduced-motion:reduce){.dot{transition:none}}@media (min-width:768px){.carousel-indicators{display:none}}.carousel-container{position:relative;width:100%;overflow:hidden}.carousel{display:flex;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory}.carousel::-webkit-scrollbar{display:none}.carousel-item{flex:0 0 100%;padding:10px;box-sizing:border-box;scroll-snap-align:start}@media (min-width:768px){.carousel-item{flex:0 0 33.33%}}.carousel-btn{display:none}@media (min-width:768px){.carousel-btn{display:block;position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:white;border:none;padding:10px;cursor:pointer;z-index:2}.carousel-btn.left{left:5px}.carousel-btn.right{right:5px}}