/* ==========================================================================
   dpi-tipografia — il foglio delle PAGINE PUBBLICHE (/stampa/...).

   📅 Nato il 13/09/2026, e non e' un riordino: e' la riparazione di un difetto
   misurato dal collaudatore che guarda le pagine rese.

   COSA C'ERA PRIMA: queste stesse regole erano una stringa PHP stampata
   dentro `<style>` NEL CORPO della pagina (byte ~176.632). Il CSS del
   Customizer di WordPress sta in `<head>` (byte ~138.568) — quindi arrivava
   PRIMA, e a parita' di specificita' **vinceva il plugin**.
   ⇒ Il risultato pratico: **dal Customizer non si poteva correggere niente su
     queste pagine.** Prova rifatta da chi l'ha trovato: iniettando una regola
     nell'head, `border-radius` restava del plugin e `background` (che il
     plugin non dichiara) passava. Cioe' il Customizer sembrava rotto e non lo
     era: era coperto.
   ⇒ Adesso il foglio si accoda in `<head>` come tutti gli altri, con priorita'
     predefinita, cosi' `wp-custom-css` viene **dopo** e puo' sovrascrivere.
     Che e' l'intento: **l'ultima parola su come si vede il negozio deve
     restare a chi lo gestisce, non al plugin.**

   🔴 LA REGOLA CHE NON CAMBIA: tutto sta dentro `.dpitip-w`.
   Queste pagine sono stampate DENTRO il tema del negozio. Una regola nuda
   (`body`, `h1`, `table`) qui non aggiunge una pagina: cambia il sito, a tutti
   i 3.552 prodotti. Misurato l'11/09 — regole `.dpitip-w` presenti su `/`,
   `/shop/`, `/product/…`: zero; su `/stampa/`: sedici.
   L'unica eccezione e' `.dpitip-anteprima`, la fascia nera « ANTEPRIMA », che
   sta fuori dal contenitore apposta ed e' gia' namespacata.
   ========================================================================== */

.dpitip-w{max-width:880px;margin:0 auto;padding:28px 20px 60px;font:16px/1.55 inherit;color:inherit}
.dpitip-w h1{font-size:30px;margin:.2em 0 .1em}
.dpitip-w h2{font-size:20px;margin:1.6em 0 .4em}
.dpitip-w .sott{color:#646970;margin:0 0 26px}
.dpitip-w .card{border:1px solid #dcdcde;border-radius:12px;padding:16px 18px;margin:0 0 12px}
.dpitip-w .card a{color:#135e96;text-decoration:none;font-weight:600;font-size:18px}
.dpitip-w .da{float:right;font-weight:700}
.dpitip-w table{border-collapse:collapse;width:100%;max-width:520px}
.dpitip-w th,.dpitip-w td{text-align:left;padding:9px 12px;border-bottom:1px solid #f0f0f1}
.dpitip-w th{color:#646970;font-weight:600;font-size:13px}
.dpitip-w td.p{font-weight:700;text-align:right}
.dpitip-w td.q{font-variant-numeric:tabular-nums}
.dpitip-w .data{color:#646970;font-size:13px;margin-top:10px}
.dpitip-w .avviso{background:#fcf6ef;border-left:4px solid #b26200;padding:10px 14px;margin:0 0 20px;border-radius:0 6px 6px 0}

/* la fascia dell'anteprima sta FUORI dal recinto apposta: e' gia' un nome nostro */
.dpitip-anteprima{background:#1d2327;color:#fff;padding:9px 20px;font-size:13px}

/* le foto dei prodotti (#15): si vedono solo quando sono NOSTRE — vedi DPITIP_Immagini */
.dpitip-w .dpitip-foto{display:block;max-width:100%;height:auto;margin:0 0 16px;border:1px solid #dcdcde}
.dpitip-w .dpitip-mini{display:block;width:100%;height:132px;object-fit:cover;margin:0 0 10px;border:1px solid #dcdcde}

/* il configuratore */
.dpitip-w .cfg{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 18px}
.dpitip-w .cfg label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#646970}
.dpitip-w .cfg select{font:15px/1.3 inherit;padding:8px 10px;border:1px solid #c3c4c7;border-radius:8px;background:#fff;min-width:190px}

/* il modulo di acquisto */
.dpitip-w .dpitip-compra{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0 0}
.dpitip-w .dpitip-compra select{font:15px/1.3 inherit;padding:8px 10px;border:1px solid #c3c4c7;border-radius:8px;background:#fff}
.dpitip-w .dpitip-btn{font:600 15px/1 inherit;padding:13px 22px;border:0;border-radius:8px;background:#135e96;color:#fff;cursor:pointer}

/* ── IL VOCABOLARIO DI /stampa/ — 15/09/2026 ───────────────────────────────
   Otto nomi ricavati CONTANDO le ripetizioni nel canvas « Tipografia DpiShop
   — /stampa/ »: 1.407 style= inline, di cui 1.051 sono copie di 148 blocchi.
   Questi otto ne coprono circa 280. Non sono inventati: erano gia' componenti
   senza nome.

   📌 Nessun markup li emette ancora: questo commit NON muove un pixel. Serve
      a dare dei ganci, perche' il tema puo' vestire solo le classi.

   🔴 I token del PUBBLICO hanno nomi ITALIANI (themes/dpi-style/.../tokens.css,
      100 definiti). Il vocabolario INGLESE — --dpi-ink, --dpi-line, --dpi-measure —
      vive in dpi-wp-marketing.css e vale SOLO in wp-admin. LEGGIMI-CHI-DISEGNA
      §4 documenta quello inglese senza dirlo: qui si usa l'italiano, e i ripieghi
      sono i valori che il disegno aveva scritto a mano.

   📐 Fuori scala di proposito, e dichiarato: 21px del titolo (la scala ha
      18/16/13/11) e i raggi 5/9px (la scala ha 8/12). Decisioni, non sviste.
   ⚠️ Nessun token di famiglia di carattere esiste nel set italiano: Barlow
      Condensed resta letterale finche' non ne nasce uno.
   ────────────────────────────────────────────────────────────────────────── */
.dpitip-w .dpitip-riga{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-top:1px solid var(--ast-global-color-7,#EAF0F7)}
.dpitip-w .dpitip-riga__nome{font-size:14.5px;font-weight:var(--dpi-peso-medio,600);color:var(--ast-global-color-2,#0B1F45)}
.dpitip-w .dpitip-riga__punti{flex-grow:1;border-bottom:1px dotted var(--ast-global-color-6,#DFE6EF);transform:translateY(-3px)}
.dpitip-w .dpitip-riga__prezzo{color:var(--ast-global-color-2,#0B1F45);font-variant-numeric:tabular-nums}
.dpitip-w .dpitip-riga__nota{font-size:var(--dpi-testo-s,13px);color:var(--ast-global-color-3,#63708A);white-space:nowrap}
.dpitip-w .dpitip-chip{padding:3px 9px;background:var(--ast-global-color-5,#F5F8FC);border-radius:5px}
.dpitip-w .dpitip-tassello{border:1px solid var(--ast-global-color-6,#DFE6EF);border-radius:9px;background:var(--ast-global-color-5,#F5F8FC);padding:10px 10px 8px;text-align:center}
.dpitip-w .dpitip-cod{font-family:ui-monospace,Menlo,monospace;font-size:10.5px;color:var(--ast-global-color-3,#63708A);margin-top:4px}
.dpitip-w .dpitip-piede{padding:13px 18px;font-size:14.5px;color:var(--ast-global-color-3,#63708A);border-top:1px solid var(--ast-global-color-7,#EAF0F7)}
.dpitip-w .dpitip-titolo{font-family:'Barlow Condensed',Barlow,sans-serif;font-size:21px;font-weight:var(--dpi-peso-forte,700);color:var(--ast-global-color-2,#0B1F45)}
.dpitip-w .dpitip-barra{flex-grow:1;height:4px}
.dpitip-w .dpitip-barra--giallo{background:#FFD400}
.dpitip-w .dpitip-barra--magenta{background:#EC008C}

/* LE DUE CELLE CHE ERANO INLINE — 15/09/2026.
   `td.consegna` stava scritta DUE VOLTE, identica, su due percorsi diversi:
   righe_scaletta() r.468 la stampa dal SERVER al primo caricamento, e il template
   JavaScript r.382 la ristampa dopo OGNI cambio di menu. Due copie dello stesso
   letterale: bastava che una cambiasse e la colonna si muoveva sotto le dita del
   cliente. Una classe sola le rende impossibili da far divergere. */
.dpitip-w th.num{text-align:right}
.dpitip-w td.consegna{text-align:right;color:var(--ast-global-color-3,#63708A)}

/* PERCHE' I COLORI VENGONO DA ASTRA E NON DAI --dpi-* — 15/09/2026.

   Misurato: sul vivo --ast-global-color-2 = #0B1F45, -5 = #F5F8FC, -6 = #DFE6EF,
   -7 = #EAF0F7. Sono ESATTAMENTE i colori del canvas di /stampa/. E tokens.css e'
   la stessa tavolozza con nomi italiani: --dpi-blu-900 = ast-2, --dpi-azzurro-025
   = ast-5, --dpi-azzurro-200 = ast-6, --dpi-azzurro-600 = ast-3.

   Non sono due tavolozze: sono DUE VOCABOLARI SOPRA UNA TAVOLOZZA SOLA. Ma non sono
   intercambiabili, e la differenza e' una sola: tokens.css scrive gli esadecimali a
   MANO. Cambiando la tavolozza dal Customizer, Astra si muove e i --dpi-* restano
   fermi. Legare i colori ai --dpi-* li CONGELA.

   ⇒ Colori da --ast-global-color-*, cosi' seguono chi gestisce il negozio. Spazi,
     raggi, pesi e corpi restano --dpi-*: Astra quelli non li ha. Due sorgenti, nessuna
     sovrapposizione.
   📌 E' l'intento scritto in due posti diversi: il canvas dice « cosi' se cambiate la
     tavolozza del tema cambia anche la tipografia », e questo foglio il 13/09 e' stato
     spostato in <head> proprio perche' « l'ultima parola deve restare a chi gestisce ».

   COLLASSATI sugli otto, come dice il canvas (« Otto colori, uno solo per agire »):
     #5E6B82 -> ast-3 (#63708A)   scarto 5-5-8
     #F2F6FB -> ast-5 (#F5F8FC)   scarto 3-2-1
     #C3CCDA -> ast-6 (#DFE6EF)   il filetto puntinato schiarisce
     #47536B -> ast-3 (#63708A)   il piu' lontano, 28-29-31: se stona, e' questo
   Nessuno dei quattro si vede oggi: nessun markup emette ancora queste classi.

   FUORI dagli otto di proposito: il giallo #FFD400 e il magenta #EC008C, che sono
   accenti di marca e non colori di interfaccia. */

/* ── 0.12.0 · 27/09/2026 — IL DISEGNO DELL'ARTIFACT « Tipografia DpiShop » (13/09), PORTATO SUL VIVO ──
   Prima di oggi nessun markup emetteva queste classi: il vivo era ancora « 24 card identiche ».
   Colori da --ast-global-color-* (seguono il Customizer, vedi sopra perche'); il magenta del
   prezzo resta l'accento di marca #EC008C gia' dichiarato qui sopra.
   Tutto dentro .dpitip-w, come sempre.                                                        */

.dpitip-w{max-width:1100px}
.dpitip-w .dpitip-conta{font-size:13px;color:var(--ast-global-color-3,#63708A);margin:-14px 0 22px}
.dpitip-w .dpitip-briciole{font-size:13px;color:var(--ast-global-color-3,#63708A);margin:0 0 10px;display:flex;flex-wrap:wrap;gap:6px}
.dpitip-w .dpitip-briciole a{color:inherit;text-decoration:none;border-bottom:1px solid var(--ast-global-color-6,#DFE6EF)}
.dpitip-w .dpitip-briciole a:hover{color:var(--ast-global-color-0,#135e96)}

/* il vetro: il posto della foto. Tiene la proporzione anche vuoto, cosi' quando le foto
   arrivano la pagina non si sposta di una riga. */
.dpitip-w .dpitip-vetro{display:block;aspect-ratio:4/3;background:var(--ast-global-color-5,#F5F8FC);overflow:hidden;border-bottom:1px solid var(--ast-global-color-7,#EAF0F7)}
.dpitip-w .dpitip-vetro img{display:block;width:100%;height:100%;object-fit:cover;margin:0;border:0}

/* indice: i reparti che pesano */
.dpitip-w .dpitip-reparti{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 34px}
.dpitip-w .dpitip-reparto{display:flex;flex-direction:column;border:1px solid var(--ast-global-color-6,#DFE6EF);border-radius:12px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.dpitip-w .dpitip-reparto:hover{border-color:var(--ast-global-color-0,#135e96);box-shadow:0 4px 14px rgba(11,31,69,.08)}
.dpitip-w .dpitip-reparto__corpo{display:grid;gap:4px;padding:14px 16px 16px}
.dpitip-w .dpitip-reparto__nome{font-size:18px;font-weight:700;line-height:1.2;color:var(--ast-global-color-2,#0B1F45)}
.dpitip-w .dpitip-reparto__u{font-size:13px;color:var(--ast-global-color-3,#63708A)}
.dpitip-w .dpitip-reparto__u b,.dpitip-w .dpitip-resto__da{color:#EC008C;font-weight:700;font-variant-numeric:tabular-nums}

/* indice: tutto il resto */
.dpitip-w .dpitip-resto{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;border-top:1px solid var(--ast-global-color-6,#DFE6EF)}
.dpitip-w .dpitip-resto a{display:flex;align-items:baseline;gap:10px;padding:11px 2px;border-bottom:1px solid var(--ast-global-color-7,#EAF0F7);text-decoration:none;color:var(--ast-global-color-2,#0B1F45);font-size:15px}
.dpitip-w .dpitip-resto a:hover .dpitip-resto__nome{color:var(--ast-global-color-0,#135e96)}
.dpitip-w .dpitip-resto__nome{flex:1;font-weight:600}
.dpitip-w .dpitip-resto__n{font-size:12px;color:var(--ast-global-color-3,#63708A);white-space:nowrap}
.dpitip-w .dpitip-resto__da{font-size:13px;white-space:nowrap}

/* categoria: le tessere */
.dpitip-w .dpitip-griglia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dpitip-w .dpitip-tessera{display:flex;flex-direction:column;border:1px solid var(--ast-global-color-6,#DFE6EF);border-radius:12px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}
.dpitip-w .dpitip-tessera:hover{border-color:var(--ast-global-color-0,#135e96);box-shadow:0 4px 14px rgba(11,31,69,.08)}
.dpitip-w .dpitip-tessera__corpo{display:grid;gap:6px;padding:14px 16px 16px}
.dpitip-w .dpitip-tessera__nome{font-size:16px;font-weight:600;line-height:1.28;color:var(--ast-global-color-2,#0B1F45)}
.dpitip-w .dpitip-da{display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}
.dpitip-w .dpitip-da small{font-size:12px;color:var(--ast-global-color-3,#63708A);text-transform:uppercase;letter-spacing:.06em}
.dpitip-w .dpitip-da b{font-size:20px;color:#EC008C}
.dpitip-w .dpitip-tessera .data{margin:0;font-size:12px}

/* scheda prodotto: due colonne, il modulo d'acquisto resta a vista */
.dpitip-w .dpitip-scheda{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start}
.dpitip-w .dpitip-figura{margin:0 0 18px;border:1px solid var(--ast-global-color-6,#DFE6EF);border-radius:12px;overflow:hidden;background:var(--ast-global-color-5,#F5F8FC)}
.dpitip-w .dpitip-figura .dpitip-foto{display:block;width:100%;height:auto;margin:0;border:0}
.dpitip-w .dpitip-testo{color:var(--ast-global-color-3,#63708A);font-size:15.5px;line-height:1.6;max-width:66ch;margin:0 0 12px}
.dpitip-w .dpitip-pregi{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:6px}
.dpitip-w .dpitip-pregi li{position:relative;padding-left:18px;font-size:14.5px;color:var(--ast-global-color-2,#0B1F45)}
.dpitip-w .dpitip-pregi li::before{content:"—";position:absolute;left:0;color:#EC008C}
.dpitip-w .dpitip-scroll{overflow-x:auto}
.dpitip-w #dpitip-scaletta{max-width:none}
.dpitip-w #dpitip-scaletta caption{text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ast-global-color-3,#63708A);padding:0 0 8px}
.dpitip-w #dpitip-scaletta td.p{color:#EC008C}
.dpitip-w #dpitip-scaletta td.unit{text-align:right;font-variant-numeric:tabular-nums;color:var(--ast-global-color-2,#0B1F45)}
.dpitip-w #dpitip-scaletta tbody tr:hover td{background:var(--ast-global-color-5,#F5F8FC)}
.dpitip-w .dpitip-scheda__lato{position:sticky;top:24px}
.dpitip-w .dpitip-scheda__lato .dpitip-compra{display:grid;gap:12px;margin:0;padding:18px;border:1px solid var(--ast-global-color-6,#DFE6EF);border-radius:12px;background:var(--ast-global-color-5,#F5F8FC)}
.dpitip-w .dpitip-compra h3{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ast-global-color-3,#63708A)}
.dpitip-w .dpitip-compra label{display:grid;gap:5px;font-size:13px;color:var(--ast-global-color-3,#63708A)}
.dpitip-w .dpitip-compra select{width:100%}
.dpitip-w .dpitip-compra .dpitip-btn{width:100%}
.dpitip-w .dpitip-sotto{margin:0;font-size:12px;color:var(--ast-global-color-3,#63708A)}

/* la sagoma: finche' le foto non sono pubblicabili (vedi src() nel PHP, marchio del fornitore),
   il vetro disegna il FORMATO vero del prodotto, in proporzione. Un foglio, non un buco. */
.dpitip-w .dpitip-vetro{display:grid;place-items:center}
.dpitip-w .dpitip-sagoma{display:grid;place-items:center;background:#fff;border:1px solid var(--ast-global-color-6,#DFE6EF);border-radius:3px;box-shadow:0 6px 18px rgba(11,31,69,.10),0 1px 2px rgba(11,31,69,.08);font-size:11px;letter-spacing:.06em;color:var(--ast-global-color-3,#63708A);font-variant-numeric:tabular-nums;white-space:nowrap;position:relative;overflow:hidden}
.dpitip-w .dpitip-sagoma::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#00AEEF 0 33%,#EC008C 33% 66%,#FFD400 66%)}
.dpitip-w .dpitip-figura.dpitip-vetro{aspect-ratio:2/1;border-bottom:1px solid var(--ast-global-color-6,#DFE6EF)}
.dpitip-w .dpitip-figura .dpitip-sagoma{transform:scale(.6);font-size:15px}

/* ── IL CONFIGURATORE VESTITO — 27/09/2026 (vedi script_vestito() nel PHP) ──────────────
   Ale: « ci sono menu a tendina per tutte le parti, fa schifo ». Pastiglie dove le scelte sono
   poche, righe della scaletta cliccabili, un riquadro che riassume. I <select> restano, nascosti
   quando c'e' la pastiglia: sono loro che parlano col server. */
.dpitip-w .cfg{display:grid;gap:18px;margin:0 0 24px}
.dpitip-w .cfg label{display:grid;gap:8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ast-global-color-3,#63708A)}
.dpitip-w .cfg select{width:100%;max-width:520px;min-width:0;text-transform:none;letter-spacing:0;color:var(--ast-global-color-2,#0B1F45)}
.dpitip-w .cfg select[hidden]{display:none!important}
.dpitip-w .cfg__past{display:flex;flex-wrap:wrap;gap:8px;text-transform:none;letter-spacing:0}
.dpitip-w .cfg__past button{font:500 14px/1.25 inherit;padding:9px 14px;border:1px solid var(--ast-global-color-6,#DFE6EF);border-radius:8px;background:#fff;color:var(--ast-global-color-2,#0B1F45);cursor:pointer;text-align:left;transition:border-color .12s,background .12s}
.dpitip-w .cfg__past button:hover{border-color:var(--ast-global-color-0,#135e96)}
.dpitip-w .cfg__past button[aria-pressed="true"]{background:var(--ast-global-color-2,#0B1F45);border-color:var(--ast-global-color-2,#0B1F45);color:#fff}
.dpitip-w .cfg__past button:focus-visible{outline:2px solid var(--ast-global-color-0,#135e96);outline-offset:2px}
.dpitip-w #dpitip-scaletta tbody tr[data-qty]{cursor:pointer}
.dpitip-w #dpitip-scaletta tbody tr.scelta td{background:var(--ast-global-color-5,#F5F8FC);font-weight:700}
.dpitip-w #dpitip-scaletta tbody tr.scelta td.q{box-shadow:inset 3px 0 0 #EC008C}
.dpitip-w .dpitip-riep{display:grid}
.dpitip-w .dpitip-riga-spec{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--ast-global-color-6,#DFE6EF);font-size:13px}
.dpitip-w .dpitip-riga-spec span:first-child{color:var(--ast-global-color-3,#63708A)}
.dpitip-w .dpitip-riga-spec span:last-child{text-align:right;color:var(--ast-global-color-2,#0B1F45);font-weight:600}
.dpitip-w .dpitip-totale{font-size:34px;line-height:1;font-weight:700;color:#EC008C;font-variant-numeric:tabular-nums;margin-top:6px}
.dpitip-w .dpitip-compra label{text-transform:none}
.dpitip-w .dpitip-file{display:grid;gap:6px;padding:12px;border:1px dashed var(--ast-global-color-6,#DFE6EF);border-radius:8px;background:#fff;font-size:13px;font-weight:600;color:var(--ast-global-color-2,#0B1F45)}
.dpitip-w .dpitip-file input[type=file]{font-size:13px;max-width:100%}
.dpitip-w .dpitip-figura.dpitip-vetro{aspect-ratio:3/1}
.dpitip-w .dpitip-figura .dpitip-sagoma{transform:scale(.5)}
/* l'ordine di lettura: prima si configura, poi si legge. La descrizione del fornitore e' lunga
   (1.391 caratteri sui Biglietti classici) e prima spingeva il configuratore fuori dallo schermo.
   Solo ordine visivo: nel sorgente il testo resta prima, per chi legge la pagina senza stili. */
.dpitip-w .dpitip-scheda__main{display:flex;flex-direction:column}
.dpitip-w .dpitip-scheda__main > .dpitip-testo,.dpitip-w .dpitip-scheda__main > .dpitip-pregi{order:2}
.dpitip-w .dpitip-scheda__main > .dpitip-testo{margin-top:28px;padding-top:20px;border-top:1px solid var(--ast-global-color-6,#DFE6EF)}
.dpitip-w .dpitip-scheda__main > h2:first-of-type{margin-top:4px}

@media (max-width:900px){
  .dpitip-w .dpitip-reparti{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dpitip-w .dpitip-resto{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dpitip-w .dpitip-griglia{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dpitip-w .dpitip-scheda{grid-template-columns:minmax(0,1fr)}
  .dpitip-w .dpitip-scheda__lato{position:static}
}
@media (max-width:560px){
  .dpitip-w{padding:20px 16px 40px}
  .dpitip-w .dpitip-reparti,.dpitip-w .dpitip-resto,.dpitip-w .dpitip-griglia{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.dpitip-w .dpitip-reparto,.dpitip-w .dpitip-tessera{transition:none}}

/* ══ LA SCHEDA DELLA TELA — 28/09/2026 ════════════════════════════════════════════════
   Dalla tela « Tipografia DpiShop — /stampa/ » (Prodotto.dc.html), valori copiati dal suo
   sorgente: colonna della materia 560px a sinistra, colonna della scelta a destra, passi in una
   carta, scaletta coi pallini, barra blu. I colori della tela sono quelli di Astra (navy
   #0B1F45 = ast-2, #2364A4 = ast-0/1, #5E6B82 ~ ast-3) e il rosso d'azione #E2001A del ponte.
   🔴 La larghezza: il foglio ponte nel Customizer stringe la scheda a 860px con
      `.dpitip-w:has(#dpitip-scaletta)`. Con 860 le due colonne della tela non ci stanno (560 +
      56 + la scelta). Qui si riporta a 1180 — la misura della tela — con `body` davanti, che
      basta a vincere quella regola senza !important. Se Ale la vuole piu' stretta, la cambia
      nel Customizer scrivendo `body .dpitip-w:has(.dpitip-sc)`. */
body .dpitip-w:has(.dpitip-sc){max-width:1180px}
.dpitip-w .dpitip-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dpitip-w .dpitip-sc{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:56px;align-items:start;color:#47536B}
.dpitip-w .dpitip-sc__scelta{grid-column:2;grid-row:1;min-width:0}
.dpitip-w .dpitip-sc__materia{grid-column:1;grid-row:1;min-width:0;position:sticky;top:24px}

/* testa */
.dpitip-w .dpitip-occhiello{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#E2001A;margin:0 0 10px}
.dpitip-w .dpitip-occhiello--muto{font-size:11.5px;letter-spacing:.12em;color:#5E6B82;margin:0}
.dpitip-w .dpitip-sc h1{font-family:'Barlow Condensed',Barlow,sans-serif;font-size:54px;line-height:1;font-weight:700;color:#0B1F45;margin:0 0 14px;letter-spacing:0}
.dpitip-w .dpitip-attacco{font-size:17px;line-height:1.5;color:#5E6B82;margin:0 0 30px;text-wrap:pretty}

/* la carta dei passi */
.dpitip-w .dpitip-carta-cfg,.dpitip-w .dpitip-carta-q,.dpitip-w .dpitip-carta-file{background:#fff;border:1px solid #DFE6EF;border-radius:14px;box-shadow:0 2px 10px rgba(11,31,69,.04)}
.dpitip-w .dpitip-carta-cfg{padding:26px 26px 28px}
.dpitip-w .dpitip-sc .cfg{display:block;margin:0}
.dpitip-w .dpitip-passo + .dpitip-passo{margin-top:30px}
.dpitip-w .dpitip-passo--muto{display:none}
.dpitip-w .dpitip-passo__testa{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.dpitip-w .dpitip-passo__n{width:24px;height:24px;border-radius:999px;background:#0B1F45;color:#fff;font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dpitip-w .dpitip-passo__tit{font-size:18px;font-weight:600;color:#0B1F45}
.dpitip-w .dpitip-passo__nota{margin-left:auto;font-size:13px;color:#5E6B82;text-align:right}
.dpitip-w .dpitip-sc .cfg label{display:block;text-transform:none;letter-spacing:0;font-size:inherit;color:inherit}
.dpitip-w .dpitip-sc .cfg label[hidden]{display:none!important}
.dpitip-w .dpitip-sc .cfg select{width:100%;max-width:none;font:500 15px/1.3 Barlow,inherit;padding:12px 14px;border:1.5px solid #0B1F45;border-radius:10px;background:#fff;color:#0B1F45}
.dpitip-w .dpitip-vesti button{font-family:inherit;cursor:pointer;background:#fff;transition:border-color .12s,background .12s,color .12s}
.dpitip-w .dpitip-vesti button:focus-visible{outline:2px solid #2364A4;outline-offset:2px}

/* 1 · formato: il foglio disegnato in proporzione */
.dpitip-w .dpitip-tessere-f{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}
.dpitip-w .dpitip-tessere-f button{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px;border:1px solid #DFE6EF;border-radius:11px;padding:14px 9px 13px}
.dpitip-w .dpitip-tessera-f__vano{height:72px;display:flex;align-items:center}
.dpitip-w .dpitip-tessera-f__foglio{display:block;background:#fff;border:1.5px solid #B7C3D4;border-radius:2px}
.dpitip-w .dpitip-tessera-f__txt{font-size:12.5px;font-weight:500;color:#5E6B82;white-space:nowrap}
.dpitip-w .dpitip-tessere-f button:hover{border-color:#B7C3D4}
.dpitip-w .dpitip-tessere-f button[aria-pressed="true"]{border:2px solid #0B1F45;padding:13px 8px 12px}
.dpitip-w .dpitip-tessere-f button[aria-pressed="true"] .dpitip-tessera-f__foglio{border-color:#0B1F45;box-shadow:0 3px 8px rgba(11,31,69,.14)}
.dpitip-w .dpitip-tessere-f button[aria-pressed="true"] .dpitip-tessera-f__txt{font-weight:600;color:#0B1F45}

/* 2 · carta: il menu vestito da riquadro, e le grammature sotto */
.dpitip-w .dpitip-menu-carta{position:relative}
.dpitip-w .dpitip-menu-carta::before{content:"";position:absolute;left:16px;top:50%;width:38px;height:38px;margin-top:-21px;border-radius:5px;background:#F4F2EE;box-shadow:0 3px 0 0 #D9D4C9;pointer-events:none}
.dpitip-w .dpitip-sc .cfg .dpitip-menu-carta select{-webkit-appearance:none;appearance:none;padding:20px 44px 20px 68px;font-size:16.5px;font-weight:600;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%235E6B82' stroke-width='2.4'%3E%3Cpath d='M5 9l7 7 7-7' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 16px center;cursor:pointer}
.dpitip-w .dpitip-gruppi-carta{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.dpitip-w .dpitip-gruppi-carta button{font-size:12.5px;padding:5px 11px;border:0;border-radius:999px;background:#F2F6FB;color:#47536B}
.dpitip-w .dpitip-gruppi-carta button:hover{background:#E4EBF4}
.dpitip-w .dpitip-gruppi-carta button.verde{background:#E4F2E6;color:#177430;font-weight:600}
.dpitip-w .dpitip-gruppi-carta button[aria-pressed="true"]{background:#0B1F45;color:#fff}
.dpitip-w .dpitip-gruppi-carta button.verde[aria-pressed="true"]{background:#177430;color:#fff}

/* 3 · stampa: tre tessere con l'icona */
.dpitip-w .dpitip-tessere-s{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dpitip-w .dpitip-tessere-s button{display:block;text-align:left;border:1px solid #DFE6EF;border-radius:11px;padding:16px 17px;color:#5E6B82}
.dpitip-w .dpitip-tessere-s button svg{display:block}
.dpitip-w .dpitip-tessera-s__tit{display:block;font-size:15px;font-weight:600;color:#0B1F45;margin-top:11px;line-height:1.25}
.dpitip-w .dpitip-tessera-s__sotto{display:block;font-size:12.5px;color:#5E6B82;margin-top:2px}
.dpitip-w .dpitip-tessere-s button:hover{border-color:#B7C3D4}
.dpitip-w .dpitip-tessere-s button[aria-pressed="true"]{border:2px solid #0B1F45;padding:15px 16px;color:#0B1F45}

/* consegna (e ogni altra scelta corta): pastiglie */
.dpitip-w .dpitip-pastiglie{display:flex;flex-wrap:wrap;gap:8px}
.dpitip-w .dpitip-pastiglie button{font-size:14px;font-weight:500;padding:9px 14px;border:1px solid #DFE6EF;border-radius:8px;color:#0B1F45}
.dpitip-w .dpitip-pastiglie button[aria-pressed="true"]{background:#0B1F45;border-color:#0B1F45;color:#fff}

/* 4 · la scaletta coi pallini */
.dpitip-w .dpitip-carta-q{margin-top:18px;overflow:hidden}
.dpitip-w .dpitip-carta-q > .dpitip-passo__testa{padding:26px 26px 16px;margin:0}
.dpitip-w .dpitip-sc #dpitip-scaletta{width:100%;max-width:none;border-collapse:collapse;margin:0;font-variant-numeric:tabular-nums}
.dpitip-w .dpitip-sc #dpitip-scaletta th{padding:0 20px 10px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#5E6B82;border:0;background:none;text-align:left}
.dpitip-w .dpitip-sc #dpitip-scaletta th.num{text-align:right}
.dpitip-w .dpitip-sc #dpitip-scaletta th:first-child{padding-left:50px}
.dpitip-w .dpitip-sc #dpitip-scaletta tbody tr{cursor:pointer}
.dpitip-w .dpitip-sc #dpitip-scaletta td{padding:13px 20px;border:0;border-top:1px solid #EAF0F7;background:#fff}
.dpitip-w .dpitip-sc #dpitip-scaletta tbody tr:first-child td{border-top-color:#DFE6EF}
.dpitip-w .dpitip-sc #dpitip-scaletta td.q{position:relative;padding-left:50px;font-size:15.5px;color:#0B1F45;box-shadow:none}
.dpitip-w .dpitip-sc #dpitip-scaletta td.q::before{content:"";position:absolute;left:20px;top:50%;width:13px;height:13px;margin-top:-8.5px;border-radius:999px;border:1.9px solid #C3CCDA;background:#fff}
.dpitip-w .dpitip-sc #dpitip-scaletta td.p{text-align:right;font-size:16px;font-weight:600;color:#0B1F45}
.dpitip-w .dpitip-sc #dpitip-scaletta td.unit{text-align:right;font-size:14px;color:#5E6B82}
.dpitip-w .dpitip-sc #dpitip-scaletta td.consegna{text-align:right;font-size:13.5px;color:#5E6B82}
.dpitip-w .dpitip-sc #dpitip-scaletta tbody tr:hover td{background:#F7F9FC}
.dpitip-w .dpitip-sc #dpitip-scaletta tr.scelta td{background:#fff;font-weight:inherit;padding-top:15px;padding-bottom:15px}
.dpitip-w .dpitip-sc #dpitip-scaletta tr.scelta td:first-child{box-shadow:inset 3px 0 0 #E2001A}
.dpitip-w .dpitip-sc #dpitip-scaletta tr.scelta td.q{font-size:16.5px;font-weight:700}
.dpitip-w .dpitip-sc #dpitip-scaletta tr.scelta td.q::before{border-color:#0B1F45;background:radial-gradient(circle,#E2001A 0 3.6px,#fff 4.4px)}
.dpitip-w .dpitip-sc #dpitip-scaletta tr.scelta td.p{font-size:18px;font-weight:700}
.dpitip-w .dpitip-sc #dpitip-scaletta tr.scelta td.unit{font-size:15px;font-weight:600;color:#2364A4}
.dpitip-w .dpitip-carta-q .data{margin:0;padding:15px 26px 20px;font-size:13px;color:#5E6B82;border-top:1px solid #EAF0F7}

/* 5 · il file */
.dpitip-w .dpitip-sc .dpitip-compra{display:block;margin:0;padding:0;background:none;border:0}
.dpitip-w .dpitip-carta-file{margin-top:18px;padding:22px 26px}
.dpitip-w .dpitip-carta-file > .dpitip-passo__testa{margin-bottom:14px}
.dpitip-w .dpitip-sc .dpitip-file{position:relative;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1.5px dashed #C3CCDA;border-radius:10px;background:#F7F9FC;cursor:pointer;text-transform:none;letter-spacing:0;font-weight:400}
.dpitip-w .dpitip-sc .dpitip-file:hover{border-color:#2364A4}
.dpitip-w .dpitip-sc .dpitip-file input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.dpitip-w .dpitip-file__cta{font-size:14.5px;font-weight:600;color:#0B1F45;background:#fff;border:1px solid #DFE6EF;border-radius:8px;padding:8px 14px}
.dpitip-w .dpitip-file__nome{font-size:13px;color:#5E6B82}
.dpitip-w .dpitip-sc .dpitip-file.pieno{border-style:solid;border-color:#177430;background:#F1F8F2}
.dpitip-w .dpitip-sc .dpitip-file.pieno .dpitip-file__nome{color:#177430;font-weight:600}

/* la barra d'acquisto */
.dpitip-w .dpitip-barra-acquisto{display:flex;align-items:center;gap:26px;flex-wrap:wrap;background:#0B1F45;border-radius:14px;padding:22px 26px;margin-top:18px;box-shadow:0 14px 34px rgba(11,31,69,.22)}
.dpitip-w .dpitip-barra-acquisto__conto{min-width:0}
.dpitip-w .dpitip-barra-acquisto__riep{font-size:13px;color:#93A6C4}
.dpitip-w .dpitip-barra-acquisto__cifra{display:flex;align-items:baseline;gap:12px;margin-top:4px}
.dpitip-w .dpitip-sc .dpitip-totale{font-family:'Barlow Condensed',Barlow,sans-serif;font-size:44px;font-weight:700;color:#fff;line-height:1;font-variant-numeric:tabular-nums;margin:0}
.dpitip-w .dpitip-barra-acquisto__iva{font-size:14px;line-height:1.3;color:#93A6C4}
.dpitip-w .dpitip-barra-acquisto__azione{margin-left:auto;display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.dpitip-w .dpitip-barra-acquisto__cons{text-align:right;font-size:13px;color:#93A6C4;line-height:1.4}
.dpitip-w .dpitip-barra-acquisto__cons strong{color:#fff;font-size:15px}
.dpitip-w .dpitip-sc .dpitip-btn{display:flex;align-items:center;gap:10px;width:auto;background:#E2001A;color:#fff;font:600 16.5px/1 Barlow,inherit;padding:17px 32px;border:0;border-radius:10px;white-space:nowrap;cursor:pointer}
.dpitip-w .dpitip-sc .dpitip-btn:hover{background:#C40017}

/* ═══ colonna della materia ═══ */
.dpitip-w .dpitip-foglio{margin:0;background:#F2F6FB;border:1px solid #E4EBF4;border-radius:14px;padding:40px 36px 30px}
.dpitip-w .dpitip-foglio[hidden]{display:none}
.dpitip-w .dpitip-foglio svg{display:block;font-family:Barlow,sans-serif}
.dpitip-w .dpitip-foglio figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:22px;padding-top:18px;border-top:1px solid #E4EBF4;font-size:13px;color:#5E6B82}
.dpitip-w .dpitip-foglio figcaption span{display:flex;align-items:center;gap:8px}
.dpitip-w .dpitip-foglio figcaption span::before{content:"";width:20px;border-top:1.7px solid #0B1F45}
.dpitip-w .dpitip-foglio .dpitip-foglio__vivo::before{border-top:1.5px dashed #E2001A}
.dpitip-w .dpitip-cartascelta{display:grid;grid-template-columns:148px minmax(0,1fr);gap:22px;align-items:center;margin-top:20px;background:#fff;border:1px solid #DFE6EF;border-radius:14px;padding:22px 24px}
.dpitip-w .dpitip-cartascelta__campione{display:block;height:92px;border-radius:4px 4px 3px 3px;background:#F4F2EE;box-shadow:0 5px 0 0 #D9D4C9,0 10px 20px rgba(11,31,69,.10)}
.dpitip-w .dpitip-cartascelta__nome{font-size:19px;font-weight:600;color:#0B1F45;margin:4px 0 0;line-height:1.3}
.dpitip-w .dpitip-requisiti{margin-top:34px}
.dpitip-w .dpitip-requisiti h2,.dpitip-w .dpitip-descr h2{font-family:'Barlow Condensed',Barlow,sans-serif;font-size:26px;font-weight:600;color:#0B1F45;margin:0 0 16px}
.dpitip-w .dpitip-requisiti__righe{display:flex;flex-direction:column;gap:1px;background:#EAF0F7;border:1px solid #DFE6EF;border-radius:12px;overflow:hidden}
.dpitip-w .dpitip-requisiti__righe > div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;background:#fff;padding:14px 20px}
.dpitip-w .dpitip-requisiti__righe > div > span:first-child{font-size:14px;color:#5E6B82}
.dpitip-w .dpitip-requisiti__righe > div > span:last-child{font-size:14.5px;color:#0B1F45}
.dpitip-w .dpitip-descr{margin-top:34px}
.dpitip-w .dpitip-descr .dpitip-testo{margin:0;font-size:15px}

/* telefono e tablet: una colonna sola, nell'ordine della tela mobile —
   titolo, disegno, configura, scaletta, cosa serve, file e barra, poi il resto */
@media (max-width:1000px){
  .dpitip-w .dpitip-sc{display:flex;flex-direction:column;gap:0}
  .dpitip-w .dpitip-sc__scelta,.dpitip-w .dpitip-sc__materia{display:contents}
  .dpitip-w .dpitip-sc__testa{order:1}
  .dpitip-w .dpitip-foglio{order:2;margin-bottom:18px;padding:24px 18px 18px}
  .dpitip-w .dpitip-carta-cfg{order:3}
  .dpitip-w .dpitip-carta-q{order:4}
  .dpitip-w .dpitip-requisiti{order:5;margin-top:26px}
  .dpitip-w .dpitip-sc .dpitip-compra{order:6;position:sticky;bottom:0;z-index:5;padding-bottom:10px}
  .dpitip-w .dpitip-cartascelta{order:7}
  .dpitip-w .dpitip-descr{order:8}
  .dpitip-w .dpitip-sc h1{font-size:40px}
}
@media (max-width:560px){
  .dpitip-w .dpitip-carta-cfg{padding:20px 16px 22px}
  .dpitip-w .dpitip-tessere-f{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}
  .dpitip-w .dpitip-tessere-s{grid-template-columns:minmax(0,1fr)}
  .dpitip-w .dpitip-tessere-s button{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;align-items:center}
  .dpitip-w .dpitip-tessere-s button svg{grid-row:span 2}
  .dpitip-w .dpitip-tessera-s__tit{margin-top:0}
  .dpitip-w .dpitip-sc #dpitip-scaletta th,.dpitip-w .dpitip-sc #dpitip-scaletta td{padding-left:12px;padding-right:12px}
  .dpitip-w .dpitip-sc #dpitip-scaletta td.q,.dpitip-w .dpitip-sc #dpitip-scaletta th:first-child{padding-left:38px}
  .dpitip-w .dpitip-sc #dpitip-scaletta td.q::before{left:12px}
  .dpitip-w .dpitip-sc #dpitip-scaletta td.consegna,.dpitip-w .dpitip-sc #dpitip-scaletta th:last-child{display:none}
  .dpitip-w .dpitip-barra-acquisto{padding:16px 18px;gap:14px}
  .dpitip-w .dpitip-barra-acquisto__azione{margin-left:0;width:100%;justify-content:space-between}
  .dpitip-w .dpitip-sc .dpitip-totale{font-size:36px}
  .dpitip-w .dpitip-cartascelta{grid-template-columns:72px minmax(0,1fr)}
  .dpitip-w .dpitip-cartascelta__campione{height:48px}
  .dpitip-w .dpitip-requisiti__righe > div{grid-template-columns:minmax(0,1fr)}
}

/* ── collaudo sul demo, 28/09/2026 — due cose misurate sulla pagina resa ──
   1. LA LARGHEZZA. Il foglio ponte nel Customizer ha `.dpitip-w:has(#dpitip-scaletta){max-width:860px}`,
      che pesa 1-1-0 (dentro :has conta l'id). `body .dpitip-w:has(.dpitip-sc)` qui sopra pesa 0-2-1 e
      perdeva: la scheda restava a 860 e la colonna della scelta a 204px. Con un id e `body`: 1-1-1.
      Se Ale la vuole piu' stretta, la cambia nel Customizer con questo stesso selettore.
   2. LA SCATOLA NELLA SCATOLA. Il foglio ponte veste `.dpitip-w .cfg` con bordo, fondo e 20px:
      dentro la carta dei passi disegnava una seconda cornice. */
body .dpitip-w:has(#dpitip-foglio){max-width:1180px}
.dpitip-w .dpitip-carta-cfg .cfg{border:0;border-radius:0;padding:0;background:none;box-shadow:none}
/* 3. LA CARTA TAGLIATA A META'. Il tema da' ai <select> un'altezza fissa (52px, misurata): con i 20px
      sopra e sotto della tela il nome della carta restava visibile per meta'. */
.dpitip-w .dpitip-sc .cfg .dpitip-menu-carta select{height:auto;min-height:0;line-height:1.3}

/* ══ L'INDICE DELLA TELA — 28/09/2026 (Main.dc.html) ══════════════════════════════════════════
   Tutto sotto .dpitip-w .dpitip-home. Le fasce blu arrivano da bordo a bordo senza allargare la
   pagina: box-shadow largo + clip-path (niente 100vw, che con la barra di scorrimento fa scorrere
   la pagina di lato). */
body .dpitip-w:has(.dpitip-home){max-width:1180px}
.dpitip-w .dpitip-home{color:#47536B}
.dpitip-w .dpitip-home .dh-occhiello{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#E2001A;margin:0 0 14px}
.dpitip-w .dpitip-home .dh-occhiello--chiaro{color:#FF6B7E}
.dpitip-w .dpitip-home .dh-cmyk{display:inline-block;width:52px;height:6px;background:linear-gradient(90deg,#00AEEF 0 25%,#EC008C 25% 50%,#FFD400 50% 75%,#0B1F45 75%)}
.dpitip-w .dpitip-home .dh-h1{font-family:'Barlow Condensed',Barlow,sans-serif;font-size:76px;line-height:.93;font-weight:700;color:#0B1F45;margin:0 0 22px;letter-spacing:-.008em}
.dpitip-w .dpitip-home .dh-h2{font-family:'Barlow Condensed',Barlow,sans-serif;font-size:50px;line-height:1.02;font-weight:700;color:#0B1F45;margin:0}
.dpitip-w .dpitip-home .dh-h2--medio{font-size:40px;margin:0 0 12px}

/* apertura */
.dpitip-w .dpitip-home .dh-apre{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:56px;align-items:center;padding:40px 0 64px}
.dpitip-w .dpitip-home .dh-lead{font-size:20px;line-height:1.5;color:#47536B;margin:0 0 30px;max-width:52ch;text-wrap:pretty}
.dpitip-w .dpitip-home .dh-cerca{position:relative;display:flex;align-items:center;height:58px;border:2px solid #0B1F45;border-radius:10px;background:#fff;max-width:560px;padding-left:18px}
.dpitip-w .dpitip-home .dh-cerca input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;box-shadow:none;padding:0 14px;font-size:16px;color:#0B1F45}
.dpitip-w .dpitip-home .dh-cerca button{align-self:stretch;border:0;border-radius:0 7px 7px 0;background:#E2001A;color:#fff;font:600 16px/1 Barlow,inherit;padding:0 30px;cursor:pointer}
.dpitip-w .dpitip-home .dh-cerca__esiti{position:absolute;left:-2px;right:-2px;top:calc(100% + 6px);z-index:20;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #DFE6EF;border-radius:10px;box-shadow:0 14px 34px rgba(11,31,69,.16)}
.dpitip-w .dpitip-home .dh-cerca__esiti a{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:7px;text-decoration:none;color:#0B1F45;font-weight:600;font-size:15px}
.dpitip-w .dpitip-home .dh-cerca__esiti a:hover{background:#F2F6FB}
.dpitip-w .dpitip-home .dh-cerca__esiti a span{font-weight:400;font-size:13px;color:#5E6B82;white-space:nowrap}
.dpitip-w .dpitip-home .dh-cerca__esiti .vuoto{padding:10px 12px;font-size:14px;color:#5E6B82}
.dpitip-w .dpitip-home .dh-richiesti{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0 0;font-size:13.5px;color:#5E6B82}
.dpitip-w .dpitip-home .dh-richiesti a{font-weight:600;padding:6px 13px;border:1px solid #DFE6EF;border-radius:999px;color:#0B1F45;background:#fff;text-decoration:none}
.dpitip-w .dpitip-home .dh-richiesti a:hover{border-color:#2364A4}
.dpitip-w .dpitip-home .dh-apre__foglio svg{display:block;width:100%;height:auto;filter:drop-shadow(0 24px 44px rgba(11,31,69,.16))}

/* i tre fatti: fascia blu */
.dpitip-w .dpitip-home .dh-fatti{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#0B1F45;box-shadow:0 0 0 100vmax #0B1F45;clip-path:inset(0 -100vmax)}
.dpitip-w .dpitip-home .dh-fatti>div{display:flex;gap:16px;padding:34px 34px 34px 0;border-right:1px solid #22365C}
.dpitip-w .dpitip-home .dh-fatti>div+div{padding-left:34px}
.dpitip-w .dpitip-home .dh-fatti>div:last-child{border-right:0}
.dpitip-w .dpitip-home .dh-fatti b{font-family:'Barlow Condensed',Barlow,sans-serif;font-size:46px;font-weight:700;color:#fff;line-height:.9}
.dpitip-w .dpitip-home .dh-fatti span{display:grid;gap:2px;padding-top:3px;font-size:13.5px;color:#93A6C4}
.dpitip-w .dpitip-home .dh-fatti strong{font-size:15.5px;color:#fff}

/* le famiglie */
.dpitip-w .dpitip-home .dh-cat{padding:84px 0 0}
.dpitip-w .dpitip-home .dh-testa{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:50px;align-items:end;margin-bottom:44px}
.dpitip-w .dpitip-home .dh-testa__dice{font-size:16.5px;line-height:1.55;color:#5E6B82;margin:0 0 8px}
/* 03/10/26: align-items:start e niente margin-top:auto sulle righe. Prima le schede di una fila si
   allungavano alla piu' alta e le righe scendevano in fondo: 06 era alta 3075 px (misurato sul vivo)
   e 04 e 05, sulla stessa fila, sembravano VUOTE con 101 prodotti dentro. */
.dpitip-w .dpitip-home .dh-famiglie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.dpitip-w .dpitip-home .dh-fam{display:flex;flex-direction:column;background:#fff;border:1px solid #DFE6EF;border-radius:14px;overflow:hidden;transition:box-shadow .15s,transform .15s}
.dpitip-w .dpitip-home .dh-fam:hover{box-shadow:0 12px 30px rgba(11,31,69,.10);transform:translateY(-2px)}
.dpitip-w .dpitip-home .dh-fam__vetro{position:relative;height:190px;background:#F2F6FB;border-bottom:1px solid #E4EBF4;overflow:hidden}
.dpitip-w .dpitip-home .dh-fam__foglio{position:absolute;display:grid;place-items:center;width:46%;height:74%}
.dpitip-w .dpitip-home .dh-fam__foglio--0{left:4%;top:14%;transform:rotate(-6deg)}
.dpitip-w .dpitip-home .dh-fam__foglio--1{left:30%;top:8%;transform:rotate(3deg)}
.dpitip-w .dpitip-home .dh-fam__foglio--2{left:52%;top:18%;transform:rotate(-2deg)}
.dpitip-w .dpitip-home .dh-fam__foglio .dpitip-sagoma{font-size:10px;max-height:100%}
.dpitip-w .dpitip-home .dh-fam__corpo{display:flex;flex-direction:column;flex-grow:1;padding:22px 24px 24px}
.dpitip-w .dpitip-home .dh-fam__testa{display:flex;align-items:baseline;gap:11px;margin:0}
.dpitip-w .dpitip-home .dh-fam__testa span:first-child{font-family:'Barlow Condensed',Barlow,sans-serif;font-size:15px;font-weight:700;color:#E2001A;letter-spacing:.06em}
.dpitip-w .dpitip-home .dh-fam__nome{font-family:'Barlow Condensed',Barlow,sans-serif;font-size:27px;font-weight:600;color:#0B1F45;line-height:1.1}
.dpitip-w .dpitip-home .dh-fam__dice{font-size:14.5px;line-height:1.5;color:#5E6B82;margin:9px 0 16px}
.dpitip-w .dpitip-home .dh-fam__righe a{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-top:1px solid #EAF0F7;text-decoration:none}
.dpitip-w .dpitip-home .dh-riga__nome{font-size:14.5px;font-weight:600;color:#0B1F45}
.dpitip-w .dpitip-home .dh-fam__righe a:hover .dh-riga__nome{color:#2364A4}
.dpitip-w .dpitip-home .dh-riga__punti{flex-grow:1;border-bottom:1px dotted #C3CCDA;transform:translateY(-3px)}
.dpitip-w .dpitip-home .dh-riga__da{font-size:13px;color:#5E6B82;white-space:nowrap}
.dpitip-w .dpitip-home .dh-riga__da strong{color:#0B1F45;font-variant-numeric:tabular-nums}
.dpitip-w .dpitip-home .dh-fam__piede{border-top:1px solid #EAF0F7;padding-top:12px;margin:4px 0 0;font-size:12.5px;color:#5E6B82}
/* « Da smistare »: solo per chi gestisce il sito (anteprima o amministratore), mai al pubblico */
.dpitip-w .dpitip-home .dh-smistare{margin-top:24px;padding:16px 20px;border:2px solid #B42318;border-radius:10px;background:#FEF3F2;color:#7A271A;font-size:14px}
.dpitip-w .dpitip-home .dh-smistare p{margin:0 0 8px}
.dpitip-w .dpitip-home .dh-smistare ul{margin:0;padding-left:18px}
.dpitip-w .dpitip-home .dh-smistare code{font-size:12.5px}

/* la materia e le lavorazioni: fascia blu */
.dpitip-w .dpitip-home .dh-materia{margin-top:84px;padding:74px 0 78px;background:#0B1F45;box-shadow:0 0 0 100vmax #0B1F45;clip-path:inset(0 -100vmax)}
.dpitip-w .dpitip-home .dh-materia .dh-h2{color:#fff;margin:0 0 18px}
.dpitip-w .dpitip-home .dh-materia__apre{display:grid;grid-template-columns:400px minmax(0,1fr);gap:60px;align-items:start}
.dpitip-w .dpitip-home .dh-materia__dice{font-size:16.5px;line-height:1.6;color:#B9C8DD;margin:0}
.dpitip-w .dpitip-home .dh-carte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px}
.dpitip-w .dpitip-home .dh-carte strong,.dpitip-w .dpitip-home .dh-lavora strong{display:block;font-size:14.5px;font-weight:600;color:#fff;margin-top:16px;line-height:1.25}
.dpitip-w .dpitip-home .dh-carte em,.dpitip-w .dpitip-home .dh-lavora em{display:block;font-style:normal;font-size:13px;color:#93A6C4;margin-top:2px}
.dpitip-w .dpitip-home .dh-carta{display:block;height:116px;border-radius:5px 5px 3px 3px;box-shadow:0 5px 0 0 #D9D4C9,0 16px 26px rgba(0,0,0,.3)}
.dpitip-w .dpitip-home .dh-carta--c1{background:#F4F2EE}
.dpitip-w .dpitip-home .dh-carta--c2{background:linear-gradient(115deg,#EDF1F4 0%,#FBFCFD 42%,#E6ECF1 100%);box-shadow:0 5px 0 0 #CBD4DB,0 16px 26px rgba(0,0,0,.3)}
.dpitip-w .dpitip-home .dh-carta--c3{background:#FBFAF7;box-shadow:0 5px 0 0 #E0DCD3,0 16px 26px rgba(0,0,0,.3)}
.dpitip-w .dpitip-home .dh-carta--c4{background:#F1EDE4;box-shadow:0 8px 0 0 #D6CFC0,0 16px 26px rgba(0,0,0,.3)}
.dpitip-w .dpitip-home .dh-carta--c5{background:radial-gradient(circle at 18% 30%,#C9BFA4 0 1.1px,transparent 1.2px),radial-gradient(circle at 62% 66%,#C9BFA4 0 1.3px,transparent 1.4px),radial-gradient(circle at 82% 22%,#C9BFA4 0 1px,transparent 1.1px),#EFEBDF;box-shadow:0 5px 0 0 #D3CCBA,0 16px 26px rgba(0,0,0,.3)}
.dpitip-w .dpitip-home .dh-carta--c6{background:repeating-linear-gradient(90deg,transparent 0 3px,rgba(216,208,190,.45) 3px 4px),repeating-linear-gradient(0deg,transparent 0 3px,rgba(216,208,190,.45) 3px 4px),#F3F0E9;box-shadow:0 6px 0 0 #DAD3C4,0 16px 26px rgba(0,0,0,.3)}
.dpitip-w .dpitip-home .dh-lavora{margin-top:62px;padding-top:42px;border-top:1px solid #22365C}
.dpitip-w .dpitip-home .dh-lavora__griglia{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.dpitip-w .dpitip-home .dh-lavora__griglia>div{border:1px solid #22365C;border-radius:10px;padding:4px 16px 16px}

/* come si ordina */
.dpitip-w .dpitip-home .dh-passi{padding:84px 0 0}
.dpitip-w .dpitip-home .dh-passi .dh-h2{margin:0 0 44px}
.dpitip-w .dpitip-home .dh-passi__griglia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.dpitip-w .dpitip-home .dh-passo{position:relative;padding-top:28px;border-top:3px solid #0B1F45}
.dpitip-w .dpitip-home .dh-passo--rosso{border-top-color:#E2001A}
.dpitip-w .dpitip-home .dh-passo b{position:absolute;top:20px;right:0;font-family:'Barlow Condensed',Barlow,sans-serif;font-size:66px;font-weight:700;color:#E4EBF4;line-height:.8}
.dpitip-w .dpitip-home .dh-passo--rosso b{color:#FADDE0}
.dpitip-w .dpitip-home .dh-passo h3{position:relative;font-family:'Barlow Condensed',Barlow,sans-serif;font-size:30px;font-weight:600;color:#0B1F45;margin:0}
.dpitip-w .dpitip-home .dh-passo p{position:relative;font-size:15.5px;line-height:1.6;color:#5E6B82;margin:10px 0 0}

/* fuori listino */
.dpitip-w .dpitip-home .dh-fuori{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:center;margin-top:84px;background:#F2F6FB;border:1px solid #DFE6EF;border-radius:14px;padding:44px 48px}
.dpitip-w .dpitip-home .dh-fuori p{font-size:16.5px;line-height:1.55;color:#5E6B82;margin:0;max-width:62ch}
.dpitip-w .dpitip-home .dh-fuori__azioni{display:flex;flex-direction:column;gap:12px}
.dpitip-w .dpitip-home .dh-btn{display:inline-flex;align-items:center;justify-content:center;background:#E2001A;color:#fff;font-size:16px;font-weight:600;padding:17px 32px;border-radius:9px;white-space:nowrap;text-decoration:none}
.dpitip-w .dpitip-home .dh-btn:hover{background:#C40017;color:#fff}
.dpitip-w .dpitip-home .dh-btn--vuoto{background:none;border:1.5px solid #0B1F45;color:#0B1F45;padding:15.5px 30px}
.dpitip-w .dpitip-home .dh-btn--vuoto:hover{background:#0B1F45;color:#fff}
.dpitip-w .dpitip-home .dh-data{margin:28px 0 0;font-size:13px;color:#5E6B82}

@media (max-width:1000px){
  .dpitip-w .dpitip-home .dh-apre{grid-template-columns:minmax(0,1fr);padding-top:20px}
  .dpitip-w .dpitip-home .dh-apre__foglio{display:none}
  .dpitip-w .dpitip-home .dh-h1{font-size:54px}
  .dpitip-w .dpitip-home .dh-testa,.dpitip-w .dpitip-home .dh-materia__apre{grid-template-columns:minmax(0,1fr);gap:18px}
  .dpitip-w .dpitip-home .dh-famiglie{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dpitip-w .dpitip-home .dh-lavora__griglia{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dpitip-w .dpitip-home .dh-fuori{grid-template-columns:minmax(0,1fr);padding:32px 28px}
}
@media (max-width:640px){
  .dpitip-w .dpitip-home .dh-h1{font-size:42px}
  .dpitip-w .dpitip-home .dh-h2{font-size:36px}
  .dpitip-w .dpitip-home .dh-lead{font-size:17px}
  .dpitip-w .dpitip-home .dh-cerca button{padding:0 18px}
  .dpitip-w .dpitip-home .dh-fatti{grid-template-columns:minmax(0,1fr)}
  .dpitip-w .dpitip-home .dh-fatti>div,.dpitip-w .dpitip-home .dh-fatti>div+div{padding:20px 0;border-right:0;border-bottom:1px solid #22365C}
  .dpitip-w .dpitip-home .dh-famiglie,.dpitip-w .dpitip-home .dh-passi__griglia{grid-template-columns:minmax(0,1fr)}
  .dpitip-w .dpitip-home .dh-carte,.dpitip-w .dpitip-home .dh-lavora__griglia{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.dpitip-w .dpitip-home .dh-fam{transition:none}}

/* collaudo a video dell'indice, 28/09/2026: il carattere della tela (Barlow Condensed) il sito non lo
   carica, e con il ripiego il titolo a 76px andava a capo cinque volte. Le sagome nelle famiglie senza
   scritta: tagliate a meta' si leggevano « 0,5 × 14,8 c ». La colonna del foglio solo su schermo largo:
   senza la condizione, su telefono restava larga 380px e il testo andava a una parola per riga. */
@media (min-width:1001px){.dpitip-w .dpitip-home .dh-apre{grid-template-columns:minmax(0,1fr) 380px}}
.dpitip-w .dpitip-home .dh-h1{font-size:60px}
.dpitip-w .dpitip-home .dh-fam__foglio .dpitip-sagoma{font-size:0}
@media (max-width:1000px){.dpitip-w .dpitip-home .dh-h1{font-size:48px}}
@media (max-width:640px){.dpitip-w .dpitip-home .dh-h1{font-size:38px}}
/* 0.12.6 — la riga della spedizione sotto la barra d'acquisto */
.dpitip-w .dpitip-spedizione-nota{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;padding:12px 16px;background:#F3F6FA;border-radius:10px;font-size:14.5px;line-height:1.5;color:#47536B}
.dpitip-w .dpitip-spedizione-nota svg{flex:none;margin-top:3px;color:#0B1F45}
.dpitip-w .dpitip-spedizione-nota b{color:#0B1F45;font-weight:600}
/* 0.12.6 — la riga dell'IVA ora e' fatta di due pezzi: sul computer restano uno sotto l'altro */
.dpitip-w .dpitip-iva-t,.dpitip-w .dpitip-iva-u{display:block}
/* « Aggiungi » + « al carrello » sono due pezzi del bottone (flex, gap 10px): fra loro uno spazio normale */
.dpitip-w .dpitip-btn__coda{margin-left:-6px}

/* 0.12.6 — telefono e tablet: la barra non trascina piu' con se' il passo « Il tuo file » */
@media (max-width:1000px){
  .dpitip-w .dpitip-sc .dpitip-compra{display:contents}
  .dpitip-w .dpitip-sc .dpitip-carta-file{order:6}
  .dpitip-w .dpitip-sc .dpitip-barra-acquisto{order:6;position:sticky;bottom:0;z-index:5;margin-bottom:8px}
  .dpitip-w .dpitip-sc .dpitip-spedizione-nota{order:6;margin:4px 0 0}
}
/* 0.12.6 — telefono: Ale, 28/09 « quella card e' troppo grande, un pie' di pagina con un pulsantino ».
   Come la tela mobile (ProdottoMobile.dc.html): piede blu a tutta larghezza, a sinistra una riga
   piccola e il prezzo, a destra « Aggiungi ». Riepilogo e consegna restano scritti nei passi sopra.
   Misurato prima: la card era alta 274px e a pagina in cima il bottone restava sotto il bordo. */
@media (max-width:700px){
  .dpitip-w .dpitip-sc .dpitip-barra-acquisto{position:fixed;left:0;right:0;bottom:0;z-index:99;margin:0;display:flex;flex-wrap:nowrap;align-items:center;gap:14px;padding:11px 16px calc(11px + env(safe-area-inset-bottom,0px));border-radius:0;box-shadow:0 -6px 20px rgba(11,31,69,.22)}
  .dpitip-w .dpitip-barra-acquisto__conto{flex:1 1 auto;min-width:0}
  .dpitip-w .dpitip-barra-acquisto__riep,.dpitip-w .dpitip-barra-acquisto__cons{display:none}
  .dpitip-w .dpitip-barra-acquisto__cifra{margin:0;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:1px}
  .dpitip-w .dpitip-barra-acquisto__iva{font-size:11.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .dpitip-w .dpitip-iva-t,.dpitip-w .dpitip-iva-u{display:inline}
  .dpitip-w .dpitip-iva-u:not(:empty)::before{content:"· "}
  .dpitip-w .dpitip-barra-acquisto .dpitip-totale{font-size:28px;line-height:1.05;white-space:nowrap;font-variant-numeric:tabular-nums}
  .dpitip-w .dpitip-barra-acquisto__azione{flex:none;width:auto;margin:0;gap:0}
  .dpitip-w .dpitip-barra-acquisto .dpitip-btn{width:auto;padding:13px 22px;font-size:15.5px;border-radius:9px;white-space:nowrap;gap:8px}
  .dpitip-w .dpitip-barra-acquisto .dpitip-btn svg{width:18px;height:18px}
  .dpitip-w .dpitip-btn__coda{display:none}
  body:has(.dpitip-barra-acquisto){padding-bottom:74px}
  body:has(.dpitip-barra-acquisto) #ast-scroll-top{bottom:86px}
}
/* 0.12.7 — l'anteprima del file nel foglio: la riga sotto il disegno dice cosa abbiamo misurato */
.dpitip-w .dpitip-foglio .dpitip-foglio__file{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:2px;padding:10px 12px;border-radius:9px;background:#FFFFFF;border:1px solid #E4EBF4;font-size:13px;line-height:1.45;color:#47536B}
.dpitip-w .dpitip-foglio .dpitip-foglio__file span::before{content:none}
.dpitip-w .dpitip-foglio .dpitip-foglio__file span{display:inline}
.dpitip-w .dpitip-foglio .dpitip-foglio__file b{color:#0B1F45;font-weight:600;overflow-wrap:anywhere}
.dpitip-w .dpitip-foglio .dpitip-foglio__file.ok{border-color:#BFE3CB;background:#F1FAF4}
.dpitip-w .dpitip-foglio .dpitip-foglio__file.ok span{color:#1E7B34}
.dpitip-w .dpitip-foglio .dpitip-foglio__file.avviso{border-color:#F6C9CE;background:#FFF5F6}
.dpitip-w .dpitip-foglio .dpitip-foglio__file.avviso span{color:#B00015}
.dpitip-w .dpitip-foglio .dpitip-foglio__file button{margin-left:auto;padding:4px 10px;border:1px solid #0B1F45;border-radius:7px;background:#FFFFFF;color:#0B1F45;font:600 12.5px/1.3 inherit;cursor:pointer}
/* 0.13.0 — una ricerca sola sull'indice /stampa/: la casella della pagina apre il pannello del sito,
   quindi la barra del sito qui sarebbe la seconda casella uguale (Ale, 28/09: « ci sono due ricerche ») */
body:has(.dpitip-home) .dpi-searchbar{display:none}
/* 0.13.2 — il costo FA nella scaletta, solo per chi amministra */
.dpitip-w .dpitip-costo{color:#8A5A00;font-size:12.5px;white-space:nowrap;text-align:right}
/* 0.13.3 — Ale, 29/09: « dobbiamo sistemare la tabella prezzi ». Misurato in produzione: i prezzi andavano a
   capo (« 20,21 » e sotto « € »), righe alte il doppio, e con la colonna del costo la tabella usciva dal
   riquadro. Prezzi su una riga, celle piu' strette; il costo va su due righe se serve. */
.dpitip-w .dpitip-sc #dpitip-scaletta th,.dpitip-w .dpitip-sc #dpitip-scaletta td{padding-left:12px;padding-right:12px}
.dpitip-w .dpitip-sc #dpitip-scaletta td.q,.dpitip-w .dpitip-sc #dpitip-scaletta th:first-child{padding-left:42px}
.dpitip-w .dpitip-sc #dpitip-scaletta td.q::before{left:16px}
.dpitip-w .dpitip-sc #dpitip-scaletta td.q,.dpitip-w .dpitip-sc #dpitip-scaletta td.p,.dpitip-w .dpitip-sc #dpitip-scaletta td.unit,.dpitip-w .dpitip-sc #dpitip-scaletta td.consegna{white-space:nowrap}
.dpitip-w .dpitip-sc #dpitip-scaletta td.dpitip-costo,.dpitip-w .dpitip-sc #dpitip-scaletta th.dpitip-costo{font-size:12px;line-height:1.3;white-space:normal;min-width:62px;text-align:right}
.dpitip-w .dpitip-sc #dpitip-scaletta:has(th.dpitip-costo) td.unit{font-size:13px}
/* 0.13.4 — la carta a pezzi: Carta, Rifinitura, Motivi (le voci del catalogo nuovo fatte di « · ») */
.dpitip-w .dpitip-parti-carta{display:grid;gap:16px;margin-top:4px}
.dpitip-w .dpitip-parte__tit{display:block;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#5E6B82;margin-bottom:8px}
.dpitip-w .dpitip-parte__bottoni{display:flex;flex-wrap:wrap;gap:7px}
.dpitip-w .dpitip-parte__bottoni button{font-size:13.5px;line-height:1.3;padding:8px 12px;border:1px solid #DFE6EF;border-radius:9px;background:#fff;color:#0B1F45;text-align:left}
.dpitip-w .dpitip-parte__bottoni button:hover{border-color:#B7C3D4}
.dpitip-w .dpitip-parte__bottoni button[aria-pressed="true"]{border-color:#0B1F45;background:#0B1F45;color:#fff}
/* 0.13.5 — le figurine delle voci (copiate dal fornitore, servite da noi) e la nota della voce scelta */
.dpitip-w .dpitip-parte__bottoni:has(.dpitip-parte--fig){display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.dpitip-w .dpitip-parte__bottoni button.dpitip-parte--fig{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 5px;min-height:50px}
.dpitip-w .dpitip-parte__bottoni button img{width:40px;height:40px;flex:none;border-radius:6px;object-fit:contain;background:#fff}
.dpitip-w .dpitip-parte__nota{margin:8px 0 0;font-size:12.5px;line-height:1.45;color:#5E6B82}
/* 0.13.6 — il popup d'attesa: passi, barra vera, esito, e le card che scorrono */
html.dpitip-attesa-aperta{overflow:hidden}
.dpitip-attesa{position:fixed;inset:0;z-index:100000;background:rgba(11,31,69,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.dpitip-attesa[hidden]{display:none}
.dpitip-attesa__box{background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(11,31,69,.35);width:100%;max-width:560px;max-height:calc(100vh - 32px);overflow:auto;padding:22px 22px 16px;color:#0B1F45;font-size:14px}
.dpitip-attesa__testa{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.dpitip-attesa__tit{margin:0;font-size:18px;font-weight:700;line-height:1.3}
.dpitip-attesa__tempo{font-variant-numeric:tabular-nums;color:#5E6B82;font-size:13px}
.dpitip-attesa__passi{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.dpitip-attesa__passo{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start}
.dpitip-attesa__passo b{display:block;font-size:14px}
.dpitip-attesa__nota{display:block;font-size:12.5px;line-height:1.45;color:#5E6B82;margin-top:2px}
.dpitip-attesa__segno{width:22px;height:22px;border-radius:50%;border:2px solid #DFE6EF;display:block;position:relative;box-sizing:border-box}
.dpitip-attesa__passo.is-corre .dpitip-attesa__segno{border-color:#DFE6EF;border-top-color:#2364A4;animation:dpitip-gira .9s linear infinite}
.dpitip-attesa__passo.is-ok .dpitip-attesa__segno{background:#1E7B4F;border-color:#1E7B4F}
.dpitip-attesa__passo.is-ok .dpitip-attesa__segno::after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.dpitip-attesa__passo.is-avviso .dpitip-attesa__segno{background:#C77700;border-color:#C77700}
.dpitip-attesa__passo.is-avviso .dpitip-attesa__segno::after,.dpitip-attesa__passo.is-no .dpitip-attesa__segno::after{content:"!";position:absolute;inset:0;color:#fff;font-weight:700;font-size:13px;line-height:18px;text-align:center}
.dpitip-attesa__passo.is-avviso .dpitip-attesa__nota{color:#8A5300}
.dpitip-attesa__passo.is-no .dpitip-attesa__segno{background:#B42318;border-color:#B42318}
.dpitip-attesa__passo.is-info .dpitip-attesa__segno{border-color:#B7C3D4}
.dpitip-attesa__barra{display:block;height:6px;border-radius:3px;background:#EEF2F7;margin-top:7px;overflow:hidden}
.dpitip-attesa__barra[hidden]{display:none}
.dpitip-attesa__barra i{display:block;height:100%;width:0;background:#2364A4;border-radius:3px;transition:width .3s}
.dpitip-attesa__esito{margin-top:16px;padding:12px 14px;border-radius:10px;background:#F2F6FB}
.dpitip-attesa__esito.is-no{background:#FDF0EE}
.dpitip-attesa__esito.is-ok{background:#EAF6EF}
.dpitip-attesa__esito p{margin:0 0 10px;line-height:1.5}
.dpitip-attesa__esito button{margin:0 8px 0 0;padding:8px 14px;border-radius:9px;border:1px solid #B7C3D4;background:#fff;color:#0B1F45;font-size:13.5px;cursor:pointer}
.dpitip-attesa__esito button.dpitip-attesa__prima{background:#0B1F45;border-color:#0B1F45;color:#fff}
.dpitip-attesa__vetrina{margin-top:18px;border-top:1px solid #EEF2F7;padding-top:14px}
.dpitip-attesa__occhiello{margin:0 0 10px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#5E6B82}
.dpitip-attesa__finestra{overflow:hidden;margin:0 -22px;padding:0 22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent)}
.dpitip-attesa__nastro{display:flex;gap:12px;width:max-content;animation:dpitip-scorri var(--durata,40s) linear infinite}
.dpitip-attesa__finestra:hover .dpitip-attesa__nastro,.dpitip-attesa__finestra:focus-within .dpitip-attesa__nastro{animation-play-state:paused}
.dpitip-attesa__card{position:relative;display:flex;flex-direction:column;gap:4px;width:150px;flex:none;text-decoration:none;color:#0B1F45;border:1px solid #DFE6EF;border-radius:10px;padding:8px;background:#fff}
.dpitip-attesa__card:hover{border-color:#B7C3D4}
.dpitip-attesa__card img{width:100%;height:110px;object-fit:contain;background:#F7F9FC;border-radius:6px}
.dpitip-attesa__card b{font-size:12.5px;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dpitip-attesa__prezzo{font-size:12.5px;color:#5E6B82}
.dpitip-attesa__bollo{position:absolute;top:12px;left:12px;background:#B42318;color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px}
.dpitip-attesa__piede{display:flex;justify-content:flex-end;margin-top:12px}
.dpitip-attesa__annulla{background:none;border:0;color:#5E6B82;font-size:13px;text-decoration:underline;cursor:pointer;padding:6px}
@keyframes dpitip-gira{to{transform:rotate(360deg)}}
@keyframes dpitip-scorri{to{transform:translateX(calc(-50% - 6px))}}
@media (prefers-reduced-motion:reduce){.dpitip-attesa__nastro{animation:none}.dpitip-attesa__finestra{overflow-x:auto}}
@media (max-width:600px){.dpitip-attesa{align-items:flex-end;padding:0}.dpitip-attesa__box{border-radius:14px 14px 0 0;max-height:92vh;padding:18px 16px 12px}.dpitip-attesa__finestra{margin:0 -16px;padding:0 16px}}
/* 30/09 — le figurine della carta scelta, sotto il nome */
.dpitip-w .dpitip-cartascelta__icone{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.dpitip-w .dpitip-cartascelta__icone[hidden]{display:none}
.dpitip-w .dpitip-cartascelta__icone img{width:56px;height:56px;object-fit:contain;background:#fff;border:1px solid #DFE6EF;border-radius:10px;padding:4px}
@media (max-width:700px){.dpitip-w .dpitip-cartascelta__icone img{width:44px;height:44px}}

/* 03/10/2026 — figurine anche sul Formato (pastiglie): stesse misure della Carta */
.dpitip-w .dpitip-pastiglie:has(.dpitip-parte--fig){display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.dpitip-w .dpitip-pastiglie button.dpitip-parte--fig{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 5px;min-height:50px;text-align:left}
.dpitip-w .dpitip-pastiglie button.dpitip-parte--fig img{flex:none;border-radius:6px}

/* 03/10/2026 — foto di categoria nostre (uploads/dpitip-foto-categorie/) */
.dpitip-w .dpitip-home .dh-fam__vetro--foto{background:#fff}
.dpitip-w .dpitip-home .dh-fam__foto{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%}
.dpitip-w .dpitip-cat-foto{margin:4px 0 28px;max-width:380px;border:1px solid #E4EBF4;border-radius:12px;overflow:hidden;background:#fff}
.dpitip-w .dpitip-cat-foto img{display:block;width:100%;height:auto}
/* buco-1310 — 13/10/2026: la testata della categoria e' la card della famiglia (.dh-fam), distesa: foto | testo e prodotti */
.dpitip-w .dpitip-cat-testa{margin:6px 0 30px}
.dpitip-w .dpitip-home .dh-fam--largo{flex-direction:row;align-items:stretch}
.dpitip-w .dpitip-home .dh-fam--largo:hover{box-shadow:none;transform:none}
.dpitip-w .dpitip-home .dh-fam--largo .dh-fam__vetro{flex:0 0 min(380px,42%);height:auto;min-height:280px;border-bottom:0;border-right:1px solid #E4EBF4}
.dpitip-w .dpitip-home .dh-fam--largo .dh-fam__foto{position:absolute;inset:0;object-fit:cover;object-position:center}
.dpitip-w .dpitip-home .dh-fam--largo .dh-fam__corpo{justify-content:center;min-width:0}
@media (max-width:700px){.dpitip-w .dpitip-home .dh-fam--largo{flex-direction:column}.dpitip-w .dpitip-home .dh-fam--largo .dh-fam__vetro{flex-basis:auto;height:240px;min-height:0;border-right:0;border-bottom:1px solid #E4EBF4}}

/* 03/10/2026 — foto prodotto nostre (uploads/dpitip-foto-prodotti/): quadrate, dentro il vetro 4/3 senza tagli */
.dpitip-w .dpitip-vetro--foto{background:#fff}
.dpitip-w .dpitip-vetro--foto img{object-fit:contain}
.dpitip-w .dpitip-sc__foto{margin:0 0 24px;border:1px solid #DFE6EF;border-radius:14px;overflow:hidden;background:#fff}
.dpitip-w .dpitip-sc__foto img{display:block;width:100%;height:auto;margin:0}
@media (max-width:1000px){.dpitip-w .dpitip-sc__foto{order:2;margin-bottom:18px;max-width:480px;align-self:center;width:100%}}

/* 03/10/2026 — /stampa/: si vede che le categorie si aprono (0.14.8) */
.dpitip-w .dpitip-home a.dh-fam__vetro{display:block;text-decoration:none;cursor:pointer}
.dpitip-w .dpitip-home a.dh-fam__vetro .dh-fam__foto{transition:transform .25s ease}
.dpitip-w .dpitip-home a.dh-fam__vetro:hover .dh-fam__foto{transform:scale(1.04)}
.dpitip-w .dpitip-home .dh-fam__righe a{margin:0 -10px;padding:9px 10px;border-radius:8px;transition:background .15s}
.dpitip-w .dpitip-home .dh-fam__righe a:hover{background:#F2F6FB}
.dpitip-w .dpitip-home .dh-fam__righe .dh-riga__nome{color:#123B73;text-decoration:underline;text-decoration-color:rgba(18,59,115,.25);text-underline-offset:3px}
.dpitip-w .dpitip-home .dh-fam__righe a:hover .dh-riga__nome{text-decoration-color:currentColor}
.dpitip-w .dpitip-home .dh-riga__va{flex:none;color:#E2001A;font-weight:700;margin-left:4px;transition:transform .15s}
.dpitip-w .dpitip-home .dh-fam__righe a:hover .dh-riga__va{transform:translateX(3px)}

/* 03/10/2026 — il link « Tutte le N » della tendina porta qui: la scheda non finisce sotto la barra fissa */
.dpitip-w .dpitip-home .dh-fam{scroll-margin-top:140px}

/* 03/10/2026 — /gadget/ e il riquadro che ci porta da /stampa/ (0.15.0) */
.dpitip-w .dpitip-home .dh-gadget{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 28px;padding:18px 22px;background:#fff;border:1px solid #DFE6EF;border-left:4px solid #E2001A;border-radius:12px;text-decoration:none;color:#0B1F45}
.dpitip-w .dpitip-home .dh-gadget span{display:flex;flex-direction:column;gap:3px;color:#5E6B82;font-size:14.5px}
.dpitip-w .dpitip-home .dh-gadget strong{font-size:18px;color:#0B1F45}
.dpitip-w .dpitip-home .dh-gadget b{margin-left:auto;color:#E2001A;font-weight:700;white-space:nowrap}
.dpitip-w .dpitip-home .dh-gadget:hover{border-color:#B7C3D4;box-shadow:0 2px 10px rgba(11,31,69,.06)}
.dpitip-w .dpitip-altro-ramo{margin:36px 0 8px;color:#5E6B82}
.dpitip-w .dpitip-altro-ramo a{color:#E2001A;font-weight:700;text-decoration:none}