:root{
  --ink:#0C0F14; --surface:#151A21; --surface2:#1D242E; --line:#2A313C;
  --red:#E50914; --red-2:#ff2a36; --gold:#F5B301; --green:#30BB5D; --green-2:#3FBF68;
  --purple:#7C3AED; --purple-2:#A78BFA;
  --text:#F5F7FA; --muted:#9AA4AE;
  --r-sm:10px; --r:14px; --r-lg:20px; --r-xl:26px; --pill:999px;
  --sh-sm:0 1px 2px rgba(0,0,0,.4);
  --sh-md:0 8px 20px -10px rgba(0,0,0,.65);
  --sh-lg:0 22px 48px -22px rgba(0,0,0,.78);
  --maxw:1360px; --safe-b:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:18px}
body{font-family:'Inter Tight',system-ui,sans-serif;background:var(--ink);color:var(--text);line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;padding-bottom:calc(20px + var(--safe-b));
  background-image:radial-gradient(56% 36% at 50% -14%,rgba(255,255,255,.05),transparent 64%);background-attachment:fixed}
h1,h2,h3,.ey,.btn,.sec-h,.vt,.cta-band h2,.faq-q,.steps b,.crumb{font-family:'Space Grotesk',sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
em{font-style:normal;color:var(--red)}

/* BADGE RATE */
.ratebadge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,183,3,.14);border:1px solid var(--gold);color:var(--gold);font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;padding:7px 13px;border-radius:999px}
.ratebadge svg{width:16px;height:16px;flex:0 0 auto}
/* CHIP FEATURE UNIFORME (icona + testo) — usato in tutto il sito */
.fchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.fchip{display:inline-flex;align-items:center;gap:6px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:12.5px;line-height:1;padding:7px 12px;border-radius:999px;border:none;color:var(--text);background:var(--surface2)}
.fchip svg{width:17px;height:17px;flex:0 0 auto;stroke-width:2.4}
.fchip.red,.fchip.green,.fchip.purple{color:var(--text);background:rgba(13,20,28,.06)}
.fchip.red svg{color:var(--red)}
.fchip.green svg{color:#30BB5D}
.fchip.purple svg{color:#7C3AED}

/* HEADER + NAV */
/* ===== MASTHEAD scuro con selettore servizi (sostituisce la vecchia barra di navigazione, stile hero della home) ===== */
.mast{position:relative;background:#000000;padding:24px 22px 28px}
.mast-inner{max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px}
.mast-logo{display:block;width:-moz-fit-content;width:fit-content}
.mast-logo img{height:62px;width:auto;display:block}
.mast-switch{position:relative;display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:420px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:5px}
.mast-ind{position:absolute;top:5px;left:5px;height:calc(100% - 10px);width:calc((100% - 10px)/3);background:var(--red,#E50914);border-radius:999px;box-shadow:0 10px 22px -8px rgba(229,9,20,.55);transition:transform .3s cubic-bezier(.4,.05,.2,1)}
.mast-switch[data-i="1"] .mast-ind{transform:translateX(100%)}
.mast-switch[data-i="2"] .mast-ind{transform:translateX(200%)}
.mast-switch[data-i="-1"] .mast-ind{opacity:0}
.mast-opt{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#e2e6ec;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;padding:12px 10px;border-radius:999px;white-space:nowrap;transition:color .2s}
.mast-opt.is-active{color:#fff}
.mast-opt:hover:not(.is-active){color:#fff}
@media(max-width:520px){.mast-opt{font-size:13.5px;padding:12px 6px}.mast-logo img{height:52px}}
/* icona persona (accesso area riservata rivenditori) in alto a destra dell'hero */
.acct-ico{position:absolute;top:16px;right:18px;z-index:4;display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;color:#e2e6ec;border-radius:50%;transition:color .15s,background .15s}
.acct-ico:hover{color:#fff;background:rgba(255,255,255,.12)}
.acct-ico svg{width:23px;height:23px}
@media(max-width:520px){.acct-ico{top:12px;right:12px;width:34px;height:34px}.acct-ico svg{width:21px;height:21px}}
/* ===== BARRETTA PROMO (carosello) — grigia, in cima a ogni pagina con l'hero ===== */
.promobar{background:#eef1f5;color:#3a424c;border-bottom:1px solid #e4e7ec;overflow:hidden}
.promobar .pb-in{position:relative;max-width:600px;margin:0 auto;padding:8px 42px;display:flex;align-items:center;justify-content:center;min-height:33px}
.promobar .pb-track{position:relative;flex:1;height:20px}
.promobar .pb-item{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:12.5px;font-weight:500;font-family:'DM Sans',system-ui,sans-serif;color:#3a424c;opacity:0;transition:opacity .45s ease}
.promobar .pb-item.is-on{opacity:1}
.promobar .pb-item svg{width:15px;height:15px;stroke:#E50914;fill:none;stroke-width:2;flex:0 0 auto}
.promobar .pb-arrow{position:absolute;top:50%;transform:translateY(-50%);background:none;border:0;color:#9aa3ad;font-size:20px;line-height:1;cursor:pointer;padding:0 8px;transition:color .15s}
.promobar .pb-prev{left:4px}.promobar .pb-next{right:4px}
.promobar .pb-arrow:hover{color:#E50914}
@media(prefers-reduced-motion:reduce){.promobar .pb-item{transition:none}}
header{position:sticky;top:0;z-index:50;backdrop-filter:blur(6px);background:rgba(11,13,15,.92);border-bottom:1px solid var(--line)}
.bar{max-width:var(--maxw);margin:0 auto;padding:8px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{flex-shrink:0;display:flex;align-items:center}
.brand img{height:52px;width:auto;flex-shrink:0}
.hdr-right{display:flex;align-items:center;gap:10px;min-width:0}
.vt{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:13.5px;padding:9px 15px;border-radius:999px;border:1.5px solid var(--green);color:var(--green-2);white-space:nowrap;transition:.18s}
@media(max-width:560px){.bar{padding:8px 14px;gap:8px}.brand img{height:46px}.vt{padding:8px 11px;font-size:12.5px}}
.vt:hover{background:var(--green);color:#fff}.vt svg{width:16px;height:16px}
.hdr-cta{display:none;align-items:center;gap:8px}
.hdr-cta a{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:13.5px;padding:9px 15px;border-radius:10px}
.hdr-cta .wa{background:#1FA855;color:#fff}.hdr-cta .ca{border:1px solid var(--line);color:var(--text)}
.hdr-cta svg{width:16px;height:16px}
.subnav{border-bottom:1px solid var(--line);background:rgba(11,13,15,.9)}
.subnav .row{max-width:var(--maxw);margin:0 auto;display:flex;gap:20px;padding:11px 20px;overflow-x:auto}
.subnav .row::-webkit-scrollbar{display:none}
.subnav a{white-space:nowrap;font-size:14px;font-weight:600;color:var(--muted);transition:color .18s}
.subnav a:hover,.subnav a.on{color:var(--red)}
.subnav a[href="valutazione-usato.html"]:hover,.subnav a[href="valutazione-usato.html"].on{color:var(--red)}

main{padding-top:8px}
.crumb{font-size:12.5px;color:var(--muted);padding:18px 0 0}
.crumb a:hover{color:var(--text)}.crumb span{color:#626c77}

/* HERO servizio */
.svc-hero{padding:26px 0 8px}
.ey{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.ey::before{content:"";width:22px;height:1px;background:var(--red)}
h1{font-size:clamp(30px,6vw,46px);line-height:1.05;font-weight:700;letter-spacing:-.02em}
.lead{color:var(--muted);font-size:clamp(16px,2.1vw,18px);margin-top:14px;max-width:60ch}
.svc-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}

/* BOTTONI */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-weight:700;font-size:15.5px;padding:13px 22px;border-radius:999px;transition:.18s;border:1px solid transparent}
.btn svg{width:18px;height:18px}
.btn.wa{background:#1FA855;color:#fff}.btn.wa:hover{background:#178a45;transform:translateY(-1px)}
.btn.primary{background:#000000;color:#fff;border:2.5px solid #000000}.btn.primary:hover{background:#222222;color:#fff;border-color:#222222;transform:translateY(-1px);box-shadow:none}
.btn.ghost{border-color:var(--line);color:var(--text)}.btn.ghost:hover{border-color:#000000;background:#000000;color:#fff}

/* SEZIONI / PROSE */
section.blk{padding:34px 0 6px}
.sec-ey{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.sec-h{font-size:clamp(22px,3.2vw,30px);font-weight:700;letter-spacing:-.01em;margin-bottom:14px}
.prose p{color:#cfd5db;margin:10px 0;max-width:68ch}
.prose strong{color:var(--text);font-weight:600}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.grid2{display:grid;grid-template-columns:1fr;gap:14px}

/* LISTE CON CHECK */
.checks{list-style:none;display:grid;grid-template-columns:1fr;gap:10px;margin-top:6px}
.checks li{position:relative;padding-left:30px;color:#cfd5db;font-size:15px}
.checks li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:6px;background:rgba(229,9,20,.14);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E50914' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-size:14px;background-repeat:no-repeat;background-position:center}

/* STEPS / PROCESSO */
.steps{counter-reset:s;display:grid;grid-template-columns:1fr;gap:12px;margin-top:6px}
.steps .st{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 18px 18px 64px}
.steps .st::before{counter-increment:s;content:counter(s);position:absolute;left:16px;top:16px;width:34px;height:34px;border-radius:10px;
  background:var(--red);color:#fff;font-family:'Space Grotesk';font-weight:700;display:grid;place-items:center}
.steps b{display:block;font-size:15.5px;margin-bottom:2px}
.steps span{font-size:14px;color:var(--muted)}

/* CARD SERVIZI + PUNTI CHIAVE */
.svc-cards{display:grid;grid-template-columns:1fr;gap:12px;margin:6px 0 8px}
.svc-card{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;transition:.18s}
.svc-card:hover{border-color:var(--red);transform:translateY(-2px)}
.svc-card .ic{flex:0 0 auto;display:grid;place-items:center}
.svc-card .ic svg{width:27px;height:27px;color:var(--red)}
.svc-card b{font-family:'Poppins';font-weight:600;font-size:15px;display:block}
.svc-card .sub{font-size:12.5px;color:var(--muted)}
.svc-card .go{margin-left:auto;color:var(--muted)}.svc-card .go svg{width:20px;height:20px}
.why{display:grid;grid-template-columns:1fr 1fr;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:6px}
.why .w{padding:20px;border-top:1px solid var(--line);transition:background .18s}
.why .w:nth-child(-n+2){border-top:none}
.why .w:nth-child(even){border-left:1px solid var(--line)}
.why .w:hover{background:var(--surface2)}
.why .w svg{width:24px;height:24px;color:var(--red);margin-bottom:10px}
.why .w b{font-family:'Poppins';font-weight:600;font-size:15px;display:block}.why .w span{font-size:12.5px;color:var(--muted)}

/* NOTE / EVIDENZA */
.note{background:#f4f6f8;border:1px solid #e4e7ec;border-radius:14px;padding:16px 18px;margin:6px 0}
.note b{color:var(--text)}.note p{color:#cfd5db;margin:0}

/* FAQ */
.faq{display:grid;gap:10px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:2px 18px}
.faq summary{list-style:none;cursor:pointer;padding:16px 0;display:flex;justify-content:space-between;align-items:center;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq-q{font-size:15.5px;font-weight:700;color:var(--text)}
.faq summary::after{content:"+";font-family:'Space Grotesk';font-size:22px;color:#626c77;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:#cfd5db;font-size:14.5px;padding:0 0 16px;margin:0;max-width:66ch}

/* CTA BAND */
.cta-band{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:30px;margin:30px 0 8px;text-align:center}
.cta-band::after{content:"";position:absolute;right:-90px;top:-90px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(229,9,20,.07),transparent 70%)}
.cta-band h2{position:relative;font-size:clamp(22px,3.4vw,28px);font-weight:700}
.cta-band p{position:relative;color:var(--muted);margin:8px auto 18px;max-width:52ch}
.cta-band .svc-cta{position:relative;justify-content:center}

/* CONTATTI / CHI SIAMO */
.about{display:grid;grid-template-columns:1fr;gap:22px;align-items:center}
.about .ph{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 44px -28px rgba(0,0,0,.9)}
.about .ph img{width:100%;height:auto;display:block}
.about .txt p{color:#cfd5db;margin:12px 0;max-width:60ch}
.about .txt p strong{color:var(--text);font-weight:600}
.storefront{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);margin-bottom:16px;height:280px}
.storefront img{width:100%;height:100%;object-fit:cover;display:block}
.loc-grid{display:grid;grid-template-columns:1fr;gap:16px}
.map{height:300px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.map iframe{width:100%;height:100%;border:0;filter:grayscale(.15)}
.info{display:grid;gap:12px}
.info-row{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:15px}
.info-row .ic{flex:0 0 auto;display:grid;place-items:center}
.info-row .ic svg{width:25px;height:25px;color:var(--red)}
.info-row b{font-family:'Space Grotesk';font-size:14.5px;display:block}
.info-row span,.info-row a{font-size:13.5px;color:var(--muted)}.info-row a:hover{color:var(--text)}
.hours{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;font-size:14px}
.hours .row{display:flex;justify-content:space-between;padding:6px 0}.hours .row span{color:var(--muted)}
.hours .ttl{display:flex;align-items:center;gap:8px;font-family:'Space Grotesk';font-weight:700;margin-bottom:10px}
.hours .ttl svg{width:18px;height:18px;color:var(--red)}
.areabox{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.areabox b{font-family:'Space Grotesk';color:var(--text)}
.areabox .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.areabox .tags span{font-size:13px;color:#cfd5db;background:var(--surface2);border:1px solid var(--line);padding:6px 11px;border-radius:999px}

/* FOOTER */
footer{margin-top:40px;border-top:1px solid var(--line);padding:30px 0 34px;color:var(--muted);font-size:13px}
footer .fgrid{display:grid;grid-template-columns:1fr;gap:18px}
footer .flogo{height:42px;width:auto;margin-bottom:12px}
footer b.h{font-family:'Space Grotesk';color:var(--text);display:block;margin-bottom:8px}
footer .fcol a{display:block;color:var(--muted);padding:9px 0}footer .fcol a:hover{color:var(--text)}
/* la frase che deve stare su OGNI pagina: usato originale mai riparato + i 2 anni di garanzia */
footer .soc{display:flex;gap:10px;margin-top:12px}
footer .soc a{width:40px;height:40px;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center}
footer .soc a svg{width:20px;height:20px}
footer .lg{margin-top:16px;font-size:12px}footer .lg a{color:var(--red)}
/* ===== Barra social verticale fissa a sinistra (stile iStore) 2026-07-23 ===== */
.social-rail{position:fixed;left:6px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:2px}
.social-rail a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#8a929b;border-radius:10px;transition:color .15s,background .15s}
.social-rail a:hover{color:#E50914;background:rgba(0,0,0,.05)}
.social-rail a svg{width:20px;height:20px}
@media(max-width:1200px){.social-rail{display:none}}
/* su mobile/tablet: social in alto a sinistra DENTRO l'hero (scorrono con l'hero) */
.social-hero{display:none}
@media(max-width:1200px){
  .social-hero{display:flex;gap:4px;position:absolute;top:16px;left:14px;z-index:5}
  .social-hero a{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#e2e6ec;border-radius:9px;transition:color .15s,background .15s}
  .social-hero a:hover{color:#fff;background:rgba(255,255,255,.12)}
  .social-hero a svg{width:20px;height:20px}
}
@media(max-width:520px){.social-hero{top:12px;left:10px;gap:2px}.social-hero a{width:30px;height:30px}.social-hero a svg{width:18px;height:18px}}
/* footer compatto su mobile: colonne link a 2, meno padding (pass densità 2026-07-23) */
@media(max-width:600px){
  footer{margin-top:26px;padding:22px 0 24px}
  footer .fgrid{grid-template-columns:1fr 1fr;gap:18px 16px}
  footer .fgrid>:first-child{grid-column:1/-1;margin-bottom:2px}
  footer .flogo{height:38px;margin-bottom:8px}
  footer .fcol a{padding:5px 0}
  footer .soc{margin-top:10px}
  footer .lg{margin-top:12px}
}

/* DOCK mobile */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:10px;padding:11px 16px calc(11px + var(--safe-b));background:rgba(11,13,15,.86);backdrop-filter:blur(14px);border-top:1px solid var(--line)}
.dock a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-family:'Space Grotesk';font-weight:700;font-size:15px;padding:14px;border-radius:999px}
.dock .wa{background:#1FA855;color:#fff}.dock .call{background:var(--surface2);color:var(--text);border:1px solid var(--line)}
.dock svg{width:19px;height:19px}

@media(min-width:900px){
  body{padding-bottom:0}.dock{display:none}.hdr-cta{display:flex}.brand img{height:70px}
  .svc-hero{padding:40px 0 10px}
  .grid2{grid-template-columns:1fr 1fr;gap:20px}
  .steps{grid-template-columns:repeat(2,1fr)}
  .checks{grid-template-columns:1fr 1fr;gap:10px 26px}
  .svc-cards{grid-template-columns:repeat(2,1fr)}
  .why{grid-template-columns:repeat(4,1fr)}.why .w{border-top:none;border-left:1px solid var(--line)}.why .w:first-child{border-left:none}
  .about{grid-template-columns:1.05fr .95fr;gap:42px}
  .loc-grid{grid-template-columns:1.2fr 1fr;align-items:start}
  .storefront{height:360px}
  footer .fgrid{grid-template-columns:1.8fr 1fr 1fr .9fr 1.2fr;align-items:start}
}
@media(min-width:1080px){.svc-cards{grid-template-columns:repeat(4,1fr)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(max-width:560px){
  .mast{padding:16px 14px 18px}
  .mast-inner{gap:12px}
  .mast-logo img{height:46px}
  .mast-switch{max-width:none}
  .wrap{padding-inline:16px}
  .svc-hero{padding-top:20px}
  .svc-cta{flex-direction:column}
  .svc-cta .btn{width:100%;min-height:48px}
}

/* ===== TEMA USATO (verde) — pagina valutazione-usato ===== */
.usato-theme em,.usato-theme .ey,.usato-theme .crumb span{color:var(--red)}
.usato-theme .ey::before{background:var(--red)}
.usato-theme .btn.ghost:hover{border-color:#000000;background:#000000;color:#fff}
.usato-theme .note{background:#f4f6f8;border:1px solid #e4e7ec}
.usato-theme .faq summary::after{color:var(--red)}
.usato-theme .steps .st::before{background:var(--red)}
.usato-theme .cta-band::after{background:radial-gradient(circle,rgba(229,9,20,.08),transparent 70%)}

/* ===== Rifiniture (tema scuro) ===== */
.vt{border-color:#7C3AED;color:var(--purple-2)}
.vt:hover{background:var(--purple);color:#fff;border-color:var(--purple)}
.ratebadge{color:#3a2900;border-color:#FBBC04;background:#FBBC04}
.panel,.svc-card,.info-row,.hours,.areabox,.cta-band,.faq details,.steps .st{box-shadow:var(--sh-md)}
.usato-theme .checks li::before{background:rgba(48,187,93,.16);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233FA64D' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}

/* Tasti Chiama: sempre rossi (come pagina contatti) */
.hdr-cta .ca{background:var(--red);border-color:var(--red);color:#fff}
.hdr-cta .ca:hover{background:var(--red-2);border-color:var(--red-2)}
.dock .call{background:var(--red);border-color:var(--red);color:#fff}
a.btn[href^="tel:"]{background:var(--red);border-color:var(--red);color:#fff}
a.btn[href^="tel:"]:hover{background:var(--red-2);border-color:var(--red-2);color:#fff}

footer .fcol a{display:flex;align-items:center}
.fic{width:14px;height:14px;margin-right:7px;opacity:.7;flex:0 0 auto}

/* ===== TEMA CHIARO — coerente col gestionale: sfondo grigio chiaro, card bianche, barra logo/footer scuri ===== */
:root{
  --ink:#EEF1F5; --surface:#FFFFFF; --surface2:#F4F6F8; --line:#E4E7EC;
  --text:#14181F; --muted:#626C77; --green-2:#30BB5D;
  --sh-sm:0 1px 3px rgba(0,0,0,.05);
  --sh-md:0 6px 18px -10px rgba(20,23,28,.13);
  --sh-lg:0 14px 34px -16px rgba(20,23,28,.16);
}
body{background:var(--ink);color:var(--text);background-image:none}
.subnav{background:rgba(255,255,255,.92)}
.subnav a{color:#5C656F}
.prose p,.checks li,.note p,.faq details p,.about .txt p{color:#3B424A}
.areabox .tags span{color:#3B424B}
input::placeholder,textarea::placeholder{color:#9AA3AD}
.panel,.svc-card,.info-row,.hours,.areabox,.cta-band,.faq details,.steps .st{box-shadow:var(--sh-sm)}
.about .ph{box-shadow:var(--sh-md)}
.btn.primary,.btn.wa{box-shadow:none}
/* verde usato leggibile su bianco */
.usato-theme em,.usato-theme .ey,.usato-theme .crumb span{color:#E50914}
/* footer scuro: il logo bianco si vede */
footer{background:#000000;border-top-color:#222222;color:#9AA4AE}
footer .fcol a{color:#C9CFD6}footer .fcol a:hover{color:#fff}
footer b.h{color:#F5F7FA}
footer .soc a{border-color:#2A3037}
footer .lg{color:#8A929B}footer .lg a{color:#ff5964}
footer p{color:#9AA4AE}

/* Chiama + WhatsApp (barra alta + dock mobile): trasparenti, si riempiono al passaggio */
.hdr-cta .ca,.dock .call{background:transparent;border:1.5px solid var(--red);color:#ff5964}
.hdr-cta .ca:hover,.dock .call:hover,.dock .call:active{background:var(--red);border-color:var(--red);color:#fff}
.hdr-cta .wa,.dock .wa{background:transparent;border:1.5px solid #1FA855;color:#1FA855}
.hdr-cta .wa:hover,.dock .wa:hover,.dock .wa:active{background:#1FA855;border-color:#1FA855;color:#fff}
@media(max-width:899px){
  .dock{gap:8px;padding:8px 12px calc(8px + var(--safe-b))}
  .dock a{padding:9px 10px;font-size:13.5px;border-radius:11px}
  .dock svg{width:17px;height:17px}
}

.subnav a[href="valutazione-usato.html"]:hover,.subnav a[href="valutazione-usato.html"].on{color:#E50914}
.subnav a[href="acquista-usato.html"]:hover,.subnav a[href="acquista-usato.html"].on{color:#E50914}
/* ===== BARRA SUPERIORE (striscia contatti + menu con icone + CTA) ===== */
.topstrip{background:#0B0E13;border-bottom:1px solid #222222;font-size:12.5px}
.ts-in{max-width:var(--maxw);margin:0 auto;padding:7px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ts-left{display:flex;align-items:center;gap:20px;min-width:0;overflow:hidden}
.ts-left a{display:inline-flex;align-items:center;gap:6px;color:#AEB6BF;white-space:nowrap;transition:color .18s}
.ts-left a:hover{color:#fff}
.ts-left svg{width:14px;height:14px;color:#14181f;flex:0 0 auto}
.ts-right{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.ts-status{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:#AEB6BF;white-space:nowrap}
header .bar{position:relative;gap:14px}
.brand img{height:60px}
.mnav{display:flex;align-items:center;gap:2px;margin-left:6px}
.mnav a{display:inline-flex;align-items:center;gap:7px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14px;color:#C9CFD6;padding:9px 12px;border-radius:9px;white-space:nowrap;transition:.15s}
.mnav a svg{width:17px;height:17px;color:#9aa3ad;transition:.15s;flex:0 0 auto}
.mnav a:hover{color:#fff}
.mnav a.on{color:#fff}
.mnav a[href="valutazione-usato.html"]:hover{color:#fff}
.mnav a[href="acquista-usato.html"]:hover{color:#fff}
.mnav a[href="valutazione-usato.html"].on{color:#fff}
.mnav a[href="acquista-usato.html"].on{color:#fff}
.mnav .mdrop>a.on{color:#fff}
.mnav .mdrop>a:hover{color:#C30811}
.mdrop{position:relative;display:inline-flex;align-items:center}
.mnav .mdrop>a .mcar{width:12px;height:12px;color:#8A929B;margin-left:-1px;transition:transform .16s}
.mdrop:hover>a .mcar{transform:rotate(180deg)}
.mdrop-menu{position:absolute;top:100%;left:0;min-width:224px;display:flex;flex-direction:column;gap:1px;background:rgba(14,16,19,.98);border:1px solid var(--line);border-radius:12px;padding:7px;box-shadow:0 20px 40px -16px rgba(0,0,0,.85);opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .16s,transform .16s,visibility .16s;z-index:70}
.mdrop:hover .mdrop-menu,.mdrop:focus-within .mdrop-menu{opacity:1;visibility:visible;transform:translateY(0)}
.mnav .mdrop-menu a{display:flex;width:100%;font-weight:600;font-size:13.5px;padding:10px 12px}
@media(max-width:1080px){
  .mdrop{position:static}
  .mdrop-menu{display:none}
  .mnav .mdrop>a .mcar{display:none}
}
.hdr-cta{display:flex;align-items:center;gap:12px;margin-left:auto}
.hdr-status{display:inline-flex;align-items:center;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:12px;color:#AEB6BF;white-space:nowrap;letter-spacing:.01em}
.hdr-status .cd{opacity:.75}
@media(max-width:1240px){.hdr-status .det{display:none}}
.brand-col{display:flex;flex-direction:column;gap:1px;min-width:0}
.hdr-status-mob{display:none}
@media(max-width:1080px){.hdr-status-mob{display:inline-flex;align-items:center;gap:5px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:11px;color:#AEB6BF;white-space:nowrap;order:1;margin-left:auto;line-height:1.1}.brand img{height:48px}}
@media(max-width:400px){.hdr-status-mob{font-size:10px;gap:4px}}
.hdr-cta .rep{display:inline-flex;align-items:center;gap:7px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13.5px;padding:10px 18px;border-radius:999px;background:var(--red);color:#fff;box-shadow:0 8px 20px -10px var(--red);transition:.18s;white-space:nowrap}
.hdr-cta .rep:hover{background:var(--red-2);transform:translateY(-1px)}
.hdr-cta .rep svg{width:16px;height:16px}
.burger{display:none;width:auto;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:8px;margin-left:auto}
.burger span{width:24px;height:2px;background:#fff;border-radius:2px;transition:.2s}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1080px){
  /* menu classico a barra su UNA riga (niente hamburger, niente Chi siamo su mobile); stato sotto */
  .burger,.hdr-cta{display:none}
  header .bar{flex-wrap:wrap;row-gap:6px}
  .brand-col{display:contents}
  .mnav{display:flex;flex-wrap:nowrap;justify-content:center;order:5;flex:1 0 100%;width:100%;margin:6px 0 0;gap:1px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .mnav::-webkit-scrollbar{display:none}
  .mnav a,.mnav .mdrop{flex:0 0 auto}
  .mnav a{flex-direction:row;align-items:center;gap:4px;font-size:11px;padding:6px 4px;line-height:1.1}
  .mnav a svg{display:block;width:15px;height:15px}
  .mnav a[href="index.html"]{display:none}
  .mnav a[href="chi-siamo.html"]{display:none}
}
@media(max-width:600px){.ts-left a:nth-child(3){display:none}.ts-in{padding:7px 14px}.ts-left{gap:14px}.ts-status .cd{display:none}}
@media(max-width:520px){.ts-status .det{display:none}}
.area-ris{text-transform:uppercase;color:var(--red)!important;font-weight:700;letter-spacing:.03em}
/* ===== FLAT / MATERIAL: niente ombre, rilievi 3D e sfumature di profondità (piu leggero e veloce) ===== */
:root{--sh-sm:none;--sh-md:none;--sh-lg:none}
body{background-image:none}
header,.dock{background:#000000;backdrop-filter:none;-webkit-backdrop-filter:none}
/* Liquid glass: barra e dock in vetro sfocato (se il browser lo supporta) */
@supports ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  header{background:rgba(11,13,15,.72);-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);border-bottom-color:rgba(255,255,255,.08)}
  .dock{background:rgba(11,13,15,.68);-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6)}
}
.panel,.svc-card,.info-row,.hours,.areabox,.cta-band,.faq details,.steps .st,.about .ph,.btn.primary,.btn.wa,.hdr-cta .rep,.mdrop-menu,.mnav.open{box-shadow:none}
.cta-band::after,.usato-theme .cta-band::after{display:none}
.btn.wa:hover,.btn.primary:hover,.svc-card:hover,.hdr-cta .rep:hover{transform:none}
.svc-card:hover{background:var(--surface2)}

/* ===== Widget chat WhatsApp (flottante in basso a destra, mobile + desktop) ===== */
.wa-widget{display:none}
@media(min-width:1px){
  .wa-widget{position:fixed;right:22px;bottom:calc(22px + var(--safe-b));z-index:90;display:block}
  .wa-fab{position:relative;margin-left:auto;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.22);border:none;cursor:pointer;transition:background .18s}
  .wa-fab svg{width:32px;height:32px}
  .wa-fab:hover{background:#1EBE5A}
  .wa-panel{display:none;position:absolute;right:0;bottom:72px;width:320px;max-width:calc(100vw - 44px);background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 16px 44px -10px rgba(0,0,0,.32)}
  .wa-widget.open .wa-panel{display:block;animation:waPop .16s ease}
  .wa-head{display:flex;align-items:center;gap:11px;background:#075E54;color:#fff;padding:13px 14px}
  .wa-ava{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center}
  .wa-ava svg{width:23px;height:23px}
  .wa-meta b{display:block;font-family:'Space Grotesk',sans-serif;font-size:15px;line-height:1.15}
  .wa-meta span{font-size:11.5px;opacity:.85}
  .wa-x{margin-left:auto;background:none;border:none;color:#fff;font-size:22px;line-height:1;cursor:pointer;opacity:.9;padding:0 3px}
  .wa-body{padding:16px 14px 15px;background:#E9E3DB}
  .wa-bubble{background:#fff;border-radius:2px 12px 12px 12px;padding:10px 12px;font-size:13.5px;color:#222;line-height:1.45;margin-bottom:12px;box-shadow:0 1px 1px rgba(0,0,0,.08)}
  .wa-input{width:100%;box-sizing:border-box;border:1px solid #d5d0c8;border-radius:10px;padding:11px 12px;font-family:inherit;font-size:14px;resize:vertical;min-height:74px;background:#fff;color:#14171A}
  .wa-input:focus{outline:none;border-color:#25D366;box-shadow:0 0 0 3px rgba(37,211,102,.18)}
  .wa-send{margin-top:10px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#25D366;color:#fff;border:none;border-radius:999px;padding:12px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;cursor:pointer;transition:background .18s}
  .wa-send:hover{background:#1EBE5A}
  .wa-send svg{width:18px;height:18px}
  @keyframes waPop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
}

/* ===== MIGLIORIE 2026: micro-interazioni (tutte le pagine) ===== */
@media(hover:hover){
  .mnav>a,.mnav>.mdrop>a{position:relative}
  .mnav>a::after,.mnav>.mdrop>a::after{content:"";position:absolute;left:12px;right:12px;bottom:1px;height:2px;background:var(--red);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
  .mnav>a:hover::after,.mnav>.mdrop:hover>a::after{transform:scaleX(1)}
  .fchip{transition:transform .16s ease}.fchip:hover{transform:translateY(-2px)}
  .svc-card,.panel,.steps .st{transition:transform .2s ease,box-shadow .2s ease}
  .svc-card:hover,.panel:hover,.steps .st:hover{transform:translateY(-3px)}
  .vbtn svg{transition:transform .18s ease}.vbtn:hover svg{transform:translateX(3px)}
}

/* ===== MODALITÀ SCURA ===== */
.theme-toggle{width:38px;height:38px;flex:0 0 auto;border-radius:11px;border:1px solid #2A3138;background:transparent;color:#c9cfd6;display:grid;place-items:center;cursor:pointer;transition:.18s;margin-left:6px}
.theme-toggle:hover{border-color:#ff5964;color:#ff5964}
.theme-toggle svg{width:19px;height:19px}
@media(max-width:560px){.theme-toggle{width:36px;height:36px;margin-left:4px}}
:root[data-theme="dark"]{
  --ink:#0C0F14; --surface:#161B22; --surface2:#1E252E; --line:#2A313C;
  --text:#F1F4F8; --muted:#9AA4AE;
  --sh-sm:0 1px 2px rgba(0,0,0,.5); --sh-md:0 8px 22px -12px rgba(0,0,0,.7); --sh-lg:0 20px 46px -20px rgba(0,0,0,.8);
}
:root[data-theme="dark"] body{background:#000;background-image:none}
:root[data-theme="dark"] .subnav{background:rgba(12,15,20,.9)}
:root[data-theme="dark"] .prose p,:root[data-theme="dark"] .checks li,:root[data-theme="dark"] .note p,:root[data-theme="dark"] .faq details p,:root[data-theme="dark"] .about .txt p{color:#cfd5db}
:root[data-theme="dark"] .prose strong{color:var(--text)}
:root[data-theme="dark"] .areabox .tags span{color:#c9cfd6}
:root[data-theme="dark"] .panel,:root[data-theme="dark"] .svc-card,:root[data-theme="dark"] .info-row,:root[data-theme="dark"] .hours,:root[data-theme="dark"] .areabox,:root[data-theme="dark"] .cta-band,:root[data-theme="dark"] .faq details,:root[data-theme="dark"] .steps .st{box-shadow:var(--sh-md)}
/* ===== LIQUID GLASS su tutte le pagine: bagliore rosso di sfondo + card in vetro ===== */
body{background-image:radial-gradient(620px 420px at 8% 60px,rgba(255,255,255,.04),transparent 62%),radial-gradient(560px 400px at 94% 340px,rgba(255,255,255,.03),transparent 60%)}
:root[data-theme="dark"] body{background-image:none}
@supports ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .panel,.svc-card,.info-row,.hours,.areabox,.faq details,.steps .st{background:rgba(255,255,255,.52);-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);border-color:rgba(13,20,28,.10)}
  .svc-card:hover{background:rgba(255,255,255,.68)}
  .fchip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  :root[data-theme="dark"] .panel,:root[data-theme="dark"] .svc-card,:root[data-theme="dark"] .info-row,:root[data-theme="dark"] .hours,:root[data-theme="dark"] .areabox,:root[data-theme="dark"] .faq details,:root[data-theme="dark"] .steps .st{background:linear-gradient(180deg,#17181c,#0d0e11);border-color:rgba(255,255,255,.08);border-top-color:rgba(255,255,255,.20)}
  :root[data-theme="dark"] .svc-card:hover{background:linear-gradient(180deg,#1c1d22,#111216);border-top-color:rgba(255,255,255,.28)}
}
:root[data-theme="dark"] .btn.primary{color:#ff5964}
:root[data-theme="dark"] .btn.primary:hover{color:#fff}
/* ===== Restyling essenziale: icone libere, chip sobri, titoli ===== */
h1,h2,.sec-h{letter-spacing:-.015em}
:root[data-theme="dark"] .svc-card .ic svg,:root[data-theme="dark"] .info-row .ic svg{color:#ff5964}
:root[data-theme="dark"] .fchip.red,:root[data-theme="dark"] .fchip.green,:root[data-theme="dark"] .fchip.purple{background:rgba(255,255,255,.07)}
:root[data-theme="dark"] .fchip.red svg{color:#ff5964}
:root[data-theme="dark"] .fchip.green svg{color:#3FBF68}
:root[data-theme="dark"] .fchip.purple svg{color:#A78BFA}

/* ===== Forma pulsanti coerente col gestionale: rettangolo arrotondato (10px), non pillola ===== */
.btn,.vt,.vbtn,.dock a,.hdr-cta a,.hbtn,.hbtn2,.revmore a{border-radius:999px !important}
/* ===== Intestazione quasi nera (solida, non trasparente) ===== */
header{background:#000000 !important}
/* ===== Pulsanti più bassi (altezza compatta come il gestionale) ===== */
.btn,.vbtn,.vt,.hbtn,.hbtn2,.revmore a{padding-top:9px !important;padding-bottom:9px !important}
.chip{padding-top:7px !important;padding-bottom:7px !important}
/* ===== Descrizione grafica prodotti (striscia icona+nome, non tasti) ===== */
.eval-types{display:flex;flex-wrap:wrap;gap:9px 24px;align-items:center;margin-top:2px}
.eval-types .et{display:inline-flex;flex-direction:column;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--muted);background:none;border:0;padding:0}
.eval-types .et svg{width:26px;height:26px;color:#14181f;flex:0 0 auto}

/* icone: stile lineare unico — terminazioni/angoli arrotondati ovunque (2026-07-21) */
svg{stroke-linecap:round;stroke-linejoin:round}

/* ===== 2026-07-23 · HEADER INTERNO stile home: logo CENTRATO + menu essenziale sotto (via la vecchia barra a sinistra) ===== */
header{background:#000000 !important;border-bottom:1px solid #222222;-webkit-backdrop-filter:none;backdrop-filter:none}
header .bar{flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:11px 20px}
.brand-col{display:flex !important;justify-content:center;width:auto}
.brand img{height:44px !important}
.hdr-status-mob,.hdr-cta,.burger{display:none !important}
.mnav{display:flex !important;margin-left:0;justify-content:center;flex-wrap:wrap;gap:2px 6px}
.mnav a[href="index.html"]{display:none}
@media(max-width:560px){.mnav a{font-size:12.5px;padding:7px 8px}.brand img{height:40px !important}}

/* ===== 2026-07-23 · Tipografia nuovo stile: Poppins (titoli) + DM Sans (testo/UI), allineata alla home ===== */
body{font-family:'DM Sans',system-ui,sans-serif}
h1,h2,h3,h4,h5,.sec-h,.svc-hero h1,.faq-q,.faq summary,.rp-model,.rp-title,.rp-data-title,.v-h2,.v-ti h3,.v-card h3,.v-step h4,.v-grade h3,.hubcard h3,.rating .big,.medal .score,.v-stat b,.card-h h2,.ucol-head h3,.ucol-formhead h4{font-family:'Poppins',sans-serif !important;font-weight:600;letter-spacing:.2px}
.mnav a,.btn,.vt,.vbtn,.hbtn,.hbtn2,.chip,.fchip,.ey,.sec-ey,.dock a,.revmore a,.ratebadge,.tbadge b,.hours .ttl,.locrow b,.svc-card b,.v-ey,.v-slbl,.v-gsub,.v-step .lbl,.eval-types .et,footer b.h,.hdr-status,.ts-status,.rcap b,.batt-val,.stima-val,.vrbatt-pill{font-family:'DM Sans',system-ui,sans-serif !important}

/* loghi ufficiali dei pagamenti a rate, alla stessa altezza della scritta accanto */
.paylogo{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;margin:0 2px}
.paylogo svg{display:block;width:auto}
.paylogo .lk{height:19px}
.paylogo .lp{height:15px}

/* SLOGAN USATO — "Il prezzo dell'usato, le garanzie del nuovo" */
.slogan{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.01em;line-height:1.15;
  font-size:clamp(21px,3.4vw,32px);text-align:center;max-width:24ch;margin:0 auto}
.slogan em{font-style:normal;color:var(--red)}
.slogan-sub{text-align:center;color:var(--muted);font-size:14.5px;margin:10px auto 0;max-width:52ch}
.slogan-band{padding:26px 0 4px}
img{
  height:auto;
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}