/* =====================================================================
   PAGINE INFORMATIVE / FAQ (come-ordinare, reso-e-rimborso, contatti, ...)
   Layout desktop: attivo solo da 992px e solo sulle pagine con body.info-d.
   Mobile invariato.
   ===================================================================== */
@media (min-width: 992px) {
  .info-d { --in-read: 820px; --in-wide: 1080px; --in-navy: #102d45; --in-muted: #4a5660; --in-line: #dfe3e7; }

  /* percorso e titolo allineati alla colonna di lettura */
  .info-d .f14.p-2 { max-width: var(--in-read); margin: 40px auto 0 !important; padding: 0 32px !important; }
  .info-d .f14.p-2 a { color: var(--in-muted); }
  .info-d h2.f30 { max-width: var(--in-read); margin: 8px auto 32px !important; padding: 0 32px !important; font-size: 2.2rem !important; }

  /* domande e risposte: colonna di lettura con separatori */
  .info-d .container.f21 {
    max-width: var(--in-read); padding: 24px 32px !important; margin: 0 auto;
    border-top: 1px solid var(--in-line); font-size: 1.2rem;
  }
  .info-d .container.f21 p.f16 { font-size: 1rem !important; line-height: 1.7; color: var(--in-muted); padding-top: 12px !important; margin-bottom: 0; }
  .info-d .container.f21 ul { color: var(--in-muted); line-height: 1.7; }

  /* contatti: riquadri affiancati */
  .info-d .contatti-aiuto {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px;
    max-width: var(--in-wide); margin: 56px auto 64px; padding: 0 32px !important;
  }
  .info-d .contatti-aiuto > hr { display: none; }
  .info-d .contatti-aiuto > div { border: 1px solid var(--in-line); padding: 28px !important; }
  .info-d .contatti-aiuto .btn { width: 100% !important; }
}
@media (min-width: 992px) {
  /* contatti allineati alla colonna di testo */
  .info-d .contatti-aiuto { max-width: var(--in-read); grid-template-columns: repeat(2, 1fr); }
  /* pagina Contatti (indirizzo + chiamaci + scrivici): tre riquadri su colonna larga, titolo allineato */
  .info-d .contatti-aiuto:has(> div:nth-of-type(3)) { max-width: var(--in-wide); grid-template-columns: repeat(3, 1fr); margin-top: 0; }
  .info-d h2.f30:has(+ .contatti-aiuto) { max-width: var(--in-wide); margin-top: 48px !important; }
}
@media (min-width: 992px) {
  /* pagine senza percorso (es. termini): spazio sopra il titolo */
  .info-d h2.f30.mt-5 { margin-top: 56px !important; }
}


/* === SEO h1: titoli principali con aspetto da h2/h3 (classe .h2/.h3): stesse regole degli h2/h3 === */
@media (min-width: 992px){.info-d h1:where(.h2).f30{max-width: var(--in-read); margin: 8px auto 32px !important; padding: 0 32px !important; font-size: 2.2rem !important;}}
@media (min-width: 992px){.info-d h1:where(.h2).f30:has(+ .contatti-aiuto){max-width: var(--in-wide); margin-top: 48px !important;}}
@media (min-width: 992px){.info-d h1:where(.h2).f30.mt-5{margin-top: 56px !important;}}