/* Metriclab – foglio di stile del sito
   Layout: fasce a tutta larghezza alternate chiaro/nero, contenuto in colonna da 1200px.
   Regola di identità: GIALLO = attività accreditata (verificazione periodica),
   NERO/GRIGIO = servizi tecnici non accreditati. Non mescolare i due codici. */

@font-face{font-family:"Figtree";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/figtree-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/figtree-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/figtree-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/figtree-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/figtree-latin-800-normal.woff2") format("woff2")}
@font-face{font-family:"Audiowide";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/audiowide-latin-400-normal.woff2") format("woff2")}

:root{
  /* colori */
  --giallo:#F5A722;        /* giallo Metric Lab */
  --giallo-scuro:#8A5A00;  /* giallo leggibile su bianco */
  --nero:#111110;
  --notte:#0B0B0A;         /* fasce scure */
  --carta:#FFFFFF;
  --sabbia:#F5F4F0;        /* grigio caldo, area servizi tecnici */
  --linea:#E2DFD7;
  --testo:#1A1914;
  --testo-2:#4A4740;
  --testo-inv:#D8D6D0;     /* testo su nero */
  /* caratteri */
  --f-corpo:"Figtree","Avenir Next","Avenir","Segoe UI",Arial,sans-serif;
  --f-tecnico:"Audiowide","Figtree",Arial,sans-serif; /* solo numeri e dettagli tecnici */
  /* scala */
  --t-xs:.8125rem; --t-s:.9375rem; --t-m:1.0625rem; --t-l:1.25rem;
  --t-h3:1.375rem; --t-h2:clamp(2rem,1.4rem + 2.4vw,2.875rem); --t-h1:clamp(2.4rem,1.5rem + 3.6vw,3.875rem);
  --r:10px;
  --gutter:clamp(16px,4vw,24px);
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--carta);color:var(--testo);font-family:var(--f-corpo);font-size:var(--t-m);line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
a:hover{color:var(--giallo-scuro)}
:focus-visible{outline:3px solid var(--giallo);outline-offset:3px}
h1,h2,h3,h4{margin:0;line-height:1.12;font-weight:800;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
h1{font-size:var(--t-h1)}
h2{font-size:var(--t-h2)}
h3{font-size:var(--t-h3)}
[hidden]{display:none!important}
.wrap{max-width:1200px;margin-inline:auto;padding-inline:var(--gutter)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--giallo);color:var(--nero);padding:10px 16px;z-index:100;font-weight:700}
.skip:focus{left:8px}

/* ---------- barra contatti ---------- */
.topbar{background:var(--notte);color:var(--testo-inv);font-size:var(--t-s)}
.topbar .wrap{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between;align-items:center;padding-block:9px}
.topbar__links{display:flex;flex-wrap:wrap;gap:6px 22px}
.topbar a{color:var(--testo-inv);text-decoration:none;display:inline-flex;gap:8px;align-items:center}
.topbar a:hover{color:var(--giallo)}
.topbar img{width:16px;height:16px;object-fit:contain}

/* ---------- intestazione ---------- */
.header{background:var(--carta);border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:50}
.header .wrap{display:flex;gap:16px 32px;align-items:center;justify-content:space-between;padding-block:14px}
.header__logo img{height:46px;width:auto}
.nav{display:flex;align-items:center;gap:4px 24px;font-weight:600}
.nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;gap:4px 22px;white-space:nowrap}
.nav a{text-decoration:none;color:var(--testo);padding-block:6px;border-bottom:2px solid transparent}
.nav a:hover,.nav .current-menu-item>a,.nav a[aria-current="page"]{border-bottom-color:var(--giallo);color:var(--testo)}
.nav__toggle{display:none;background:none;border:2px solid var(--nero);border-radius:6px;padding:8px 12px;font:inherit;font-weight:700;cursor:pointer;min-height:44px}
@media (max-width:1460px){
  .nav__toggle{display:inline-flex;gap:8px;align-items:center}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--carta);border-bottom:1px solid var(--linea);padding:12px var(--gutter) 20px;flex-direction:column;align-items:stretch}
  .nav.is-open{display:flex}
  .nav ul{flex-direction:column;gap:0}
  .nav ul a{display:block;padding:12px 0;border-bottom:1px solid var(--linea)}
  .nav .btn{margin-top:12px;justify-content:center}
  .header__logo img{height:38px}
}

/* ---------- bottoni ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;border-radius:6px;padding:13px 22px;min-height:44px;border:2px solid transparent;font-family:inherit;font-size:1rem;cursor:pointer;line-height:1.2}
.btn--giallo{background:var(--giallo);color:var(--nero)}
.btn--giallo:hover{background:#FFB938;color:var(--nero)}
.btn--nero{background:var(--nero);color:var(--carta)}
.btn--nero:hover{background:#2A2925;color:var(--carta)}
.btn--bordo{border-color:currentColor;background:transparent}
.nav .btn{border-bottom-width:2px;white-space:nowrap}

/* ---------- elementi ricorrenti ---------- */
.eyebrow{font-size:var(--t-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--giallo-scuro)}
.sec--nero .eyebrow,.hero .eyebrow,.page-hero .eyebrow{color:var(--giallo)}
.pill{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;padding:7px 14px;border-radius:999px;font-size:var(--t-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.pill--acc{background:var(--nero);color:var(--giallo)}
.pill--non{background:var(--carta);color:#333;border:1px solid #BDBAB2}
.lead{font-size:var(--t-l);line-height:1.55;color:var(--testo-2);max-width:62ch}
.stack{display:flex;flex-direction:column;gap:16px}
.stack--l{gap:28px}
.row-between{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:flex-end}
.ruler{height:20px;background:repeating-linear-gradient(90deg,var(--giallo) 0 2px,transparent 2px 12px);opacity:.85}
.ruler--v{position:absolute;left:0;top:0;bottom:0;width:18px;height:auto;z-index:1;background:repeating-linear-gradient(180deg,var(--giallo) 0 2px,transparent 2px 12px),rgba(17,17,16,.6);opacity:1}

.sec{padding-block:clamp(56px,8vw,96px)}
.sec--nero{background:var(--notte);color:var(--carta)}
.sec--nero .lead,.sec--nero p{color:var(--testo-inv)}
.sec--sabbia{background:var(--sabbia)}
.sec--chiaro{background:#FAFAF8}
.area-acc{border-top:10px solid var(--giallo)}
.area-non{border-top:10px solid var(--nero);background:var(--sabbia)}

.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px}
.grid--5{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}

/* card servizi */
.card{background:var(--carta);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;gap:12px;min-width:0}
.card--acc{border:2px solid var(--nero)}
.card--non{border:1px solid #D9D6CE}
.card h3{font-size:var(--t-h3)}
.card p{color:var(--testo-2);font-size:1rem}
.card__ico{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.card--acc .card__ico{background:var(--giallo)}
.card--non .card__ico{background:var(--nero)}
.card__ico svg{width:28px;height:28px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.card--acc .card__ico svg{stroke:var(--nero)}
.card--non .card__ico svg{stroke:var(--carta)}
.card__meta{margin-top:auto;padding-top:12px;border-top:1px dashed var(--linea);font-size:var(--t-s);color:var(--testo-2);display:flex;justify-content:space-between;gap:12px}
.card__meta strong{font-family:var(--f-tecnico);font-weight:400;color:var(--testo);letter-spacing:.02em}
.card ul{margin:0;padding-left:18px;color:var(--testo-2);font-size:1rem}

/* ---------- hero home ---------- */
.hero{background:var(--notte);color:var(--carta);position:relative;overflow:hidden}
.hero .wrap{padding-block:clamp(64px,9vw,96px) clamp(80px,10vw,116px);display:flex;flex-direction:column;gap:44px;position:relative}
.hero h1{font-size:var(--t-h1);letter-spacing:-.025em;max-width:16ch}
.hero h1 em{font-style:normal;color:var(--giallo)}
.hero .lead{color:var(--testo-inv)}
.hero .ruler{position:absolute;left:0;right:0;bottom:0}
.scelta{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}
.scelta a{text-decoration:none;border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:14px;transition:transform .15s ease}
.scelta a:hover{transform:translateY(-3px)}
.scelta__acc{background:var(--giallo);color:var(--nero)}
.scelta__acc:hover{color:var(--nero)}
.scelta__non{background:var(--carta);color:var(--nero)}
.scelta__non:hover{color:var(--nero)}
.scelta__tag{font-size:var(--t-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.scelta__non .scelta__tag{color:#555}
.scelta__tit{font-size:1.875rem;font-weight:800;line-height:1.15}
.scelta__cta{margin-top:6px;font-weight:800}

/* ---------- testata pagine interne ---------- */
.page-hero{background:var(--notte);color:var(--carta);position:relative}
.page-hero .wrap{padding-block:56px 76px;display:flex;flex-direction:column;gap:16px}
.page-hero h1{font-size:var(--t-h2);max-width:22ch}
.page-hero .lead{color:var(--testo-inv)}
.page-hero .ruler{position:absolute;left:0;right:0;bottom:0}
.page-hero--acc{border-bottom:10px solid var(--giallo)}
.page-hero--acc .ruler{bottom:0}
.briciole{font-size:var(--t-s);color:#A8A59D}
.briciole a{color:#A8A59D}
.briciole a:hover{color:var(--giallo)}

/* ---------- blocco accreditamento ---------- */
.accr{display:grid;gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,340px);align-items:start}
@media (max-width:860px){.accr{grid-template-columns:1fr}}
.accr__box{border:2px solid var(--nero);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:14px}
.accr__box{align-items:center;text-align:center}
.accr__box .btn{justify-content:center;width:100%}
.motto{border:2px solid var(--giallo);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:10px;align-self:center}
.motto__q{font-size:4rem;line-height:.6;color:var(--giallo);font-family:Georgia,serif}
.motto p{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.2rem);font-weight:800;line-height:1.2;color:var(--carta)}
.motto__f{font-size:var(--t-s);color:var(--giallo);letter-spacing:.04em}
.marchio{display:flex;flex-direction:column;align-items:center;width:128px;gap:6px}
.marchio img{width:128px;height:128px}
.marchio__n{width:100%;border-block:1px dashed #8A8A8A;text-align:center;font-size:var(--t-s);letter-spacing:.06em;color:#2C2C22;padding-block:2px}
.accr__box p{font-size:var(--t-s);color:#333}

/* nota non accreditato */
.nota{display:flex;gap:14px;align-items:flex-start;background:var(--carta);border:2px solid var(--nero);border-radius:var(--r);padding:18px 20px;font-size:1rem;color:#222}
.nota svg{flex:0 0 auto;width:24px;height:24px;margin-top:2px;fill:none;stroke:var(--nero);stroke-width:2;stroke-linecap:round}

/* ---------- settori ---------- */
.tabs{display:flex;flex-wrap:wrap;gap:10px}
.tab{background:transparent;color:var(--carta);border:2px solid #4A4944;padding:11px 20px;border-radius:999px;font:inherit;font-weight:700;cursor:pointer;min-height:44px}
.tab:hover{border-color:var(--giallo)}
.tab[aria-selected="true"]{background:var(--giallo);border-color:var(--giallo);color:var(--nero)}
.panel{display:grid;gap:32px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);border:1px solid #2C2B28;border-radius:12px;padding:32px}
@media (max-width:820px){.panel{grid-template-columns:1fr;padding:24px}}
.panel h3{font-size:1.75rem;color:var(--giallo)}
.panel p{font-size:var(--t-l);line-height:1.6}
.panel__lista{display:flex;flex-direction:column;gap:10px}
.panel__lista span{display:flex;gap:12px;align-items:center;padding:12px 14px;background:#1A1A18;border-radius:8px}
.panel__lista span::before{content:"";width:8px;height:8px;background:var(--giallo);border-radius:2px;flex:0 0 auto}
.panel__lab{font-size:var(--t-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#A8A59D}

/* ---------- passi ---------- */
.passi-wrap{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
@media (max-width:900px){.passi-wrap{grid-template-columns:1fr}}
.passi{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.passo{background:var(--carta);border-radius:var(--r);border-top:5px solid var(--giallo);padding:26px;display:flex;flex-direction:column;gap:10px}
.passo__n{font-family:var(--f-tecnico);font-size:2.25rem;line-height:1;color:var(--nero)}
.passo h3{font-size:1.25rem}
.passo p{color:var(--testo-2);font-size:1rem}

/* ---------- foto ---------- */
.foto{position:relative;border-radius:12px;overflow:hidden;background:var(--nero);min-height:420px}
.foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.foto figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,0));color:var(--carta);font-size:var(--t-s);font-weight:600}

/* ---------- tabella periodicità ---------- */
.tabella-wrap{overflow-x:auto;border:1px solid var(--linea);border-radius:var(--r)}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:1rem}
th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--linea);vertical-align:top}
th{background:var(--nero);color:var(--carta);font-size:var(--t-s);letter-spacing:.04em}
tr:last-child td{border-bottom:none}
td.anni{font-family:var(--f-tecnico);white-space:nowrap;font-variant-numeric:tabular-nums}
.fonte{font-size:var(--t-s);color:var(--testo-2)}

/* ---------- chi siamo ---------- */
.split{display:grid;gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center}
@media (max-width:880px){.split{grid-template-columns:1fr}}
.valori{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.valore{border-top:2px solid var(--nero);padding-top:16px;display:flex;flex-direction:column;gap:8px}
.valore h3{font-size:1.25rem}
.valore p{color:var(--testo-2);font-size:1rem}
.numeri{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.numero{display:flex;flex-direction:column;gap:4px}
.numero strong{font-family:var(--f-tecnico);font-weight:400;font-size:2.5rem;color:var(--giallo);line-height:1.1}

/* clienti */
.loghi{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
.loghi div{height:72px;border:1px dashed #C9C6BE;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#77746C;font-size:var(--t-s)}

/* ---------- news ---------- */
.news-card{border:1px solid var(--linea);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;background:var(--carta)}
.news-card__img{aspect-ratio:16/9;max-width:100%;background:var(--sabbia);display:flex;align-items:center;justify-content:center;color:#77746C;font-size:var(--t-s);position:relative;overflow:hidden}
.news-card__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.news-card__body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px}
.news-card__cat{font-size:var(--t-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--giallo-scuro)}
.news-card h3{font-size:1.1875rem;line-height:1.3}
.news-card h3 a{text-decoration:none}
.news-card time{font-size:var(--t-s);color:var(--testo-2)}

/* ---------- testo lungo (privacy, articoli) ---------- */
.prosa{max-width:72ch;display:flex;flex-direction:column;gap:18px}
.prosa h2{font-size:1.75rem;margin-top:16px}
.prosa h3{font-size:1.3rem;margin-top:8px}
.prosa ul{margin:0;padding-left:22px}

/* ---------- contatti ---------- */
.contatti{display:grid;gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
@media (max-width:900px){.contatti{grid-template-columns:1fr}}
.recapiti{display:flex;flex-direction:column;gap:16px;font-size:var(--t-m)}
.recapito{display:flex;gap:14px;align-items:flex-start}
.recapito img{width:26px;height:26px;object-fit:contain;flex:0 0 auto}
.recapito b{display:block;color:var(--giallo);font-weight:700}
.recapito a{color:var(--carta)}
.recapito a:hover{color:var(--giallo)}
.form{background:var(--carta);color:var(--nero);border-radius:12px;padding:clamp(20px,4vw,32px);display:flex;flex-direction:column;gap:16px}
.form__row{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:var(--t-s)}
.form input[type=text],.form input[type=email],.form input[type=tel],.form select,.form textarea{min-height:46px;border:1px solid #B9B6AE;border-radius:6px;padding:10px 12px;font:inherit;font-size:1rem;background:var(--carta);color:var(--nero);width:100%}
.form textarea{resize:vertical}
.form .check{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;color:#444}
.form .check input{width:20px;height:20px;margin:2px 0 0;flex:0 0 auto}
.form__esito{font-weight:700;color:var(--giallo-scuro)}
.mappa{display:block;border-radius:var(--r);background:#1A1A18;color:var(--carta);text-decoration:none;padding:22px;border:1px solid #2C2B28}
.mappa:hover{border-color:var(--giallo);color:var(--carta)}

/* ---------- CTA fascia ---------- */
.cta{background:var(--giallo);color:var(--nero)}
.cta .wrap{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;padding-block:44px}
.cta h2{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.25rem);max-width:28ch}

/* ---------- footer ---------- */
.footer{background:#000;color:#A9A69E;font-size:var(--t-s)}
.footer__bar{height:6px;background:var(--giallo)}
.footer .wrap{padding-block:44px 28px;display:flex;flex-direction:column;gap:28px}
.footer__cols{display:grid;gap:28px;grid-template-columns:minmax(0,1.4fr) repeat(auto-fit,minmax(min(100%,180px),1fr))}
@media (max-width:760px){.footer__cols{grid-template-columns:1fr}}
.footer h4{color:var(--carta);font-size:var(--t-s);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.footer a{color:#A9A69E;text-decoration:none}
.footer a:hover{color:var(--giallo)}
.footer__logo{height:40px;width:auto}
.footer__legale{border-top:1px solid #222;padding-top:18px;font-size:var(--t-xs);line-height:1.6;color:#8F8C84;display:flex;flex-direction:column;gap:6px}

/* ---------- documenti scaricabili ---------- */
.docs{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.doc{display:flex;gap:14px;align-items:center;text-decoration:none;background:var(--carta);border:1px solid #D9D6CE;border-radius:var(--r);padding:16px 18px;color:var(--testo);transition:border-color .15s ease}
.doc:hover{border-color:var(--nero);color:var(--testo)}
.doc__ico{flex:0 0 auto;width:46px;height:46px;border-radius:8px;background:var(--nero);color:var(--giallo);font-family:var(--f-tecnico);font-size:.8rem;display:flex;align-items:center;justify-content:center;letter-spacing:.04em}
.doc--link .doc__ico{font-size:1.25rem;font-family:var(--f-corpo)}
.doc__txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.doc__txt strong{font-size:1.0625rem}
.doc__txt span{font-size:var(--t-s);color:var(--testo-2)}
.doc__dl{flex:0 0 auto;font-weight:800;font-size:1.25rem}

/* ---------- contrassegni ---------- */
.contr{display:inline-flex;flex-direction:column;align-self:flex-start;align-items:center;justify-content:center;width:112px;height:64px;border-radius:6px;color:#000;border:2px dashed rgba(0,0,0,.35);line-height:1.1}
.contr b{font-family:var(--f-tecnico);font-weight:400;font-size:1.25rem}
.contr small{font-size:.75rem;font-weight:700}
.contr--verde{background:#3FAE49}
.contr--rosso{background:#E0322B}

/* ---------- norma e obblighi ---------- */
.norma{border-left:4px solid var(--giallo);padding:4px 0 4px 18px;display:flex;flex-direction:column;gap:8px}
.norma h3{font-size:1.25rem}
.norma p{color:var(--testo-2);font-size:1rem}
.norma__rif{display:inline-block;align-self:flex-start;font-family:var(--f-tecnico);font-size:.8125rem;background:var(--nero);color:var(--giallo);padding:3px 10px;border-radius:4px;letter-spacing:.03em;vertical-align:middle}
.obb{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.obb li{display:flex;gap:14px;align-items:flex-start}
.obb__l{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--giallo);color:var(--nero);font-family:var(--f-tecnico);display:flex;align-items:center;justify-content:center}
.faq{border-bottom:1px solid var(--linea);padding-block:16px}
.faq summary{cursor:pointer;font-weight:700;font-size:1.125rem}
.faq p{margin-top:10px;color:var(--testo-2)}

/* ---------- schede strumento ---------- */
.card--link{text-decoration:none;color:var(--testo);transition:transform .15s ease,box-shadow .15s ease}
.card--link:hover{color:var(--testo);transform:translateY(-3px);box-shadow:0 10px 0 -4px var(--giallo)}
.card__cta{font-weight:800}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:var(--sabbia);border:1px solid var(--linea);font-size:var(--t-s);font-weight:600}
.chip--link{text-decoration:none;background:var(--carta);border:2px solid var(--nero)}
.chip--link:hover{background:var(--giallo);color:var(--nero)}
.panel__lista--chiaro span{background:var(--sabbia);color:var(--testo)}
.numero span{color:var(--testo-2);font-size:var(--t-s)}
.foto--vuota{display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:#A8A59D;font-weight:700;font-size:var(--t-s);letter-spacing:.04em;background:repeating-linear-gradient(135deg,#161614 0 14px,#1C1C19 14px 28px);border:1px dashed #3A3934}
.sec--nero .valore{border-top-color:var(--giallo)}

/* ---------- PDF incorporato ---------- */
.pdf-box{border:2px solid var(--nero);border-radius:12px;overflow:hidden;background:var(--sabbia)}
.pdf-box object{display:block;width:100%;height:min(80vh,900px)}

/* ---------- foto di prodotto (sfondo bianco) e galleria ---------- */
.foto--prodotto{background:var(--carta);border:1px solid var(--linea)}
.foto--prodotto img{object-fit:contain;padding:18px}
.foto--prodotto figcaption{background:none;color:var(--testo-2);text-align:center}
.sec--nero .foto--prodotto{border-color:#2C2B28}
.galleria{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.gal{margin:0;background:var(--carta);border:1px solid var(--linea);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.gal img{width:100%;aspect-ratio:1/1;max-width:100%;object-fit:contain;padding:12px;background:var(--carta)}
.gal figcaption{padding:10px 14px 14px;font-size:var(--t-s);font-weight:600;border-top:1px dashed var(--linea)}

/* ---------- termometri wireless ---------- */
.telefono-wrap{display:flex;justify-content:center}
.telefono{width:min(100%,300px);height:auto;filter:drop-shadow(0 24px 40px rgba(0,0,0,.45))}
table.pd td:first-child{color:var(--testo-2)}
table.pd td:last-child{font-weight:600}
table.pd td:last-child::before{content:"✓ ";color:#2E8B3A;font-weight:800}
table.pd td:first-child::before{content:"✕ ";color:#B23A2E;font-weight:800}

/* ---------- aree vendita e servizi ---------- */
.area-serv{display:grid;gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start}
@media (max-width:880px){.area-serv{grid-template-columns:1fr}}
.area-serv__ico{background:var(--nero)}
.area-serv__ico svg{stroke:var(--carta);fill:none;width:28px;height:28px;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.area-serv__cols{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.area-serv__nota{border-left:4px solid var(--nero);padding-left:14px}
.spunte{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.spunte li{display:flex;gap:10px;align-items:flex-start}
.spunte li::before{content:"";flex:0 0 auto;width:8px;height:8px;margin-top:9px;background:var(--nero);border-radius:2px}

.footer__crediti{display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between}

.srl{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;background:var(--carta);border:1px solid var(--linea);border-radius:var(--r);padding:18px 22px}
.srl img{height:48px;width:auto}
.srl p{flex:1 1 320px;min-width:0;font-size:var(--t-s);color:var(--testo-2)}

.footer__aziende{display:flex;flex-direction:column;gap:4px;color:#A9A69E}
.footer__aziende strong{color:var(--carta);font-weight:700}

.contr-img{width:150px;height:auto;align-self:flex-start;border-radius:6px;box-shadow:0 2px 0 rgba(0,0,0,.08)}

/* ---------- contrassegni e sigilli ---------- */
.sigilli{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.sigillo{background:var(--carta);border:2px solid var(--nero);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.sigillo__img{background:#ECEAE4;display:flex;align-items:center;justify-content:center;height:220px;padding:18px}
.sigillo__img img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 6px 14px rgba(0,0,0,.18)}
.sigillo__txt{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px}
.sigillo__txt h3{font-size:1.25rem}
.sigillo__txt p{color:var(--testo-2);font-size:1rem}
.sigillo__chi{align-self:flex-start;font-size:var(--t-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--nero);color:var(--giallo);padding:3px 10px;border-radius:4px}
.sigillo:last-child .sigillo__chi{background:var(--sabbia);color:var(--testo);border:1px solid #BDBAB2}
.doc-foto img{padding:24px}

.doc-coppia{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:520px){.doc-coppia{grid-template-columns:1fr}}

/* ---------- animazioni home (v1.1) ---------- */
/* hero con foto che scorrono */
.hero--foto .wrap{z-index:2}
.hero__slides{position:absolute;inset:0;z-index:0}
.hero__slides::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,10,.94) 0%,rgba(11,11,10,.78) 45%,rgba(11,11,10,.45) 100%)}
.hero__slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.4s ease}
.hero__slide.is-on{opacity:1}
.hero__slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.04)}
.hero__slide.is-on img{animation:kenburns 7s ease-out forwards}
@keyframes kenburns{from{transform:scale(1.04)}to{transform:scale(1.14)}}
.hero__slide figcaption{position:absolute;right:var(--gutter);bottom:40px;z-index:2;color:#fff;font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(11,11,10,.6);padding:6px 10px;border-left:3px solid var(--giallo)}
.hero__dots{position:absolute;left:50%;transform:translateX(-50%);bottom:34px;z-index:3;display:flex;gap:8px}
.hero__dots button{width:10px;height:10px;border-radius:50%;border:2px solid #fff;background:transparent;padding:0;cursor:pointer}
.hero__dots button[aria-current="true"]{background:var(--giallo);border-color:var(--giallo);width:26px;border-radius:6px}
@media (max-width:640px){.hero__slide figcaption{display:none}}

/* numeri che contano */
.numeri{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));text-align:center}
.numeri strong{display:block;font-family:var(--f-tecnico);font-weight:400;font-size:clamp(2.4rem,1.6rem + 3vw,3.5rem);color:var(--nero);line-height:1}
.numeri strong::after{content:"+";color:var(--giallo)}
.numeri span{color:var(--testo-2);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:var(--t-xs)}

/* nastro loghi clienti */
.clienti{padding-block:56px}
.nastro{overflow:hidden;margin-top:28px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.nastro__track{list-style:none;margin:0;padding:0;display:flex;gap:80px;width:max-content;animation:nastro 40s linear infinite}
.nastro:hover .nastro__track{animation-play-state:paused}
.nastro__track li{flex:0 0 auto;height:144px;display:flex;align-items:center}
.nastro__track img{height:120px;width:auto;max-width:320px;object-fit:contain}
@media (max-width:640px){.nastro__track{gap:48px}.nastro__track li{height:104px}.nastro__track img{height:88px;max-width:230px}}
@keyframes nastro{to{transform:translateX(calc(-50% - 28px))}}

/* carosello recensioni */
.car__frecce{display:flex;gap:10px}
.car__frecce button{width:46px;height:46px;border-radius:50%;border:2px solid var(--giallo);background:transparent;color:var(--giallo);font-size:1.2rem;cursor:pointer}
.car__frecce button:hover{background:var(--giallo);color:var(--nero)}
.car__track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px}
.car__track::-webkit-scrollbar{display:none}
.rec{flex:0 0 min(100%,380px);scroll-snap-align:start;margin:0;background:#1C1B19;border:1px solid #2E2C28;border-top:4px solid var(--giallo);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:16px}
.rec__stelle{color:var(--giallo);letter-spacing:.15em;font-size:1.1rem}
.rec blockquote{margin:0;color:var(--carta);font-size:var(--t-l);line-height:1.5;flex:1}
.rec figcaption{display:flex;flex-direction:column;color:var(--testo-inv);font-size:var(--t-s)}
.rec figcaption strong{color:var(--carta)}
.car__dots{display:flex;gap:8px;justify-content:center}
.car__dots span{width:8px;height:8px;border-radius:50%;background:#4A4740;transition:all .2s}
.car__dots span.is-on{background:var(--giallo);width:22px;border-radius:5px}

@media (prefers-reduced-motion:reduce){.nastro__track{flex-wrap:wrap;justify-content:center;width:auto}.nastro__track li[aria-hidden]{display:none}}

/* calibratore Druck (v1.2) */
.cal-foto{background:var(--sabbia);border-radius:var(--r);padding:clamp(24px,4vw,48px);display:flex;justify-content:center;border-bottom:6px solid var(--giallo)}
.cal-foto img{max-height:420px;width:auto}
.cal-mini{display:flex;gap:14px;align-items:center;margin-top:14px;padding:12px;background:var(--sabbia);border-radius:var(--r)}
.cal-mini img{width:64px;height:auto;flex:0 0 auto}
.cal-mini p{font-size:var(--t-s)}

/* grafico crescita (v1.3) */
.crescita{margin:0;background:var(--notte);color:var(--carta);border-radius:10px;padding:14px 16px 10px;display:flex;flex-direction:column;gap:6px;border-bottom:4px solid var(--giallo)}
.crescita__testa{display:flex;flex-direction:column;gap:2px}
.crescita__testa{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.crescita__testa strong{font-size:var(--t-m);font-weight:800}
.crescita__nota{color:#A8A59D;font-size:var(--t-xs)}
.cr__box{position:relative}
.cr__svg{width:100%;height:auto;display:block;overflow:visible}
.cr__grid{stroke:#2A2925;stroke-width:1}
.cr__axis{stroke:#4A4740;stroke-width:1}
.cr__band{fill:#fff;opacity:.04}
.cr__area{fill:url(#cr-g)}
.cr__line{fill:none;stroke:var(--giallo);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.cr__end{fill:var(--giallo);stroke:var(--notte);stroke-width:2}
.cr__tick{fill:#A8A59D;font:600 12px var(--f-corpo)}
.cr__ann{fill:var(--carta);font:700 13px var(--f-corpo)}
.cr__ann--m{fill:#A8A59D}
.cr__cross{stroke:#6B6860;stroke-width:1;stroke-dasharray:3 3}
.cr__dot{fill:var(--giallo);stroke:var(--notte);stroke-width:2}
.cr__hit{fill:transparent;cursor:crosshair}
.cr__tip{position:absolute;top:0;transform:translate(-50%,18px);background:var(--carta);color:var(--nero);border-radius:8px;padding:6px 10px;font-size:var(--t-s);white-space:nowrap;pointer-events:none;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.cr__tip strong{display:block}
.js-anim .cr__line{stroke-dashoffset:1;transition:stroke-dashoffset 2.2s ease-out}
.js-anim .cr__area,.js-anim .cr__end,.js-anim .cr__ann{opacity:0;transition:opacity .8s ease 1.6s}
.js-anim.is-visto .cr__line{stroke-dashoffset:0}
.js-anim.is-visto .cr__area,.js-anim.is-visto .cr__end,.js-anim.is-visto .cr__ann{opacity:1}
@media (max-width:560px){.cr__ann{font-size:20px}.cr__tick{font-size:19px}.cr__line{stroke-width:3.5}.cr__tick--opz{display:none}}

.numcr{display:grid;gap:24px;align-items:center;grid-template-columns:1fr}
@media (min-width:1100px){.numcr{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:40px}.numcr .numeri{grid-template-columns:1fr;gap:18px;text-align:left}.numcr .numeri>div{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--linea);padding-bottom:14px}.numcr .numeri>div:last-child{border-bottom:0;padding-bottom:0}.numcr .numeri strong{min-width:5.2ch}}
@media (max-width:899px){.numcr .numeri{grid-template-columns:repeat(3,1fr);gap:8px}.numcr .numeri strong{font-size:clamp(1.5rem,7vw,2.4rem)}.numcr .numeri span{font-size:.7rem;letter-spacing:.05em}}

/* ricerca (v1.5) */
.cerca__apri{order:2;margin-left:0;width:42px;height:42px;border-radius:50%;border:2px solid var(--linea);background:var(--carta);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.cerca__apri svg{width:20px;height:20px;fill:none;stroke:var(--nero);stroke-width:2.2;stroke-linecap:round}
.cerca__apri:hover{border-color:var(--giallo)}
.cerca{position:fixed;inset:0;z-index:200;background:rgba(11,11,10,.72);display:flex;align-items:flex-start;justify-content:center;padding:clamp(16px,8vh,90px) 16px 16px}
.cerca__box{background:var(--carta);border-radius:12px;width:min(680px,100%);max-height:80vh;display:flex;flex-direction:column;overflow:hidden;border-top:5px solid var(--giallo)}
.cerca__campo{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--linea)}
.cerca__campo svg{width:22px;height:22px;fill:none;stroke:var(--testo-2);stroke-width:2.2;stroke-linecap:round;flex:0 0 auto}
.cerca__campo input{flex:1;border:0;font:500 1.125rem var(--f-corpo);outline:none;min-width:0;background:transparent}
.cerca__chiudi{border:0;background:var(--sabbia);border-radius:6px;padding:6px 10px;font:700 .8rem var(--f-corpo);cursor:pointer}
.cerca__ris{list-style:none;margin:0;padding:6px;overflow-y:auto}
.cerca__ris a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none}
.cerca__ris a:hover,.cerca__ris a:focus{background:var(--sabbia);outline:none}
.cerca__ris small{display:block;color:var(--giallo-scuro);font-weight:700;font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em}
.cerca__ris strong{display:block;font-size:var(--t-m)}
.cerca__ris span{display:block;color:var(--testo-2);font-size:var(--t-s)}
.cerca__ris mark{background:#FDE7BE;color:inherit;border-radius:2px}
.cerca__vuoto{padding:18px 16px;color:var(--testo-2)}
.header .nav{order:1;margin-left:auto}.header .nav__toggle{order:3}@media (max-width:1460px){.cerca__apri{margin-left:auto}}
.rec__google{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:center;margin-top:8px}.rec__tutte{color:var(--giallo);font-weight:700;text-decoration:none}.rec__tutte:hover{color:#fff}
.header__logo{flex:0 0 auto;display:block}.header__logo img{max-width:none;width:auto;aspect-ratio:640/114}.footer__logo,.srl img{max-width:100%;height:auto;aspect-ratio:640/114;object-fit:contain}
.header .wrap{max-width:1460px;gap:16px 24px}

/* negozio (prova) */
.demo-banner{background:#FDE7BE;color:var(--nero);font-size:var(--t-s);padding:10px 0;border-bottom:1px solid #F0C878}
.carrello__apri{order:2;position:relative;width:42px;height:42px;border-radius:50%;border:2px solid var(--linea);background:var(--carta);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.carrello__apri svg{width:21px;height:21px;fill:none;stroke:var(--nero);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.carrello__apri:hover{border-color:var(--giallo)}
.carrello__n{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:10px;background:var(--nero);color:var(--carta);font:800 11px/20px var(--f-corpo);text-align:center;padding:0 5px;display:none}
.carrello__n.is-on{display:block;background:var(--giallo);color:var(--nero)}
.neg__barra{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}
.chip.is-on{background:var(--nero);color:var(--carta);border-color:var(--nero)}
.neg__cerca{display:flex;align-items:center;gap:8px;border:2px solid var(--linea);border-radius:999px;padding:8px 14px;min-width:min(100%,280px)}
.neg__cerca svg{width:18px;height:18px;fill:none;stroke:var(--testo-2);stroke-width:2.2;stroke-linecap:round}
.neg__cerca input{border:0;outline:none;font:500 1rem var(--f-corpo);flex:1;min-width:0;background:transparent}
.prodotti{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.prod{border:1px solid var(--linea);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;background:var(--carta)}
.prod__img{aspect-ratio:4/3;background:var(--sabbia);position:relative;display:flex;align-items:center;justify-content:center}
.prod__img img{width:100%;height:100%;object-fit:contain;padding:14px}
.prod__ico{width:64px;height:64px;fill:none;stroke:var(--giallo-scuro);stroke-width:1.6}
.prod__esempio{position:absolute;top:10px;left:10px;background:var(--nero);color:var(--giallo);font:800 .7rem var(--f-corpo);letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:4px}
.prod__body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}
.prod__cat{font-size:var(--t-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--giallo-scuro)}
.prod__body h3{font-size:1.125rem}
.prod__body p{color:var(--testo-2);font-size:var(--t-s);flex:1}
.prod__piede{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px}
.prod__prezzo strong{display:block;font-size:1.375rem}
.prod__prezzo small{color:var(--testo-2)}
.carrello{position:fixed;inset:0;z-index:210;background:rgba(11,11,10,.6);display:flex;justify-content:flex-end}
.carrello__pannello{background:var(--carta);width:min(420px,100%);height:100%;display:flex;flex-direction:column;padding:20px;gap:14px;overflow-y:auto;border-left:5px solid var(--giallo)}
.carrello__testa{display:flex;justify-content:space-between;align-items:center}
.carrello__testa h2{font-size:1.5rem}
.carrello__chiudi{border:0;background:var(--sabbia);width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:1rem}
.carrello__lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.riga{display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;padding:12px;border:1px solid var(--linea);border-radius:8px;position:relative}
.riga span{display:block;color:var(--testo-2);font-size:var(--t-s)}
.riga__q{display:flex;align-items:center;gap:8px}
.riga__q button{width:30px;height:30px;border-radius:50%;border:1px solid var(--linea);background:var(--carta);cursor:pointer;font-size:1rem}
.riga__tot{grid-column:2;text-align:right}
.riga__via{position:absolute;top:6px;right:8px;border:0;background:none;cursor:pointer;color:var(--testo-2)}
.riga>div:first-child{padding-right:20px}
.carrello__vuoto{color:var(--testo-2)}
.carrello__tot{margin-top:auto;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--linea);padding-top:14px}
.carrello__tot>div{display:flex;justify-content:space-between}
.carrello__totale{font-size:1.125rem;border-top:1px dashed var(--linea);padding-top:8px}
.carrello__paga{justify-content:center;margin-top:6px}
.carrello__demo{background:#FDE7BE;border-radius:8px;padding:10px;font-size:var(--t-s)}
.header .wrap{max-width:1460px}

/* richiesta verificazione online (v1.6) */
.rvp{display:grid;gap:28px;grid-template-columns:1fr;align-items:start}
@media (min-width:1000px){.rvp{grid-template-columns:minmax(0,1fr) 300px}.rvp__lato{position:sticky;top:110px}}
.rvp__form{border:1px solid var(--linea);padding:clamp(18px,3vw,32px);gap:22px}
.rvp__lato{display:flex;flex-direction:column;gap:16px}
.rvp__passi{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:var(--t-s)}
.blocco{border:0;margin:0;padding:0 0 22px;border-bottom:1px solid var(--linea);display:flex;flex-direction:column;gap:14px;min-width:0}
.blocco:last-of-type{border-bottom:0}
.blocco>legend{font-weight:800;font-size:1.25rem;display:flex;align-items:center;gap:10px;padding:0;margin-bottom:12px}
.blocco__n{display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--giallo);color:var(--nero);align-items:center;justify-content:center;font-family:var(--f-tecnico);font-size:.9rem}
.obbl{color:#B42318;font-weight:800}
.nota-form{font-size:var(--t-s);color:var(--testo-2);margin:0}
.scelta-tipo{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.form .tipo-card{flex-direction:row;align-items:flex-start;gap:12px;border:2px solid var(--linea);border-radius:10px;padding:14px;cursor:pointer;font-weight:400}
.tipo-card:has(input:checked){border-color:var(--giallo);background:#FFF8EA}
.tipo-card input{margin-top:3px;width:18px;height:18px;flex:0 0 auto}
.tipo-card strong{display:block;font-size:1rem}
.tipo-card small{color:var(--testo-2)}
.sino{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;min-width:0}
.sino legend{font-weight:600;font-size:var(--t-s);padding:0;margin-bottom:6px;width:100%}
.form .sino .check{align-items:center}
.str-riga{border:1px solid var(--linea);border-radius:10px;padding:14px;margin:0;display:flex;flex-direction:column;gap:12px;background:#FCFBF8;min-width:0}
.str-riga>legend{font-weight:800;padding:0 6px}
.righe{display:flex;flex-direction:column;gap:12px}
.righe__azioni{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.form .carica{border:2px dashed #C9C6BE;border-radius:10px;padding:12px;background:var(--carta)}
.form .carica input[type=file]{font-size:var(--t-s);max-width:100%}
.carica__anteprima{display:flex;align-items:center;gap:10px;font-size:var(--t-xs);color:var(--testo-2);min-height:0}
.carica__anteprima img{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid var(--linea)}
.form input[type=number]{min-height:46px;border:1px solid #B9B6AE;border-radius:6px;padding:10px 12px;font:inherit;width:100%}
.non-valido input,.non-valido select,.non-valido textarea,.form .carica.non-valido{border-color:#B42318!important;background:#FFF4F2}
fieldset.non-valido legend,.check.non-valido span{color:#B42318}
.form__errore{background:#FDE8E6;color:#8A1C12;border-radius:8px;padding:12px 14px;font-weight:600;margin:0}
.rvp__invia{align-self:flex-start;font-size:1.05rem;padding-inline:28px}
.rvp__invia:disabled{opacity:.6;cursor:progress}
@media (max-width:480px){.header .wrap{gap:10px}.header__logo img{height:32px}.cerca__apri,.carrello__apri{width:38px;height:38px}.nav__toggle{padding:6px 10px}}
.rvp>*{min-width:0}.rvp .form__row>*{min-width:0}.form .carica input[type=file]{width:100%}
.firma-box{display:flex;flex-direction:column;gap:8px}
.firma-box__t{font-weight:600;font-size:var(--t-s)}
.firma-box__c{width:100%;max-width:560px;height:auto;aspect-ratio:900/260;border:2px dashed #B9B6AE;border-radius:10px;background:#FFFFFF;touch-action:none;cursor:crosshair}
.firma-box.non-valido .firma-box__c{border-color:#B42318;background:#FFF4F2}
.firma-box__piede{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;max-width:560px}
.rvp__ok{background:var(--carta);border:2px solid var(--giallo);border-radius:12px;padding:clamp(20px,4vw,32px);display:flex;flex-direction:column;gap:12px}
.rvp__ok h2{font-size:1.75rem}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}.hero__btn{font-size:1.125rem;padding:16px 26px}.hero__cta span{color:var(--testo-inv);font-size:var(--t-s);max-width:42ch}
/* recensioni: massimo 5 righe, "Leggi tutto" per aprire */
.rec blockquote{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden;flex:0 0 auto}
.rec.is-aperta blockquote{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}
.rec__altro{align-self:flex-start;background:none;border:0;padding:0;color:var(--giallo);font:inherit;font-weight:700;font-size:var(--t-s);cursor:pointer;text-decoration:underline;text-underline-offset:3px;margin-top:-6px}
.rec figcaption{margin-top:auto}
.car__track{align-items:flex-start}
.prod__esaurito{font-weight:700;font-size:var(--t-s);color:var(--testo-2)}
/* scheda prodotto */
.page-hero--corto .wrap{padding-block:18px 18px}
.pr__griglia{display:grid;gap:40px;grid-template-columns:1fr}
@media (min-width:900px){.pr__griglia{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
.pr__foto{display:flex;flex-direction:column;gap:12px;min-width:0}
.pr__grande{position:relative;aspect-ratio:4/3;background:var(--sabbia);border-radius:var(--r);display:flex;align-items:center;justify-content:center;overflow:hidden}
.pr__grande img{width:100%;height:100%;object-fit:contain;padding:18px}
.pr__grande--vuoto{color:var(--testo-2)}
.pr__miniature{display:flex;gap:10px;flex-wrap:wrap}
.pr__mini{width:84px;height:68px;padding:4px;border:2px solid var(--linea);border-radius:8px;background:var(--sabbia);cursor:pointer}
.pr__mini img{width:100%;height:100%;object-fit:contain}
.pr__mini.is-on{border-color:var(--giallo)}
.pr__info h1{font-size:clamp(1.8rem,1.2rem + 2vw,2.6rem);line-height:1.1}
.pr__prezzo strong{font-size:2rem;display:block}
.pr__prezzo small{color:var(--testo-2)}
.pr__dettagli{margin-top:48px;max-width:820px}
.prod h3 a,.prod__img a{color:inherit;text-decoration:none}
.prod h3 a:hover{text-decoration:underline}
.prod__dett{font-weight:700;font-size:var(--t-s)}