/* Critical Metind: remonte le formulaire VUD juste sous le hero/titre même si CSS externe est en cache. */
  main{display:flex;flex-direction:column}
  main>*{order:10}
  main>.hero{order:0}
  main>.hero-vud-lift{order:1}
  main>#simulateur-monte-escalier{order:2}
  main>.home-cta-section{order:3}
  .page>h1{order:0}
  .page>.lead{order:1}
  .page>.hero-vud-lift{order:2}
  .page>#simulateur-monte-escalier{order:3}
  .hero-vud-lift{position:relative;z-index:4;margin:-46px auto 34px!important;background:#fff;border:2px solid rgba(249,115,22,.28);box-shadow:0 24px 70px rgba(17,24,39,.22)}
  /* Critical mobile CTA layout: keep banner on one column on phones even if external CSS is cached. */
  @media (max-width: 760px) {
    .cta-banner, .cta-banner-full {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 12px !important;
      align-items: start !important;
      justify-items: stretch !important;
      padding: 22px 24px !important;
      margin: 20px auto !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
    }
    .cta-banner .cta-copy { width: 100% !important; min-width: 0 !important; }
    .cta-banner .cta-title {
      display: block !important;
      font-size: clamp(22px, 7vw, 30px) !important;
      line-height: 1.18 !important;
      overflow-wrap: normal !important;
      word-break: normal !important;
      hyphens: none !important;
    }
    .cta-banner .cta-text { display:block !important; font-size: 15px !important; line-height: 1.45 !important; }
    .cta-banner .button, .cta-banner .cta-button {
      display: flex !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: none !important;
      white-space: normal !important;
      text-align: center !important;
      justify-content: center !important;
      box-sizing: border-box !important;
      margin-top: 2px !important;
    }
    .sticky-cta { flex-direction: column !important; gap: 8px !important; text-align:center !important; }
    .sticky-cta a { width: 100% !important; max-width: 320px !important; text-align:center !important; }
  }
  @media (max-width: 420px) {
    .cta-banner, .cta-banner-full { padding: 20px 24px !important; }
    .cta-banner .cta-title { font-size: 23px !important; }
  }