/* 23/10/2026 — Piani e prezzi vCard (views/product/vCard/piani-e-prezzi.ejs). Mobile first, sotto .h26.
   Le card sono quelle standard (piani-chiari.css): qui solo i colori del sito e la pagina intorno. */
.h26 .pc{--pc-ink:var(--ink);--pc-muto:var(--muto);--pc-linea:var(--linea);--pc-petrolio:var(--blu);--pc-tenue:var(--tenue);--pc-arancio:var(--magenta)}
.h26 .pc-nome{font-family:var(--fb);letter-spacing:0;font-weight:800}
.h26 .pc-badge{color:#fff}
.h26 .pc-card--ev{box-shadow:0 10px 30px -18px rgba(21,96,176,.45)}
.h26 .vp-testa{padding-block:28px 8px}
.h26 .vp-testa .sopra{margin-bottom:14px}
.h26 .vp-testa h1{font-size:34px;line-height:1.08}
.h26 .vp-testa .lead{font-size:17px;margin:12px 0 0;max-width:36em}
.h26 .vp-piani{padding-block:20px 8px}
.h26 .vp-domande{padding-block:36px 56px}
.h26 .vp-domande h2{font-size:26px;margin:0 0 14px}
.h26 .vp-faq{display:grid;gap:8px;margin:0 0 22px}
.h26 .vp-faq details{background:var(--carta);border:1px solid var(--linea);border-radius:16px;padding:14px 16px}
.h26 .vp-faq summary{cursor:pointer;font-weight:800;color:var(--ink)}
.h26 .vp-faq p{margin:8px 0 0;color:var(--muto);font-size:15px}
.h26 .vp-domande .azioni .btn{flex:1 1 220px}
@media (min-width:761px){
  .h26 .vp-testa{padding-block:48px 8px}
  .h26 .vp-testa h1{font-size:48px}
  .h26 .vp-testa .lead{font-size:18.5px}
  .h26 .vp-domande h2{font-size:32px}
  .h26 .vp-faq{max-width:760px}
  .h26 .vp-domande .azioni .btn{flex:0 0 auto}
}