/* ====== RESPONSIVE ====== */
@media(max-width:1024px){
  .cartes,.temoins,.options-grid{grid-template-columns:1fr 1fr}
  .formules{grid-template-columns:1fr 1fr}
  .etapes{grid-template-columns:1fr 1fr}
  .galerie-grid{grid-template-columns:repeat(3,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  /* backdrop-filter sur <nav> casse position:fixed des enfants → on le retire sur mobile */
  nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(7,7,9,.96)}
  .nav-links{
    position:fixed;inset:0;background:rgba(7,7,9,.97);backdrop-filter:blur(20px);
    flex-direction:column;justify-content:center;gap:30px;
    transform:translateX(100%);transition:transform .45s ease;
  }
  .nav-links.open{transform:translateX(0)}
  .nav-links a{font-size:1rem}
  #burger{display:block}
  .apropos-grid,.contact-grid,.tarif-grid,.formules{grid-template-columns:1fr;gap:44px}
  .options-grid,.tarif-notes{grid-template-columns:1fr}
  .stats-band{grid-template-columns:1fr 1fr;margin-top:-40px}
  .cartes,.temoins{grid-template-columns:1fr}
  .galerie-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}
  .f-row{grid-template-columns:1fr}
  section{padding:80px 6%}
}
@media(max-width:480px){
  .etapes{grid-template-columns:1fr}
  .galerie-grid{grid-template-columns:1fr;grid-auto-rows:200px}
  .gitem.large{grid-column:span 1;grid-row:span 1}
  .foot-grid{grid-template-columns:1fr}
}