/* ============================================================
   MOBILE RESPONSIVE — index-mobile.css
   Approche : reset total des marges absolues Nicepage
   et remplacement par layout naturel (flex / block)
   Breakpoint cible : <= 575px (xs)
   ============================================================ */

/* ===== RESET GLOBAL MOBILE ===== */
@media (max-width: 575px) {
  html, body {
    overflow-x: hidden;
    width: 100%;
  }

  /* Reset ALL large pixel margins that cause overlap — nuclear option */
  [class*="u-section-"] * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .u-sheet {
    padding-left: 16px !important;
    padding-right: 16px !important;
    overflow: hidden !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Make all layout cells block on mobile */
  .u-layout-cell,
  .u-layout-row,
  .u-layout-col,
  .u-layout-wrap {
    display: block !important;
    width: 100% !important;
    float: none !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Reset all container layouts to natural flow */
  .u-container-layout {
    padding: 12px 0 !important;
    display: block !important;
    position: relative !important;
    width: 100% !important;
  }

  /* All text elements: reset to natural margins */
  [class*="u-text-"] {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: static !important;
  }

  /* All buttons: block full width by default, override per section below */
  .u-btn {
    display: inline-block !important;
    margin: 6px 0 !important;
  }

  /* All images: responsive */
  img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* All repeater grids → single column */
  [class*="u-repeater"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    min-height: auto !important;
    grid-template-columns: none !important;
    width: 100% !important;
  }

  [class*="u-list-item"] {
    width: 100% !important;
    min-height: auto !important;
  }

  [class*="u-list"] {
    width: 100% !important;
    margin: 0 !important;
  }

  /* Groups */
  [class*="u-group"] {
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    margin: 0 !important;
    position: static !important;
  }
}

/* ===== SECTION 1 — HERO ===== */
@media (max-width: 575px) {
  .u-section-1 {
    background-position: 60% 50% !important;
  }
  .u-section-1 .u-sheet-1 {
    min-height: 300px !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  .u-section-1 .u-text-1 {
    font-size: 1.375rem !important;
    line-height: 1.35 !important;
    margin: 0 0 10px 0 !important;
  }
  .u-section-1 .u-text-2 {
    font-size: 0.875rem !important;
    margin: 0 0 18px 0 !important;
    line-height: 1.5 !important;
  }
  .u-section-1 .u-btn-1 {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px 0 !important;
    padding: 12px 16px !important;
    font-size: 0.875rem !important;
    text-align: center !important;
  }
  .u-section-1 .u-btn-2 {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    font-size: 0.875rem !important;
    text-align: center !important;
  }
}

/* ===== SECTION 2 — À PROPOS / AUTEUR ===== */
@media (max-width: 575px) {
  .u-section-2 .u-sheet-1 {
    min-height: auto !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  /* Left column content */
  .u-section-2 .u-layout-cell-1 {
    min-height: auto !important;
  }
  .u-section-2 .u-container-layout-1 {
    padding: 0 !important;
  }
  .u-section-2 .u-text-1 {
    font-size: 1.25rem !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.35 !important;
  }
  .u-section-2 .u-line-1 {
    width: 100% !important;
    margin: 6px 0 12px 0 !important;
  }
  .u-section-2 .u-text-2,
  .u-section-2 .u-text-3,
  .u-section-2 .u-text-4,
  .u-section-2 .u-text-5 {
    margin: 0 0 8px 0 !important;
    line-height: 1.5 !important;
  }
  /* The 3 article thumbnail groups — show side by side */
  .u-section-2 .u-image-1,
  .u-section-2 .u-image-2,
  .u-section-2 .u-image-3 {
    width: calc(33.33% - 4px) !important;
    height: auto !important;
    display: inline-block !important;
    margin: 4px 2px !important;
    vertical-align: top !important;
  }
  .u-section-2 .u-container-layout-2,
  .u-section-2 .u-container-layout-3,
  .u-section-2 .u-container-layout-4 {
    display: inline-block !important;
    width: calc(33.33% - 4px) !important;
    padding: 0 !important;
    vertical-align: top !important;
    text-align: center !important;
    margin: 0 2px !important;
  }
  .u-section-2 .u-btn-1,
  .u-section-2 .u-btn-2,
  .u-section-2 .u-btn-3 {
    width: 100% !important;
    margin: 4px 0 0 0 !important;
    padding: 5px 4px !important;
    font-size: 0.6875rem !important;
    text-align: center !important;
  }
  /* Author column */
  .u-section-2 .u-layout-cell-2 {
    min-height: auto !important;
    margin-top: 24px !important;
  }
  .u-section-2 .u-container-layout-5 {
    text-align: center !important;
    padding: 0 !important;
  }
  .u-section-2 .u-image-4 {
    width: 110px !important;
    height: 110px !important;
    margin: 0 auto 12px auto !important;
    display: block !important;
  }
  .u-section-2 .u-text-6 {
    font-size: 1.125rem !important;
    margin: 0 0 6px 0 !important;
    text-align: center !important;
  }
  .u-section-2 .u-text-7 {
    font-size: 0.8125rem !important;
    margin: 0 0 6px 0 !important;
    text-align: center !important;
  }
  .u-section-2 .u-text-8 {
    font-size: 0.875rem !important;
    margin: 0 0 12px 0 !important;
    text-align: center !important;
    line-height: 1.5 !important;
  }
  .u-section-2 .u-btn-4 {
    display: block !important;
    margin: 0 auto !important;
    padding: 10px 24px !important;
    font-size: 0.875rem !important;
    width: auto !important;
  }
}

/* ===== SECTIONS 3 & 4 — ARTICLES ===== */
@media (max-width: 575px) {
  .u-section-3 .u-sheet-1,
  .u-section-4 .u-sheet-1 {
    min-height: auto !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .u-section-3 .u-text-1,
  .u-section-4 .u-text-1 {
    font-size: 1.5rem !important;
    margin: 0 0 2px 0 !important;
  }
  .u-section-3 .u-text-2,
  .u-section-4 .u-text-2 {
    font-size: 0.875rem !important;
    margin: 0 0 14px 0 !important;
  }
  .u-section-3 .u-btn-1,
  .u-section-4 .u-btn-1 {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px 0 !important;
    padding: 10px 16px !important;
    font-size: 0.875rem !important;
    text-align: center !important;
  }

  /* Card inner — flex column, natural order */
  .u-section-3 .u-container-layout-1,
  .u-section-3 .u-container-layout-2,
  .u-section-3 .u-container-layout-3,
  .u-section-4 .u-container-layout-1,
  .u-section-4 .u-container-layout-2,
  .u-section-4 .u-container-layout-3 {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 0 14px 0 !important;
  }

  /* Article image */
  .u-section-3 .u-image-1,
  .u-section-3 .u-image-2,
  .u-section-3 .u-image-3,
  .u-section-4 .u-image-1,
  .u-section-4 .u-image-2,
  .u-section-4 .u-image-3 {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover !important;
    margin: 0 0 10px 0 !important;
    order: 1 !important;
  }

  /* Category tag */
  .u-section-3 .u-btn-2,
  .u-section-3 .u-btn-3,
  .u-section-3 .u-btn-4,
  .u-section-4 .u-btn-2,
  .u-section-4 .u-btn-3,
  .u-section-4 .u-btn-4 {
    order: 2 !important;
    align-self: flex-start !important;
    margin: 0 0 6px 0 !important;
    padding: 4px 12px !important;
    font-size: 0.75rem !important;
    width: auto !important;
    display: inline-block !important;
  }

  /* Article title */
  .u-section-3 .u-text-3,
  .u-section-3 .u-text-7,
  .u-section-3 .u-text-11,
  .u-section-4 .u-text-3,
  .u-section-4 .u-text-7,
  .u-section-4 .u-text-11 {
    order: 3 !important;
    margin: 0 0 8px 0 !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
  }

  /* Separator line */
  .u-section-3 .u-line-1,
  .u-section-3 .u-line-2,
  .u-section-3 .u-line-3,
  .u-section-4 .u-line-1,
  .u-section-4 .u-line-2,
  .u-section-4 .u-line-3 {
    order: 4 !important;
    margin: 0 0 6px 0 !important;
    width: 100% !important;
  }

  /* Author name */
  .u-section-3 .u-text-4,
  .u-section-3 .u-text-8,
  .u-section-3 .u-text-12,
  .u-section-4 .u-text-4,
  .u-section-4 .u-text-8,
  .u-section-4 .u-text-12 {
    order: 5 !important;
    margin: 0 0 2px 0 !important;
    font-size: 0.8125rem !important;
  }

  /* Date */
  .u-section-3 .u-text-5,
  .u-section-3 .u-text-9,
  .u-section-3 .u-text-13,
  .u-section-4 .u-text-5,
  .u-section-4 .u-text-9,
  .u-section-4 .u-text-13 {
    order: 6 !important;
    margin: 0 8px 0 0 !important;
    font-size: 0.8125rem !important;
    display: inline-block !important;
    width: auto !important;
  }

  /* Views */
  .u-section-3 .u-text-6,
  .u-section-3 .u-text-10,
  .u-section-3 .u-text-14,
  .u-section-4 .u-text-6,
  .u-section-4 .u-text-10,
  .u-section-4 .u-text-14 {
    order: 6 !important;
    margin: 0 !important;
    font-size: 0.8125rem !important;
    display: inline-block !important;
    width: auto !important;
  }
}

/* ===== SECTION 5 — LIVRES ===== */
@media (max-width: 575px) {
  .u-section-5 .u-sheet-1 {
    min-height: auto !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .u-section-5 .u-text-1 {
    font-size: 1.5rem !important;
    margin: 0 0 2px 0 !important;
  }
  .u-section-5 .u-text-2 {
    font-size: 0.875rem !important;
    margin: 0 0 14px 0 !important;
  }
  .u-section-5 .u-btn-1 {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px 0 !important;
    padding: 10px 16px !important;
    font-size: 0.875rem !important;
    text-align: center !important;
  }
  /* Book card: image left + info right */
  .u-section-5 .u-container-layout-1,
  .u-section-5 .u-container-layout-2,
  .u-section-5 .u-container-layout-3,
  .u-section-5 .u-container-layout-4 {
    display: grid !important;
    grid-template-columns: 100px 1fr !important;
    grid-template-rows: auto auto auto !important;
    gap: 0 12px !important;
    padding: 12px !important;
    align-items: start !important;
  }
  .u-section-5 .u-image-1,
  .u-section-5 .u-image-2,
  .u-section-5 .u-image-3,
  .u-section-5 .u-image-4 {
    grid-column: 1 !important;
    grid-row: 1 / 4 !important;
    width: 100px !important;
    height: 148px !important;
    object-fit: cover !important;
    margin: 0 !important;
    align-self: start !important;
  }
  /* Title */
  .u-section-5 .u-text-3,
  .u-section-5 .u-text-5,
  .u-section-5 .u-text-7,
  .u-section-5 .u-text-9 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 0 4px 0 !important;
    font-size: 0.9375rem !important;
    width: 100% !important;
    font-weight: 700 !important;
  }
  /* Subtitle */
  .u-section-5 .u-text-4,
  .u-section-5 .u-text-6,
  .u-section-5 .u-text-8,
  .u-section-5 .u-text-10 {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 0 10px 0 !important;
    font-size: 0.8125rem !important;
    width: 100% !important;
  }
  /* Buttons row */
  .u-section-5 .u-btn-2,
  .u-section-5 .u-btn-4,
  .u-section-5 .u-btn-6,
  .u-section-5 .u-btn-8 {
    grid-column: 2 !important;
    grid-row: 3 !important;
    margin: 0 8px 0 0 !important;
    padding: 7px 14px !important;
    font-size: 0.8125rem !important;
    width: auto !important;
    display: inline-block !important;
  }
  .u-section-5 .u-btn-3,
  .u-section-5 .u-btn-5,
  .u-section-5 .u-btn-7,
  .u-section-5 .u-btn-9 {
    grid-column: 2 !important;
    grid-row: 3 !important;
    margin: 0 !important;
    padding: 7px 14px !important;
    font-size: 0.8125rem !important;
    width: auto !important;
    display: inline-block !important;
  }
}

/* ===== SECTION 6 — PODCASTS ===== */
@media (max-width: 575px) {
  .u-section-6 .u-sheet-1 {
    min-height: auto !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .u-section-6 .u-text-1 {
    font-size: 1.5rem !important;
    margin: 0 0 2px 0 !important;
  }
  .u-section-6 .u-text-2 {
    font-size: 0.875rem !important;
    margin: 0 0 14px 0 !important;
  }
  .u-section-6 .u-btn-1 {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px 0 !important;
    padding: 10px 16px !important;
    text-align: center !important;
  }
  .u-section-6 .u-group-1 {
    min-height: auto !important;
    height: auto !important;
    margin: 0 !important;
    width: 100% !important;
  }
  .u-section-6 .u-container-layout-1 {
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }
  /* Each podcast card */
  .u-section-6 .u-group-2,
  .u-section-6 .u-group-3,
  .u-section-6 .u-group-4 {
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    margin: 0 !important;
    position: static !important;
    display: block !important;
  }
  .u-section-6 .u-container-layout-2,
  .u-section-6 .u-container-layout-3,
  .u-section-6 .u-container-layout-4 {
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .u-section-6 .u-image-1,
  .u-section-6 .u-image-2,
  .u-section-6 .u-image-3 {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    margin: 0 0 10px 0 !important;
  }
  .u-section-6 .u-text-3,
  .u-section-6 .u-text-8,
  .u-section-6 .u-text-13 {
    margin: 0 0 0 0 !important;
    font-size: 0.75rem !important;
  }
  .u-section-6 .u-text-4,
  .u-section-6 .u-text-9,
  .u-section-6 .u-text-14 {
    margin: 0 0 4px 0 !important;
    font-size: 0.75rem !important;
  }
  .u-section-6 .u-text-5,
  .u-section-6 .u-text-10,
  .u-section-6 .u-text-15 {
    font-size: 1rem !important;
    margin: 0 0 4px 0 !important;
    font-weight: 700 !important;
  }
  .u-section-6 .u-text-6,
  .u-section-6 .u-text-11,
  .u-section-6 .u-text-16 {
    font-size: 0.875rem !important;
    margin: 0 0 6px 0 !important;
  }
  .u-section-6 .u-line-1,
  .u-section-6 .u-line-2,
  .u-section-6 .u-line-3 {
    margin: 6px 0 !important;
  }
  .u-section-6 .u-text-7,
  .u-section-6 .u-text-12,
  .u-section-6 .u-text-17 {
    font-size: 0.75rem !important;
    margin: 0 0 8px 0 !important;
  }
  .u-section-6 .u-btn-2,
  .u-section-6 .u-btn-3,
  .u-section-6 .u-btn-4,
  .u-section-6 .u-btn-5,
  .u-section-6 .u-btn-6,
  .u-section-6 .u-btn-7,
  .u-section-6 .u-btn-8,
  .u-section-6 .u-btn-9,
  .u-section-6 .u-btn-10 {
    margin: 4px 6px 4px 0 !important;
    padding: 7px 14px !important;
    font-size: 0.75rem !important;
    width: auto !important;
    display: inline-block !important;
  }
}

/* ===== SECTION 7 — CTA / PARTAGE ===== */
@media (max-width: 575px) {
  .u-section-7 .u-sheet-1 {
    min-height: auto !important;
    padding-top: 36px !important;
    padding-bottom: 36px !important;
    text-align: center !important;
  }
  .u-section-7 .u-btn-1 {
    display: block !important;
    width: 100% !important;
    margin: 0 0 20px 0 !important;
    padding: 12px 16px !important;
    font-size: 0.9375rem !important;
    text-align: center !important;
  }
  .u-section-7 .u-text-1 {
    font-size: 1.375rem !important;
    width: 100% !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.35 !important;
  }
  .u-section-7 .u-text-2 {
    font-size: 1rem !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
  }
  .u-section-7 .u-social-icons-1 {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto 10px auto !important;
  }
  .u-section-7 .u-text-3 {
    font-size: 1rem !important;
    margin: 8px 0 0 0 !important;
    width: 100% !important;
    display: block !important;
  }
}

/* ===== SECTION 8 — BIBLE EN PROFONDEUR (u-hidden-xs mais fix si visible) ===== */
@media (max-width: 575px) {
  .u-section-8 .u-sheet-1 {
    min-height: auto !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .u-section-8 .u-text-1 {
    font-size: 1.375rem !important;
    margin: 0 0 4px 0 !important;
  }
  .u-section-8 .u-text-2 {
    font-size: 0.875rem !important;
    margin: 0 0 14px 0 !important;
  }
  .u-section-8 .u-btn-1 {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px 0 !important;
    padding: 10px 16px !important;
    text-align: center !important;
  }
  .u-section-8 .u-container-layout-1,
  .u-section-8 .u-container-layout-2,
  .u-section-8 .u-container-layout-3 {
    padding: 0 0 12px 0 !important;
  }
  .u-section-8 .u-image-1,
  .u-section-8 .u-image-2,
  .u-section-8 .u-image-3 {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 8px 0 !important;
  }
  .u-section-8 .u-text-3,
  .u-section-8 .u-text-5,
  .u-section-8 .u-text-7 {
    margin: 0 0 4px 0 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
  }
  .u-section-8 .u-text-4,
  .u-section-8 .u-text-6,
  .u-section-8 .u-text-8 {
    margin: 0 !important;
    font-size: 0.9375rem !important;
  }
}

/* ===== SECTION 9 — THÈMES ===== */
@media (max-width: 575px) {
  .u-section-9 .u-sheet-1 {
    min-height: auto !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .u-section-9 .u-text-1 {
    font-size: 1.5rem !important;
    margin: 0 0 6px 0 !important;
    width: 100% !important;
    line-height: 1.3 !important;
  }
  .u-section-9 .u-text-2 {
    font-size: 0.875rem !important;
    margin: 0 0 14px 0 !important;
    width: 100% !important;
  }
  .u-section-9 .u-btn-1 {
    display: block !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
    padding: 10px 16px !important;
    text-align: center !important;
  }
  .u-section-9 .u-container-layout-1 {
    padding: 0 !important;
    width: 100% !important;
  }
}

/* ===== SECTION 10 — TÉMOIGNAGES ===== */
@media (max-width: 575px) {
  .u-section-10 .u-sheet-1 {
    min-height: auto !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .u-section-10 .u-text-1 {
    font-size: 1.375rem !important;
    margin: 0 0 14px 0 !important;
    width: 100% !important;
    line-height: 1.35 !important;
    text-align: center !important;
  }
  .u-section-10 .u-container-layout-1 {
    padding: 0 !important;
    width: 100% !important;
  }
}

/* ===== SECTION 11 — NEWSLETTER ===== */
@media (max-width: 575px) {
  .u-section-11 .u-sheet-1 {
    min-height: auto !important;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .u-section-11 .u-text-1 {
    font-size: 1.5rem !important;
    margin: 0 0 6px 0 !important;
    width: 100% !important;
  }
  .u-section-11 .u-line-1 {
    width: 60px !important;
    margin: 0 0 14px 0 !important;
  }
  .u-section-11 .u-text-2 {
    margin: 0 0 16px 0 !important;
    width: 100% !important;
    font-size: 0.9375rem !important;
    line-height: 1.5 !important;
  }
  /* Hide decorative vertical line image */
  .u-section-11 .u-image-1 {
    display: none !important;
  }
  /* Bullet points: stack in normal flow */
  .u-section-11 .u-text-3,
  .u-section-11 .u-text-5,
  .u-section-11 .u-text-7 {
    font-size: 1rem !important;
    font-weight: 700 !important;
    margin: 14px 0 0 0 !important;
    width: 100% !important;
  }
  .u-section-11 .u-text-4,
  .u-section-11 .u-text-6,
  .u-section-11 .u-text-8 {
    font-size: 0.875rem !important;
    margin: 2px 0 0 0 !important;
    width: 100% !important;
    line-height: 1.5 !important;
  }
  /* Form block */
  .u-section-11 .u-form-1 {
    margin: 20px 0 0 0 !important;
    height: auto !important;
    width: 100% !important;
  }
}

/* ===== SECTION 12 — FAQ ===== */
@media (max-width: 575px) {
  .u-section-12 .u-sheet-1 {
    min-height: auto !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .u-section-12 .u-text-1 {
    font-size: 1.5rem !important;
    margin: 0 0 16px 0 !important;
    width: 100% !important;
    text-align: center !important;
  }
  .u-section-12 .u-group-1 {
    width: 100% !important;
    min-height: auto !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  .u-section-12 .u-container-layout-1 {
    padding: 0 !important;
  }
}

/* ===== SECTIONS 13 & 14 — FORMATIONS / RESSOURCES ===== */
@media (max-width: 575px) {
  .u-section-13 .u-sheet-1,
  .u-section-14 .u-sheet-1 {
    min-height: auto !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .u-section-13 .u-text-1,
  .u-section-14 .u-text-1 {
    font-size: 1.5rem !important;
    margin: 0 0 6px 0 !important;
    width: 100% !important;
  }
  .u-section-13 .u-line-1,
  .u-section-14 .u-line-1 {
    width: 60px !important;
    margin: 0 0 16px 0 !important;
  }
  /* Card: image + text side by side */
  .u-section-13 .u-container-layout-1,
  .u-section-13 .u-container-layout-2,
  .u-section-13 .u-container-layout-3,
  .u-section-14 .u-container-layout-1,
  .u-section-14 .u-container-layout-2,
  .u-section-14 .u-container-layout-3 {
    display: grid !important;
    grid-template-columns: 90px 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 0 12px !important;
    padding: 12px !important;
    align-items: start !important;
  }
  .u-section-13 .u-image-1,
  .u-section-13 .u-image-2,
  .u-section-13 .u-image-3,
  .u-section-14 .u-image-1,
  .u-section-14 .u-image-2,
  .u-section-14 .u-image-3 {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    width: 90px !important;
    height: 90px !important;
    object-fit: cover !important;
    margin: 0 !important;
  }
  .u-section-13 .u-text-2,
  .u-section-13 .u-text-3,
  .u-section-13 .u-text-4,
  .u-section-14 .u-text-2,
  .u-section-14 .u-text-3,
  .u-section-14 .u-text-4 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    margin: 0 0 8px 0 !important;
    font-size: 0.9375rem !important;
  }
  /* Buttons */
  .u-section-13 .u-btn-1,
  .u-section-13 .u-btn-3,
  .u-section-13 .u-btn-5 {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 8px 0 0 !important;
    padding: 7px 12px !important;
    font-size: 0.8125rem !important;
    width: auto !important;
    display: inline-block !important;
  }
  .u-section-13 .u-btn-2,
  .u-section-13 .u-btn-4,
  .u-section-13 .u-btn-6 {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    padding: 7px 12px !important;
    font-size: 0.8125rem !important;
    width: auto !important;
    display: inline-block !important;
  }
  /* Section 14 — single button per card */
  .u-section-14 .u-btn-1,
  .u-section-14 .u-btn-2,
  .u-section-14 .u-btn-3 {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    padding: 8px 16px !important;
    font-size: 0.875rem !important;
    width: auto !important;
    display: inline-block !important;
  }
}

/* ===== FOOTER ===== */
@media (max-width: 575px) {
  .u-footer .u-sheet-1 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
    overflow: visible !important;
  }
  .u-footer .u-layout-wrap-1 {
    margin: 0 !important;
    width: 100% !important;
  }
  .u-footer .u-layout-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
  }
  .u-footer .u-layout-cell {
    width: 100% !important;
    min-height: auto !important;
    float: none !important;
  }
  .u-footer .u-container-layout-1,
  .u-footer .u-container-layout-2,
  .u-footer .u-container-layout-3,
  .u-footer .u-container-layout-4,
  .u-footer .u-container-layout-5 {
    padding: 0 !important;
  }
  .u-footer .u-image-1 {
    max-width: 160px !important;
    height: auto !important;
    margin: 0 auto 12px auto !important;
    display: block !important;
  }
  .u-footer .u-text-1 {
    font-size: 0.875rem !important;
    text-align: center !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.5 !important;
  }
  .u-footer .u-social-icons-1 {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    height: auto !important;
    width: auto !important;
    margin: 0 auto !important;
  }
  .u-footer .u-icon-1,
  .u-footer .u-icon-2,
  .u-footer .u-icon-3,
  .u-footer .u-icon-4,
  .u-footer .u-icon-5,
  .u-footer .u-icon-6,
  .u-footer .u-icon-7 {
    width: 34px !important;
    height: 34px !important;
    flex-shrink: 0 !important;
  }
  .u-footer .u-line-1 {
    margin: 20px 0 !important;
    width: 100% !important;
  }
  .u-footer .u-icon-8,
  .u-footer .u-icon-9,
  .u-footer .u-icon-10 {
    display: inline-block !important;
    width: 28px !important;
    height: 28px !important;
    margin: 0 6px !important;
  }
  .u-footer .u-text-25,
  .u-footer .u-text-26 {
    font-size: 0.8125rem !important;
    margin: 8px 0 !important;
    text-align: center !important;
    display: block !important;
  }
  /* Footer nav links — larger touch targets */
  .u-footer .u-text-2,
  .u-footer .u-text-3,
  .u-footer .u-text-4,
  .u-footer .u-text-5,
  .u-footer .u-text-6,
  .u-footer .u-text-7,
  .u-footer .u-text-8,
  .u-footer .u-text-9,
  .u-footer .u-text-10,
  .u-footer .u-text-11,
  .u-footer .u-text-12,
  .u-footer .u-text-13,
  .u-footer .u-text-14,
  .u-footer .u-text-15,
  .u-footer .u-text-16,
  .u-footer .u-text-17,
  .u-footer .u-text-18,
  .u-footer .u-text-19,
  .u-footer .u-text-20,
  .u-footer .u-text-21,
  .u-footer .u-text-22,
  .u-footer .u-text-23,
  .u-footer .u-text-24 {
    margin: 3px 0 !important;
    padding: 2px 0 !important;
    font-size: 0.875rem !important;
    line-height: 1.8 !important;
  }
}

/* ===== HEADER ===== */
@media (max-width: 575px) {
  .u-header .u-sheet-1 {
    padding-left: 12px !important;
    padding-right: 12px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }
  .u-search-1 {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* ===== PETITS BREAKPOINTS INTERMÉDIAIRES (576–767px) ===== */
@media (min-width: 576px) and (max-width: 767px) {
  .u-sheet {
    overflow-x: hidden !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }
  [class*="u-section-"] * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .u-section-11 .u-form-1 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    height: auto !important;
  }
  .u-section-11 .u-text-3,
  .u-section-11 .u-text-5,
  .u-section-11 .u-text-7 {
    margin-right: 0 !important;
    width: 45% !important;
  }
  .u-section-11 .u-text-4,
  .u-section-11 .u-text-6,
  .u-section-11 .u-text-8 {
    width: 45% !important;
    margin-right: 0 !important;
  }
  .u-section-9 .u-text-1 {
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
  }
  .u-section-9 .u-text-2 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
  .u-section-9 .u-btn-1 {
    margin-right: 0 !important;
  }
}