/* ============================================================================
   interni.css — SPECIFICO DELLA LANDING A (index.html)
   ----------------------------------------------------------------------------
   Caricato DOPO brand.css, e solo da index.html.
   Qui va solo cio' che riguarda la pagina del detailing interno completo.

   Oggi contiene la variante "pacchetto unico": la pagina vende un servizio
   solo (decisione del 20/08/2026), quindi la griglia a 3 colonne di brand.css
   viene ridotta a una card sola e centrata.

   L'equivalente per la landing B e' lucidatura.css.
   ============================================================================ */

  /* ---------- PACCHETTO UNICO ---------- */
  .pkg-grid.single{grid-template-columns:minmax(0,1fr);justify-content:center}
  .pkg-grid.single .pkg{max-width:640px;margin:0 auto;width:100%}
  .pkg-feats.extra{margin-bottom:26px}
  .pkg-micro{color:var(--ink-faint);font-size:12.5px;line-height:1.5;
    margin:14px 0 0;text-align:center;text-wrap:pretty}
  .pkg-cross{max-width:640px;margin:28px auto 0;padding:20px 22px;
    border:1px dashed rgba(212,175,55,.28);border-radius:16px;background:rgba(212,175,55,.03)}
  .pkg-cross p{color:var(--ink-dim);font-size:14.5px;line-height:1.6;margin:0;text-wrap:pretty}
  .pkg-cross strong{color:var(--gold-bright);font-weight:700}

  /* ---------- CHI CI METTE MANO ----------
     Gli attestati dentro una sezione .story: la griglia viene da brand.css
     (.certs-grid), qui si toglie solo il margine pensato per la sezione di B. */
  .story-certs{margin-top:0}

  /* ---------- METODO STAFA ----------
     L'introduzione sotto il titolo della sezione processo. */
  .process .head .lead{margin-top:18px}

@media(min-width:860px){
    /* con una card sola lo scale non serve piu': non c'e' niente da sovrastare */
    .pkg-grid.single{grid-template-columns:minmax(0,760px);justify-content:center}
    .pkg-grid.single .pkg{max-width:none;padding:44px 44px 38px}
    .pkg-grid.single .pkg.featured{transform:none}
    .pkg-grid.single .pkg-price{font-size:64px}
    .pkg-grid.single .pkg-tag{font-size:17px;max-width:46ch}
    .pkg-grid.single .pkg-feats{display:grid;grid-template-columns:1fr 1fr;gap:16px 30px}
    .pkg-grid.single .pkg-feats.extra{grid-template-columns:1fr}
    .pkg-cross{max-width:760px;padding:24px 28px}
}