/* ─── RESPONSIVE ─── */
/* ══════════════════════════════════════════
   RESPONSIVE COMMUN (home + activités)
══════════════════════════════════════════ */

/* ─── BURGER MENU ─── */
.nav-burger{
  display:none;flex-direction:column;justify-content:center;
  gap:5px;cursor:pointer;padding:8px;background:none;border:none;
}
.nav-burger span{
  width:22px;height:2px;background:var(--dark);
  display:block;border-radius:2px;transition:all .25s;
}
.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-burger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ─── TABLETTE 1024px ─── */
@media(max-width:1024px){
  .nav-inner{padding:0 32px;}
  .announce{font-size:11px;padding:8px 16px;}
}

/* ─── MOBILE 768px ─── */
@media(max-width:768px){
  /* Announce */
  .announce{display:none;}

  /* Nav */
  .nav{position:relative;}
  .nav-inner{padding:0 20px;}
  .nav-logo-text span{display:none;}
  .nav-logo-text{font-size:12px;}
  .nav-links{
    display:none;
    position:absolute;top:76px;left:0;right:0;
    flex-direction:column;gap:0;
    background:var(--white);
    border-bottom:1px solid rgba(74,48,32,.1);
    box-shadow:0 10px 30px rgba(58,37,21,.08);
    z-index:100;padding:8px 0;
    list-style:none;
  }
  .nav-links.open{display:flex;}
  .nav-links li{border-bottom:1px solid rgba(74,48,32,.06);}
  .nav-links li:last-child{border-bottom:none;}
  .nav-links li a{display:block;padding:14px 24px;font-size:14.5px;color:var(--dark);}
  .nav-cta{display:none;}
  .nav-burger{display:flex;}

  /* FAQ */
  .faq{padding:56px 20px;}
  .faq > *{max-width:100%;}
  .faq-item summary{font-size:13px;padding:16px 18px;}
  .faq-item p{padding:0 18px 16px;font-size:13px;}

  /* CTA final */
  .cta-final{padding:72px 24px;}
  .cta-final h2{font-size:32px;}
  .cta-final p{font-size:13px;}
  .cta-final-pill{font-size:10px;padding:7px 14px;}

  /* Footer */
  footer{padding:48px 20px 24px;}
  footer > *{max-width:100%;}
  .foot-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .foot-bottom{flex-direction:column;gap:6px;text-align:center;}
  .foot-logo{flex-direction:column;align-items:flex-start;gap:8px;}
}

/* ─── PETIT MOBILE 480px ─── */
@media(max-width:480px){
  .foot-grid{grid-template-columns:1fr;}
}

/* ══════════════════════════════════════════
   RESPONSIVE HOME PAGE UNIQUEMENT
══════════════════════════════════════════ */

/* ─── TABLETTE 1024px ─── */
@media(max-width:1024px){
  .hero-grid{padding:40px 32px 60px;}
  .hero-left h1{font-size:48px;}
  .activites{padding:72px 32px;}
  .promesse{padding:48px 32px;}
  .studio{padding:60px 32px;gap:40px;}
  .studio-content{padding:0;}
  .planning{padding:72px 32px;}
  .planning > *{padding:0;}
  .tarifs{padding:72px 32px;}
  .confiance{padding:72px 32px;}
  .map-section{padding:60px 32px;}
  .faq{padding:72px 32px;}
}

/* ─── MOBILE 768px ─── */
@media(max-width:768px){
  /* Section labels */
  .section-label{justify-content:center;}
  .section-head{text-align:center;}

  /* Hero */
  .hero{padding-top:76px;}
  .hero-grid{
    grid-template-columns:1fr;
    padding:40px 20px 48px;
    gap:32px;
    min-height:auto;
  }
  .hero-left h1{font-size:36px;}
  .hero-left p{font-size:14px;}
  .hero-btns{flex-direction:column;gap:10px;}
  .hero-btns .btn-fill,.hero-btns .btn-line{width:100%;text-align:center;}
  .hero-pills{flex-wrap:wrap;gap:8px;}
  .hero-right{display:none;}

  /* Ticker */
  .ticker{padding:18px 0;}
  .ticker-inner span{font-size:12px;padding:0 16px;}

  /* Activités / 3 piliers */
  .activites{padding:56px 20px;}
  .section-head{margin-bottom:40px;}
  .pillars{grid-template-columns:1fr;}
  .pillar-img{height:200px;}
  .pillar-icon{margin-top:-36px;}
  .pillar-body{padding:24px 20px;}

  /* Promesse band */
  .promesse{padding:40px 20px;}
  .promesse-grid{
    grid-template-columns:1fr 1fr;
    gap:0;
  }
  .promesse-item{
    border-right:none;
    border-bottom:1px solid rgba(239,221,208,.15);
    padding:20px 16px;
  }
  .promesse-item:nth-child(odd){border-right:1px solid rgba(239,221,208,.15);}
  .promesse-item:nth-child(3),.promesse-item:nth-child(4){border-bottom:none;}
  .promesse-item h4{font-size:13px;}
  .promesse-item p{font-size:11px;}

  /* Studio galerie */
  .studio{
    grid-template-columns:1fr;
    padding:56px 20px;
    gap:32px;
  }
  .studio-gallery{order:2;}
  .studio-content{order:1;padding:0;}
  .studio-photo{height:260px;}
  .gallery-thumbs{gap:8px;}
  .gthumb{width:56px;height:44px;}
  .studio-content h2{font-size:30px;}

  /* Planning */
  .planning{padding:56px 20px;}
  .planning > *{padding:0;max-width:100%;}
  .ptabs{gap:4px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;}
  .ptab{
    font-size:11px;padding:8px 14px;white-space:nowrap;flex-shrink:0;
  }
  .p-grid{
    grid-template-columns:1fr;
    gap:8px;
    max-height:340px;overflow-y:auto;
  }
  .pslot{
    grid-template-columns:80px 1fr auto;
    padding:12px 14px;
    gap:10px;
  }
  .pslot-time{font-size:12px;}
  .pslot-name{font-size:13px;}
  .planning-cta{margin-top:32px;}

  /* Tarifs */
  .tarifs{padding:56px 20px;}
  .tarifs > *{max-width:100%;}
  .eng-toggle{flex-wrap:wrap;justify-content:center;}
  .tarif-table{margin:0 0 40px;}
  .tt-row{padding:14px 16px;gap:10px;}
  .tt-name{font-size:13px;}
  .tt-price{font-size:18px;}
  .formules-list{max-width:100%;margin:0 0 40px;}
  .f-card{
    grid-template-columns:1fr;
    gap:14px;
    text-align:center;
    padding:20px;
  }
  .f-name-badge{display:inline-block;}
  .f-price-block{text-align:center;}
  .bottom-tarifs{grid-template-columns:1fr;max-width:100%;}

  /* Confiance */
  .confiance{padding:56px 20px;}
  .confiance > *{max-width:100%;}
  .confiance-grid{grid-template-columns:1fr;gap:40px;}
  .confiance-left h2{font-size:30px;}
  .confiance-right{padding:28px 24px;}

  /* Map */
  .map-section{padding:56px 20px;}
  .map-section > *{max-width:100%;}
  .map-header{flex-direction:column;align-items:flex-start;gap:12px;}
  .map-link{margin-left:0;}
  .map-frame{height:260px;}
}

/* ─── PETIT MOBILE 480px ─── */
@media(max-width:480px){
  .hero-left h1{font-size:28px;}
  .hero-pills{display:none;}
  .promesse-grid{grid-template-columns:1fr;}
  .promesse-item{border-right:none !important;}
  .promesse-item:nth-child(3){border-bottom:1px solid rgba(239,221,208,.15) !important;}
  .pslot{grid-template-columns:70px 1fr;}
  .pslot-tag{display:none;}
  .tt-left{flex-direction:column;gap:8px;align-items:flex-start;}
}