/* Stili specifici delle pagine verticali (estetista/parrucchieri/barbiere/spa).
   Tutto è scoped sotto .v-page: le classi globali (hero, nums, feat, card, price,
   panel, tab, btn) arrivano da style.css, qui aggiungiamo solo ciò che manca. */


/* Hero verticale: foto ambiente (non ritratto), niente maschera radiale */
.v-page .hero .r .ph img{
  object-position:center 30%;
  -webkit-mask-image:none;mask-image:none;
  filter:grayscale(.15) contrast(1.03);opacity:.92
}

/* Numeri: etichetta "FINO A" sopra al -85% */
.v-page .nums .n{position:relative}
.v-page .nums .n .lab{position:absolute;top:-1.05em;left:0;right:0;font-size:.3em;font-weight:600;letter-spacing:.12em;color:var(--muted-d)}

/* Griglia funzionalità a 3 colonne (6 card) */
.v-page .feat{grid-template-columns:repeat(3,1fr)}
@media(max-width:860px){.v-page .feat{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.v-page .feat{grid-template-columns:1fr}}

/* Sezione "il metodo" a due colonne */
.v-split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.v-split ul{list-style:none;margin-top:14px}
.v-split li{padding:8px 0 8px 28px;position:relative;color:var(--ink);font-weight:500}
.v-split li::before{content:"";position:absolute;left:0;top:14px;width:15px;height:3px;background:var(--orange)}
.v-box{background:var(--ink);color:#e9ddcf;border-radius:16px;padding:34px}
.v-box h3{color:#fff}
.v-box p{color:#b7ab9c;margin-top:8px}
@media(max-width:820px){.v-split{grid-template-columns:1fr}}

/* Testimonianza singola centrata */
.v-testi{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px;max-width:760px;margin:34px auto 0}
.v-testi p{color:var(--ink);font-size:1.1rem}

/* CTA finale arancione */
.v-final{background:var(--orange);color:#160f08;text-align:center}
.v-final h2{color:#160f08}
.v-final .ey{color:#7a4a12}
.v-final p{max-width:560px;margin:12px auto 26px;color:#3a250f;font-weight:500}
.v-final .btn{background:#160f08;color:#fff!important}
.v-final .btn:hover{background:#2a1c0d}

/* FAQ */
.v-faq{max-width:820px;margin:34px auto 0}
.v-faq details{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;background:var(--card)}
.v-faq summary{padding:18px 22px;font-weight:700;color:var(--ink);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.v-faq summary::-webkit-details-marker{display:none}
.v-faq summary::after{content:"+";color:var(--orange-d);font-size:1.4rem;font-weight:700;line-height:1}
.v-faq details[open] summary::after{content:"\2013"}
.v-faq .in{padding:0 22px 20px;color:var(--grey)}