/* =====================================================================
   AIUTO (aiuto.php): layout desktop
   Attivo solo da 992px e solo su questa pagina (body.ai-d). Mobile invariato.
   ===================================================================== */
@media (min-width: 992px) {
  .ai-d { --ai-max: 1080px; --ai-navy: #102d45; --ai-muted: #55626c; --ai-line: #dfe3e7; }

  /* intestazione e testo allineati al contenitore */
  .ai-d .bg-gray2 h2 { max-width: var(--ai-max); margin: 0 auto 0 !important; padding: 40px 32px !important; }
  .ai-d .happy.header > .container { max-width: var(--ai-max); padding: 32px 32px 8px !important; }
  .ai-d .happy.header p.justify { text-align: left !important; font-size: 1.05rem; line-height: 1.6; color: var(--ai-muted); max-width: 760px; }
  .ai-d .happy.header + .container.f21 { max-width: var(--ai-max); text-align: left !important; padding: 24px 32px 16px !important; }

  /* categorie FAQ: griglia a 2 colonne di riquadri cliccabili */
  .ai-d .ai-faq {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;
    max-width: var(--ai-max); margin: 0 auto 56px; padding: 0 32px;
  }
  .ai-d .ai-faq > hr { display: none; }
  .ai-d .ai-faq > a { display: block; text-decoration: none; border: 1px solid var(--ai-line); background: #fff; transition: border-color .2s ease, background-color .2s ease; }
  .ai-d .ai-faq > a:hover { border-color: var(--ai-navy); background: #f6f8fa; }
  .ai-d .ai-faq > a > .container { max-width: none; padding: 18px 48px 18px 20px !important; position: relative; font-size: 1.05rem; }
  .ai-d .ai-faq > a > .container::after {
    content: ""; position: absolute; right: 20px; top: 50%; width: 8px; height: 8px;
    border-top: 2px solid var(--ai-navy); border-right: 2px solid var(--ai-navy); transform: translateY(-50%) rotate(45deg);
  }
  .ai-d .ai-faq + hr { display: none; }

  /* contatti: Chiamaci e Scrivici affiancati */
  .ai-d .contatti-aiuto {
    display: grid; grid-template-columns: 1fr 1fr; gap: 24px;
    max-width: var(--ai-max); margin: 0 auto 64px; padding: 0 32px !important;
  }
  .ai-d .contatti-aiuto > div { border: 1px solid var(--ai-line); padding: 28px !important; }
  .ai-d .contatti-aiuto .btn { width: 100% !important; }
}


/* === SEO h1: titoli principali con aspetto da h2/h3 (classe .h2/.h3): stesse regole degli h2/h3 === */
@media (min-width: 992px){.ai-d .bg-gray2 h1:where(.h2){max-width: var(--ai-max); margin: 0 auto 0 !important; padding: 40px 32px !important;}}