/* Venturini Gomme — foglio di stile unico. Token e misure da PIANO_SVILUPPO.md §3–§5 */

@font-face{font-family:'Titillium Web';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/titillium-web-400-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Titillium Web';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/titillium-web-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Titillium Web';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/titillium-web-600-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Titillium Web';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/titillium-web-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Titillium Web';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/titillium-web-700-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Titillium Web';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/titillium-web-700.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Titillium Web';font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/titillium-web-900-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Titillium Web';font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/titillium-web-900.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bianco:#FFFFFF; --ghiaccio:#F2F4F8; --bordo:#DDE2EA; --bordo-campo:#C9D0DB;
  --blu:#0052CC; --blu-scuro:#003A91; --blu-chiaro:#3D8BFF; --blu-link-scuro:#8FB8FF;
  --rosso:#D40000; --rosso-chiaro:#FF4D4D;
  --asfalto:#0B0E14; --asfalto-2:#161B25; --asfalto-3:#1F2532; --linea-scura:#2A3140;
  --inchiostro:#12151B; --testo-2:#4A5260; --testo-chiaro:#D5DAE3; --testo-tenue:#AEB6C4;
  --whatsapp:#25D366; --stella:#FFC83D; --aperto:#22C55E;
  --raggio-s:8px; --raggio-m:12px; --raggio-l:16px; --raggio-xl:20px;
  --ombra-card:0 16px 40px rgba(11,14,20,.12); --ombra-menu:0 18px 40px rgba(11,14,20,.18);
  --contenitore:1240px; --gutter:24px;
  --header-h:84px;
  --font:'Titillium Web','Segoe UI',system-ui,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 8px);-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bianco);color:var(--inchiostro);font-family:var(--font);font-size:18px;line-height:1.55;overflow-x:hidden}
body.no-scroll{overflow:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--blu)}
a:hover{color:var(--blu-scuro)}
h1,h2,h3,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul{padding:0;list-style:none}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
:focus-visible{outline:3px solid var(--blu-chiaro);outline-offset:3px}
.is-hidden{display:none!important}
[hidden]{display:none!important}

.skip{position:absolute;left:16px;top:-80px;z-index:100;background:var(--bianco);color:var(--inchiostro);font-weight:700;padding:12px 18px;border-radius:var(--raggio-s);box-shadow:var(--ombra-menu)}
.skip:focus{top:12px}

.wrap{max-width:var(--contenitore);margin:0 auto;padding-inline:var(--gutter)}
.wrap-stretto{max-width:1000px}
.solo-tel{display:none}
.t-corto{display:none}

/* ---------- tipografia ---------- */
h1{font-weight:900;font-size:clamp(40px,1.6rem + 3.6vw,60px);line-height:1.05;text-transform:uppercase}
h2{font-weight:900;font-size:clamp(32px,1.2rem + 2.4vw,46px);line-height:1.1;text-transform:uppercase;margin:8px 0 12px}
h2.h2-m{font-size:clamp(26px,1rem + 1.6vw,38px);margin:0}
h3{font-weight:900;font-size:clamp(23px,20px + .5vw,26px);line-height:1.2;text-transform:uppercase;color:var(--blu)}
.eyebrow{font-weight:700;font-size:clamp(15px,14px + .25vw,17px);letter-spacing:.14em;text-transform:uppercase;color:var(--rosso)}
.eyebrow-scuro{color:var(--rosso-chiaro)}
.lead{font-size:20px;color:var(--testo-2);max-width:760px;margin-bottom:40px}
.lead-scuro{color:var(--testo-chiaro)}
.blu-chiaro{color:var(--blu-chiaro)}

/* ---------- pulsanti ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:var(--raggio-s);border:2px solid transparent;font-weight:700;font-size:19px;line-height:1.2;text-decoration:none;cursor:pointer;text-align:center}
.btn-rosso{background:var(--rosso);color:#fff}
.btn-rosso:hover{background:#B80000;color:#fff}
.btn-blu{background:var(--blu);color:#fff}
.btn-blu:hover{background:var(--blu-scuro);color:#fff}
.btn-contorno{border-color:#fff;color:#fff;background:transparent}
.btn-contorno:hover{background:#fff;color:var(--asfalto)}
.btn-bianco{background:#fff;color:var(--asfalto)}
.btn-bianco:hover{background:var(--testo-chiaro);color:var(--asfalto)}
.btn-lg{min-height:56px;padding:14px 26px}
.btn-invio{min-height:52px;width:100%}
.icon-btn{display:none;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;border:2px solid var(--inchiostro);background:transparent;color:var(--inchiostro);cursor:pointer;padding:0;text-decoration:none}
.icon-chiama{background:var(--blu);border-color:var(--blu);color:#fff}
.icon-chiama:hover{background:var(--blu-scuro);color:#fff}
.icon-chiudi{background:var(--inchiostro);color:#fff}

/* ---------- barra informazioni ---------- */
.topbar{background:var(--asfalto);color:#fff;font-size:16px}
.topbar-in{display:flex;flex-wrap:wrap;gap:8px 32px;align-items:center;justify-content:space-between;padding-block:10px}
.stato{display:flex;align-items:center;gap:10px}
.dot{width:10px;height:10px;border-radius:50%;background:var(--testo-tenue);flex:none}
.dot.aperto{background:var(--aperto)}
.stelle{color:var(--stella)}

/* ---------- header ---------- */
.header{position:sticky;top:0;z-index:50;background:var(--bianco);border-bottom:1px solid var(--bordo);transition:box-shadow .2s}
.header.scrolled{box-shadow:0 6px 20px rgba(11,14,20,.1)}
.header-in{display:flex;align-items:center;gap:24px;padding-block:14px;min-height:var(--header-h)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--inchiostro)}
.brand img{width:56px;height:56px;object-fit:contain}
.brand-t{display:flex;flex-direction:column;line-height:1}
.b1{font-weight:900;font-size:26px;letter-spacing:.04em;color:var(--blu)}
.b2{font-weight:700;font-size:15px;letter-spacing:.42em;color:var(--rosso);margin-top:2px}
.header-az{display:flex;align-items:center;gap:14px;margin-left:auto}
.tel{font-weight:700;font-size:20px;color:var(--blu);text-decoration:none;white-space:nowrap}
.tel:hover{text-decoration:underline}

.nav{display:flex;flex:1;justify-content:center;min-width:0}
.nav-head,.nav-foot{display:none}
.nav-list{display:flex;gap:2px;flex-wrap:wrap;justify-content:center}
.nav-item{position:relative}
.nav-btn{display:flex;align-items:center;gap:6px;min-height:48px;padding:12px 14px;border:0;border-radius:var(--raggio-s);background:transparent;font-weight:700;font-size:18px;color:var(--inchiostro);cursor:pointer}
.nav-btn:hover,.nav-btn[aria-expanded="true"]{background:var(--ghiaccio)}
.chev{color:var(--rosso);transition:transform .15s}
.nav-btn[aria-expanded="true"] .chev{transform:rotate(180deg)}
.sub{position:absolute;top:100%;left:0;min-width:300px;background:var(--bianco);border-radius:var(--raggio-m);box-shadow:var(--ombra-menu);border-top:4px solid var(--rosso);padding:10px;z-index:60}
.nav-item:last-child .sub{left:auto;right:0}
.sub a{display:block;padding:12px 14px;font-size:18px;font-weight:600;color:var(--inchiostro);text-decoration:none;border-radius:var(--raggio-s)}
.sub a:hover,.sub a:focus-visible{background:var(--ghiaccio);color:var(--inchiostro)}

@media (max-width:1199px){
  .header-in{gap:14px}
  .nav-btn{padding:12px 9px;font-size:17px}
  .tel{display:none}
}

/* ---------- menu telefono / tablet (< 1024px) ---------- */
@media (max-width:1023px){
  :root{--header-h:68px}
  .header-in{padding-block:10px;min-height:var(--header-h)}
  .header-az{gap:10px}
  .btn-prenota,.tel{display:none}
  .icon-btn{display:inline-flex}
  .icon-chiudi{display:inline-flex}
  .brand img{width:44px;height:44px}
  .b1{font-size:21px;letter-spacing:.03em}
  .b2{font-size:12px}
  .nav{display:none;position:fixed;inset:0;z-index:80;background:var(--bianco);flex-direction:column;justify-content:flex-start;overflow-y:auto}
  .menu-aperto .nav{display:flex}
  .nav-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px var(--gutter);border-bottom:1px solid var(--bordo);min-height:var(--header-h)}
  .nav-list{display:block;flex:1;padding:8px var(--gutter)}
  .nav-item{border-bottom:1px solid #E3E7EE}
  .nav-btn{width:100%;justify-content:space-between;min-height:60px;padding:16px 4px;font-size:24px;font-weight:900;text-transform:uppercase;background:transparent!important}
  .chev{display:none}
  .nav-btn::after{content:"+";color:var(--rosso);font-size:30px;font-weight:400;line-height:1}
  .nav-btn[aria-expanded="true"]::after{content:"−"}
  .sub{position:static;min-width:0;box-shadow:none;border-radius:0;border-top:0;border-left:4px solid var(--rosso);padding:0 0 12px 4px;margin-bottom:12px}
  .nav-item:last-child .sub{right:auto}
  .sub a{padding:10px 14px;min-height:48px;display:flex;align-items:center;font-size:19px}
  .nav-foot{display:flex;flex-direction:column;gap:12px;background:var(--asfalto);color:#fff;padding:18px var(--gutter) calc(22px + env(safe-area-inset-bottom))}
  .nav-orari{font-size:16px;color:var(--testo-chiaro)}
  .nav-orari b{color:#fff}
  .nav-foot-btn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .wa-fisso{display:flex}
  .menu-aperto .wa-fisso{display:none}
}
@media (min-width:1024px){
  .nav-btn[aria-expanded="true"] .chev{transform:rotate(180deg)}
}

/* ---------- sezioni generiche ---------- */
.sez{padding-block:96px}
.sez > .wrap > .eyebrow + h2{margin-top:8px}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;background:var(--asfalto);color:#fff}
.hero-contorno{position:absolute;top:10px;left:0;right:0;text-align:center;font-weight:900;font-size:clamp(90px,14.6vw,210px);line-height:1;letter-spacing:.02em;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.14);white-space:nowrap;pointer-events:none;user-select:none}
.hero-linea{position:absolute;right:-80px;top:120px;width:900px;height:4px;background:var(--rosso);transform:rotate(-14deg);pointer-events:none}
.hero-in{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:40px;align-items:center;padding-block:120px 72px}
.hero-testo{display:flex;flex-direction:column;gap:22px}
.hero-p{font-size:21px;color:var(--testo-chiaro);max-width:540px}
.hero-btn{display:flex;flex-wrap:wrap;gap:14px}
.hero-nota{font-size:17px;color:var(--testo-tenue)}
.hero-img{width:100%;height:440px;object-fit:cover;border-radius:var(--raggio-l);background:var(--asfalto)}

@media (max-width:1023px){
  .hero-contorno,.hero-linea{display:none}
  .hero-in{display:flex;flex-direction:column;gap:28px;padding-block:24px 72px}
  .hero-in .hero-img{order:-1;height:clamp(260px,42vw,380px)}
}

/* ---------- numeri ---------- */
.numeri{position:relative;z-index:2;margin-top:-40px}
.numeri-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#E3E7EE;border-top:5px solid var(--blu);border-radius:var(--raggio-l);box-shadow:var(--ombra-card);overflow:hidden}
.num{background:var(--bianco);padding:28px 24px;text-align:center}
.num-v{font-weight:900;font-size:48px;line-height:1;color:var(--rosso)}
.num-t{font-weight:700;font-size:19px;text-transform:uppercase;margin-top:8px}
.num-s{color:var(--testo-2);font-size:17px}
@media (min-width:1024px){.numeri-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---------- schede servizi ---------- */
.sez{padding-bottom:40px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.card{border:1px solid var(--bordo);border-radius:var(--raggio-l);overflow:hidden;display:flex;flex-direction:column;background:var(--bianco)}
.card-img{width:100%;height:200px;object-fit:cover;border-bottom:3px solid var(--rosso);background:var(--asfalto)}
.card-body{padding:24px;display:flex;flex-direction:column;gap:10px}
.acc-btn{all:unset;box-sizing:border-box;display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;color:inherit;text-transform:inherit;font:inherit}
.acc-btn:disabled{cursor:default}
.acc-segno{display:none}
.acc-testo[hidden]{display:none}
@media (max-width:1023px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
  .cards{grid-template-columns:1fr;gap:16px}
  .card{border-radius:14px}
  .card-img{height:170px}
  .card-body{padding:18px;gap:8px}
  /* Noleggio e Cerchi: voci a fisarmonica senza immagine */
  .card-acc .card-img{display:none}
  .card-acc .card-body{padding:0}
  .card-acc h3{font-size:20px}
  .acc-btn{min-height:56px;padding:16px 18px;cursor:pointer}
  .acc-btn:disabled{cursor:pointer}
  .acc-segno{display:block;color:var(--rosso);font-size:26px;font-weight:400;line-height:1}
  .acc-segno::before{content:"+"}
  .acc-btn[aria-expanded="true"] .acc-segno::before{content:"−"}
  .acc-testo{padding:0 18px 18px}
}

/* ---------- gomme ---------- */
.sez-gomme{background:var(--asfalto);color:#fff;padding-block:96px}
.gomme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.gomma{background:var(--asfalto-2);border-radius:var(--raggio-l);padding:28px;display:flex;flex-direction:column;gap:12px;border-top:5px solid var(--rosso)}
.gomma-blu{border-top-color:var(--blu-chiaro)}
.gomma-bianca{border-top-color:#fff}
.gomma img{width:100%;height:150px;object-fit:cover;border-radius:var(--raggio-m);background:var(--asfalto)}
.gomma h3{font-size:28px;color:#fff;text-transform:none}
.gomma p{color:var(--testo-chiaro)}
.scorri{font-size:16px;color:var(--testo-tenue);margin-top:12px}
@media (max-width:899px){
  .gomme-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:calc(-1*var(--gutter));padding:0 var(--gutter) 8px;scrollbar-width:thin}
  .gomma{flex:0 0 min(78vw,300px);scroll-snap-align:start;padding:0;gap:0;border-top-width:4px;border-radius:14px;overflow:hidden}
  .gomma img{height:150px;border-radius:0}
  .gomma h3,.gomma p{padding-inline:14px}
  .gomma h3{font-size:21px;padding-top:14px}
  .gomma p{font-size:17px;padding-bottom:14px}
  .scorri{display:block;text-align:left}
}
@media (max-width:600px){
  .sez-gomme{padding-block:40px}
  .sez-gomme .lead{display:none}
}

.marchi{margin-top:48px;background:var(--asfalto-2);border-radius:var(--raggio-l);padding:32px;display:flex;flex-direction:column;gap:14px}
.marchi h3{color:#fff;font-size:28px}
.marchi p{color:var(--testo-chiaro);max-width:760px}
.marchi-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:6px}
.marchio{background:#fff;border-radius:var(--raggio-m);min-height:104px;padding:20px;display:flex;align-items:center;justify-content:center}
.marchio img{width:auto;height:auto;max-width:88%;max-height:56px}
@media (max-width:600px){.marchi{padding:24px 18px;margin-top:32px}.marchi h3{font-size:24px}.marchi-lista{grid-template-columns:1fr}.marchio{min-height:84px}}
.sez-marchi-top{padding-top:56px}
.marchi-chiaro{margin-top:0;background:var(--ghiaccio);color:var(--inchiostro)}
.marchi-chiaro h2{color:var(--inchiostro)}
.marchi-chiaro p{color:var(--testo-2)}
.marchi-chiaro .marchio{border:1px solid var(--bordo)}
.misura-wrap{margin-top:48px;display:grid;grid-template-columns:1fr;gap:32px;align-items:stretch}
@media (min-width:900px){.misura-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}
.misura{background:var(--bianco);color:var(--inchiostro);border-radius:var(--raggio-l);padding:32px;display:flex;flex-direction:column;gap:18px}
.misura h3{font-size:28px;color:var(--inchiostro)}
.misura-p{color:var(--testo-2)}
.misura-es{font-weight:900;font-size:clamp(36px,8vw,48px);letter-spacing:.04em;display:flex;flex-wrap:wrap;gap:4px 12px;line-height:1.1}
.c-blu{color:var(--blu)}
.c-rosso{color:var(--rosso)}
.misura-leg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;font-size:17px}
.misura-leg dt{display:inline;font-weight:700;margin-right:.4em}
.misura-leg dd{display:inline;margin:0}
@media (max-width:600px){.misura{padding:24px 18px}.misura-leg{grid-template-columns:1fr}}

/* ---------- moduli ---------- */
.modulo{border-radius:var(--raggio-l);padding:32px;display:flex;flex-direction:column;gap:16px}
.modulo h3{font-size:28px}
.modulo-blu{background:var(--blu);color:#fff}
.modulo-blu h3{color:#fff}
.modulo-blu .modulo-p{color:#E3ECFF}
.modulo-bianco{background:var(--bianco);color:var(--inchiostro);align-self:start}
.modulo-bianco h3{color:var(--inchiostro)}
.modulo-bianco .modulo-p{color:var(--testo-2)}
.campo{display:flex;flex-direction:column;gap:6px}
.campo label{font-weight:700}
.campo input,.campo select,.campo textarea{width:100%;padding:14px;border-radius:var(--raggio-s);border:2px solid var(--bordo-campo);background:#fff;color:var(--inchiostro);min-height:52px;line-height:1.3}
.campo textarea{min-height:100px;resize:vertical}
.modulo-blu .campo input,.modulo-blu .campo select{border-color:transparent}
.campo input::placeholder,.campo textarea::placeholder{color:#6B7280;opacity:1}
.campo [aria-invalid="true"]{border-color:var(--rosso);outline:2px solid var(--rosso);outline-offset:0}
.campo :focus-visible{outline:3px solid var(--blu-chiaro);outline-offset:2px}
.err{font-weight:700;font-size:16px;color:#B00000}
.err::before{content:"⚠ "}
.modulo-blu .err{color:#fff;background:#8E0000;padding:6px 10px;border-radius:6px;align-self:flex-start}
.modulo-chiama{font-size:16px;color:var(--testo-2)}
.modulo-chiama a{font-weight:700}
@media (max-width:600px){
  .modulo{padding:22px 18px;gap:14px}
  .modulo h3{font-size:24px}
  .btn-invio{min-height:56px;font-size:20px}
  .modulo-chiama{text-align:center;font-size:19px}
}

/* ---------- perché noi ---------- */
.perche{padding-bottom:96px}
.perche-in{display:grid;grid-template-columns:1fr;gap:48px;align-items:start}
.perche-testo{display:flex;flex-direction:column;gap:16px}
.perche-testo h2{margin:0}
.perche-testo .lead{margin:0}
.punti{display:flex;flex-direction:column;gap:14px}
.punto{border:1px solid var(--bordo);border-radius:14px;padding:22px 24px;display:flex;gap:18px;align-items:flex-start}
.punto-ico{flex:0 0 48px;height:48px;border-radius:50%;background:var(--blu);color:#fff;display:flex;align-items:center;justify-content:center}
.punto-t{font-weight:900;font-size:22px;text-transform:uppercase;line-height:1.2}
.punto-d{color:var(--testo-2)}
@media (min-width:900px){.perche-in{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- FAQ ---------- */
.sez-faq{background:var(--ghiaccio);padding-block:96px}
.sez-faq h2{margin:8px 0 32px}
.faq{display:flex;flex-direction:column;gap:12px}
.faq-i{background:var(--bianco);border-radius:var(--raggio-m);overflow:hidden}
.faq-i summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:18px 24px;font-size:21px;font-weight:700}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary::after{content:"+";color:var(--rosso);font-size:28px;font-weight:400;line-height:1;flex:none}
.faq-i[open] summary::after{content:"−"}
.faq-i p{padding:0 24px 24px;color:#2E3540;font-size:19px}

/* ---------- recensioni / officina (nascoste in produzione) ---------- */
.sez-rec{padding-block:96px 48px}
.rec-testa{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px}
.rec-testa h2{margin:8px 0 0}
.rec-link{font-weight:700}
.rec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px}
.rec{border:1px solid var(--bordo);border-radius:var(--raggio-l);padding:28px;display:flex;flex-direction:column;gap:12px}
.rec-stelle{color:#F5A400;font-size:22px}
.rec blockquote{font-style:italic;color:var(--testo-2)}
.rec figcaption{font-weight:700}
.sez-off{padding-block:48px 96px}
.off-grid{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.foto-ph{height:260px;background:#E9EDF4;border:2px dashed #9AA6B8;border-radius:14px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--testo-2);font-weight:600;font-size:16px;padding:16px}

/* ---------- contatti ---------- */
.sez-contatti{background:var(--asfalto);color:#fff;padding-block:96px}
.sez-contatti h2{margin:8px 0 0}
.contatti-in{display:grid;grid-template-columns:1fr;gap:40px}
@media (min-width:900px){.contatti-in{grid-template-columns:repeat(2,minmax(0,1fr))}}
.contatti-col{display:flex;flex-direction:column;gap:24px;min-width:0}
.orari{background:var(--asfalto-2);border-radius:var(--raggio-l);padding:28px}
.orari h3,.dove h3{font-size:22px;color:#fff;margin-bottom:8px}
.orari-tab{width:100%;border-collapse:collapse}
.orari-tab th,.orari-tab td{padding:10px 8px;border-bottom:1px solid var(--linea-scura);font-size:19px;text-align:left}
.orari-tab th{font-weight:400}
.orari-tab td{font-weight:700;text-align:right}
.orari-tab tr:last-child th,.orari-tab tr:last-child td{border-bottom:0}
.orari-tab tr.chiuso{color:var(--testo-tenue)}
.orari-tab tr.oggi{background:var(--blu);color:#fff}
.orari-tab tr.oggi th,.orari-tab tr.oggi td{border-bottom-color:transparent}
.orari-tab tr.oggi th:first-child{border-radius:var(--raggio-s) 0 0 var(--raggio-s);padding-left:12px}
.orari-tab tr.oggi td:last-child{border-radius:0 var(--raggio-s) var(--raggio-s) 0;padding-right:12px}
.dove{display:flex;flex-direction:column;gap:8px;font-size:19px}
.dove a{color:var(--blu-link-scuro)}
.dove a:hover{color:#fff}
.mappa{display:flex;flex-direction:column;gap:8px}
.mappa iframe{display:block;width:100%;height:320px;border:0;border-radius:var(--raggio-l);background:var(--asfalto-3)}
.btn-indicazioni{align-self:stretch}
@media (min-width:601px){.btn-indicazioni{align-self:flex-start}}
@media (max-width:600px){
  .sez-contatti{padding-block:40px 32px}
  .contatti-in{gap:18px}
  .contatti-col{gap:18px}
  .orari{padding:20px;border-radius:14px}
  .orari h3{font-size:21px}
  .orari-tab th,.orari-tab td{font-size:18px}
  .dove{background:var(--asfalto-2);border-radius:14px;padding:20px;gap:10px}
    }

/* ---------- footer ---------- */
.footer{background:var(--bianco);border-top:5px solid var(--blu);font-size:17px}
.footer-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding-block:48px}
@media (min-width:900px){.footer-in{grid-template-columns:repeat(4,minmax(0,1fr))}}
.foot-col{display:flex;flex-direction:column;gap:8px}
.foot-col b{text-transform:uppercase}
.foot-brand{gap:12px}
.foot-brand img{width:auto;height:72px;max-width:none}
.foot-nome{font-weight:900;font-size:20px;color:var(--blu)}
.foot-legale{color:var(--testo-2)}
.footer a{width:fit-content}
@media (max-width:600px){
  .footer{font-size:16px}
  .footer-in{grid-template-columns:1fr;gap:10px;padding-block:28px calc(110px + env(safe-area-inset-bottom))}
  .foot-servizi,.foot-info,.foot-contatti span{display:none}
  .foot-contatti b{display:none}
  .foot-brand img{width:auto;height:56px}
  .foot-brand{flex-direction:row;flex-wrap:wrap;align-items:center}
  .foot-legale{flex-basis:100%}
}

/* ---------- WhatsApp flottante ---------- */
.wa-fisso{position:fixed;right:calc(24px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:70;width:68px;height:68px;border-radius:50%;background:var(--whatsapp);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.wa-fisso:hover{background:#1EBE5A}
@media (max-width:600px){.wa-fisso{width:64px;height:64px;right:16px}.wa-fisso svg{width:34px;height:34px}}

/* ---------- animazione di comparsa ---------- */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease}
.reveal.visibile{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ---------- telefono: adattamenti generali ---------- */
@media (max-width:600px){
  :root{--gutter:16px}
  body{font-size:18px;line-height:1.5}
  .sez{padding-block:48px 0}
  .lead{font-size:19px;margin-bottom:24px}
  .topbar{font-size:16px}
  .topbar-in{gap:4px 12px;padding-block:10px}
  .top-indirizzo{display:none}
  .hero-contorno,.hero-linea{display:none}
  .hero-in{display:flex;flex-direction:column;padding:0 0 32px;gap:0}
  .hero-in .hero-img{order:-1;height:250px;border-radius:0;object-position:70% 50%}
  .hero-testo{padding:20px var(--gutter) 0;gap:16px}
  .hero-p{font-size:19px;max-width:none}
  .hero-btn{flex-direction:column}
  .hero-btn .btn{width:100%;font-size:20px;border-radius:10px}
  .hero-nota{font-size:16px;text-align:center}
  .solo-desk{display:none}
  .solo-tel{display:block}
  .t-lungo{display:none}
  .t-corto{display:inline}
  .numeri{margin-top:0;padding-top:24px}
  .num{padding:18px 10px}
  .num-v{font-size:34px}
  .num-t{font-size:15px}
  .num-s{display:none}
  .sez-faq,.sez-gomme{padding-block:48px}
  .perche{padding-bottom:48px}
  .perche-in{gap:24px}
  .punto{padding:16px;gap:14px}
  .punto-t{font-size:20px}
  .faq-i summary{font-size:19px;padding:16px 18px}
  .faq-i p{padding:0 18px 18px;font-size:18px}
}

/* ---------- pagina privacy ---------- */
.header-semplice .header-in{justify-content:space-between}
.prosa{padding-block:64px 96px;max-width:820px}
.prosa h1{font-size:clamp(32px,1.2rem + 2.4vw,46px);margin-bottom:24px}
.prosa h2{font-size:clamp(22px,1rem + 1vw,28px);margin:40px 0 12px;color:var(--blu)}
.prosa p,.prosa ul{margin-bottom:14px}
.prosa ul{list-style:disc;padding-left:1.4em}
.prosa .agg{color:var(--testo-2);font-size:17px}