/* Il foglio unico dei tre negozi del pilota. Solo l'accento cambia per negozio (--accento, nella testa di ogni pagina).
   Caratteri: Fira Sans e Fira Sans Condensed (licenza OFL) ospitati sul sito in /assets/schrift/: nessuna richiesta
   a Google Fonts (in Germania e' un tema di privacy). In fondo il design «scheda da catalogo» scelto il 07-10. */
@font-face{font-family:"Fira Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/schrift/fira-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Fira Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/schrift/fira-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Fira Sans Condensed";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/schrift/fira-sans-condensed-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Fira Sans Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/schrift/fira-sans-condensed-latin-600-normal.woff2) format("woff2")}
:root{
  --fondo:#ffffff; --fondo-2:#f5f4f1; --inchiostro:#1c1b19; --inchiostro-2:#55524c; --linea:#e3e0da;
  --ok:#1f7a3a; --raggio:10px;
  --testo:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --titoli:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--inchiostro);font:17px/1.6 var(--testo)}
img{max-width:100%;height:auto;display:block}
a{color:var(--accento-scuro)}
a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--accento);outline-offset:2px}
h1,h2,h3{font-family:var(--titoli);line-height:1.2;text-wrap:balance;color:var(--inchiostro)}
h1{font-size:clamp(1.7rem,4.5vw,2.4rem);margin:.4em 0 .5em}
h2{font-size:1.35rem;margin:1.6em 0 .6em}
h3{font-size:1.1rem;margin:1.4em 0 .4em}
p,li{max-width:70ch}
.salta{position:absolute;left:-999px}
.salta:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:10}

.testata{border-bottom:1px solid var(--linea);background:var(--fondo);position:sticky;top:0;z-index:5}
.testata-dentro{max-width:1100px;margin:0 auto;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.logo{font-family:var(--titoli);font-size:1.35rem;font-weight:700;color:var(--inchiostro);text-decoration:none;margin-right:auto}
.menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px}
.menu a{color:var(--inchiostro-2);text-decoration:none;font-size:.95rem}
.menu a:hover{color:var(--accento-scuro);text-decoration:underline}
.carrello-link{color:var(--inchiostro);text-decoration:none;font-weight:600;font-size:.95rem;white-space:nowrap}
.conta{display:inline-block;min-width:1.4em;padding:0 .35em;border-radius:1em;background:var(--accento);color:#fff;text-align:center;font-size:.8rem}
[hidden]{display:none!important}

main{max-width:1100px;margin:0 auto;padding:8px 16px 48px}
.briciole{font-size:.88rem;color:var(--inchiostro-2);margin:14px 0 4px}
.briciole a{color:var(--inchiostro-2)}
.briciole .sep{margin:0 2px}

.apertura{padding:12px 0 8px}
.apertura p{font-size:1.08rem;color:var(--inchiostro-2)}

.griglia{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:18px}
.scheda a{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--inchiostro)}
.scheda img{border-radius:var(--raggio);background:var(--fondo-2);aspect-ratio:1/1;object-fit:cover;width:100%}
.scheda-nome{font-size:.98rem;line-height:1.35}
.scheda-prezzo{font-weight:700}
.cat-elenco{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px}
.cat-voce a{display:block;padding:16px 18px;border:1px solid var(--linea);border-radius:var(--raggio);text-decoration:none;color:var(--inchiostro);background:var(--fondo-2)}
.cat-nome{display:block;font-family:var(--titoli);font-size:1.15rem;font-weight:700}
.cat-riga{display:block;color:var(--inchiostro-2);font-size:.92rem;margin-top:4px}
.neu-elenco{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.scheda-neu a{display:inline-block;padding:6px 12px;border-radius:999px;border:1px solid var(--linea);text-decoration:none;color:var(--inchiostro);font-size:.92rem}
.guide{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.guida-voce a{display:block;text-decoration:none;color:var(--inchiostro);padding:10px 0;border-bottom:1px solid var(--linea)}
.guida-titolo{display:block;font-weight:700;color:var(--accento-scuro)}
.guida-riga{display:block;color:var(--inchiostro-2);font-size:.94rem}

.prodotto{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start;margin-top:8px}
.galleria{display:grid;gap:10px}
.galleria img{border-radius:var(--raggio);background:var(--fondo-2);width:100%;aspect-ratio:1/1;object-fit:contain}
.prezzo{font-size:1.6rem;font-weight:700;margin:0}
.nota-prezzo{font-size:.88rem;color:var(--inchiostro-2);margin:2px 0 14px}
.acquisto{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:6px 0}
.variante{display:flex;flex-direction:column;font-size:.9rem;color:var(--inchiostro-2);gap:4px}
.variante select{font:inherit;padding:9px 10px;border:1px solid var(--linea);border-radius:8px;background:#fff;color:var(--inchiostro);min-width:12rem}
button,.bottone{font:inherit;font-weight:700;border:0;border-radius:8px;padding:12px 20px;background:var(--accento);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}
button:hover,.bottone:hover{background:var(--accento-scuro)}
button[disabled]{opacity:.6;cursor:default}
.consegna{font-size:.92rem;color:var(--ok);font-weight:600}
/* fatti veri al posto delle recensioni (review 07-10): vendita, recesso, pagamento */
.fatti{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:4px;font-size:.88rem;color:var(--inchiostro-2)}
.fatti li{position:relative;padding-left:20px;max-width:none}
.fatti li::before{content:"";position:absolute;left:3px;top:.35em;width:5px;height:9px;border:solid var(--ok);border-width:0 2px 2px 0;transform:rotate(45deg)}
.fatti a{color:inherit}
.fatti-home{margin:18px 0 4px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:6px 18px}
.breve{color:var(--inchiostro-2)}
.descrizione{margin-top:24px}
.dati{border-collapse:collapse;width:100%;max-width:640px;font-size:.95rem}
.dati th,.dati td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--linea);vertical-align:top}
.dati th{width:40%;color:var(--inchiostro-2);font-weight:600}
.sicurezza{margin-top:24px;padding:14px 16px;background:var(--fondo-2);border-radius:var(--raggio);font-size:.92rem}
.sicurezza h2{font-size:1.05rem;margin-top:0}
.guida{max-width:72ch}
.guida img{border-radius:var(--raggio);margin:12px 0}
.guida table{border-collapse:collapse;width:100%;font-size:.95rem;margin:12px 0}
.guida th,.guida td{border-bottom:1px solid var(--linea);padding:8px 10px;text-align:left;vertical-align:top}
.riquadro{background:var(--fondo-2);border-radius:var(--raggio);padding:12px 16px;margin:14px 0}
.legale{max-width:72ch}
.legale h2{font-size:1.15rem}
.carrello-righe{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.carrello-riga{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--linea);padding-bottom:12px}
.carrello-riga img{border-radius:8px;background:var(--fondo-2)}
.carrello-qta{display:flex;align-items:center;gap:6px}
.carrello-qta button{padding:4px 10px;background:var(--fondo-2);color:var(--inchiostro)}
.carrello-totale{font-size:1.2rem;font-weight:700;margin:16px 0}
.avviso{color:#a12a2a}

.piede{border-top:1px solid var(--linea);background:var(--fondo-2);margin-top:32px}
.piede-dentro{max-width:1100px;margin:0 auto;padding:24px 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;font-size:.92rem;color:var(--inchiostro-2)}
.piede ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.piede a{color:var(--inchiostro-2)}
.piede-marchio{font-family:var(--titoli);font-weight:700;font-size:1.1rem;color:var(--inchiostro);margin:0}
.piede-nota{grid-column:1/-1;margin:0}

@media (max-width:720px){
  .prodotto{grid-template-columns:1fr}
  body{font-size:16px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ===== Design «scheda da catalogo, colore di casa» (/seivarianti, variante 2 Impeccable), scelto da ChatGPT il 07-10 ===== */
:root{
  --fondo:#ffffff;
  --fondo-2:#f3f3f3;
  --inchiostro:#151515;
  --inchiostro-2:#595959;
  --linea:#dcdcdc;
  --regola:#151515;
  --raggio:0px;
  --testo:"Fira Sans","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --titoli:"Fira Sans Condensed","Fira Sans","Arial Narrow",sans-serif;
  --misura:1180px;
  --margine:16px;
  --alto-testata:64px;
  --esce:cubic-bezier(.22,1,.36,1);
}
@media (min-width:720px){ :root{ --margine:24px } }
@media (min-width:1100px){ :root{ --margine:32px } }

/* base */
html{ scrollbar-color:#8f8f8f var(--fondo) }
body{ font:400 17px/1.6 var(--testo); color:var(--inchiostro); background:var(--fondo); font-synthesis:none; -webkit-font-smoothing:antialiased }
::selection{ background:var(--accento); color:#fff }
b,strong{ font-weight:600 }
a{ color:var(--accento-scuro); text-decoration-thickness:1px; text-underline-offset:.2em }
a:hover{ text-decoration-thickness:2px }
a:focus-visible,button:focus-visible,select:focus-visible{ outline:3px solid var(--accento); outline-offset:3px }
h1,h2,h3{ font-family:var(--titoli); font-weight:600; line-height:1.08; letter-spacing:-.005em; color:var(--inchiostro) }
h1{ font-size:clamp(1.875rem,1.3rem + 1.6vw,2.625rem); margin:.3em 0 .45em }
h2{ font-size:clamp(1.375rem,1.2rem + .5vw,1.625rem); margin:2em 0 .55em }
h3{ font-size:1.1875rem; margin:1.6em 0 .4em }
img{ background:var(--fondo) }
.salta{ padding:12px 16px; background:#fff; color:var(--inchiostro); font-weight:600; text-decoration:none }
.salta:focus{ left:16px; top:10px; outline:3px solid var(--accento) }

/* testata: la fascia nel colore di casa */
.testata{ position:static; background:var(--accento-scuro); border-bottom:0; color:#fff }
.testata-dentro{ max-width:calc(var(--misura) + 2 * var(--margine)); min-height:var(--alto-testata); padding:0 var(--margine); gap:0 32px }
.logo{ display:inline-flex; align-items:center; min-height:44px; font-family:var(--titoli); font-weight:600; font-size:1.625rem; line-height:1; letter-spacing:-.01em; color:#fff }
.menu ul{ gap:0 28px }
.menu a{ display:inline-flex; align-items:center; min-height:44px; font-family:var(--titoli); font-weight:500; font-size:1.0625rem; color:rgb(255 255 255 / .88); text-decoration:none }
.menu a:hover{ color:#fff; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:.35em }
.carrello-link{ display:inline-flex; align-items:center; gap:8px; min-height:44px; color:#fff; font-weight:600; font-size:1rem }
.carrello-link:hover{ text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:.35em }
.conta{ min-width:1.6em; padding:0 .35em; border-radius:0; background:#fff; color:var(--accento-scuro); font-size:.8125rem; font-weight:600; line-height:1.6; font-variant-numeric:tabular-nums }
.testata a:focus-visible{ outline-color:#fff }
@media (min-width:720px){ .testata{ position:sticky; top:0; z-index:5 } }
@media (min-width:720px) and (max-width:959px){
  .testata-dentro{ gap:0 24px }
  .menu ul{ gap:0 20px }
  .menu a{ font-size:.9375rem }
}

main{ max-width:calc(var(--misura) + 2 * var(--margine)); padding:0 var(--margine) 80px }

/* briciole */
.briciole{ margin:20px 0 18px; font-size:.875rem; line-height:1.5; color:var(--inchiostro-2) }
.briciole a{ padding:14px 8px; margin:0 -8px; color:var(--inchiostro-2) }
.briciole a:hover{ color:var(--inchiostro) }
.briciole .sep{ margin:0 5px; color:#8f8f8f }

/* scheda prodotto: foto a sinistra, cartellino a destra */
.prodotto{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; margin-top:0 }
.galleria{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px }
.galleria img{ border-radius:0; background:#fff; outline:1px solid var(--linea); outline-offset:-1px }
.galleria img:first-child,
.galleria img:last-child:nth-child(even){ grid-column:1 / -1 }
@media (min-width:960px){
  .prodotto{ grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:56px }
}
@media (min-width:720px) and (min-height:640px){
  .scheda-prodotto{ position:sticky; top:calc(var(--alto-testata) + 24px) }
}
.scheda-prodotto h1{ margin:0 0 20px; font-size:clamp(1.875rem,1.25rem + 1.3vw,2.5rem); line-height:1.05 }
.prezzo{ margin:0; padding-top:18px; border-top:2px solid var(--regola); font-family:var(--titoli); font-weight:600; font-size:clamp(2rem,1.6rem + .8vw,2.375rem); line-height:1; letter-spacing:-.01em; font-variant-numeric:tabular-nums lining-nums }
.nota-prezzo{ margin:8px 0 22px; font-size:.875rem; line-height:1.45; color:var(--inchiostro-2) }
.acquisto{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:10px; margin:0 }
.variante{ position:relative; min-width:0; gap:6px; font-size:.875rem; line-height:1.4; color:var(--inchiostro-2) }
.variante select{ -webkit-appearance:none; appearance:none; width:100%; min-width:0; height:50px; padding:0 44px 0 14px; border:1px solid var(--inchiostro); border-radius:0; background:#fff; color:var(--inchiostro); font:400 1rem/1.2 var(--testo); cursor:pointer; transition:border-color .15s var(--esce) }
.variante select:hover{ border-color:var(--accento) }
.variante::after{ content:""; position:absolute; right:19px; bottom:22px; width:7px; height:7px; border-right:2px solid var(--inchiostro); border-bottom:2px solid var(--inchiostro); transform:rotate(45deg); pointer-events:none }
button,.bottone{ border-radius:0; padding:14px 24px; font:600 1.0625rem/1.2 var(--testo); background:var(--accento); color:#fff; transition:background-color .15s var(--esce) }
button:hover,.bottone:hover{ background:var(--accento-scuro) }
button:active{ transform:translateY(1px) }
button[disabled],button[disabled]:hover{ opacity:1; background:var(--fondo-2); color:var(--inchiostro-2); box-shadow:inset 0 0 0 1px var(--linea); cursor:not-allowed; transform:none }
.acquisto button{ height:50px; padding:0 26px; white-space:nowrap }
.al-carrello{ grid-column:1 / -1; display:flex; align-items:center; justify-content:center; min-height:48px; border:1px solid var(--inchiostro); color:var(--inchiostro); font-weight:600; text-decoration:none }
.al-carrello:hover{ background:var(--fondo-2) }
.consegna{ margin:20px 0 0; padding:12px 0; border-top:1px solid var(--linea); border-bottom:1px solid var(--linea); font-size:.9375rem; font-weight:600; color:var(--inchiostro) }
.breve{ margin-top:16px; font-size:1rem; line-height:1.6; color:var(--inchiostro-2) }
.breve p{ margin:0 }

/* descrizione e scheda tecnica */
.descrizione{ margin-top:72px; padding-top:28px; border-top:2px solid var(--regola) }
.descrizione > p{ margin:0 0 1em; max-width:66ch }
.descrizione > h2{ margin:44px 0 12px }
.dati{ max-width:none; font-size:.9375rem; font-variant-numeric:tabular-nums; border-top:1px solid var(--regola) }
.dati th,.dati td{ padding:11px 0; border-bottom:1px solid var(--linea) }
.dati th{ width:44%; padding-right:16px; font-weight:400; color:var(--inchiostro-2) }
@media (min-width:960px){
  .descrizione{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,24rem); column-gap:clamp(48px,6vw,96px); align-items:start }
  .descrizione > *{ grid-column:1 }
  .descrizione > h2{ grid-column:2; grid-row:1; margin:0 }
  .descrizione > .dati{ grid-column:2; grid-row:1 / span 12; margin-top:2.75rem }
}

/* Produktsicherheit: la targhetta */
.sicurezza{ margin-top:48px; padding:0; background:none; border:1px solid var(--regola); border-radius:0; font-size:.9375rem; line-height:1.55 }
.sicurezza h2{ margin:0; padding:11px 16px 12px; background:var(--inchiostro); color:#fff; font-size:1.1875rem; letter-spacing:0 }
.sicurezza p{ max-width:none; margin:0; padding:14px 16px 16px }
.sicurezza p + p{ border-top:1px solid var(--linea) }
.sicurezza strong{ display:block; margin-bottom:3px; font-size:.8125rem; font-weight:600; color:var(--inchiostro-2) }
@media (min-width:960px){
  .sicurezza{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)) }
  .sicurezza h2{ grid-column:1 / -1; padding:12px 20px 13px }
  .sicurezza p{ padding:16px 20px 18px }
  .sicurezza p + p{ border-top:0; border-left:1px solid var(--linea) }
  .sicurezza p:nth-of-type(3){ grid-column:1 / -1; border-left:0; border-top:1px solid var(--linea) }
}

/* griglie e rimandi (valgono per tutto il sito) */
.correlati{ margin-top:72px }
.guide-correlate{ margin-top:56px }
.correlati > h2,.guide-correlate > h2,.elenco > h2,.categorie > h2,.neu > h2,.vetrina > h2,.ratgeber > h2{ margin:0 0 20px; padding-top:14px; border-top:2px solid var(--regola) }
.griglia{ grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr)); gap:32px 24px }
.scheda a{ gap:8px }
.scheda img{ border-radius:0; background:#fff; outline:1px solid var(--linea); outline-offset:-1px }
.scheda-nome{ font-size:.96875rem; line-height:1.35 }
.scheda-prezzo{ font-family:var(--titoli); font-weight:600; font-size:1.1875rem; line-height:1.1; font-variant-numeric:tabular-nums }
.scheda a:hover .scheda-nome{ text-decoration:underline; text-underline-offset:.2em }
.scheda a:focus-visible{ outline-offset:4px }
.guide{ gap:0 32px; grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr)) }
.guida-voce a{ padding:14px 0 16px; border-bottom:1px solid var(--linea) }
.guida-titolo{ font-size:1.0625rem; font-weight:600; color:var(--accento-scuro) }
.guida-voce a:hover .guida-titolo{ text-decoration:underline; text-underline-offset:.2em }
.guida-riga{ margin-top:2px; font-size:.9375rem; color:var(--inchiostro-2) }
.apertura p{ color:var(--inchiostro-2) }
.cat-voce a{ border:1px solid var(--regola); border-radius:0; background:#fff }
.cat-voce a:hover{ background:var(--fondo-2) }
.cat-nome{ font-weight:600; font-size:1.25rem }
.scheda-neu a{ display:inline-flex; align-items:center; min-height:44px; border-radius:0 }
.riquadro{ border-radius:0; border-top:2px solid var(--regola) }
.guida img,.carrello-riga img{ border-radius:0 }
.carrello-totale{ font-family:var(--titoli); font-weight:600; font-size:1.5rem; font-variant-numeric:tabular-nums }

/* piede: di nuovo il colore di casa */
.piede{ margin-top:0; border-top:0; background:var(--accento-scuro); color:rgb(255 255 255 / .84) }
.piede-dentro{ max-width:calc(var(--misura) + 2 * var(--margine)); padding:40px var(--margine) 28px; gap:20px 48px; font-size:.9375rem; color:inherit }
.piede ul{ gap:0 }
.piede a{ display:inline-flex; align-items:center; min-height:44px; color:#fff; text-underline-offset:.25em }
.piede a:focus-visible{ outline-color:#fff }
.piede-marchio{ margin:0 0 6px; font-family:var(--titoli); font-weight:600; font-size:1.5rem; color:#fff }
.piede-nota{ padding-top:16px; border-top:1px solid rgb(255 255 255 / .28); font-size:.875rem }
@media (min-width:960px){
  .piede-dentro{ grid-template-columns:minmax(0,1fr) auto; align-items:start }
  .piede nav ul{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:0 28px }
}

/* telefono */
@media (max-width:719px){
  body{ font-size:16.5px }
  .testata-dentro{ min-height:0; padding-top:4px; padding-bottom:2px; gap:0 16px }
  .logo{ font-size:1.5rem }
  .menu{ order:3; flex:1 0 100% }
  .menu ul{ gap:0 20px }
  .menu a{ font-size:1rem; white-space:nowrap }
  .briciole{ margin:14px 0 12px }
  .prodotto{ grid-template-columns:minmax(0,1fr); gap:18px }
  .galleria{ display:flex; gap:8px; margin:0 calc(-1 * var(--margine)); padding:0 var(--margine); overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-inline:var(--margine); scrollbar-width:none }
  .galleria img{ flex:0 0 80%; width:80%; scroll-snap-align:start }
  .galleria img:only-child{ flex-basis:100%; width:100% }
  .scheda-prodotto h1{ margin-bottom:16px }
  .descrizione{ margin-top:48px; padding-top:22px }
  .sicurezza{ margin-top:36px }
  .correlati{ margin-top:56px }
  .guide-correlate{ margin-top:44px }
  .griglia{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px }
  .piede-dentro{ padding-top:32px }
}

/* ===== Ritocchi dalla seconda review di ChatGPT (07-10): la variante 2 con le foto della 1 ===== */
/* foto grandi senza cornice, sul grigio chiarissimo da studio; le schede delle griglie restano bordate */
.galleria img{ outline:0; background:var(--fondo-2); filter:brightness(.95) }
/* consegna e origine: un'informazione chiara ma neutra, non un avviso */
.consegna{ font-weight:400 }
/* i fatti di fiducia: un gruppo unico e stretto, con aria prima della descrizione */
.fatti{ margin-top:12px; gap:2px }
.fatti li::before{ border-color:var(--inchiostro) }
.breve{ margin-top:22px }
/* piede: la riga sopra il copyright arriva fino in fondo */
.piede-nota{ max-width:none }
/* piede sempre in fondo, anche sulle pagine corte (404, Danke): niente bianco sotto la fascia */
body{ min-height:100vh; display:flex; flex-direction:column }
main{ flex:1 0 auto; width:100% }
/* senza la scelta della variante il bottone prende tutta la riga, allineato alle righe sopra e sotto */
.acquisto > button:first-child{ grid-column:1 / -1 }
/* home: i fatti come un blocco stretto sotto l'apertura, alla misura del testo */
.fatti-home{ max-width:46rem; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 28px; margin:20px 0 8px }
@media (max-width:719px){ .fatti-home{ grid-template-columns:minmax(0,1fr) } }
/* home (07-10): le foto dei prodotti subito dopo il primo paragrafo, il resto del testo dopo le categorie */
.vetrina{ margin-top:28px }
.seguito{ margin-top:40px }
.seguito p{ font-size:1.08rem; color:var(--inchiostro-2) }
.seguito > .fatti-home{ margin-top:16px }
/* sezioni ancora vuote (Dartecke e Schnitzkiste aprono una pagina alla volta): niente titoli senza niente sotto */
.vetrina:not(:has(li)),.categorie:not(:has(li)),.neu:not(:has(li)),.ratgeber:not(:has(li)),
.correlati:not(:has(li)),.guide-correlate:not(:has(li)),.elenco:not(:has(li)){ display:none }
/* Warenkorb: meno e piu' grandi abbastanza per il pollice */
.carrello-qta button{ min-width:44px; min-height:44px; padding:0 10px; font-size:1.125rem }
/* telefono: il menu sta su una riga sola e scorre di lato, la fascia non diventa un'apertura */
@media (max-width:719px){
  .menu{ overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; margin:0 calc(-1 * var(--margine)); padding:0 var(--margine) }
  .menu::-webkit-scrollbar{ display:none }
  .menu ul{ flex-wrap:nowrap }
  .menu li{ flex:none }
}