/* Pagine interne dei modelli D–H (menu, richiesta, contatti, 404): stessi contenuti della B live, vestiti dal modello.
   Testata, piede e titolo vengono dal modello (stile.css del modello + le regole [data-v] qui sotto); il corpo usa solo
   classi pg-, così non si scontra con le classi della home. Ogni modello cambia solo i gettoni qui sotto. */
[hidden]{display:none!important}
body[data-v]{--pg-ink:var(--deep);--pg-soft:#3d5f78;--pg-card:#fff;--pg-edge:transparent;--pg-line:rgba(3,69,115,.28);--pg-r:6px;--pg-pill:99px;--pg-btn:var(--yellow);--pg-btn-ink:var(--deep);--pg-title:Jost,sans-serif}
body[data-v="d"]{--pg-acc:var(--gold)}
body[data-v="e"]{--pg-card:#fff8de;--pg-edge:var(--deep);--pg-line:rgba(3,69,115,.4);--pg-r:0px;--pg-btn:var(--navy);--pg-btn-ink:#fff}
body[data-v="f"]{--pg-r:4px;--pg-pill:4px;--pg-title:Fraunces,serif}
body[data-v="g"]{--pg-ink:var(--navy);--pg-card:var(--mist);--pg-r:10px;--pg-pill:6px}
body[data-v="h"]{--pg-ink:var(--navy);--pg-card:#fdf6dc;--pg-edge:rgba(7,83,134,.2);--pg-r:30px;--pg-btn:var(--deep);--pg-btn-ink:#fff}

/* ---------- Titoli, uno per modello ---------- */
.pg-top{color:var(--pg-ink)}
.pg-top h1{font-size:clamp(22px,6vw,34px);line-height:1.5}
.pg-sub{margin-top:14px;font-size:14px;line-height:2}
[data-v="d"] .pg-top{padding:56px 22px 6px;text-align:center}
[data-v="d"] .pg-top .rite{margin-bottom:10px}
[data-v="d"] .pg-top h1{color:var(--deep)}
[data-v="e"] .pg-top{padding:112px 22px 70px;background:var(--navy);color:#fff;text-align:center}
[data-v="e"] .pg-top h1{margin-top:34px}
[data-v="f"] .pg-top{padding:96px 24px 10px}
[data-v="f"] .pg-big{font:300 italic clamp(58px,17vw,150px)/.9 Fraunces,serif;letter-spacing:-.02em;color:var(--deep)}
[data-v="f"] .pg-top h1{margin-top:18px;font-size:clamp(19px,5vw,26px);letter-spacing:.18em}
[data-v="g"] .pg-banner{position:relative;height:clamp(190px,46vw,380px);margin:10px;border-radius:18px;overflow:hidden;background:var(--mist)}
[data-v="g"] .pg-banner>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
[data-v="g"] .pg-gnav{display:flex;flex-wrap:wrap;gap:0 18px;margin:4px 18px 0;font-size:13px;font-weight:700}
[data-v="g"] .pg-gnav a{display:grid;place-items:center;min-height:44px;text-decoration:none;color:var(--cyan-ink)}
[data-v="g"] .pg-gnav a[aria-current],[data-v="g"] .top-nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}
[data-v="g"] .pg-top{padding:40px 18px 0}
[data-v="h"] .pg-top{padding:calc(var(--top) + 54px) 30px 6px;text-align:center}
[data-v="h"] .pg-jo{font:500 clamp(36px,10vw,66px)/1 Jost,sans-serif;letter-spacing:.01em}
[data-v="h"] .pg-top h1{margin-top:14px;font-size:14px;font-weight:500;letter-spacing:.24em}
[data-v="h"] .pg-top .pg-sub{font-size:13px;letter-spacing:.1em;line-height:2.2}
/* Pagina corrente nelle testate dei modelli. */
[data-v="d"] .side nav a[aria-current],[data-v="d"] .bar a[aria-current]{text-decoration:underline;text-underline-offset:5px}
[data-v="d"] .side .res[aria-current]{box-shadow:inset 4px 0 0 var(--deep)}
[data-v="e"] .hd nav a[aria-current]{background:#fff;color:var(--deep)}
[data-v="f"] .hd a[aria-current]{text-decoration:underline;text-underline-offset:5px}
[data-v="h"] .pill[aria-current]{box-shadow:inset 0 0 0 1.5px var(--navy)}

/* ---------- Corpo ---------- */
.pg-main{max-width:1080px;margin:0 auto;padding:34px 22px 80px;color:var(--pg-ink)}
.pg-main h2{font-size:18px;line-height:1.5}
.pg-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
[data-v="d"] .pg-btns,[data-v="e"] .pg-btns,[data-v="h"] .pg-btns{justify-content:center}
.pg-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:180px;min-height:50px;padding:0 22px;border:1.5px solid var(--pg-btn);border-radius:var(--pg-pill);background:var(--pg-btn);color:var(--pg-btn-ink);font:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer}
.pg-btn.o{border-color:currentColor;background:transparent;color:var(--pg-ink)}
.pg-btn:disabled{opacity:.55;cursor:not-allowed}
.pg-btn svg,.pg-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.pg-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;border-bottom:1px solid currentColor;font-size:14px;font-weight:700;text-decoration:none}
.pg-note{margin-top:22px;font-size:12.5px;line-height:1.8}
.pg-demo{display:inline-block;margin-top:12px;padding:4px 10px;border:1.5px dashed currentColor;border-radius:4px;font-size:12px;font-weight:700}
.pg-card{padding:20px;border:1.5px solid var(--pg-edge);border-radius:var(--pg-r);background:var(--pg-card)}

/* Menu */
.pg-filters{display:flex;flex-wrap:wrap;gap:8px}
.pg-filters button{min-height:44px;padding:0 16px;border:1.5px solid var(--pg-ink);border-radius:var(--pg-pill);background:transparent;color:var(--pg-ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.pg-filters button[aria-pressed="true"]{background:var(--pg-ink);color:#fff}
.pg-count{margin-top:12px;font:500 13px/1 Jost,sans-serif;letter-spacing:.08em}
.pg-group{display:grid;gap:20px;margin-top:40px}
.pg-photo{margin:0;aspect-ratio:4/3;border-radius:var(--pg-r);overflow:hidden}
.pg-photo img{width:100%;height:100%;object-fit:cover}
.pg-gh{display:flex;align-items:baseline;gap:12px;padding-bottom:10px;border-bottom:1.5px solid var(--pg-ink)}
.pg-gh .n{font:300 22px/1 var(--pg-title);color:var(--pg-ink)}
.pg-gh small{margin-left:auto;font:400 12px/1 Jost,sans-serif;letter-spacing:.06em;color:var(--pg-soft)}
.pg-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 16px;padding:14px 0;border-bottom:1px dotted var(--pg-line)}
.pg-item>div{min-width:0}
.pg-item h3{font-size:16px;line-height:1.55}
.pg-item p{font-size:12.5px;line-height:1.6}
.pg-item .pre{color:var(--pg-soft);font-weight:700}
.pg-yen{font:500 17px/1 Fraunces,serif;white-space:nowrap}
.pg-badge{display:inline-block;margin-bottom:4px;padding:2px 10px;border-radius:99px;background:var(--yellow);color:var(--deep);font-size:11px;font-weight:700;letter-spacing:.1em}
.pg-qr{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;margin-top:46px}
.pg-qr img{width:120px;height:120px;padding:8px;border-radius:8px;background:#fff}
.pg-qr p{margin-top:6px;font-size:13px}
/* Menu E: le carte della home, blocco di colore e etichetta a pillola. */
[data-v="e"] .pg-blk{padding:14px;border:1.5px solid var(--deep)}
[data-v="e"] .pg-blk.n{background:var(--navy)}[data-v="e"] .pg-blk.y{background:var(--yellow)}[data-v="e"] .pg-blk.c{background:var(--cyan)}
[data-v="e"] .pg-gh{flex-wrap:wrap;row-gap:14px}
[data-v="e"] .pg-pill{display:grid;justify-items:center;flex:1 0 100%;max-width:300px;padding:9px 14px;border:1.5px solid var(--deep);border-radius:99px;font-family:Jost,sans-serif;line-height:1.25}
[data-v="e"] .pg-pill small{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
[data-v="e"] .pg-pill b{font-size:17px;font-weight:600}
/* Menu H: numeri e capsule pastello come la lineup della home. */
[data-v="h"] .pg-cap{padding:16px}
[data-v="h"] .pg-cap img{border-radius:999px}
[data-v="h"] .pg-cap.t1{background:var(--cap1)}[data-v="h"] .pg-cap.t2{background:var(--cap2)}[data-v="h"] .pg-cap.t3{background:var(--cap3)}
[data-v="h"] .pg-gh{display:grid;grid-template-columns:30px 1fr auto;align-items:baseline;row-gap:6px;gap:6px 0}
[data-v="h"] .pg-gh .n{font:400 11px/1 Jost,sans-serif}
[data-v="h"] .pg-gh .en{font:500 21px/1.2 Jost,sans-serif;letter-spacing:.02em}
[data-v="h"] .pg-gh h2{grid-column:2;font-size:12px;font-weight:500;letter-spacing:.2em}
[data-v="h"] .pg-gh small{grid-column:3;grid-row:1}
/* Bevande senza foto in E e H: un blocco di sola scritta, come nella home. */
.pg-typo{display:grid;place-items:center;text-align:center}
.pg-typo i{font:300 italic clamp(30px,8vw,46px)/1.1 Fraunces,serif;color:var(--ink)}

/* Richiesta */
.pg-intro{display:grid;gap:20px}
.pg-intro .pg-photo{aspect-ratio:16/10}
.pg-req{display:grid;gap:34px;margin-top:34px}
.pg-form{display:grid;gap:18px}
.pg-grid{display:grid;gap:16px}
.pg-grid label{display:grid;gap:6px;font-size:14px;font-weight:700}
.pg-tag{justify-self:start;padding:1px 8px;border:1px solid currentColor;border-radius:99px;font-size:11px;font-weight:700;line-height:1.6}
.pg-tag.req{border-color:var(--deep);background:var(--deep);color:#fff}
.pg-grid input,.pg-grid textarea{width:100%;min-height:48px;padding:10px 12px;border:1.5px solid var(--navy);border-radius:min(var(--pg-r),10px);background:#fff;color:var(--ink);font:inherit;font-size:16px;font-weight:400}
.pg-grid textarea{resize:vertical}
.pg-error{color:#a3231b;font-size:13.5px;font-weight:700}
.pg-error:empty{display:none}
.pg-small{font-size:12.5px;line-height:1.8}
.pg-summary dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin-top:16px;font-size:14px}
.pg-summary dt{font-weight:700}
.pg-summary dd{overflow-wrap:anywhere;white-space:pre-wrap}
.pg-summary:focus{outline:none}
.pg-summary:focus-visible{outline:3px solid var(--deep);outline-offset:6px}
.pg-aside{align-self:start;display:grid;justify-items:start;gap:12px;align-content:start}
.pg-aside img{width:84px;height:auto}
.pg-aside h2{font-size:20px}

/* Contatti */
.pg-hello{display:grid;justify-items:center;gap:14px;text-align:center}
.pg-hello img{width:110px;height:auto}
.pg-hello p{max-width:30em;font-size:14px;line-height:2}
.pg-blocks{display:grid;gap:14px;margin-top:38px}
.pg-blocks h2{font-size:16px}
.pg-blocks p{margin-top:8px;font-size:13.5px;line-height:1.8}

/* 404 */
.pg-lost{display:grid;justify-items:center;gap:10px;padding:20px 0 30px;text-align:center}
.pg-lost p{font-size:14px}

@media (min-width:760px){
  .pg-main{padding:56px 6vw 110px}
  .pg-group{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:5vw;align-items:start}
  .pg-group.nophoto .pg-list{grid-column:2}
  .pg-intro{gap:24px}
  .pg-intro .pg-demo{justify-self:start}
  .pg-intro .pg-photo{aspect-ratio:2/1}
  .pg-req{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:6vw}
  .pg-grid{grid-template-columns:1fr 1fr}
  .pg-grid .wide{grid-column:1/-1}
  .pg-blocks{grid-template-columns:repeat(3,1fr)}
  [data-v="d"] .pg-top{padding-top:96px}
  [data-v="e"] .pg-top{padding:150px 22px 90px}
  [data-v="f"] .pg-top,[data-v="g"] .pg-top{max-width:1080px;margin:0 auto}
  [data-v="f"] .pg-top{padding:130px 6vw 10px}
  [data-v="g"] .pg-banner{margin:14px}
  [data-v="g"] .pg-gnav{display:none}
  [data-v="g"] .pg-top{padding:70px 6vw 0}
}
.pg-grid input:focus,.pg-grid textarea:focus{outline:3px solid var(--deep);outline-offset:2px}
.pg-grid input::-webkit-calendar-picker-indicator:focus{outline:2px solid var(--deep);outline-offset:2px;border-radius:2px}