/* Carousel essentials (if not already present) */
.carousel{position:relative;width:100%;height:100%}
.carousel-inner{position:relative;width:100%;height:100%}
.carousel .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease}
.carousel .slide.active{opacity:1}
.carousel-prev,.carousel-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.85);border:1px solid var(--border);border-radius:999px;padding:.2rem .6rem;cursor:pointer}
.carousel-prev{left:8px}
.carousel-next{right:8px}
.carousel-dots{position:absolute;left:0;right:0;bottom:6px;display:flex;gap:6px;justify-content:center}
.carousel-dots .dot{width:7px;height:7px;border-radius:999px;border:1px solid var(--border);background:#fff;opacity:.8}
.carousel-dots .dot.active{background:var(--accent)}