/* ============================================================
   RESPONSIVE TABLETTE  769px–1100px
============================================================ */
@media (min-width: 769px) and (max-width: 1100px) {

  .container { padding: 0 40px; }

  .header { padding: 0 40px; }

  .section-hero .container { padding: 0 40px; }

  .header__logo { width: 280px; }

  .page-title { font-size: 38px; }

  /* 2 colonnes */
  .cards-grid--3 > * { width: calc((100% - 40px) / 2); }

  /* Sidebar cachee sur tablette (override .desktop-only !important) */
  .sidebar { display: none !important; }

  .circuit-hero { flex-direction: column; gap: 30px; }

  .main-layout__inner { flex-direction: column; }

  .lieu-bloc__image { width: 100%; height: 220px; }
  .lieu-bloc { flex-direction: column; gap: 20px; }

  .aime-bloc { flex-direction: column; gap: 20px; }
  .aime-bloc__image { width: 100%; height: 320px; }
  .specialiste-bloc { flex-direction: column; gap: 20px; }
  .specialiste-bloc__edito { width: 100%; }
  .specialiste-bloc__image { height: 320px; }

  /* Edito reset padding for tablet */
  .edito-bloc,
  .edito-hero-image {
    padding-left: 0;
    padding-right: 0;
  }

  /* Prestations */
  .prestations-container { padding: 0 40px; }

  /* Footer */
  .footer-top { gap: 60px; padding: 60px 40px; }
  .footer-top__logo { width: 280px; height: 68px; }
  .footer-cols { padding: 40px 40px; gap: 20px; }

  /* Trouvailles : padding sur la section (mirroir du .header tablet) pour
     aligner le titre avec le lien Menu du header à toutes les largeurs. */
  .section-trouvailles { padding: 40px 40px; }
  .section-trouvailles .container { padding: 0; }

  /* Section paroles */
  .section-paroles { padding: 60px 60px 50px; }
}