/* VINILAZO — modalità compatta
   Titoli più piccoli e sezioni lunghe richiuse, così il prodotto resta in primo piano.
   Per tornare alla versione precedente basta togliere questo file e vz-compact.js dalle pagine. */
:root{
  --vzc-h1:clamp(26px,1.6vw + 14px,32px);
  --vzc-h2:clamp(22px,1.2vw + 13px,30px);
  --vzc-h3:clamp(17px,.5vw + 14px,21px);
  --vzc-lead:clamp(17px,.6vw + 13px,21px);
  --vzc-fold:300px;
}

/* Titoli */
html body main h1,html body .hero h1,html body h1.quote{font-size:var(--vzc-h1)!important}
html body main h2,html body section h2{font-size:var(--vzc-h2)!important}
html body main h3,html body section h3{font-size:var(--vzc-h3)!important}

/* Frasi del "momento" e citazioni */
html body .moment .poem p,html body .moment .poem p.hit,html body .moment .moment-after{font-size:var(--vzc-lead)!important}
html body .hero p.edition{font-size:clamp(16px,.5vw + 13px,20px)!important}
html body .hero p.sub{font-size:clamp(15px,.3vw + 14px,17px)!important}

/* Scorciatoie sotto il pulsante d'ordine */
.vz-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.vz-chips a{display:inline-flex;align-items:center;min-height:36px;padding:7px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.06);color:#f3f6fb;font:650 14px/1.1 var(--text,system-ui);text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s}
.vz-chips a:hover,.vz-chips a:focus-visible{background:rgba(255,255,255,.14);border-color:var(--acc,#74acdf)}
.vz-chips a:focus-visible{outline:3px solid var(--acc,#74acdf);outline-offset:2px}
.hero .hero-copy{min-width:0}
@media(max-width:700px){.vz-chips{flex-wrap:nowrap;overflow-x:auto;contain:inline-size;max-width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch}.vz-chips::-webkit-scrollbar{display:none}}

/* Sezioni lunghe richiuse: si vede l'inizio, il resto con "Mostra tutto" */
.vz-fold:not(.vz-open){max-height:var(--vzc-fold);overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent);mask-image:linear-gradient(to bottom,#000 55%,transparent)}
.vz-fold-btn{display:flex;align-items:center;gap:6px;margin:-22px auto 34px;position:relative;z-index:2;min-height:44px;padding:10px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(8,20,42,.9);color:#fff;font:700 15px/1.1 var(--text,system-ui);cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.vz-fold-btn:hover{border-color:var(--acc,#74acdf)}
.vz-fold-btn:focus-visible{outline:3px solid var(--acc,#74acdf);outline-offset:3px}
.vz-fold.vz-open + .vz-fold-btn{margin-top:8px}
@media(prefers-reduced-motion:reduce){.vz-chips a{transition:none}}

/* Piccole scritte colorate (es. "IL MOMENTO"): più chiare, leggibili con ogni squadra */
.moment-k,.gift-kicker,.vz-about-kicker,.memory-k,.hd-more,.pp-n,.vin-audio-kicker{color:color-mix(in srgb,var(--acc,#74acdf) 70%,#fff)}

/* Computer: pulsante Ordina nell'intestazione quando il pulsante principale non si vede più */
.vz-head-cta{display:none;align-items:center;min-height:40px;padding:8px 16px;border-radius:999px;background:var(--acc,#74acdf);color:var(--onAcc,#08142a);font:800 15px/1 var(--text,system-ui);text-decoration:none;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.vz-head-cta:hover{filter:brightness(1.08)}
.vz-head-cta:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(min-width:901px){.vz-show-head-cta .vz-head-cta{display:inline-flex}}

/* Telefono: l'intestazione si nasconde scorrendo verso il basso e torna scorrendo verso l'alto */
@media(max-width:700px){
  header.top{transition:transform .25s ease}
  header.top.vz-head-hidden{transform:translateY(-110%)}
  .wa{width:50px;height:50px}
  .wa svg{width:28px;height:28px}
  .vz-quick-nav,.vz-quick-nav.vz-glide{right:19px;bottom:calc(154px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){header.top{transition:none}}

/* Home: tolta la sezione "piazze" (foto dei tifosi), doppione emotivo di giornali e storie */
#vz-fans{display:none!important}

/* Un solo carattere per i testi: il corsivo Georgia resta solo nelle finte prime pagine di giornale */
.poem p:not(.hit),.moment-cta span,.memory,.vz-about-sign,.vz-catalog-end p,body.pp .vz-goal-entry .pp-text .memory{font-family:var(--text,system-ui)!important}