/* ============================================================
   SLIDER-RESPONSIVE.CSS — Garnazelle LP
   Breakpoints dédiés au hero slider uniquement
   ============================================================ */

/* ≤ 992px : hero empilé, slider pleine largeur */
@media (max-width: 992px) {
    .hero-text-block {
        padding-bottom: 28px;
    }

    .hero-slide {
        aspect-ratio: 1200 / 628;
    }

    .hero-dot {
        width: 16px;
    }
    .hero-dot.active {
        width: 32px;
    }
}

/* ≤ 480px : dots adaptés au touch */
@media (max-width: 480px) {
    .hero-dot {
        height: 3px;
        width: 14px;
    }
    .hero-dot.active {
        width: 28px;
    }

    .hero-slider-dots {
        bottom: 10px;
        gap: 6px;
    }
}