/* Klelia, testata finale su base «Cipria» (Marketipo, ott 2026).
   Ticker scuro, fascia cipria (logo a sinistra, ricerca a pillola al centro, azioni con etichetta a destra),
   riga del menu anch'essa cipria chiusa da un filetto, come il blocco pieno del footer.
   Come resta in alto: .kh è uno spazio nel flusso alto quanto la testata intera; .kh-barra è position:fixed
   (lo sticky dentro .page-wrapper, che ha overflow:hidden, non funzionerebbe) e scorrendo sale con un
   transform fino a lasciare solo la riga del menu, che resta sempre in vista anche scendendo.
   Nella riga ridotta compare .kh-nav-ridotta (logo piccolo, menu completo con «Altro», lente, wishlist, carrello):
   è sempre impaginata e solo invisibile, così il cambio di stato non sposta nulla (nessun layout shift).
   I pannelli fissi (menu, carrello) e il velo sono fratelli della barra, non figli: il transform non li rinchiude. */

/* Porto: #header.header-builder ha bordo superiore di 3 px e transition:all */
#header.header-builder:has(> .kh){margin:0;padding:0;border:0;background:transparent;box-shadow:none;transition:none;min-height:0}

#header .kh{
  --kh-cipria:#ffecf8;--kh-rosa:#fdf3fc;--kh-lilla:#f5ebf9;--kh-vino:#632a48;--kh-lampone:#bd528b;--kh-lampone-d:#a8447a;
  --kh-melanzana:#3b3644;--kh-viola:#585065;--kh-testo:#222529;--kh-scuro:#212529;
  --kh-filo:rgba(34,37,41,.12);--kh-filo-vino:rgba(99,42,72,.2);--kh-filo-vino-f:rgba(99,42,72,.34);
  --kh-font:"Jost",system-ui,-apple-system,"Segoe UI",sans-serif;
  --kh-ombra:0 26px 50px -30px rgba(59,54,68,.5),0 2px 8px -4px rgba(59,54,68,.1);
  --kh-curva:cubic-bezier(.22,.7,.2,1);
  --kh-admin:0px;
  --kh-ticker-h:36px;--kh-top-h:80px;--kh-nav-h:48px;--kh-cerca-h:0px;
  --kh-salita:calc(var(--kh-ticker-h) + var(--kh-top-h));
  --kh-wrap:940px;
  --kh-menu-fs:14px;--kh-menu-gap:clamp(16px,1.9vw,28px);--kh-rid-fs:13.5px;--kh-rid-gap:13px;
  display:block;position:relative;
  height:calc(var(--kh-ticker-h) + var(--kh-top-h) + var(--kh-nav-h) + var(--kh-cerca-h));
  background:var(--kh-cipria);
  font-family:var(--kh-font);font-size:15px;line-height:1.5;font-weight:400;letter-spacing:0;color:var(--kh-testo);text-align:left;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent
}
/* barra di amministrazione di WordPress (body.admin-bar): 32 px, 46 px sotto i 783 px; il JS la segue quando scorre via */
#header .kh:is(.admin-bar *){--kh-admin:32px}
@media (max-width:782px){#header .kh:is(.admin-bar *){--kh-admin:46px}}

/* neutralizza le regole generiche di Porto su p, ul, input, svg dentro l'header */
#header .kh *,#header .kh *::before,#header .kh *::after{box-sizing:border-box}
#header .kh :where(p,ul,li,dl,dt,dd,form,mark,b,small,em,strong){margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;letter-spacing:inherit;text-transform:none;text-align:inherit}
#header .kh :where(ul,li){list-style:none}
#header .kh :where(li)::before{content:none}
#header .kh :where(em){font-style:italic}
#header .kh a{color:inherit;text-decoration:none}
#header .kh button{margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font:inherit;color:inherit;letter-spacing:inherit;text-transform:none;line-height:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}
#header .kh svg{display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
#header .kh img{display:block;max-width:none;border:0}
#header .kh [hidden]{display:none}
#header .kh :focus-visible{outline:2px solid var(--kh-vino);outline-offset:3px}
/* theme.css di Porto: body a{outline:none!important}; senza !important il fuoco sui link non si vedrebbe */
#header .kh a:focus-visible{outline:2px solid var(--kh-vino)!important;outline-offset:3px}
#header .kh :focus:not(:focus-visible){outline:none}
#header .kh .kh-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#header .kh .kh-wrap{width:var(--kh-wrap);max-width:calc(100% - 40px);margin:0 auto}
#header .kh .kh-occhiello,#header .kh .kh-sub-nome,#header .kh .kh-sub-occhiello,#header .kh .kh-sugg-titolo{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.4;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--kh-vino)}
#header .kh .kh-occhiello::before,#header .kh .kh-sub-nome::before,#header .kh .kh-sub-occhiello::before,#header .kh .kh-sugg-titolo::before{content:"";flex:none;width:5px;height:5px;margin:0 1px;background:var(--kh-lampone);transform:rotate(45deg)}

/* collegamento per saltare la testata, visibile solo al fuoco */
#header .kh .kh-salta{position:absolute;top:6px;left:8px;z-index:1300;padding:11px 20px;border-radius:999px;background:var(--kh-melanzana);color:#fff;font-size:14px;line-height:1.2;font-weight:500;letter-spacing:.02em;opacity:0;pointer-events:none;transform:translate3d(0,-160%,0)}
#header .kh .kh-salta:focus{opacity:1;pointer-events:auto;transform:none;box-shadow:0 0 0 2px #fff}

/* ── barra fissa (sopra il «torna su» di Porto, 1111; sotto i pannelli e il banner cookie) ── */
#header .kh .kh-barra{position:fixed;top:var(--kh-admin);left:0;right:0;z-index:1200}

/* ticker: messaggi che si alternano, in maiuscolo spaziato come la microtipografia del footer */
#header .kh .kh-ticker{height:var(--kh-ticker-h);background:var(--kh-scuro);color:#fff}
#header .kh .kh-ticker-wrap{display:flex;align-items:center;justify-content:center;height:100%}
#header .kh .kh-ticker-msgs{position:relative;flex:0 1 560px;height:100%;overflow:hidden}
#header .kh .kh-ticker-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 6px;font-size:11px;line-height:1.3;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.92);white-space:nowrap;text-align:center;opacity:0;transform:translate3d(0,7px,0)}
#header .kh .kh-ticker-msg::before{content:"";flex:none;width:5px;height:5px;background:var(--kh-lampone);transform:rotate(45deg)}
#header .kh .kh-ticker-msg.kh-on{opacity:1;transform:none}
/* NEW10 con la perforazione tratteggiata del biglietto del footer */
#header .kh .kh-codice{display:inline-block;margin:0 .3em;padding:2px 5px 1px 8px;border:1px dashed rgba(255,255,255,.6);border-radius:4px;font-weight:600;line-height:1.25;letter-spacing:.18em;color:#fff}
#header .kh .kh-codice--scuro{border-color:var(--kh-filo-vino-f);color:var(--kh-vino);letter-spacing:.14em}
#header .kh .kh-ticker-freccia,#header .kh .kh-ticker-pausa{position:relative;flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:rgba(255,255,255,.66)}
#header .kh .kh-ticker-freccia:hover,#header .kh .kh-ticker-pausa:hover{color:#fff;background:rgba(255,255,255,.08)}
#header .kh .kh-ticker-pausa{margin-left:10px}
#header .kh .kh-ticker-pausa::before{content:"";position:absolute;top:50%;left:-6px;width:1px;height:14px;margin-top:-7px;background:rgba(255,255,255,.22)}
#header .kh .kh-ticker-pausa svg{stroke-width:1.9}
#header .kh .kh-pausa-play{display:none;fill:currentColor;stroke-width:1.2}
#header .kh .kh-ticker-pausa[aria-pressed="true"] .kh-pausa-ii{display:none}
#header .kh .kh-ticker-pausa[aria-pressed="true"] .kh-pausa-play{display:block}
#header .kh .kh-ticker :focus-visible{outline-color:#fff;outline-offset:-3px}

/* fascia cipria: logo | pillola di ricerca | azioni. Le colonne laterali non scendono mai sotto il loro contenuto
   e la pillola prende fino a 480 px: sui desktop stretti, con «Il mio account», scivola di poco a sinistra invece
   di sovrapporsi alle azioni */
#header .kh .kh-top{position:relative;height:var(--kh-top-h);background:var(--kh-cipria)}
#header .kh .kh-top-wrap{display:grid;grid-template-columns:minmax(max-content,1fr) minmax(280px,440px) minmax(max-content,1fr);align-items:center;column-gap:24px;height:100%}
#header .kh .kh-logo{justify-self:start;display:flex;align-items:center;min-height:44px}
#header .kh .kh-logo img{width:auto;height:46px}
#header .kh .kh-logo:hover{opacity:.72}

/* ricerca a pillola, sempre in vista su desktop */
#header .kh .kh-cerca{width:100%}
#header .kh .kh-form{position:relative;display:flex;align-items:center;gap:8px}
#header .kh .kh-pillola{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:2px;height:48px;padding:0 5px 0 3px;background:#fff;border:1px solid var(--kh-filo-vino);border-radius:999px}
#header .kh .kh-pillola:hover{border-color:var(--kh-filo-vino-f)}
#header .kh .kh-pillola:focus-within{border-color:var(--kh-vino);box-shadow:0 0 0 4px rgba(99,42,72,.1)}
/* la lente si vede per prima ma nel Tab viene dopo il campo */
#header .kh .kh-pillola-invia{order:-1;flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--kh-vino)}
#header .kh .kh-pillola-invia:hover{background:var(--kh-rosa)}
#header .kh .kh-pillola .kh-input{flex:1;min-width:0;width:auto;height:100%;margin:0;padding:0 6px 0 2px;border:0;border-radius:0;background:transparent;box-shadow:none;outline:0;font:400 15px/1.2 var(--kh-font);letter-spacing:.01em;color:var(--kh-testo);-webkit-appearance:none;appearance:none}
#header .kh .kh-pillola .kh-input:focus{border:0;box-shadow:none;background:transparent}
#header .kh .kh-pillola .kh-input:focus-visible{outline:0}
#header .kh .kh-pillola .kh-input::placeholder{color:var(--kh-viola);opacity:1}
#header .kh .kh-pillola .kh-input::-webkit-search-cancel-button,#header .kh .kh-pillola .kh-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}
/* area di tocco da 44 px, cerchietto da 30 */
#header .kh .kh-pillola-svuota{flex:none;display:grid;place-items:center;width:44px;height:44px;color:var(--kh-viola)}
#header .kh .kh-pillola-svuota[hidden]{display:none}
#header .kh .kh-pillola-svuota span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--kh-rosa)}
#header .kh .kh-pillola-svuota:hover span{background:var(--kh-lilla);color:var(--kh-vino)}
#header .kh .kh-cerca-chiudi{display:none;flex:none;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--kh-testo)}
#header .kh .kh-cerca-chiudi:hover{background:rgba(255,255,255,.7)}
#header .kh.kh-su-cerca .kh-cerca-chiudi{display:grid}

/* suggerimenti (tendina sotto la pillola) */
#header .kh .kh-sugg{position:absolute;top:calc(100% + 10px);left:50%;z-index:3;width:max(100%,580px);max-height:min(620px,calc(100vh - 190px));overflow-y:auto;overscroll-behavior:contain;padding:8px;background:#fff;border:1px solid var(--kh-filo);border-radius:16px;box-shadow:var(--kh-ombra);transform:translateX(-50%)}
#header .kh .kh-sugg-vuoto{padding:16px 14px 4px;font-size:15px;line-height:1.45;color:var(--kh-testo)}
#header .kh .kh-sugg-vuoto span{display:block;margin-top:2px;font-size:14px;color:var(--kh-viola)}
#header .kh .kh-sugg-gruppo{padding:4px 0}
#header .kh .kh-sugg-gruppo + .kh-sugg-gruppo{border-top:1px solid var(--kh-filo)}
#header .kh .kh-sugg-titolo{padding:12px 14px 8px}
#header .kh .kh-sugg-chips{display:flex;flex-wrap:wrap;gap:8px;padding:2px 14px 12px}
#header .kh .kh-sugg-prodotti{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px;padding:0 0 4px}
#header .kh .kh-opz{display:flex;align-items:center;gap:14px;min-height:44px;padding:8px 14px;border-radius:12px;font-size:15px;line-height:1.3;color:var(--kh-testo);cursor:pointer}
/* scelta attiva da tastiera: fondo rosa più barra vino da 3 px (box-shadow, perché Porto annulla l'outline dei link) */
#header .kh .kh-opz.kh-attiva{background:var(--kh-rosa);box-shadow:inset 3px 0 0 var(--kh-vino)}
#header .kh .kh-opz mark{padding:0;background:none;color:var(--kh-vino);font-weight:600}
#header .kh .kh-opz--chip{gap:8px;min-height:40px;padding:0 15px;border:1px solid var(--kh-filo-vino);border-radius:999px;font-size:14px;background:#fff}
#header .kh .kh-opz--chip.kh-attiva{border-color:var(--kh-vino);background:var(--kh-rosa);box-shadow:inset 0 0 0 1px var(--kh-vino)}
#header .kh .kh-opz-n{font-size:12px;font-weight:500;color:var(--kh-viola)}
#header .kh .kh-opz--prod{gap:14px;padding:8px 10px}
#header .kh .kh-opz--prod img{flex:none;width:56px;height:56px;object-fit:cover;border-radius:10px;background:var(--kh-rosa)}
#header .kh .kh-opz-testo{display:flex;flex-direction:column;gap:3px;min-width:0}
#header .kh .kh-opz-nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#header .kh .kh-opz-prezzo{font-size:14px;color:var(--kh-viola)}
#header .kh .kh-opz-prezzo del{margin-left:6px;color:var(--kh-viola);opacity:.75}
#header .kh .kh-opz-prezzo ins{text-decoration:none;color:var(--kh-vino);font-weight:500}
#header .kh .kh-opz--tutti{justify-content:space-between;margin-top:2px;font-weight:500;color:var(--kh-vino)}
#header .kh .kh-opz--tutti::after{content:"";flex:none;width:8px;height:8px;margin-right:4px;border-top:1.3px solid currentColor;border-right:1.3px solid currentColor;transform:rotate(45deg)}

@media (hover:hover){
  #header .kh .kh-opz:hover{background:var(--kh-rosa)}
  #header .kh .kh-opz--chip:hover{border-color:var(--kh-vino)}
}

/* azioni: icona ed etichetta su una riga sola, in pulsanti a larghezza fissa. Così «Il mio account» non va a capo
   e la misura delle etichette (Jost o carattere di ripiego) non sposta mai la pillola di ricerca */
#header .kh .kh-azioni{justify-self:end;display:flex;align-items:center;gap:4px;margin-right:-6px}
#header .kh .kh-azione{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:76px;height:60px;border-radius:12px;color:var(--kh-testo)}
#header .kh .kh-azione--account{width:64px}
#header .kh .kh-azione--account[aria-label="Il mio account"]{width:116px}
#header .kh .kh-azione:hover{color:var(--kh-vino);background:rgba(255,255,255,.72)}
#header .kh .kh-azione--cerca,#header .kh .kh-azione--menu{display:none}
#header .kh .kh-ico{position:relative;display:block;width:24px;height:24px}
#header .kh .kh-ico svg{width:24px;height:24px}
#header .kh .kh-etichetta{font-size:11px;line-height:12px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;color:var(--kh-melanzana)}
#header .kh .kh-azione:hover .kh-etichetta{color:var(--kh-vino)}
#header .kh .kh-count[data-n="0"]{display:none}
#header .kh .kh-count{position:absolute;top:-7px;left:14px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--kh-lampone-d);box-shadow:0 0 0 2px var(--kh-cipria);font-size:10.5px;line-height:18px;font-weight:600;letter-spacing:0;text-align:center;color:#fff}

/* riga del menu: cipria come la fascia, separata da un filetto sulla griglia della pagina */
#header .kh .kh-nav{position:relative;height:var(--kh-nav-h);background:var(--kh-cipria)}
#header .kh .kh-nav::before{content:"";position:absolute;left:50%;top:0;width:var(--kh-wrap);max-width:calc(100% - 40px);height:1px;background:var(--kh-filo-vino);transform:translateX(-50%)}
#header .kh .kh-nav-wrap{position:relative;height:100%}
#header .kh .kh-nav-centro{position:relative;height:100%}
#header .kh .kh-nav .kh-menu{display:flex;align-items:stretch;column-gap:var(--kh-menu-gap);height:100%;padding:0 2px;overflow:hidden}
/* centrato senza perdere la misura del trabocco (con «Altro» nascosto l'ultima voce visibile è quella prima) */
#header .kh .kh-nav .kh-item:first-child{margin-left:auto}
#header .kh .kh-nav .kh-item:last-child,#header .kh .kh-nav .kh-item:has(+ .kh-altro[hidden]){margin-right:auto}
#header .kh .kh-nav .kh-menu:has(> .kh-item:nth-child(11)){--kh-menu-gap:clamp(12px,1.3vw,22px);--kh-menu-fs:13.5px}
#header .kh .kh-nav .kh-item{position:static;display:flex;align-items:center;flex:none;height:100%}
#header .kh .kh-nav .kh-item[hidden]{display:none}
#header .kh .kh-nav .kh-link{position:relative;display:flex;align-items:center;gap:7px;height:34px;font-size:var(--kh-menu-fs);line-height:1;font-weight:400;letter-spacing:.01em;white-space:nowrap;color:var(--kh-testo)}
#header .kh .kh-nav .kh-link::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--kh-vino);transform:scaleX(0)}
#header .kh .kh-nav .kh-toggle.kh-link::after{right:13px}
#header .kh .kh-nav .kh-link:hover,#header .kh .kh-nav .kh-aperta > .kh-link,#header .kh .kh-nav .kh-current > .kh-link,#header .kh .kh-nav .kh-toggle:hover,#header .kh .kh-nav .kh-aperta > .kh-toggle{color:var(--kh-vino)}
#header .kh .kh-nav .kh-link:hover::after,#header .kh .kh-nav .kh-aperta > .kh-link::after,#header .kh .kh-nav .kh-current > .kh-link::after{transform:scaleX(1)}
#header .kh .kh-toggle::before{content:"";order:2;flex:none;width:6px;height:6px;margin-top:-4px;border-right:1.3px solid currentColor;border-bottom:1.3px solid currentColor;transform:rotate(45deg)}
#header .kh .kh-aperta > .kh-toggle::before{transform:translateY(3px) rotate(-135deg)}
#header .kh .kh-nav .kh-toggle--icona{display:flex;align-items:center;justify-content:center;width:24px;height:34px;margin-left:-2px;color:var(--kh-testo)}
#header .kh .kh-nav .kh-toggle--icona::after{content:none}

/* tendine: scheda compatta sotto la voce (fino a 4 voci e «Altro») */
#header .kh .kh-nav .kh-sub{position:absolute;top:100%;left:var(--kh-x,0px);z-index:2;display:flex;flex-direction:column;min-width:250px;padding:20px 28px 16px;background:#fff;border:1px solid var(--kh-filo);border-top:0;border-radius:0 0 14px 14px;box-shadow:var(--kh-ombra);opacity:0;visibility:hidden;transform:translateY(-6px)}
#header .kh .kh-nav .kh-aperta > .kh-sub{opacity:1;visibility:visible;transform:none}
#header .kh .kh-nav .kh-sub::before{content:"";position:absolute;left:28px;right:28px;top:0;height:1px;background:var(--kh-filo-vino)}
/* scheda compatta: della testa restano il nome (come occhiello) e «Vedi tutto», che passa in fondo */
#header .kh .kh-nav .kh-sub-testa{display:contents}
#header .kh .kh-nav .kh-sub-occhiello,#header .kh .kh-nav .kh-sub-frase{display:none}
#header .kh .kh-nav .kh-sub-nome{order:-1;margin-bottom:10px}
#header .kh .kh-nav .kh-sub-tutto{order:1}
#header .kh .kh-nav .kh-subitem{break-inside:avoid}
#header .kh .kh-nav .kh-sublink{position:relative;display:flex;align-items:center;min-height:40px;font-size:15px;line-height:1.3;white-space:nowrap;color:var(--kh-testo)}
/* rombo che entra al passaggio e al fuoco, come gli occhielli del footer */
#header .kh .kh-nav a.kh-sublink::before{content:"";position:absolute;left:-15px;top:50%;width:5px;height:5px;margin-top:-2.5px;background:var(--kh-lampone);opacity:0;transform:translateX(-4px) rotate(45deg)}
#header .kh .kh-nav a.kh-sublink:hover,#header .kh .kh-nav .kh-current > .kh-sublink{color:var(--kh-vino)}
#header .kh .kh-nav a.kh-sublink:hover::before,#header .kh .kh-nav a.kh-sublink:focus-visible::before{opacity:1;transform:rotate(45deg)}
#header .kh .kh-nav .kh-sub-tutto{display:inline-flex;align-items:center;gap:10px;min-height:40px;margin-top:6px;padding-top:4px;border-top:1px solid var(--kh-filo);font-size:14px;line-height:1.2;font-weight:500;letter-spacing:.04em;color:var(--kh-vino)}
#header .kh .kh-sub-tutto:hover svg{transform:translateX(4px)}
/* «Altro»: i genitori restano gruppi con i figli rientrati; con molti figli, su due colonne dentro il gruppo */
#header .kh .kh-nav .kh-altro .kh-sub{min-width:260px;max-width:360px}
#header .kh .kh-nav .kh-altro:has(.kh-gruppo li:nth-child(5)) > .kh-sub{max-width:none;width:520px}
#header .kh .kh-nav span.kh-sublink{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--kh-viola)}
#header .kh .kh-nav .kh-gruppo ul{margin:0 0 8px 0;padding:0 0 0 14px;border-left:1px solid var(--kh-filo-vino)}
#header .kh .kh-nav .kh-gruppo ul .kh-sublink{min-height:36px;font-size:14px;color:var(--kh-viola)}
#header .kh .kh-nav .kh-gruppo ul a.kh-sublink::before{left:-18px}
#header .kh .kh-nav .kh-gruppo ul:has(> li:nth-child(5)){columns:2;column-gap:12px}
#header .kh .kh-nav .kh-gruppo li{break-inside:avoid}

/* sottomenu lungo (5 voci e più, es. FW2026): pannello editoriale largo quanto la griglia,
   con titolo in Jost leggero, frase del marchio, colonne di voci e biglietto NEW10 come nel footer */
#header .kh .kh-nav .kh-lungo > .kh-sub{left:0;right:0;display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr) 296px;column-gap:48px;align-items:start;min-width:0;padding:32px 36px 36px}
#header .kh .kh-nav .kh-lungo > .kh-sub::before{left:36px;right:36px}
#header .kh .kh-nav .kh-lungo .kh-sub-testa{grid-column:1;display:grid;justify-items:start;gap:10px;padding-top:2px}
#header .kh .kh-nav .kh-lungo .kh-sub-occhiello{display:flex}
#header .kh .kh-nav .kh-lungo .kh-sub-frase{display:block}
#header .kh .kh-nav .kh-lungo .kh-sub-nome{display:block;order:0;margin:0;font-size:32px;line-height:1.08;font-weight:300;letter-spacing:-.015em;text-transform:none;color:var(--kh-testo);overflow-wrap:anywhere}
#header .kh .kh-nav .kh-lungo .kh-sub-nome::before{content:none}
#header .kh .kh-sub-frase{max-width:22ch;font-size:16px;line-height:1.45;font-weight:300;color:var(--kh-viola)}
#header .kh .kh-sub-frase em{color:var(--kh-vino)}
#header .kh .kh-nav .kh-lungo .kh-sub-tutto{order:0;margin-top:2px;padding-top:0;border-top:0;min-height:44px}
#header .kh .kh-nav .kh-lungo .kh-submenu{grid-column:2;display:grid;grid-template-rows:repeat(4,auto);grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);column-gap:28px;align-content:start;min-height:100%;padding-left:40px;border-left:1px solid var(--kh-filo)}
#header .kh .kh-nav .kh-lungo .kh-sublink{min-height:46px;font-size:19px;font-weight:300}
/* senza JS le tendine si aprono comunque al passaggio e al fuoco */
#header .kh:not(.kh-pronto) .kh-nav .kh-has-sub:hover > .kh-sub,#header .kh:not(.kh-pronto) .kh-nav .kh-has-sub:focus-within > .kh-sub{opacity:1;visibility:visible;transform:none}

/* biglietto NEW10, lo stesso del footer: il JS lo porta nel pannello lungo aperto, in fondo al menu laterale è fisso */
#header .kh .kh-nav-wrap > .kh-biglietto{display:none}
#header .kh .kh-sub .kh-biglietto{grid-column:3;position:relative;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--kh-filo-vino)}
#header .kh .kh-biglietto-testo{padding:22px 24px;background:var(--kh-cipria)}
#header .kh .kh-biglietto-frase{margin-top:12px;font-size:20px;line-height:1.25;font-weight:300;color:var(--kh-testo)}
#header .kh .kh-biglietto-frase strong{display:block;font-weight:500}
#header .kh .kh-biglietto-frase em{color:var(--kh-vino)}
#header .kh .kh-biglietto-nota{margin-top:10px;font-size:13px;line-height:1.5;color:var(--kh-viola)}
#header .kh .kh-biglietto-codice{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;background:linear-gradient(90deg,rgba(255,255,255,.36) 50%,transparent 0) 12px 0/8px 1px repeat-x,var(--kh-melanzana);color:#fff;font-size:26px;line-height:1.1;font-weight:500;letter-spacing:.14em}
#header .kh .kh-biglietto-codice span{font-size:10.5px;line-height:1.3;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.8)}
#header .kh .kh-biglietto-codice::before,#header .kh .kh-biglietto-codice::after{content:"";position:absolute;top:-7px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--kh-filo-vino)}
#header .kh .kh-biglietto-codice::before{left:-7px}
#header .kh .kh-biglietto-codice::after{right:-7px}

/* riga ridotta: sempre impaginata, invisibile finché non si scorre */
#header .kh .kh-nav-ridotta{position:absolute;inset:0;display:flex;align-items:center;gap:16px;opacity:0;visibility:hidden}
#header .kh .kh-nav-logo{flex:none;display:flex;align-items:center;height:44px}
#header .kh .kh-nav-logo img{width:auto;height:22px}
#header .kh .kh-nav-logo:hover{opacity:.72}
#header .kh .kh-nav-ridotta-menu{flex:1;min-width:0;height:100%}
#header .kh .kh-nav-ridotta .kh-menu{--kh-menu-gap:var(--kh-rid-gap);--kh-menu-fs:var(--kh-rid-fs)}
#header .kh .kh-nav-dx{flex:none;display:flex;align-items:center;gap:2px;margin-right:-10px}
#header .kh .kh-nav-ico{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--kh-testo)}
#header .kh .kh-nav-ico:hover{color:var(--kh-vino);background:rgba(255,255,255,.72)}
#header .kh .kh-nav-ico .kh-count{top:3px;left:23px}

/* ── stato ridotto (scorrendo): resta la riga del menu, cipria, con un filetto e un'ombra leggera ── */
#header .kh.kh-fisso .kh-barra{transform:translateY(calc(-1 * var(--kh-salita)))}
#header .kh.kh-fisso.kh-su-cerca .kh-barra{transform:translateY(calc(-1 * var(--kh-ticker-h)))}
#header .kh.kh-fisso .kh-ticker{visibility:hidden}
@media (min-width:992px){
  #header .kh.kh-fisso .kh-nav{box-shadow:inset 0 -1px 0 var(--kh-filo),0 14px 30px -22px rgba(59,54,68,.45)}
  #header .kh.kh-fisso:not(.kh-su-cerca) .kh-top{visibility:hidden}
  #header .kh.kh-fisso:not(.kh-su-cerca) .kh-nav-centro{opacity:0;visibility:hidden}
  #header .kh.kh-fisso:not(.kh-su-cerca) .kh-nav-ridotta{opacity:1;visibility:visible}
}

/* finché Jost non è pronto i testi che dipendono dalla sua misura restano invisibili, così il cambio di carattere
   non sposta nulla; il JS li mostra appena il carattere c'è (al più tardi dopo 1,3 s) e senza JS ricompaiono da soli
   dopo 1,2 s. Solo contenitori che nessun'altra regola nasconde: un figlio reso visibile dentro un genitore nascosto
   resterebbe cliccabile. I pulsanti delle azioni restano sempre visibili e cliccabili: aspettano solo le etichette */
#header .kh:not(.kh-font) :is(.kh-nav-centro,.kh-ticker-msgs,.kh-etichetta){opacity:0;visibility:hidden;animation:kh-svela 0s 1.2s forwards}
@keyframes kh-svela{to{opacity:1;visibility:visible}}

/* ── velo e pannelli ── */
#header .kh .kh-velo{position:fixed;inset:0;z-index:1150;background:rgba(33,37,41,.36);opacity:0;visibility:hidden}
#header .kh.kh-velo-on .kh-velo{opacity:1;visibility:visible}
#header .kh:is(.kh-su-menu,.kh-su-carrello) .kh-velo{z-index:99980;background:rgba(33,37,41,.46)}
#header .kh .kh-pannello{position:fixed;top:var(--kh-admin);right:0;bottom:0;z-index:99990;display:flex;flex-direction:column;width:min(420px,calc(100% - 40px));background:#fff;box-shadow:-30px 0 60px -40px rgba(33,37,41,.6);outline:0;transform:translateX(104%);visibility:hidden}
#header .kh .kh-pannello.kh-on{transform:none;visibility:visible}
#header .kh .kh-pannello-testa{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;padding:0 14px 0 24px;border-bottom:1px solid var(--kh-filo)}
#header .kh .kh-pannello-logo{display:flex;align-items:center;min-height:44px}
#header .kh .kh-pannello-logo img{width:auto;height:30px}
#header .kh .kh-chiudi{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--kh-testo)}
#header .kh .kh-chiudi:hover{background:var(--kh-rosa);color:var(--kh-vino)}
#header .kh .kh-pannello-corpo{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}

/* pannello del menu (telefono e tablet) */
#header .kh .kh-drawer{width:min(400px,calc(100% - 44px))}
#header .kh .kh-drawer .kh-pannello-testa{background:var(--kh-cipria);border-bottom:0}
#header .kh .kh-drawer .kh-pannello-corpo{padding:26px 24px 32px}
#header .kh .kh-drawer-nav{margin-top:10px}
#header .kh .kh-drawer .kh-item{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--kh-filo)}
#header .kh .kh-drawer .kh-link{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;font-size:18px;line-height:1.25;font-weight:400;text-align:left;color:var(--kh-testo)}
#header .kh .kh-drawer .kh-link:hover,#header .kh .kh-drawer .kh-current > .kh-link,#header .kh .kh-drawer .kh-aperta > .kh-link{color:var(--kh-vino)}
#header .kh .kh-drawer .kh-toggle::before{width:8px;height:8px;margin:-4px 6px 0 0}
#header .kh .kh-drawer .kh-toggle--icona{flex:none;display:flex;align-items:center;justify-content:center;width:44px;min-height:54px;color:var(--kh-testo)}
#header .kh .kh-drawer .kh-toggle--icona::before{margin:-4px 0 0}
#header .kh .kh-drawer .kh-sub{flex-basis:100%;display:grid;grid-template-rows:0fr}
#header .kh .kh-drawer .kh-aperta > .kh-sub{grid-template-rows:1fr}
#header .kh .kh-drawer .kh-submenu{min-height:0;overflow:hidden;visibility:hidden}
#header .kh .kh-drawer .kh-aperta > .kh-sub .kh-submenu{visibility:visible}
#header .kh .kh-drawer .kh-sub-testa{display:none}
#header .kh .kh-drawer .kh-subitem:first-child{padding-top:2px}
#header .kh .kh-drawer .kh-subitem:last-child{padding-bottom:14px}
#header .kh .kh-drawer .kh-sublink{display:flex;align-items:center;min-height:44px;padding-left:18px;border-left:1px solid var(--kh-filo-vino);font-size:16px;color:var(--kh-viola)}
#header .kh .kh-drawer .kh-sublink:hover,#header .kh .kh-drawer .kh-current > .kh-sublink{color:var(--kh-vino);border-left-color:var(--kh-vino)}
#header .kh .kh-drawer-azioni{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:10px;margin-top:26px}
#header .kh .kh-drawer-pill{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 14px;border:1px solid var(--kh-filo-vino);border-radius:999px;font-size:15px;color:var(--kh-testo)}
#header .kh .kh-drawer-pill:hover{border-color:var(--kh-vino);color:var(--kh-vino)}
#header .kh .kh-aiuto{margin-top:26px;padding:22px 20px 12px;border-radius:14px;background:var(--kh-rosa)}
#header .kh .kh-aiuto-testo{margin-top:8px;font-size:15px;line-height:1.5;color:var(--kh-viola)}
#header .kh .kh-aiuto-link{display:flex;align-items:center;gap:14px;min-height:56px;padding:6px 0;color:var(--kh-testo)}
#header .kh .kh-aiuto-link + .kh-aiuto-link{border-top:1px solid var(--kh-filo)}
#header .kh .kh-aiuto-link:first-of-type{margin-top:8px}
#header .kh .kh-aiuto-link svg{color:var(--kh-vino)}
#header .kh .kh-aiuto-link span{display:flex;flex-direction:column;font-size:15px;line-height:1.35}
#header .kh .kh-aiuto-link small{font-size:10.5px;line-height:1.4;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--kh-viola)}
#header .kh .kh-aiuto-link:hover span{color:var(--kh-vino)}
/* biglietto NEW10 in fondo al menu laterale, come il footer su telefono: cartoncino sopra, matrice melanzana sotto */
#header .kh .kh-biglietto--drawer{position:relative;display:flex;flex-direction:column;margin-top:22px;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--kh-filo-vino)}
#header .kh .kh-biglietto--drawer .kh-biglietto-testo{padding:18px 20px 16px}
#header .kh .kh-biglietto--drawer .kh-biglietto-frase{margin-top:8px;font-size:19px;line-height:1.3}
#header .kh .kh-biglietto--drawer .kh-biglietto-codice{padding:14px 20px;font-size:22px}
#header .kh .kh-biglietto--drawer .kh-biglietto-codice::before,#header .kh .kh-biglietto--drawer .kh-biglietto-codice::after{box-shadow:none}

/* pannello del carrello */
#header .kh .kh-pannello-titolo{display:flex;align-items:baseline;gap:12px;font-size:22px;line-height:1.2;font-weight:400;letter-spacing:-.01em;color:var(--kh-testo)}
#header .kh .kh-carrello-n{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--kh-vino)}
#header .kh .kh-spedizione{flex:none;padding:14px 24px 16px;background:var(--kh-rosa);border-bottom:1px solid var(--kh-filo)}
#header .kh .kh-spedizione-testo{font-size:14px;line-height:1.4;color:var(--kh-testo)}
#header .kh .kh-spedizione-testo strong{font-weight:600;color:var(--kh-vino)}
#header .kh .kh-spedizione-barra{display:block;height:4px;margin-top:10px;overflow:hidden;border-radius:999px;background:rgba(99,42,72,.14)}
#header .kh .kh-spedizione-barra i{display:block;width:var(--kh-p,0%);height:100%;border-radius:inherit;background:var(--kh-vino)}
#header .kh .kh-carrello .kh-pannello-corpo{display:flex;flex-direction:column}
#header .kh .kh-carrello .widget_shopping_cart_content{flex:1;min-height:0;display:flex;flex-direction:column}
#header .kh .kh-carrello .total-count{display:none}
#header .kh .kh-carrello .cart_list{flex:1 1 auto;min-height:0;max-height:none;margin:0;padding:4px 24px;overflow-y:auto;border:0}
#header .kh .kh-carrello .mini_cart_item{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:start;float:none;width:auto;margin:0;padding:18px 40px 18px 0;border:0;border-bottom:1px solid var(--kh-filo);background:none}
#header .kh .kh-carrello .mini_cart_item:last-child{border-bottom:0}
/* Porto mette overflow:hidden su .product-image .inner e vi posiziona la «×»: qui il contenitore torna statico
   e la «×» sta a destra della riga, lontana dal link della foto */
#header .kh .kh-carrello .product-image,#header .kh .kh-carrello .product-image .inner{position:static;float:none;width:auto;max-width:none;margin:0;padding:0;border:0;background:none;overflow:visible}
#header .kh .kh-carrello .product-image img{width:88px;height:88px;max-width:none;object-fit:cover;border-radius:10px;background:var(--kh-rosa)}
/* area di tocco da 44 px (bordo trasparente), cerchio visibile da 36 */
#header .kh .kh-carrello a.remove{position:absolute;top:10px;right:-8px;left:auto;z-index:1;display:block;width:44px;height:44px;margin:0;padding:0;border:4px solid transparent;border-radius:50%;background:#fff padding-box;box-shadow:inset 0 0 0 1px var(--kh-filo);font-size:0;line-height:0;text-indent:0;color:var(--kh-viola);opacity:1}
#header .kh .kh-carrello a.remove::before,#header .kh .kh-carrello a.remove::after{content:"";position:absolute;left:12px;right:auto;top:17.3px;width:12px;height:1.4px;margin:0;border:0;border-radius:1px;background:currentColor;font:0/0 a;transform:rotate(45deg)}
#header .kh .kh-carrello a.remove::after{transform:rotate(-45deg)}
#header .kh .kh-carrello a.remove:hover{background:var(--kh-rosa) padding-box;box-shadow:inset 0 0 0 1px var(--kh-filo-vino);color:var(--kh-vino)}
/* Porto dà a .product-details una larghezza calcolata per il suo layout a float e al nome white-space:nowrap:
   qui la colonna prende tutta la sua cella e i nomi lunghi vanno a capo invece di finire sotto la «×» */
#header .kh .kh-carrello .product-details{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:auto;min-width:0;max-width:none;margin:0;padding:6px 0 0;float:none}
#header .kh .kh-carrello .product-details > a{display:block;overflow:visible;font-size:16px;line-height:1.3;font-weight:500;white-space:normal;text-overflow:clip;color:var(--kh-testo)}
#header .kh .kh-carrello .product-details > a:hover{color:var(--kh-vino)}
#header .kh .kh-carrello .variation{display:flex;flex-wrap:wrap;gap:0 5px;margin:0;font-size:13px;line-height:1.5;color:var(--kh-viola)}
#header .kh .kh-carrello .variation :is(dt,dd,p){display:inline;float:none;margin:0;padding:0;font-size:13px;font-weight:400;line-height:1.5;color:inherit}
#header .kh .kh-carrello .quantity{display:block;margin-top:4px;font-size:14px;line-height:1.4;color:var(--kh-viola)}
#header .kh .kh-carrello .quantity .amount{font-weight:500;color:var(--kh-testo)}
#header .kh .kh-carrello .ajax-loading{display:none;position:absolute;inset:0;z-index:1;background:rgba(255,255,255,.72)}
#header .kh .kh-carrello .woocommerce-mini-cart__total{flex:none;display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0;padding:18px 24px 0;border-top:1px solid var(--kh-filo);font-size:15px;line-height:1.4;color:var(--kh-viola);text-transform:none;text-align:left}
#header .kh .kh-carrello .woocommerce-mini-cart__total strong{font-weight:400;color:var(--kh-viola)}
#header .kh .kh-carrello .woocommerce-mini-cart__total .amount{font-size:21px;font-weight:500;color:var(--kh-testo)}
#header .kh .kh-carrello .woocommerce-mini-cart__buttons{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:16px 24px 6px}
#header .kh .kh-carrello .woocommerce-mini-cart__buttons .button{display:flex;align-items:center;justify-content:center;width:auto;min-height:50px;margin:0;padding:0 14px;border:1px solid var(--kh-melanzana);border-radius:999px;background:#fff;box-shadow:none;font-size:12.5px;line-height:1.2;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-align:center;white-space:nowrap;color:var(--kh-melanzana)}
#header .kh .kh-carrello .woocommerce-mini-cart__buttons .button:hover{background:var(--kh-rosa)}
#header .kh .kh-carrello .woocommerce-mini-cart__buttons .button.checkout{background:var(--kh-melanzana);color:#fff}
#header .kh .kh-carrello .woocommerce-mini-cart__buttons .button.checkout:hover{background:var(--kh-vino);border-color:var(--kh-vino)}
#header .kh .kh-carrello-nota{flex:none;padding:12px 24px 18px;font-size:12.5px;line-height:1.4;letter-spacing:.02em;text-align:center;color:var(--kh-viola)}
/* carrello vuoto */
#header .kh .kh-vuoto{display:none}
#header .kh .kh-carrello:has(.woocommerce-mini-cart__empty-message) .kh-pannello-corpo{justify-content:center}
#header .kh .kh-carrello:has(.woocommerce-mini-cart__empty-message) .widget_shopping_cart_content{flex:0 0 auto}
#header .kh .kh-carrello:has(.woocommerce-mini-cart__empty-message) .cart_list{flex:none;overflow:visible}
#header .kh .kh-carrello .woocommerce-mini-cart__empty-message{display:flex;flex-direction:column;align-items:center;gap:18px;padding:0 8px;border:0;font-size:22px;line-height:1.25;font-weight:300;text-align:center;color:var(--kh-testo)}
#header .kh .kh-carrello .woocommerce-mini-cart__empty-message::before{content:"";width:64px;height:64px;border-radius:50%;background:var(--kh-rosa) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23632a48' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.3 8.6h13.4l-1 11a1 1 0 0 1-1 .9H7.3a1 1 0 0 1-1-.9z'/%3E%3Cpath d='M9 10.8V7.3a3 3 0 0 1 6 0v3.5'/%3E%3C/svg%3E") center/30px no-repeat}
#header .kh .kh-carrello:has(.woocommerce-mini-cart__empty-message) .kh-vuoto{display:flex;flex-direction:column;align-items:center;gap:22px;padding:14px 36px 40px;text-align:center}
#header .kh .kh-vuoto-testo{max-width:30ch;font-size:15px;line-height:1.55;color:var(--kh-viola)}
#header .kh .kh-bottone{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 30px;border-radius:999px;background:var(--kh-melanzana);font-size:12.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#fff}
#header .kh .kh-bottone:hover{background:var(--kh-vino)}

/* pagina ferma sotto un pannello aperto, senza salto delle barre di scorrimento; WhatsApp non deve coprire il pannello;
   il fuoco sul contenuto non finisce mai sotto la barra ridotta; --kh-altezza-ferma è l'altezza della barra da ferma
   (contratto con le FAQ: il biglietto contatti si ferma lì sotto) */
html.kh-aperto{overflow:hidden;scrollbar-gutter:stable}
html.kh-aperto .wa__btn_popup,html.kh-lista .wa__btn_popup{display:none}
html.kh-sp{scroll-padding-top:56px;--kh-altezza-ferma:48px}
html.kh-sp:has(> body.admin-bar){scroll-padding-top:88px;--kh-altezza-ferma:80px}

/* ── movimento, solo per chi non chiede di ridurlo ── */
@media (prefers-reduced-motion:no-preference){
  #header .kh.kh-pronto .kh-barra{transition:transform .36s var(--kh-curva)}
  /* chi esce sfuma in fretta, chi entra aspetta: i due messaggi non si leggono mai sovrapposti */
  #header .kh .kh-ticker-msg{transition:opacity .2s ease,transform .2s ease}
  #header .kh .kh-ticker-msg.kh-on{transition:opacity .45s ease .2s,transform .55s var(--kh-curva) .2s}
  #header .kh .kh-ticker{transition:visibility 0s}
  #header .kh.kh-fisso .kh-ticker,#header .kh.kh-fisso:not(.kh-su-cerca) .kh-top{transition:visibility 0s .36s}
  #header .kh .kh-salta{transition:transform .2s var(--kh-curva),opacity .2s}
  #header .kh .kh-pillola{transition:border-color .2s,box-shadow .2s}
  #header .kh .kh-azione,#header .kh .kh-etichetta,#header .kh .kh-logo,#header .kh .kh-nav-logo,#header .kh .kh-nav-ico,#header .kh .kh-chiudi,#header .kh .kh-drawer-pill,#header .kh .kh-ticker-freccia,#header .kh .kh-ticker-pausa{transition:color .2s,background-color .2s,opacity .2s,border-color .2s}
  #header .kh .kh-nav{transition:box-shadow .3s}
  #header .kh .kh-ticker-msgs{transition:opacity .25s}
  /* chi entra è subito visibile (e focalizzabile) ma sfuma dopo che l'altro è uscito */
  #header .kh .kh-nav-centro{transition:opacity .25s .12s,visibility 0s}
  #header .kh.kh-fisso:not(.kh-su-cerca) .kh-nav-centro{transition:opacity .12s,visibility 0s .12s}
  #header .kh.kh-pronto .kh-nav-ridotta{transition:opacity .12s,visibility 0s .12s}
  #header .kh.kh-pronto.kh-fisso:not(.kh-su-cerca) .kh-nav-ridotta{transition:opacity .25s .12s,visibility 0s}
  #header .kh .kh-nav .kh-link{transition:color .2s}
  #header .kh .kh-nav .kh-link::after{transition:transform .3s var(--kh-curva)}
  #header .kh .kh-toggle::before{transition:transform .25s var(--kh-curva)}
  #header .kh .kh-nav .kh-sub{transition:opacity .18s,transform .26s var(--kh-curva),visibility 0s .26s}
  #header .kh .kh-nav .kh-aperta > .kh-sub{transition:opacity .18s,transform .26s var(--kh-curva),visibility 0s}
  #header .kh .kh-nav .kh-sublink,#header .kh .kh-nav a.kh-sublink::before{transition:color .2s,opacity .25s,transform .3s var(--kh-curva)}
  #header .kh .kh-sub-tutto svg{transition:transform .3s var(--kh-curva)}
  #header .kh .kh-velo{transition:opacity .3s,visibility 0s .3s}
  #header .kh.kh-velo-on .kh-velo{transition:opacity .3s,visibility 0s}
  #header .kh .kh-pannello{transition:transform .42s var(--kh-curva),visibility 0s .42s}
  #header .kh .kh-pannello.kh-on{transition:transform .42s var(--kh-curva),visibility 0s}
  #header .kh .kh-drawer .kh-sub{transition:grid-template-rows .32s var(--kh-curva)}
  #header .kh .kh-drawer .kh-submenu{transition:visibility 0s .32s}
  #header .kh .kh-drawer .kh-aperta > .kh-sub .kh-submenu{transition:visibility 0s}
  #header .kh .kh-drawer .kh-link,#header .kh .kh-drawer .kh-sublink{transition:color .2s,border-color .2s}
  #header .kh .kh-spedizione-barra i{transition:width .6s var(--kh-curva)}
  #header .kh .kh-opz{transition:background-color .15s,box-shadow .15s}
}
@media (prefers-reduced-motion:reduce){
  #header .kh .kh-ticker-pausa{visibility:hidden}
}

/* ── da 1160 px: contenitore di 1120 come la pagina e il footer ── */
@media (min-width:992px){
  /* senza righe di modelli il pannello resta largo quanto la pillola */
  #header .kh .kh-sugg:not(:has(.kh-sugg-prodotti)){width:100%}
  /* nella riga ridotta a 992 px restano lente e carrello: lo spazio va al menu */
  #header .kh .kh-nav-dx a.kh-nav-ico{display:none}
  #header .kh .kh-nav .kh-lungo > .kh-sub{grid-template-columns:minmax(0,200px) minmax(0,1fr)}
  #header .kh .kh-nav .kh-lungo .kh-biglietto{display:none}
}
@media (min-width:1160px){
  #header .kh{--kh-wrap:1120px;--kh-menu-fs:15px;--kh-rid-fs:14.5px;--kh-rid-gap:18px}
  #header .kh .kh-top-wrap{grid-template-columns:minmax(max-content,1fr) minmax(300px,480px) minmax(max-content,1fr);column-gap:28px}
  #header .kh .kh-nav .kh-menu:has(> .kh-item:nth-child(11)){--kh-menu-fs:14px}
  #header .kh .kh-nav-dx a.kh-nav-ico{display:grid}
  #header .kh .kh-nav .kh-lungo > .kh-sub{grid-template-columns:minmax(0,220px) minmax(0,1fr) 296px}
  #header .kh .kh-nav .kh-lungo .kh-biglietto{display:flex}
}

/* ── sotto i 992 px: una riga sola, menu nel pannello ── */
@media (max-width:991px){
  #header .kh{--kh-wrap:calc(100% - 40px);--kh-top-h:72px;--kh-nav-h:0px;--kh-salita:var(--kh-ticker-h)}
  #header .kh .kh-nav{display:none}
  #header .kh .kh-top-wrap{grid-template-columns:auto minmax(0,1fr) auto;column-gap:20px}
  #header .kh .kh-logo img{height:34px}
  #header .kh .kh-cerca{justify-self:center;width:100%;max-width:440px}
  #header .kh .kh-sugg{left:0;width:auto;min-width:100%;transform:none}
  #header .kh .kh-sugg-prodotti{grid-template-columns:minmax(0,1fr)}
  #header .kh .kh-azioni{gap:0;margin:0}
  #header .kh .kh-azione,#header .kh .kh-azione--account[aria-label="Il mio account"]{width:44px;height:44px;border-radius:50%}
  #header .kh .kh-azione--menu{display:flex}
  #header .kh .kh-etichetta{display:none}
  #header .kh .kh-ticker-freccia{width:44px;height:var(--kh-ticker-h);border-radius:0}
  #header .kh .kh-ticker-pausa{width:44px;height:var(--kh-ticker-h);margin-left:0;border-radius:0}
  #header .kh .kh-ticker-freccia:hover,#header .kh .kh-ticker-pausa:hover{background:none}
  html.kh-sp{scroll-padding-top:80px;--kh-altezza-ferma:72px}
  html.kh-sp:has(> body.admin-bar){scroll-padding-top:112px;--kh-altezza-ferma:104px}
}
@media (max-width:782px){
  html.kh-sp:has(> body.admin-bar){scroll-padding-top:126px;--kh-altezza-ferma:118px}
}

/* ── sotto i 768 px: logo e icone, ricerca sotto; la ricerca aperta diventa un dialogo a tutto schermo ── */
@media (max-width:767px){
  #header .kh{--kh-top-h:50px;--kh-cerca-h:52px}
  #header .kh .kh-top-wrap{grid-template-columns:auto minmax(0,1fr);column-gap:8px}
  #header .kh .kh-logo img{height:30px}
  #header .kh .kh-azioni{justify-self:end;margin-right:-10px}
  #header .kh .kh-cerca{position:absolute;top:100%;left:0;right:0;max-width:none;height:var(--kh-cerca-h);padding:0 20px 6px;background:var(--kh-cipria)}
  /* aree di tocco da 44 px: campo, lente, croce, pillole delle categorie */
  #header .kh .kh-pillola{height:46px;padding:0}
  #header .kh .kh-pillola-invia{width:44px;height:44px}
  #header .kh .kh-ticker-wrap{width:100%;max-width:none}
  #header .kh .kh-ticker-msgs{flex:1 1 auto}
  #header .kh .kh-ticker-msg{gap:0;padding:0 2px;letter-spacing:.1em;white-space:normal;text-wrap:balance}
  #header .kh .kh-ticker-msg::before{content:none}
  #header .kh .kh-codice{margin:0 .15em;padding:1px 3px 0 5px;letter-spacing:.12em}
  /* barra ridotta: la ricerca si ritira, al posto dell'account compare la lente */
  #header .kh.kh-fisso:not(.kh-su-cerca) .kh-cerca{opacity:0;visibility:hidden;transform:translateY(-10px)}
  #header .kh.kh-fisso .kh-azione--account{display:none}
  #header .kh.kh-fisso .kh-azione--cerca{display:flex}
  /* ricerca aperta: dialogo a tutto schermo, pillola in testa, risultati in righe a tutta larghezza */
  #header .kh.kh-su-cerca .kh-barra,#header .kh.kh-fisso.kh-su-cerca .kh-barra{transform:none;transition:none}
  #header .kh.kh-su-cerca .kh-cerca{position:fixed;top:0;bottom:0;z-index:5;display:flex;flex-direction:column;height:auto;padding:0;background:#fff;opacity:1;visibility:visible;transform:none}
  #header .kh.kh-su-cerca .kh-form{flex:1;min-height:0;flex-wrap:wrap;align-content:flex-start;gap:0 6px}
  #header .kh.kh-su-cerca .kh-pillola{margin:10px 0 10px 12px}
  #header .kh.kh-su-cerca .kh-cerca-chiudi{margin-right:6px}
  /* la pillola resta in testa, scorre solo l'elenco; lo spazio in fondo porta le ultime righe sopra la tastiera */
  #header .kh.kh-su-cerca .kh-sugg{position:static;flex:1 1 100%;width:auto;min-width:0;max-height:calc(100vh - 66px);max-height:calc(100dvh - 66px);padding:4px 6px 46vh;border:0;border-top:1px solid var(--kh-filo);border-radius:0;box-shadow:none;transform:none}
  #header .kh.kh-su-cerca .kh-opz--prod{min-height:72px}
  #header .kh .kh-opz--chip{min-height:44px}
  #header .kh .kh-drawer .kh-pannello-corpo{padding:22px 20px 28px}
  #header .kh .kh-pannello-testa{padding-left:20px}
  html.kh-sp{scroll-padding-top:58px;--kh-altezza-ferma:50px}
  html.kh-sp:has(> body.admin-bar){scroll-padding-top:104px;--kh-altezza-ferma:96px}
}
@media (max-width:767px) and (prefers-reduced-motion:no-preference){
  #header .kh .kh-cerca{transition:opacity .2s,transform .3s var(--kh-curva),visibility 0s}
  #header .kh.kh-fisso:not(.kh-su-cerca) .kh-cerca{transition:opacity .16s,transform .3s var(--kh-curva),visibility 0s .3s}
}
/* sotto i 600 px la barra di amministrazione non è fissa: scorre via e la testata torna in cima */
@media (max-width:600px){
  html.kh-sp:has(> body.admin-bar){scroll-padding-top:58px;--kh-altezza-ferma:50px}
}
/* pannello del carrello stretto: i due pulsanti uno sotto l'altro, a tutta larghezza */
@media (max-width:439px){
  #header .kh .kh-carrello .woocommerce-mini-cart__buttons{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:359px){
  #header .kh .kh-logo img{height:27px}
  #header .kh .kh-azioni{margin-right:-12px}
  #header .kh .kh-drawer-azioni{grid-template-columns:1fr}
}