/* === WPCB v1.0.3: Carousel styles === */
.carousel { position: relative; overflow: hidden; width: 100%; }
.carousel-track { display: flex; transition: transform 0.4s ease-in-out; cursor: grab; }
.carousel-track:active { cursor: grabbing; }
.carousel-slide { flex: 0 0 100%; display: flex; justify-content: center; align-items: center; }
.carousel-slide img { width: 100%; height: auto; display: block; }
.dots { margin-top: 1em; display: flex; justify-content: center; gap: 10px; }
.dot { width: 14px; height: 14px; background: #ccc; border-radius: 50%; cursor: pointer; transition: background 0.3s; }
.dot.active { background: #d51e44; }
@media (min-width: 768px) { .carousel-slide { flex: 0 0 50%; } }
@media (min-width: 1024px) { .carousel-slide { flex: 0 0 33.3333%; } }