/* ---------- 0. Carattere dei titoli ----------
   Poppins, servito dal nostro server: nessuna chiamata a Google, nessun
   cookie di terze parti, 16 KB in tutto. Licenza SIL Open Font 1.1
   (vedi assets/font/LICENSE-poppins.txt): libera anche per uso commerciale.
   Solo i titoli: in corpo testo un geometrico rotondo stanca.
   -------------------------------------------------------------------- */
@font-face{font-family:"Poppins";src:url("font/poppins-600.woff2") format("woff2");
  font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url("font/poppins-700.woff2") format("woff2");
  font-weight:700;font-style:normal;font-display:swap}

/* Levorato Service — foglio di stile unico
   Ordine: token · reset · impianto · testata · piede · blocchi · WooCommerce */

/* ---------- 1. Token ----------
   I colori vengono dal vettoriale ufficiale del logo, non a occhio:
   nel PDF c'e' un solo colore, «0.356863 0.760784 0.905882 rg» = #5BC2E7,
   e il nero del lockup e' #11111F.

   Impianto CHIARO: fondo bianco, testi neri, il ciano solo dove serve.
   La regola che tiene tutto in piedi: il ciano su bianco fa 2,0 di contrasto
   e come TESTO non si puo' usare mai; come RIEMPIMENTO di un tasto con la
   scritta nera sopra fa 9,3 ed e' perfetto. Per testo e link si usa la sua
   versione cupa, stessa tinta (196°) portata giu' di luminosita'.
   -------------------------------------------------------------------- */
:root{
  /* --- ufficiali --- */
  --ciano:#5BC2E7;         /* il colore del marchio: tasti, filetti, superfici */
  --notte:#11111F;         /* il nero del marchio: titoli e testo forte */
  --velo:#E6F6FB;          /* il «light background» del pacchetto ufficiale */

  /* --- derivati --- */
  --ciano-cupo:#0A6E96;    /* 5,7:1 su bianco — testo, link, occhielli */
  --ciano-cupo-2:#08556F;  /* hover */
  --ciano-chiaro:#7CD0EE;  /* hover del tasto pieno */

  /* --- nomi storici, per non riscrivere ogni regola --- */
  --brand:var(--ciano-cupo);
  --brand-scuro:var(--ciano-cupo-2);
  --navy:var(--notte);

  /* --- superfici e testo --- */
  --carta:#FFFFFF;
  --fondo:#F4F8FA;
  --inchiostro:#11111F;
  --inchiostro-2:#48565F;
  --inchiostro-3:#63727C;  /* scurito: 4,9:1 su bianco, WCAG AA */
  --linea:#E1E9ED;
  --linea-tenue:#EFF4F6;

  /* --- stato --- */
  --ok:#0F7A52;
  --ok-fondo:#E4F3EC;
  --stop:#A8202F;
  --stop-fondo:#FBEAEC;
  --wa:#0E7A3C;  /* verde WhatsApp scurito: testo bianco a 5,4:1 */

  /* --- forma --- */
  --raggio:5px;
  --ombra:0 1px 2px rgba(17,17,31,.04), 0 8px 24px -14px rgba(17,17,31,.18);
  --ombra-alta:0 2px 6px rgba(17,17,31,.06), 0 18px 40px -22px rgba(17,17,31,.3);
  --traccia:.14em;
  --gabbia:1360px;
  /* --- carattere --- */
  --titoli:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

/* ---------- 2. Reset misurato ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--fondo);color:var(--inchiostro);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;
}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:var(--brand-scuro);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:3px}
h1,h2,h3,h4{margin:0;font-family:var(--titoli);line-height:1.14;letter-spacing:-.03em;text-wrap:balance;font-weight:700;color:var(--navy)}
h1{font-size:clamp(30px,4.4vw,46px)}
h2{font-size:clamp(24px,3vw,34px)}
h3{font-size:clamp(18px,2vw,21px)}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
ul,ol{margin:0 0 1em;padding-left:1.25em}

/* ---------- 3. Impianto ---------- */
.ls-gabbia{max-width:var(--gabbia);margin-inline:auto;padding-inline:20px}
.ls-sez{padding-block:clamp(48px,6.5vw,84px)}
.ls-sez--carta{background:var(--carta)}
.ls-titolo-sez{display:flex;flex-direction:column;gap:8px;margin-bottom:clamp(28px,3.5vw,40px);max-width:58ch}
.ls-titolo-sez p{color:var(--inchiostro-2);font-size:17.5px;margin:0;line-height:1.55}
.ls-skip{position:absolute;left:-9999px}
.ls-skip:focus{left:8px;top:8px;z-index:100;background:var(--carta);padding:10px 16px;border-radius:var(--raggio)}

/* ---------- 4. Bottoni ---------- */
.ls-btn{font-family:var(--titoli);
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 22px;border-radius:var(--raggio);border:1px solid transparent;
  font-size:16px;font-weight:600;line-height:1;cursor:pointer;
  transition:background .15s ease,border-color .15s ease;
}
.ls-btn:hover{text-decoration:none}
/* Il tasto pieno usa il ciano VERO con la scritta nera: 9,3 di contrasto.
   Il ciano con scritta bianca farebbe 2,0 e sarebbe illeggibile. */
.ls-btn--pieno{background:var(--ciano);color:var(--notte)}
.ls-btn--pieno:hover{background:var(--ciano-chiaro);color:var(--notte)}
.ls-btn--fantasma{background:transparent;color:var(--navy);border-color:var(--linea)}
.ls-btn--fantasma:hover{border-color:var(--navy)}
.ls-btn--wa{background:var(--wa);color:#fff}
.ls-btn--wa:hover{background:#0B6331;color:#fff}
/* In testata il verde WhatsApp urla accanto al ciano del marchio: li' il tasto
   e' un contorno, il verde resta dove l'azione e' il punto della sezione. */
.ls-testata .ls-btn--wa{background:var(--ciano);color:var(--notte);border-color:var(--ciano)}
.ls-testata .ls-btn--wa:hover{background:var(--ciano-chiaro);color:var(--notte)}

/* ---------- 5. Testata ----------
   Fondo bianco, quindi il logo va nella versione per fondo chiaro:
   LEVORATO nero e SERVICE ciano. Quello a due tinte con la scritta bianca
   sparirebbe. Il tasto WhatsApp e' pieno ciano con la scritta nera: 9,3 di
   contrasto e il colore del marchio in evidenza.
   -------------------------------------------------------------------- */
.ls-testata{background:var(--carta);position:sticky;top:0;z-index:40;
  border-bottom:1px solid var(--linea)}
.ls-testata .ls-gabbia{display:flex;align-items:center;gap:18px;min-height:78px}
.ls-logo{flex:none;display:flex;align-items:center}
.ls-logo img,.ls-logo svg{height:42px;width:auto;display:block}
.ls-logo__testo{font-weight:800;font-size:19px;color:var(--notte);letter-spacing:-.02em}

.ls-tel{color:var(--notte);font-weight:600;font-size:14.5px;white-space:nowrap}
.ls-tel:hover{color:var(--ciano-cupo);text-decoration:none}
@media (max-width:760px){.ls-tel{display:none}}

.ls-nav{margin-left:auto}
.ls-nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.ls-nav a{display:block;padding:9px 12px;border-radius:var(--raggio);white-space:nowrap;
  color:var(--notte);font-weight:600;font-size:14.5px}
.ls-nav a:hover{background:var(--velo);color:var(--ciano-cupo);text-decoration:none}
.ls-nav .current-menu-item>a{color:var(--ciano-cupo)}
.ls-azioni{display:flex;align-items:center;gap:12px}

.ls-hamburger{display:none;background:none;border:1px solid var(--linea);
  border-radius:var(--raggio);padding:8px 12px;font-size:14px;font-weight:600;color:var(--notte)}
@media (max-width:1000px){
  .ls-nav{display:none;width:100%;order:5}
  .ls-nav.aperto{display:block}
  .ls-nav ul{flex-direction:column;gap:0;padding-block:8px;border-top:1px solid var(--linea)}
  .ls-nav a{padding:12px 4px;font-size:15px}
  .ls-hamburger{display:block;margin-left:auto}
  .ls-testata .ls-gabbia{flex-wrap:wrap;gap:10px;padding-block:12px;min-height:0}
}
@media (max-width:520px){
  .ls-testata .ls-gabbia{gap:8px;flex-wrap:nowrap}
  .ls-logo img,.ls-logo svg{height:30px}
  .ls-hamburger{order:3;padding:7px 10px;font-size:13.5px}
  .ls-azioni{order:2;margin-left:auto}
  .ls-azioni .ls-btn{padding:8px 12px;font-size:13.5px}
}

/* Sotto i 420 px non ci stanno piu' logo, WhatsApp e menu sulla stessa riga.
 * Misurato su uno schermo da 390 px (iPhone): servivano 376 px di roba dentro
 * 335 px di spazio, e il tasto del menu sbordava di 6 px a destra — il che
 * rendeva tutta la pagina trascinabile di lato, che su un telefono si nota
 * subito e sembra un sito rotto. Qui si stringe quel tanto che basta. */
@media (max-width:420px){
  .ls-testata .ls-gabbia{gap:6px;padding-inline:14px}
  .ls-logo img,.ls-logo svg{height:24px}
  .ls-hamburger{padding:6px 9px;font-size:13px}
  .ls-azioni .ls-btn{padding:7px 10px;font-size:13px}
}

/* Rete di sicurezza: se un giorno qualcosa sborda di due pixel, la pagina non
 * deve diventare trascinabile di lato. «clip» al posto di «hidden» perche'
 * hidden rompe la testata che resta appiccicata in alto. */
html{overflow-x:clip}

/* ---------- 6. Vetrina e primo blocco ----------
   Sulla foto non ci va nessun testo: solo i tre tasti, appoggiati sul bordo
   inferiore. Una sfumatura dal bianco verso l'alto scioglie la foto nella
   pagina invece di tagliarla di netto, e da' ai tasti un fondo pulito su cui
   stare senza dover scurire l'immagine.
   -------------------------------------------------------------------- */
.ls-vetrina{position:relative;isolation:isolate;background:var(--carta)}
.ls-vetrina__foto{position:relative;height:clamp(260px,32vw,520px);overflow:hidden;background:var(--fondo)}
.ls-vetrina__foto img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.ls-vetrina__velo{position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(180deg, rgba(255,255,255,0) 40%, rgba(255,255,255,.55) 74%, rgba(255,255,255,.94) 92%, #fff 100%),
  linear-gradient(180deg, rgba(255,255,255,.45) 0%, rgba(255,255,255,0) 26%);}
.ls-vetrina--vuota .ls-vetrina__foto{height:clamp(120px,14vw,180px);
  background:linear-gradient(180deg,var(--velo),var(--carta))}

/* l'occhiello: la spaziatura larga delle maiuscole del logo, tradotta in interfaccia */
/* .ls-titolo-sez p ha piu' forza di .ls-occhiello e gli spegneva il colore:
   qui l'occhiello si riprende il suo, dentro e fuori dai titoli di sezione. */
.ls-occhiello,.ls-titolo-sez .ls-occhiello{font-size:11.5px;font-weight:700;
  letter-spacing:var(--traccia);text-transform:uppercase;color:var(--ciano-cupo);margin:0 0 12px}

/* i tre tasti a cavallo del bordo della foto */
.ls-porte-gabbia{position:relative;z-index:2;margin-top:clamp(-64px,-6vw,-44px)}
.ls-porte{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ls-porta{display:flex;flex-direction:column;gap:3px;padding:16px 19px;border-radius:var(--raggio);
  background:var(--carta);border:1px solid var(--linea);box-shadow:var(--ombra-alta);
  color:var(--inchiostro);transition:transform .15s ease,border-color .15s ease}
.ls-porta:hover{text-decoration:none;transform:translateY(-2px);border-color:var(--ciano)}
.ls-porta b{font-family:var(--titoli);font-size:16.5px;font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--notte)}
.ls-porta small{font-size:12.5px;color:var(--inchiostro-3);line-height:1.4}
.ls-porta--primo{background:var(--ciano);border-color:var(--ciano)}
.ls-porta--primo small{color:#08394C}
.ls-porta--primo:hover{background:var(--ciano-chiaro);border-color:var(--ciano-chiaro)}
@media (max-width:820px){
  .ls-porte{grid-template-columns:1fr;gap:9px}
  .ls-porte-gabbia{margin-top:-26px}
  .ls-vetrina__foto{height:clamp(280px,74vw,340px)}
  .ls-vetrina__foto img{object-position:center 32%}
}

/* il blocco sotto la vetrina: il titolo e il valutatore */
.ls-primo{background:var(--carta);padding-block:clamp(34px,4.5vw,54px) clamp(48px,6vw,76px)}
.ls-primo__griglia{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);
  gap:clamp(28px,4vw,56px);align-items:start}
@media (max-width:1000px){.ls-primo__griglia{grid-template-columns:1fr;gap:28px}}
.ls-primo h1,.ls-primo h2{font-size:clamp(30px,4.4vw,46px);max-width:14ch}

/* Il titolo per Google e per i lettori di schermo: c'e', ma non si vede.
 * Non si usa display:none ne' visibility:hidden, perche' quelli lo tolgono
 * anche a chi legge con la voce: si riduce a un punto e si porta fuori. */
.ls-titolo-seo{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.ls-primo__lede{color:var(--inchiostro-2);font-size:clamp(16.5px,1.7vw,19px);max-width:46ch;margin-top:14px}
.ls-primo__nota{margin-top:22px;font-size:13.5px;line-height:1.55;color:var(--inchiostro-3);max-width:52ch}
.ls-primo__valuta .lsv{max-width:none;margin:0}

/* le prove con la spunta verde */
.ls-prove{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;max-width:48ch}
.ls-prove li{position:relative;padding-left:30px;color:var(--inchiostro-2);font-size:16px;line-height:1.45}
.ls-prove li b{color:var(--notte);font-weight:650}
.ls-prove li::before{
  content:"";position:absolute;left:0;top:3px;width:19px;height:19px;border-radius:50%;
  background:var(--ok) no-repeat center/11px 11px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M2.5 8.6l3.4 3.4L13.5 4.4'/%3E%3C/svg%3E");
}

/* ---------- 7. I quattro servizi ---------- */
.ls-servizi{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:1000px){.ls-servizi{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.ls-servizi{grid-template-columns:1fr}}
.ls-servizio{
  display:flex;flex-direction:column;gap:8px;
  background:var(--carta);border:1px solid var(--linea);border-radius:var(--raggio);
  padding:24px 22px 22px;color:var(--inchiostro);
}
.ls-servizio:hover{text-decoration:none;border-color:var(--ciano-cupo)}
.ls-servizio__et{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-scuro)}
.ls-servizio h3{margin:0}
.ls-servizio p{color:var(--inchiostro-2);font-size:15px;margin:0}
.ls-servizio__vai{margin-top:auto;padding-top:14px;font-weight:600;color:var(--brand-scuro);font-size:15px}

/* ---------- 8. Prodotti ---------- */
.ls-griglia{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.2vw,30px)}
@media (max-width:1000px){.ls-griglia{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.ls-griglia{grid-template-columns:repeat(2,1fr)}}
/* Niente riquadro per ogni prodotto: era una delle cose che rendevano
   il sito vecchio inquieto. Una piastrella per l'immagine e basta. */
/* La card a pezzo unico.
   Tre scelte, tutte con un motivo:
   1. la SECONDA foto (il retro) compare al passaggio del mouse. Dice da sola,
      senza scriverlo, che le foto sono di questo telefono e non del catalogo
      Apple — che e' il punto debole di tutti i concorrenti.
   2. la condizione in parole («Ottimo») al posto del grado («A+»): la lettera
      non dice niente a chi compra, la parola si, e la lettera resta in scheda.
   3. «Ultimo pezzo» solo quando ne resta davvero uno contato dal magazzino.
      Qui non e' finta urgenza: un ricondizionato E' un pezzo unico. */
.ls-prod{display:flex;flex-direction:column;gap:3px;color:var(--inchiostro)}
.ls-prod:hover{text-decoration:none}
.ls-prod:hover .ls-prod__nome{color:var(--ciano-cupo)}
.ls-prod__img{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:var(--raggio);
  background:var(--velo);transition:transform .18s ease}
.ls-prod:hover .ls-prod__img{transform:translateY(-2px)}
.ls-prod__img img{width:100%;height:100%;object-fit:contain}
.ls-prod__nome{font-weight:600;font-size:15px;line-height:1.35;margin-top:10px;transition:color .15s ease}
.ls-prod__prezzo{font-weight:700;color:var(--navy);font-size:17px}
.ls-prod__prezzo del{color:var(--inchiostro-3);font-weight:400;font-size:14px;margin-right:6px}
.ls-prod__img img{transition:opacity .22s ease}
.ls-prod__retro{position:absolute;inset:0;opacity:0}
.ls-prod:hover .ls-prod__retro{opacity:1}
.ls-prod__sconto{position:absolute;left:8px;top:8px;background:var(--stop);color:#fff;
  font-size:12px;font-weight:700;letter-spacing:.02em;
  padding:4px 9px;border-radius:3px}
.ls-prod__stato{color:var(--inchiostro-2);font-size:13.5px;line-height:1.3}
.ls-prod__prezzo{margin-top:2px}

/* Le tre condizioni dell'acquisto, dette una volta sopra la griglia invece che
   ripetute su nove card. */
.ls-patto-compra{list-style:none;margin:0 0 clamp(22px,2.6vw,30px);padding:0;
  display:flex;flex-wrap:wrap;gap:8px 26px}
.ls-patto-compra li{position:relative;padding-left:24px;color:var(--inchiostro-2);font-size:15px}
.ls-patto-compra li::before{content:"";position:absolute;left:0;top:7px;width:13px;height:7px;
  border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg)}
.ls-patto-compra b{color:var(--inchiostro);font-weight:600}

.ls-sez__coda{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.ls-sez__nota{color:var(--inchiostro-2);font-size:14.5px;max-width:46ch}
.ls-vuoto{background:var(--carta);border:1px dashed var(--linea);border-radius:var(--raggio);padding:34px;text-align:center;color:var(--inchiostro-2)}

/* ---------- 9. Rassicurazioni ---------- */
.ls-punti{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:800px){.ls-punti{grid-template-columns:1fr}}
.ls-punto{border-left:2px solid var(--ciano);padding-left:18px}
.ls-punto h3{font-size:17px;margin-bottom:4px}
.ls-punto p{color:var(--inchiostro-2);font-size:15px;margin:0}

/* ---------- 10. Piede ---------- */
.ls-piede{background:var(--fondo);color:var(--inchiostro-2);font-size:15px;margin-top:0;border-top:1px solid var(--linea)}
.ls-piede a{color:var(--ciano-cupo)}
.ls-piede .ls-gabbia{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;padding-block:48px}
@media (max-width:840px){.ls-piede .ls-gabbia{grid-template-columns:1fr;gap:26px}}
.ls-piede h3{color:var(--inchiostro-3);font-size:11.5px;letter-spacing:var(--traccia);text-transform:uppercase;margin-bottom:14px}
.ls-piede ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ls-piede__coda{border-top:1px solid var(--linea)}
.ls-piede__coda .ls-gabbia{display:flex;flex-wrap:wrap;gap:10px 20px;padding-block:18px;font-size:13.5px;align-items:center}
.ls-piede__coda .ls-gabbia > :last-child{margin-left:auto}

/* ---------- 11. Pagine di contenuto ---------- */
.ls-pagina{background:var(--carta);border:1px solid var(--linea);border-radius:var(--raggio);padding:clamp(24px,4vw,48px);box-shadow:var(--ombra)}
.ls-pagina > *{max-width:68ch}
.ls-pagina h2{margin-top:1.6em}
.ls-pagina h3{margin-top:1.4em}
.ls-pagina img{border-radius:4px;margin-block:1.2em;max-width:100%}
.ls-pagina table{width:100%;border-collapse:collapse;max-width:100%}
.ls-pagina td,.ls-pagina th{border-bottom:1px solid var(--linea);padding:10px 12px;text-align:left}
.ls-tabella-scorre{overflow-x:auto}

/* ---------- 12. WooCommerce: ritocchi, non riscrittura ---------- */
.woocommerce .ls-gabbia{padding-block:32px}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;margin:0;padding:0}
@media (max-width:1000px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}
.woocommerce ul.products li.product{
  background:var(--carta);border:1px solid var(--linea);border-radius:var(--raggio);
  padding:14px;margin:0;text-align:left;
}
.woocommerce ul.products li.product a img{margin-bottom:10px;border-radius:4px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px;font-weight:600;line-height:1.35;padding:0;margin:0 0 6px}
.woocommerce ul.products li.product .price{color:var(--navy);font-weight:700;font-size:17px}
.woocommerce ul.products li.product .button{margin-top:10px;display:inline-block}
.woocommerce .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{
  background:var(--brand);color:#fff;border-radius:var(--raggio);font-weight:600;padding:12px 20px;
}
.woocommerce .button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--brand-scuro);color:#fff}
.woocommerce .onsale{background:var(--navy);border-radius:3px;padding:4px 10px;font-weight:600;min-height:0;min-width:0;line-height:1.4}
.woocommerce .stock.out-of-stock{color:var(--stop);background:var(--stop-fondo);display:inline-block;padding:6px 12px;border-radius:4px;font-weight:600}
.woocommerce .stock.in-stock{color:var(--ok);background:var(--ok-fondo);display:inline-block;padding:6px 12px;border-radius:4px;font-weight:600}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--brand);border-radius:var(--raggio)}
.woocommerce-breadcrumb{font-size:14px;color:var(--inchiostro-3);margin-bottom:18px}

/* ---------- 12b. Riparazioni, negozio, telco ---------- */
.ls-sez__coda{margin-top:22px}

.ls-ripara{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);align-items:start}
@media (max-width:860px){.ls-ripara{grid-template-columns:1fr}}

/* La lista a trattino resta per gli elenchi senza icona (altre pagine). */
.ls-lista-check{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ls-lista-check li{position:relative;padding-left:28px;color:var(--inchiostro-2);font-size:16.5px;line-height:1.5}
.ls-lista-check li::before{content:"";position:absolute;left:0;top:11px;width:14px;height:2px;
  background:var(--ciano-cupo)}

/* I guasti, con le icone 3D. Due colonne su desktop: otto voci in colonna
   sola diventerebbero una lista lunghissima accanto al riquadro del patto. */
.ls-guasti{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px 22px}
.ls-guasti li{display:flex;align-items:center;gap:13px;
  color:var(--inchiostro);font-size:16px;line-height:1.3}
.ls-icona{flex:0 0 auto;display:block}
@media (max-width:860px){.ls-guasti{grid-template-columns:1fr;gap:12px}}

.ls-ripara__patto{background:var(--velo);border-radius:var(--raggio);
  padding:clamp(22px,3vw,30px)}
.ls-ripara__patto p{color:var(--inchiostro-2);font-size:16px}
.ls-ripara__patto strong{color:var(--inchiostro)}
.ls-garanzia{display:flex;align-items:center;gap:11px;
  color:var(--ok);font-size:15px;margin-bottom:20px;font-weight:600}
.ls-garanzia strong{color:var(--ok)}
.ls-ripara__cta{display:flex;flex-wrap:wrap;gap:12px}

.ls-negozio-sez{background:var(--carta);border-top:1px solid var(--linea)}
.ls-sez--velo{background:var(--velo)}
.ls-negozio{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(24px,3vw,44px);align-items:start}
.ls-negozio h3{font-size:11.5px;letter-spacing:var(--traccia);text-transform:uppercase;color:var(--inchiostro-3);margin-bottom:12px}
.ls-negozio p{color:var(--inchiostro-2);font-size:16px}
.ls-negozio__via{font-size:18px;color:var(--inchiostro);margin-block:14px 20px;line-height:1.5}
.ls-orari{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ls-orari li{display:flex;justify-content:space-between;gap:16px;font-size:15px;
  border-bottom:1px solid var(--linea-tenue);padding-bottom:8px}
.ls-orari b{color:var(--inchiostro);font-variant-numeric:tabular-nums}

/* Il telco chiude la pagina dentro il fondo notte, attaccato al piede:
   una fascia chiara in piu' avrebbe aggiunto uno stacco e basta. */
.ls-telco{background:var(--carta);border-top:1px solid var(--linea)}
.ls-telco .ls-gabbia{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding-block:24px}
.ls-telco p{margin:0;color:var(--inchiostro-2);font-size:15px}
.ls-telco strong{color:var(--notte);font-weight:600}
.ls-telco__link{display:flex;gap:20px;margin-left:auto}
.ls-telco__link a{font-weight:600;color:var(--ciano-cupo)}

/* ---------- 13. Rispetto del movimento ---------- */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}
.ls-vuoto--chiaro{background:var(--carta);border-style:solid;border-color:var(--linea)}
.ls-sez--riga{border-top:1px solid var(--linea)}

/* ---------- Il riquadro «quanto vale il tuo» ----------
   Prende il posto del configuratore finche' la valutazione passa da JotForm.
   Stessa impronta della card del configuratore: fondo bianco, un solo bordo,
   il ciano solo sul tasto. -------------------------------------------- */
.ls-invito{background:var(--carta);border:1px solid var(--linea);border-radius:var(--raggio);
  box-shadow:var(--ombra);padding:clamp(22px,2.6vw,30px)}
.ls-invito h2{font-size:clamp(22px,2.4vw,27px);margin:2px 0 0;line-height:1.15}
.ls-invito>p{color:var(--inchiostro-2);font-size:15.5px;line-height:1.55;margin:12px 0 0}
.ls-invito__prove{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.ls-invito__prove li{position:relative;padding-left:26px;font-size:14.5px;color:var(--inchiostro-2)}
.ls-invito__prove li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;
  border-radius:50%;background:var(--velo);
  box-shadow:inset 0 0 0 2px var(--ciano)}
.ls-invito__cta{margin:22px 0 0}
.ls-invito__cta .ls-btn{width:100%;justify-content:center;font-size:16px;padding-block:14px}
.ls-invito__coda{margin:14px 0 0;font-size:13.5px;color:var(--inchiostro-3);text-align:center}
.ls-ripara__nota{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--inchiostro-3)}

/* ---------- Ritocchi della prima schermata (18/09) ---------- */

/* La seconda meta' del titolo nel colore del marchio. Non il ciano puro:
   su bianco fa 2,0 di contrasto e su un titolo grande si legge male lo
   stesso. Si usa la versione cupa, stessa tinta, 5,7:1. */
h1 em,h2 em,h3 em{font-style:normal;color:var(--ciano-cupo)}

/* Le stelline: gialle come quelle di Google, e solo decorative — il voto
   e' gia' scritto a parole subito dopo, quindi per chi legge con la voce
   sono nascoste (aria-hidden nell'HTML). */
.ls-stelle{color:#996C00;letter-spacing:.06em;font-size:15px;vertical-align:1px}
.ls-prove li .ls-stelle{margin-right:2px}

/* La targhetta sopra i tasti: nera, appoggiata sulla foto. Il monogramma
   riprende il lockup del logo; il resto e' maiuscoletto spaziato, che a
   questa misura resta leggibile anche sul telefono. */
.ls-targhetta{display:inline-flex;align-items:center;gap:9px;margin:0 0 12px;
  padding:7px 14px 7px 8px;border-radius:999px;background:var(--notte);
  color:#fff;box-shadow:0 6px 20px rgba(17,17,31,.28)}
.ls-targhetta__ls{display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:50%;background:var(--ciano);color:var(--notte);
  font-family:var(--titoli);font-weight:700;font-size:12px;letter-spacing:.02em}
.ls-targhetta__testo{font-family:var(--titoli);font-weight:600;font-size:11.5px;
  letter-spacing:.11em;text-transform:uppercase;line-height:1;white-space:nowrap}
.ls-targhetta__testo i{font-style:normal;color:var(--ciano);margin:0 2px}
@media (max-width:820px){
  .ls-targhetta{gap:7px;padding:6px 11px 6px 6px;margin-bottom:0}
  .ls-targhetta__ls{width:22px;height:22px;font-size:10.5px}
  .ls-targhetta__testo{font-size:9.5px;letter-spacing:.07em;white-space:normal}
}

/* Le due firme sulla foto: la targhetta nera e il bollo delle recensioni.
   Affiancate quando c'e' spazio, una sotto l'altra sul telefono. */
.ls-firme{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}
.ls-firme .ls-targhetta{margin-bottom:0}

/* Il bollo delle recensioni. Fondo bianco e non nero: sulla foto deve saltare
   all'occhio come un'etichetta appiccicata sopra, non confondersi con la
   targhetta. Il voto e' grande perche' e' il numero che conta; le stelline
   sono gialle, il resto nero — il giallo come testo non si legge. */
.ls-bollo{display:inline-flex;align-items:center;gap:10px;
  padding:6px 15px 6px 11px;border-radius:999px;background:#fff;color:var(--notte);
  box-shadow:0 6px 20px rgba(17,17,31,.28);text-decoration:none}
.ls-bollo:hover{text-decoration:none;background:#FFFDF6}
.ls-bollo__voto{font-family:var(--titoli);font-weight:700;font-size:22px;line-height:1;
  letter-spacing:-.02em}
.ls-bollo__testo{display:flex;flex-direction:column;gap:1px;line-height:1.1}
.ls-bollo .ls-stelle{font-size:15px;letter-spacing:.05em}
.ls-bollo__quante{font-size:12.5px;font-weight:600;color:var(--inchiostro)}
@media (max-width:820px){
  .ls-firme{gap:8px;margin-bottom:10px}
  .ls-bollo{padding:5px 13px 5px 9px;gap:8px}
  .ls-bollo__voto{font-size:19px}
  .ls-bollo .ls-stelle{font-size:13.5px}
  .ls-bollo__quante{font-size:11.5px}
}

/* ---------- La riparazione comincia in home (18/09 sera) ----------
   Il riquadro di destra non racconta piu' «come funziona»: contiene il
   percorso vero. Quindi niente fondo velo e niente imbottitura — il
   configuratore ha gia' la sua cornice e due cornici una dentro l'altra
   sembrano un errore. */
.ls-ripara__patto:has(.lsv){background:none;padding:0}
.ls-ripara__patto .lsv{max-width:none}
.ls-ripara__patto .ls-ripara__nota{margin-top:14px;font-size:13.5px;line-height:1.55;
  color:var(--inchiostro-3);text-align:center}

/* La garanzia e il numero passano sotto l'elenco dei guasti. */
.ls-ripara__cosa .ls-garanzia{margin:22px 0 0}
.ls-ripara__chiama{margin:10px 0 0;font-size:14.5px;color:var(--inchiostro-3)}
.ls-ripara__chiama a{color:var(--ciano-cupo);font-weight:650;text-decoration:none}
.ls-ripara__chiama a:hover{text-decoration:underline}

/* ---------- 99. Contrasto: il testo della home a norma WCAG AA ----------
   Verificato calcolando il rapporto di contrasto su ogni nodo di testo della
   pagina: sotto 4,5:1 (3:1 per il testo grande) Lighthouse segna rosso e,
   soprattutto, chi legge al sole davanti al negozio non ci capisce niente. */

/* Il CSS del vecchio tema dipinge il body di un grigio chiarissimo: qui vince
   la home, cosi' ogni testo senza colore proprio parte dal blu notte. */
body.home{color:var(--inchiostro)}

/* Il tasto WhatsApp del piede prendeva il colore dei link del piede
   (.ls-piede a) e finiva blu su verde: illeggibile. */
.ls-piede .ls-btn--wa{color:#fff}
.ls-piede .ls-btn--wa:hover{color:#fff}

/* Orari del negozio: il giorno e' testo, non un grigio d'arredo. */
.ls-orari li,.ls-orari li span{color:var(--inchiostro-2)}

/* Il link all'area riservata arriva dal plugin valutazioni, che lo dipinge di
   un grigio azzurro troppo chiaro sul fondo del piede. */
body .lsv-riservata a{color:#5E6E78}

/* Il valutatore porta i suoi colori: il grigio dei suggerimenti era troppo
   chiaro sul bianco. Si cambia il suo token una volta sola, non regola per
   regola, cosi' ogni scritta del riquadro eredita il grigio nuovo. */
body .lsv{--lsv-ink3:#63727C}

/* Tranne il passo del configuratore, che quel grigio ce l'ha su fondo scuro:
   li' scurirlo peggiorerebbe, e resta il chiaro di prima (5,5:1 sul nero). */
body .lsv-step{color:#7E8D97}

/* Il piede della home ha gia' il suo «Area riservata»: quello che arriva dal
   plugin valutazioni qui sarebbe un doppione. Resta su tutte le altre pagine. */
body.home .lsv-riservata{display:none}

/* La foto dentro le tre porte: a filo dei bordi in alto, il testo resta sotto.
   Sedici a nove fisso e misure dichiarate, cosi' la pagina non balla mentre carica. */
.ls-porta{overflow:hidden;padding-top:0}
.ls-porta__foto{display:block;width:calc(100% + 38px);max-width:none;height:auto;margin:0 -19px 12px;
	aspect-ratio:16/9;object-fit:cover;border-radius:4px 4px 0 0;background:var(--linea-tenue)}

/* 1.8.6 — prima schermata: messaggio e pulsante sul ritiro */
.ls-attacco{position:absolute;z-index:3;left:24px;top:46%;transform:translateY(-50%);max-width:350px;
  background:rgba(255,255,255,.94);border-radius:16px;padding:18px 20px 20px;box-shadow:0 14px 40px rgba(11,42,60,.18)}
.ls-attacco__t{margin:0;font-family:var(--titoli);font-weight:700;font-size:clamp(21px,1.75vw,27px);line-height:1.12;letter-spacing:-.03em;color:var(--navy)}
.ls-attacco__t em{font-style:normal;color:var(--brand-scuro)}
.ls-attacco__s{margin:10px 0 0;font-size:15px;line-height:1.5;color:#3E505B}
.ls-attacco__cta{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}
#valuta{scroll-margin-top:92px}
html{scroll-behavior:smooth}
@media (max-width:820px){
  .ls-vetrina__foto{height:auto;overflow:visible}
  .ls-vetrina__foto picture,.ls-vetrina__foto img{display:block;height:clamp(220px,58vw,300px)}
  .ls-vetrina__velo{display:none}
  .ls-attacco{position:static;transform:none;max-width:none;border-radius:0;box-shadow:none;background:var(--carta);padding:18px 16px 44px}
  .ls-attacco__t{font-size:25px}
  .ls-attacco__cta .ls-btn{flex:1 1 auto;text-align:center}
}

/* 1.8.8 — fra 821 e 1499 px il riquadro sulla foto copriva un volto: lì va in una fascia sotto la foto */
@media (min-width:821px) and (max-width:1499px){
  .ls-vetrina__foto{height:auto;overflow:visible}
  .ls-vetrina__foto picture,.ls-vetrina__foto img{display:block;height:clamp(300px,34vw,470px)}
  .ls-vetrina__velo{display:none}
  .ls-attacco{position:static;transform:none;max-width:1180px;margin:0 auto;background:none;box-shadow:none;border-radius:0;
    padding:24px 24px 64px;display:grid;grid-template-columns:1fr auto;gap:6px 32px;align-items:center}
  .ls-attacco__t{font-size:28px}
  .ls-attacco__s{margin:0}
  .ls-attacco__cta{margin-top:0;grid-column:2;grid-row:1 / 3}
}

/* 1.8.9 — permuta sotto i ricondizionati e domande frequenti */
.ls-permuta{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;
  background:#E6F6FB;border:1px solid #BfE3F1;border-radius:14px;padding:18px 22px}
.ls-permuta p{margin:0;max-width:62ch;color:var(--navy);line-height:1.5}
.ls-faq{margin-top:22px;display:grid;gap:10px;max-width:860px}
.ls-faq__voce{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:0 18px}
.ls-faq__voce summary{cursor:pointer;list-style:none;padding:16px 28px 16px 0;position:relative;font-family:var(--titoli);font-weight:600;font-size:16.5px;color:var(--navy)}
.ls-faq__voce summary::-webkit-details-marker{display:none}
.ls-faq__voce summary::after{content:"+";position:absolute;right:0;top:12px;font-size:22px;color:var(--brand-scuro)}
.ls-faq__voce[open] summary::after{content:"\2212"}
.ls-faq__voce p{margin:0 0 16px;line-height:1.6;color:#3E505B}
@media (max-width:820px){.ls-permuta .ls-btn{width:100%;text-align:center}}

/* 1.9.0 — il testo per i lettori di schermo del prezzo scontato WooCommerce si vedeva in chiaro */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- 22/09 Recensioni che girano: nastro continuo ---------- */
.ls-rec{position:relative}
.ls-rec__finestra{overflow:hidden;padding-block:4px 8px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%)}
.ls-rec__nastro{display:flex;width:max-content;animation:ls-rec-giro 70s linear infinite;will-change:transform}
@keyframes ls-rec-giro{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ls-rec:hover .ls-rec__nastro,.ls-rec:focus-within .ls-rec__nastro,.ls-rec.is-fermo .ls-rec__nastro,.ls-rec.is-fuori .ls-rec__nastro{animation-play-state:paused}
.ls-rec__voce{flex:0 0 360px;margin:0 20px 0 0;display:flex;flex-direction:column;gap:14px;
  background:var(--fondo);border-radius:var(--raggio);padding:26px 24px 22px;position:relative}
.ls-rec__voce::before{content:"\201C";position:absolute;right:20px;top:4px;font:700 64px/1 var(--titoli);color:var(--ciano);opacity:.55}
.ls-rec__voce blockquote{margin:0;flex:1}
.ls-rec__voce blockquote p{margin:0;font-size:15.5px;line-height:1.6;color:var(--inchiostro)}
.ls-rec__voce figcaption{display:flex;flex-direction:column;gap:2px;padding-top:14px;border-top:1px solid var(--linea)}
.ls-rec__voce figcaption b{font-family:var(--titoli);font-weight:600;font-size:15px;color:var(--notte)}
.ls-rec__voce figcaption span{font-size:12.5px;color:var(--inchiostro-3)}
@media (max-width:640px){
  .ls-rec__voce{flex-basis:280px;margin-right:14px;padding:22px 20px 18px}
  .ls-rec__finestra{-webkit-mask-image:none;mask-image:none}
}
/* Chi ha chiesto meno animazioni: niente giro, si scorre col dito e la copia sparisce. */
@media (prefers-reduced-motion:reduce){
  .ls-rec__finestra{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .ls-rec__nastro{animation:none}
  .ls-rec__voce--copia{display:none}
}

/* ---------- 22/09 Foto dei clienti in negozio: secondo nastro, gira al contrario ---------- */
.ls-foto-clienti{margin-top:clamp(36px,5vw,56px)}
.ls-foto-clienti__titolo{margin:0 0 14px;font-size:14px;color:var(--inchiostro-3)}
.ls-foto-clienti__titolo b{color:var(--notte);font-family:var(--titoli);font-weight:600}
.ls-rec__nastro--foto{animation-direction:reverse}
.ls-foto-clienti:hover .ls-rec__nastro,.ls-foto-clienti:focus-within .ls-rec__nastro,.ls-foto-clienti.is-fermo .ls-rec__nastro,.ls-foto-clienti.is-fuori .ls-rec__nastro{animation-play-state:paused}
.ls-foto{flex:0 0 280px;margin:0 16px 0 0;display:flex;flex-direction:column;gap:10px}
.ls-foto__img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--raggio);background:var(--fondo)}
.ls-foto figcaption{display:flex;flex-direction:column;gap:1px;padding-inline:2px}
.ls-foto figcaption b{font-family:var(--titoli);font-weight:600;font-size:14.5px;color:var(--notte)}
.ls-foto figcaption span{font-size:12.5px;color:var(--inchiostro-3)}
@media (max-width:640px){ .ls-foto{flex-basis:220px;margin-right:12px} }
@media (prefers-reduced-motion:reduce){ .ls-foto-clienti .ls-rec__finestra{overflow-x:auto} }


/* 22/09/2026 — marchio registrato: la ® piccola accanto al monogramma della targhetta in vetrina */
.ls-targhetta .ls-r-t{font:600 9px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#fff;align-self:flex-start;margin-left:-5px;position:relative;top:1px}


/* 22/09/2026 — carosello foto clienti subito dopo la vetrina, foto e recensioni piu' piccole (Luca) */
.ls-foto-sez{padding-block:clamp(28px,4vw,44px)}
.ls-foto-sez .ls-foto-clienti{margin-top:0}
.ls-foto{flex-basis:200px;margin-right:14px;gap:8px}
.ls-foto figcaption b{font-size:13.5px}
.ls-foto figcaption span{font-size:12px}
.ls-rec__voce{flex-basis:300px;margin-right:16px;gap:10px;padding:20px 20px 16px}
.ls-rec__voce::before{font-size:48px;right:16px}
.ls-rec__voce blockquote p{font-size:14.5px;line-height:1.55}
.ls-rec__voce figcaption{padding-top:10px}
.ls-rec__voce figcaption b{font-size:14px}
@media (max-width:640px){.ls-foto{flex-basis:160px;margin-right:10px}.ls-rec__voce{flex-basis:260px;margin-right:12px;padding:18px 16px 14px}}


/* ====================================================================== *
 * 22/09/2026 sera — impaginazione desktop dopo lo screening (Luca: «fai tutte le migliorie»)
 * 1) riquadri a tutta gabbia, foto a sinistra e domande a destra
 * 2) meno vuoto fra le sezioni   3) prima foto piu' bassa   4) FAQ su due colonne
 * 5) vetrina 4 telefoni per riga   6) bacheca foto clienti (versione F)
 * ====================================================================== */
.ls-sez{padding-block:clamp(40px,4.2vw,56px)}
@media (min-width:1500px){.ls-vetrina__foto{height:420px}}
@media (min-width:821px) and (max-width:1499px){.ls-vetrina__foto picture,.ls-vetrina__foto img{height:clamp(280px,28vw,400px)}}
@media (min-width:1001px){
  .ls-vgr .ls-vgr__box{max-width:none}
  .ls-vgr .lsu:not(.lsu-vet){display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .ls-vgr .lsu:not(.lsu-vet)>*{grid-column:1/-1}
  .ls-vgr .lsu:not(.lsu-vet)>.lsu-foto{grid-column:1;height:auto;min-height:320px;align-self:stretch}
  .ls-vgr .lsu:not(.lsu-vet)>.lsu-foto img{position:absolute;inset:0;height:100%}
  .ls-vgr .lsu:not(.lsu-vet)>.lsv-body{grid-column:2;margin-top:0;padding:30px 38px 34px}
  .ls-vet-a .ls-vt__griglia{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ls-faq{max-width:none;grid-template-columns:1fr 1fr;align-items:start;column-gap:16px}
}

/* Bacheca foto clienti: il mosaico con il voto (C) e le foto in cornice (D) */
.ls-bacheca{background:var(--velo)}
.ls-bacheca h2{margin:6px 0 0}
.ls-bacheca__sotto{margin:8px 0 26px;color:var(--inchiostro-2)}
.ls-bacheca__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px;align-items:start;padding:6px 4px 10px}
.ls-bacheca__f{margin:0;background:#fff;padding:10px 10px 6px;box-shadow:0 6px 18px rgba(17,17,31,.12);transition:transform .25s}
.ls-bacheca__f:hover{transform:rotate(0) scale(1.02)!important}
.ls-bacheca__ph{overflow:hidden;border-radius:2px;background:var(--fondo)}
.ls-bacheca__ph img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transform:scale(1.32)}
.ls-bacheca__f figcaption{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 0 4px}
.ls-bacheca__f figcaption b{font-family:var(--titoli);font-weight:600;font-size:14.5px;color:var(--notte)}
.ls-bacheca__f figcaption span{font-size:12.5px;color:var(--inchiostro-3)}
.ls-bacheca__f--0{grid-column:span 2;grid-row:span 2;transform:rotate(-1.2deg);padding:14px 14px 8px}
.ls-bacheca__f--0 figcaption b{font-size:16px}
.ls-bacheca__f--1{transform:rotate(1.6deg)}
.ls-bacheca__f--2{transform:rotate(-1.4deg) translateY(6px)}
.ls-bacheca__f--3{transform:rotate(1.2deg)}
.ls-bacheca__voto{background:var(--notte);color:#fff;padding:22px;display:flex;flex-direction:column;gap:4px;box-shadow:0 6px 18px rgba(17,17,31,.18);transform:rotate(-.8deg)}
.ls-bacheca__voto .ls-stelle{color:#F5C542}
.ls-bacheca__voto b{font:700 26px/1.2 var(--titoli);color:#fff}
.ls-bacheca__voto a:not(.ls-btn){color:#C9D3DA;font-size:14px}
.ls-bacheca__voto .ls-btn{margin-top:12px;justify-content:center;text-align:center}
.ls-bacheca__voto small{margin-top:8px;color:#AEB9C1;font-size:12.5px;line-height:1.4}
.ls-bacheca__f--4{transform:rotate(-1.6deg)}
.ls-bacheca__f--5{transform:rotate(1.3deg) translateY(4px)}
@media (min-width:821px){.ls-bacheca__g{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 22px}}
@media (min-width:1001px){.ls-vet-a .lsu-vet .lsu-foto{height:170px}}
@media (max-width:820px){
  .ls-bacheca__g{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
  .ls-bacheca__voto{grid-column:span 2;order:2}
  .ls-bacheca__f--3,.ls-bacheca__f--4,.ls-bacheca__f--5{display:none}
}
@media (prefers-reduced-motion:reduce){.ls-bacheca__f{transition:none}}


/* 22/09/2026 sera — bacheca foto clienti versione G: voto fermo a sinistra, foto in cornice che girano */
.ls-bg{background:var(--velo)}
.ls-bg__testa{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}
.ls-bg h2{margin:6px 0 0}
.ls-bg__sotto{margin:8px 0 0;color:var(--inchiostro-2)}
.ls-bg__frecce{display:flex;gap:8px}
.ls-bg__frecce button{width:44px;height:44px;border-radius:50%;border:1px solid var(--linea);background:#fff;color:var(--notte);font-size:18px;line-height:1;cursor:pointer}
.ls-bg__frecce button:hover{border-color:var(--notte)}
.ls-bg__g{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:center;margin-top:18px}
.ls-bg__voto{background:var(--notte);color:#fff;padding:22px;display:flex;flex-direction:column;gap:4px;box-shadow:0 6px 18px rgba(17,17,31,.18);transform:rotate(-1deg)}
.ls-bg__voto .ls-stelle{color:#F5C542}
.ls-bg__voto b{font:700 26px/1.2 var(--titoli);color:#fff}
.ls-bg__voto a:not(.ls-btn){color:#C9D3DA;font-size:14px}
.ls-bg__voto .ls-btn{margin-top:12px;justify-content:center;text-align:center}
.ls-bg__voto small{margin-top:8px;color:#AEB9C1;font-size:12.5px;line-height:1.4}
.ls-bg__fin{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:18px 6px 26px;outline:none}
.ls-bg__fin::-webkit-scrollbar{display:none}
.ls-bg__nas{display:flex;gap:22px;width:max-content}
.ls-bg__f{flex:0 0 240px;margin:0;background:#fff;padding:10px 10px 6px;box-shadow:0 6px 18px rgba(17,17,31,.12);scroll-snap-align:start;transform:rotate(-1.5deg)}
.ls-bg__f:nth-child(even){transform:rotate(1.5deg) translateY(8px)}
.ls-bg__ph{overflow:hidden;border-radius:2px;background:var(--fondo)}
.ls-bg__ph img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;transform:scale(1.32)}
.ls-bg__f figcaption{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 0 4px}
.ls-bg__f figcaption b{font-family:var(--titoli);font-weight:600;font-size:14.5px;color:var(--notte)}
.ls-bg__f figcaption span{font-size:12.5px;color:var(--inchiostro-3)}
@media (max-width:820px){
  .ls-bg__g{grid-template-columns:minmax(0,1fr);gap:8px}
  .ls-bg__voto{order:2}
  .ls-bg__f{flex-basis:200px}
  .ls-bg__frecce button{width:40px;height:40px}
}

/* 22/09/2026 — la bacheca gira da sola: niente aggancio delle foto, darebbe scatti */
.ls-bg__fin{scroll-snap-type:none}
.ls-bg__f{scroll-snap-align:none}


/* ====================================================================== *
 * 22/09/2026 sera — prima schermata «titolo nella banda nera» (Luca, versione 1)
 * Foto nitida senza velo e senza pill; il modulo sale sulla foto; nella banda nera
 * solo il titolo; sotto subito i tasti e le tre prove. Modulo stretto come prima (1056).
 * ====================================================================== */
.ls-vetrina--banda .ls-vetrina__velo{display:none}
.ls-vetrina--banda > .ls-porte-gabbia:not(.ls-porte-gabbia--sotto){display:none}
.ls-vetrina--banda .ls-vetrina__foto{height:auto!important;overflow:hidden}
.ls-vetrina--banda .ls-vetrina__foto picture,.ls-vetrina--banda .ls-vetrina__foto img{display:block;width:100%;height:420px!important;object-fit:cover;object-position:center 26%}
.ls-vetrina--banda .ls-vgr{position:relative;z-index:3;margin-top:-130px;padding-top:0}
.ls-vetrina--banda .ls-vgr .ls-vgr__box{max-width:1056px;margin-inline:auto}
.ls-banda-mod{background:#fff;border-radius:14px;box-shadow:0 20px 48px rgba(17,17,31,.18);border:1px solid var(--linea)}
.ls-banda{background:var(--notte);color:#fff;border-radius:13px 13px 0 0;padding:18px 30px 16px}
.ls-banda__t{margin:0;font:700 clamp(23px,2.3vw,31px)/1.12 var(--titoli);letter-spacing:-.015em;color:#fff}
.ls-banda__t em{font-style:normal;color:var(--ciano)}
.ls-vetrina--banda .ls-banda-mod .lsv{border:0;border-radius:0;box-shadow:none;margin:0;max-width:none}
.ls-vetrina--banda .ls-banda-mod .lsv-bar,.ls-vetrina--banda .ls-banda-mod .lsu-foto{display:none}
.ls-vetrina--banda .ls-banda-mod .lsu{display:block}
.ls-vetrina--banda .ls-vgr .ls-banda-mod .lsu:not(.lsu-vet)>.lsv-body{margin-top:0;padding:18px 30px 4px}
.ls-banda__prove{list-style:none;margin:0;padding:12px 30px 18px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;font-size:14px;color:var(--inchiostro-2);border-radius:0 0 14px 14px}
.ls-banda__prove li{display:flex;align-items:center;gap:7px}
.ls-banda__prove li::before{content:"✓";width:18px;height:18px;border-radius:50%;background:#E7F4EE;color:#128057;font-size:11px;font-weight:800;display:grid;place-items:center}
.ls-banda__prove b{color:var(--notte)}
@media (max-width:820px){
  .ls-vetrina--banda .ls-vetrina__foto picture,.ls-vetrina--banda .ls-vetrina__foto img{height:250px!important;object-position:center 20%}
  .ls-vetrina--banda .ls-vgr{margin-top:-36px}
  .ls-banda{padding:16px 18px}
  .ls-banda__t{font-size:23px}
  .ls-vetrina--banda .ls-vgr .ls-banda-mod .lsu:not(.lsu-vet)>.lsv-body{padding:16px 16px 4px}
  .ls-banda__prove{flex-direction:column;align-items:flex-start;padding:10px 16px 16px}
}

/* 22/09/2026 sera: pill delle recensioni nella banda nera, targhetta «dal 1999» sotto il modulo accanto a WhatsApp */
.ls-banda{display:flex;justify-content:space-between;align-items:center;gap:12px 20px;flex-wrap:wrap}
.ls-banda__voto{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 14px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);border-radius:99px;color:#fff;text-decoration:none;white-space:nowrap;transition:background .15s}
.ls-banda__voto:hover{background:rgba(255,255,255,.14);color:#fff;text-decoration:none}
.ls-banda__voto b{font:700 22px/1 var(--titoli);color:#fff}
.ls-banda__voto>span{display:flex;flex-direction:column;line-height:1.2}
.ls-banda__stelle{color:#FFC83D;letter-spacing:1.5px;font-size:15px}
.ls-banda__voto small{font-size:12.5px;color:#C9D3DA}
.ls-banda-sotto{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 22px;margin-top:18px}
.ls-banda-sotto .ls-invito__coda{margin:0}
.ls-banda-sotto .ls-targhetta{margin:0}
@media (max-width:820px){.ls-banda__voto{padding:6px 12px}.ls-banda__voto b{font-size:19px}.ls-banda-sotto{flex-direction:column;gap:10px}}

/* ===== 1.15.3 · modulo vendi senza righetta chiara + due porte in stile banda nera ===== */
.ls-banda-mod{border:0!important}
.ls-banda-mod .ls-banda{border-radius:14px 14px 0 0}
.ls-porte-gabbia--sotto .ls-porte--due{max-width:1056px;margin-inline:auto;gap:24px}
.ls-porte--due .ls-porta{display:flex!important;flex-direction:column;border:0!important;border-radius:14px!important;overflow:hidden;background:#fff;box-shadow:0 20px 48px rgba(17,17,31,.16)!important;padding:0!important;text-decoration:none;transition:transform .2s,box-shadow .2s}
.ls-porte--due .ls-porta>b{order:-2;display:block;margin:0!important;background:var(--notte);color:#fff!important;font:700 clamp(19px,1.7vw,23px)/1.2 var(--titoli)!important;letter-spacing:-.01em;padding:18px 26px 4px!important;text-align:left}
.ls-porte--due .ls-porta>small{order:-1;display:block;margin:0!important;background:var(--notte);color:#A9B4BC!important;font:500 13.5px/1.4 var(--titoli)!important;padding:0 26px 16px!important;border-bottom:4px solid var(--ciano);text-align:left}
.ls-porte--due .ls-porta .ls-porta__foto,.ls-porte--due .ls-porta>img{order:0;display:block;width:100%!important;height:270px!important;object-fit:cover;margin:0!important;border-radius:0!important;transition:transform .5s}
.ls-porte--due .ls-porta::after{order:1;position:static!important;inset:auto!important;width:auto!important;height:auto!important;background:var(--ciano)!important;-webkit-mask:none!important;mask:none!important;border-radius:6px!important;align-self:flex-start;margin:18px 26px 22px;padding:12px 20px;font:600 15px/1.2 var(--titoli);color:var(--notte);transform:none!important;aspect-ratio:auto!important;box-shadow:none!important;border:0!important;flex:none;transition:background .2s}
.ls-porte--due .ls-porta[href="#riparazioni"]::after{content:"Calcola il preventivo  →"}
.ls-porte--due .ls-porta[href="#vetrina"]::after{content:"Vedi i telefoni pronti  →"}
.ls-porte--due .ls-porta{white-space:normal;gap:0!important}
.ls-porte--due .ls-porta::after{white-space:pre}
.ls-porte--due .ls-porta:hover{transform:translateY(-3px);box-shadow:0 26px 56px rgba(17,17,31,.22)!important}
.ls-porte--due .ls-porta:hover::after{background:#7FD3F0!important}
.ls-porte--due .ls-porta:hover .ls-porta__foto{transform:scale(1.03)}
.ls-porte--due .ls-porta:focus-visible{outline:3px solid var(--ciano);outline-offset:3px}
@media (max-width:820px){
 .ls-porte-gabbia--sotto .ls-porte--due{gap:16px}
 .ls-porte--due .ls-porta>b{padding:15px 18px 3px!important;font-size:19px!important}
 .ls-porte--due .ls-porta>small{padding:0 18px 13px!important;font-size:13px!important}
 .ls-porte--due .ls-porta .ls-porta__foto,.ls-porte--due .ls-porta>img{height:190px!important}
 .ls-porte--due .ls-porta::after{margin:14px 18px 18px;align-self:stretch;text-align:center}
}
/* 1.15.3b · vince sulle regole vecchie caricate dopo */
.ls-porte--due .ls-porta .ls-porta__foto{-webkit-mask-image:none!important;mask-image:none!important}
.ls-porte--due .ls-porta::after{margin:18px 26px 22px!important;background-image:none!important}
@media (max-width:820px){.ls-porte--due .ls-porta::after{margin:14px 18px 18px!important}}

/* 1.15.5 · tasti del modulo vendi: al passaggio azzurro brand */
.ls-banda-mod .lsu-scelte .lsu-sc{transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}
.ls-banda-mod .lsu-scelte .lsu-sc:hover,.ls-banda-mod .lsu-scelte .lsu-sc:focus-visible{background:var(--ciano,#5BC2E7)!important;border-color:var(--ciano,#5BC2E7)!important;box-shadow:0 8px 20px -8px rgba(91,194,231,.8)!important;transform:translateY(-1px)}
.ls-banda-mod .lsu-scelte .lsu-sc:hover b,.ls-banda-mod .lsu-scelte .lsu-sc:hover span,.ls-banda-mod .lsu-scelte .lsu-sc:focus-visible b,.ls-banda-mod .lsu-scelte .lsu-sc:focus-visible span{color:var(--notte,#11111F)!important}
@media (hover:none){.ls-banda-mod .lsu-scelte .lsu-sc:hover{transform:none}}

/* 1.15.6 · filo azzurro brand attorno ai tre moduli (vendi + due porte) */
body .ls-banda-mod{border:1px solid var(--ciano,#5BC2E7)!important}
body .ls-banda-mod .ls-banda{border-radius:13px 13px 0 0}
body .ls-porte-gabbia .ls-porte--due .ls-porta{border:1px solid var(--ciano,#5BC2E7)!important}
body .ls-porte--due .ls-porta>b{box-shadow:0 1px 0 var(--notte,#11111F)!important;z-index:1}

/* 1.15.7 · filo azzurro 2px + modulo vendi si alza al passaggio come le porte */
body .ls-banda-mod,body .ls-porte-gabbia .ls-porte--due .ls-porta{border-width:2px!important}
body .ls-banda-mod .ls-banda{border-radius:12px 12px 0 0}
body .ls-banda-mod{position:relative;top:0;transition:top .2s,box-shadow .2s}
body .ls-banda-mod:hover{top:-3px;box-shadow:0 26px 56px rgba(17,17,31,.22)!important}
@media (hover:none){body .ls-banda-mod:hover{top:0}}

/* 1.15.8 · bordo = striscia: tutto a 3px */
body .ls-banda-mod,body .ls-porte-gabbia .ls-porte--due .ls-porta{border-width:3px!important}
body .ls-banda-mod .ls-banda{border-radius:11px 11px 0 0}
body .ls-porte--due .ls-porta>small{border-bottom-width:3px!important}

/* 1.15.9 · targhetta: al posto del pallino il marchio LS del logo in azzurro */
body .ls-targhetta .ls-targhetta__ls{width:46px!important;height:17px!important;min-width:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:url(/wp-content/plugins/levorato-home/assets/img/marchio.svg) center/contain no-repeat!important;font-size:0!important;line-height:0!important;color:transparent!important;flex:none}

/* ===== 1.16.0 · Riparazioni e Vetrina nello stesso stile del modulo vendi (banda nera, filo azzurro, si alza) ===== */
.ls-banda-sez .ls-vgr{padding-top:0}
.ls-banda-sez .ls-vgr .ls-vgr__box{max-width:1056px;margin-inline:auto}
.ls-banda-sez .ls-banda-mod{background:#fff;border-radius:14px;box-shadow:0 20px 48px rgba(17,17,31,.18);overflow:hidden}
.ls-banda-sez .ls-banda-mod .lsv{border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;max-width:none!important}
.ls-banda-sez .ls-banda-mod .lsv-bar{display:none!important}
.ls-banda-sez .ls-banda-mod .lsu-foto{border-radius:0!important}
.ls-banda__pill{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);border-radius:99px;font:600 13.5px/1.2 var(--titoli);color:#fff;white-space:nowrap}
.ls-banda__pill::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ciano);flex:none}
.ls-banda-sez .ls-banda__prove{border-top:1px solid var(--linea,#E1E9ED);padding-top:14px}
.ls-banda-sez .ls-invito__coda{margin-top:18px}
@media (max-width:820px){
 .ls-banda__pill{white-space:normal;font-size:12.5px;padding:7px 12px}
}
.ls-banda-sez .ls-banda-mod .lsu-foto::after{display:none!important}
.ls-banda-sez .ls-banda-mod .lsu-vet>.lsv-body{margin-top:0!important;padding-top:24px!important}
.ls-banda-sez .ls-banda-mod .lsu-vet .lsu-foto,.ls-banda-sez .ls-banda-mod .lsu-vet .lsu-foto img{height:260px!important;-webkit-mask-image:none!important;mask-image:none!important}
.ls-banda-sez .ls-banda-mod .lsu-vet .lsu-foto img{width:100%;object-fit:cover;object-position:center 32%}
@media (max-width:820px){.ls-banda-sez .ls-banda-mod .lsu-vet .lsu-foto,.ls-banda-sez .ls-banda-mod .lsu-vet .lsu-foto img{height:190px!important}}

/* 1.16.1 · vetrina: schede e tasti con le stesse animazioni dei moduli */
.ls-banda-sez .ls-pz{transition:transform .2s,box-shadow .2s,border-color .2s!important}
.ls-banda-sez .ls-pz:hover{transform:translateY(-3px);border-color:var(--ciano,#5BC2E7)!important;box-shadow:0 18px 36px -14px rgba(17,17,31,.28)!important}
.ls-banda-sez .ls-pz__tasto{transition:background .15s,color .15s}
.ls-banda-sez .ls-pz:hover .ls-pz__tasto{background:var(--ciano,#5BC2E7)!important;color:var(--notte,#11111F)!important}
.ls-banda-sez .ls-vt-home__tutti .ls-btn:hover{background:var(--ciano,#5BC2E7)!important;border-color:var(--ciano,#5BC2E7)!important;color:var(--notte,#11111F)!important}
@media (hover:none){.ls-banda-sez .ls-pz:hover{transform:none}}

/* 1.16.2 · telefono: il testo non sale piu' sulla foto */
@media (max-width:820px){.ls-banda-sez .ls-vgr .ls-banda-mod .lsu>.lsv-body{margin-top:0!important;padding-top:18px!important}}

/* 1.16.3 · niente etichette sopra le facce nella foto della vetrina (Luca) */
.ls-banda-sez .lsu-vet .lsu-foto__et{display:none!important}

/* 1.16.4 · foto vetrina: volti interi (computer) */
@media (min-width:821px){.ls-banda-sez .ls-banda-mod .lsu-vet .lsu-foto,.ls-banda-sez .ls-banda-mod .lsu-vet .lsu-foto img{height:320px!important}.ls-banda-sez .ls-banda-mod .lsu-vet .lsu-foto img{object-position:center 26%!important}}

/* 1.16.9 · Poppins 400/500/800 (prima arrivavano dal caricatore Google del tema vecchio, ora tolto dalla home) */
@font-face{ font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face{ font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* 1.17.0 · telefono: vetrina compatta, 4 pezzi su 2 colonne + Vedi tutti */
@media (max-width:640px){
.ls-banda-sez .ls-vt__griglia{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.ls-banda-sez .ls-vt__griglia>.ls-pz:nth-child(n+5){display:none!important}
.ls-banda-sez .ls-vt__griglia .ls-pz{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:10px!important;min-width:0}
.ls-banda-sez .ls-pz__foto{width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:1/1;margin:0!important}
.ls-banda-sez .ls-pz__foto img{width:100%!important;height:100%!important;object-fit:contain}
.ls-banda-sez .ls-pz__mini,.ls-banda-sez .ls-pz__ritiro,.ls-banda-sez .ls-pz__etichette .ls-etic{display:none!important}
.ls-banda-sez .ls-pz__testo{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0}
.ls-banda-sez .ls-pz__nome{font-size:14px!important;line-height:1.25!important}
.ls-banda-sez .ls-pz__colore{font-size:12px!important}
.ls-banda-sez .ls-pz__etichette{margin:2px 0 0!important}
.ls-banda-sez .ls-pz__prezzo{font-size:13px!important;margin-top:2px!important}
.ls-banda-sez .ls-pz__prezzo b{font-size:20px!important}
.ls-banda-sez .ls-pz__tasto{margin-top:6px!important;padding:9px 6px!important;font-size:13px!important;text-align:center;width:100%}
.ls-banda-sez .ls-vt-home__tutti .ls-btn{display:block!important;width:100%;text-align:center;background:var(--ciano,#5BC2E7)!important;border-color:var(--ciano,#5BC2E7)!important;color:var(--notte,#11111F)!important;font-weight:700}
}