/* =========================================================
   RESPONSIVE — tablette & mobile
   Les boutons WhatsApp / Instagram / Snapchat restent visibles
   et cliquables à toutes les tailles d'écran.
   ========================================================= */

/* ---------- Tablette (≤1024px) ---------- */
@media (max-width: 1024px){
    .fs-hero__inner{ grid-template-columns:1fr; }
    .fs-hero__media{ order:-1; max-width:420px; margin:0 auto; }
    .fs-about__inner{ grid-template-columns:1fr; }
    .fs-about__media{ max-width:420px; margin:0 auto; }
    .fs-footer__grid{ grid-template-columns:1fr 1fr; }
    .fs-aa-card{ grid-template-columns:1fr; }
    .fs-aa-card__photos{ grid-column:1; }
}

/* ---------- Mobile (≤782px) ---------- */
@media (max-width: 782px){
    .fs-container{ padding:0 1.1rem; }

    /* Menu principal → panneau plein écran */
    .fs-header__burger{ display:flex; }
    .fs-header__nav{
        position:fixed;
        top:0; right:0;
        height:100vh;
        width:min(320px, 84vw);
        background:var(--fs-color-bg);
        box-shadow:-10px 0 30px rgba(0,0,0,.15);
        transform:translateX(100%);
        transition:transform .3s ease;
        z-index:600;
        display:block;
        padding:6rem 1.75rem 2rem;
        overflow-y:auto;
    }
    .fs-header__nav.is-open{ transform:translateX(0); }
    .fs-header__menu{ flex-direction:column; align-items:flex-start; gap:1.4rem; }
    .fs-header__menu a::after{ display:none; }

    .fs-header__actions{ gap:.4rem; }
    .fs-header__cta span{ display:none; }
    .fs-header__cta{ padding:.75rem; border-radius:50%; width:2.75rem; height:2.75rem; justify-content:center; }
    .fs-header__cta svg{ width:1.3em; height:1.3em; }

    .fs-hero, .fs-section{ padding-top:var(--fs-space-xl); padding-bottom:var(--fs-space-xl); }
    .fs-hero__actions{ flex-direction:column; align-items:stretch; }
    .fs-hero__actions .fs-btn{ justify-content:center; }

    .fs-footer__grid{ grid-template-columns:1fr; text-align:left; }
    .fs-footer__bottom-inner{ flex-direction:column; }

    .fs-aa-card__photos{ grid-template-columns:1fr; }

    .fs-whatsapp-float{ bottom:14px; right:14px; width:52px; height:52px; }
}

/* Petit mobile */
@media (max-width: 420px){
    .fs-services__grid, .fs-advantages__grid, .fs-testimonials__grid{ grid-template-columns:1fr; }
    .fs-gallery__grid{ grid-template-columns:repeat(2, 1fr); }
}

/* Ouverture du menu mobile : classe ajoutée par assets/js/main.js */
body.fs-menu-open{ overflow:hidden; }