/* === barra reparti: una riga, sul modello di Amazon === */
html body #igc-category-bar{display:none!important}
html body .inox-header-main .ibr{display:block;width:100%;background:linear-gradient(180deg,rgba(46,41,38,.97),rgba(33,30,28,.97));border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(240,32,40,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);font-family:var(--inox-font-body,system-ui,sans-serif);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html body .inox-header-main.is-overlay:not(.is-scrolled) .ibr{background:linear-gradient(180deg,rgba(24,21,19,.55),rgba(24,21,19,.42))}
/* la barra va da bordo a bordo: l'header ha 30px di rientro (istanza Elementor 2507), che la chiudeva in un riquadro */
html body .inox-header-main{padding-left:0!important;padding-right:0!important;padding-bottom:0!important}
html body .inox-header-main .inox-header-inner,html body .inox-header-main .ibr-in{padding-left:30px;padding-right:30px}
html body .inox-header-main .ibr-in{display:flex;align-items:center;gap:4px;min-height:40px;padding-top:0;padding-bottom:0}
html body .inox-header-main .ibr ul{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
html body .inox-header-main .ibr li{list-style:none;margin:0;padding:0;flex:0 0 auto}
html body .inox-header-main .ibr a,html body .inox-header-main .ibr button{display:flex;align-items:center;gap:7px;height:32px;padding:0 9px;margin:0;border:1px solid transparent;border-radius:4px;background:none;color:#f5f5f4!important;font:500 14px/1 var(--inox-font-body,system-ui,sans-serif);letter-spacing:0;text-transform:none;text-decoration:none!important;white-space:nowrap;cursor:pointer;box-shadow:none;transition:border-color .12s ease,background-color .12s ease}
html body .inox-header-main .ibr a:hover,html body .inox-header-main .ibr button:hover,html body .inox-header-main .ibr a:focus-visible,html body .inox-header-main .ibr button:focus-visible{border-color:rgba(255,255,255,.85);background:rgba(255,255,255,.06);color:#fff!important;outline:none}
html body .inox-header-main .ibr a[aria-current="page"]{border-color:rgba(240,32,40,.7);background:rgba(240,32,40,.14)}
html body .inox-header-main .ibr button{font-family:var(--inox-font-body,system-ui,sans-serif)!important;font-size:14px!important}
html body .inox-header-main .ibr .ibr-tutte{font-weight:700;padding-left:6px;margin-right:4px}
html body .inox-header-main .ibr a,html body .inox-header-main .ibr a[aria-current]{text-decoration:none!important}
html body .inox-header-main .ibr-hb{display:inline-flex;flex-direction:column;justify-content:center;gap:3px;width:18px}
html body .inox-header-main .ibr-hb i{display:block;height:2px;border-radius:2px;background:currentColor}
html body .inox-header-main .ibr .ibr-offerte{background:#b3121b;border-color:#b3121b;color:#fff!important;font-family:var(--inox-font-mono,monospace);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;height:26px;margin:0 4px;box-shadow:0 2px 10px rgba(179,18,27,.35)}
html body .inox-header-main .ibr .ibr-offerte:hover,html body .inox-header-main .ibr .ibr-offerte:focus-visible{background:#d01822;border-color:#fff}
html body .inox-header-main .ibr-dot{width:8px;height:8px;border-radius:50%;background:#3fbf6a;box-shadow:0 0 0 3px rgba(63,191,106,.22)}
html body .inox-header-main .ibr .ibr-prime{padding-right:6px;margin-right:4px;border-right:1px solid rgba(255,255,255,.14)}
html body .inox-header-main .ibr .ibr-rep{flex:1 1 auto;min-width:0;overflow:hidden}
html body .inox-header-main .ibr .ibr-altro[hidden]{display:none}
html body .inox-header-main .ibr .ibr-rep>li.ibr-fuori{display:none}
html body .inox-header-main .ibr .ibr-servizi{margin-left:auto;padding-left:6px;border-left:1px solid rgba(255,255,255,.14)}
html body .inox-header-main .ibr .ibr-servizi a{color:#d6d3d1!important;font-size:13.5px}
html body .inox-header-main .ibr .ibr-altro{position:relative}
html body .inox-header-main .ibr-fr{width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg)}
html body .inox-header-main .ibr .ibr-altro-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;display:block;min-width:230px;padding:6px;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #d7dde1;border-radius:10px;box-shadow:0 18px 40px rgba(18,23,26,.28)}
html body .inox-header-main .ibr .ibr-altro-menu[hidden]{display:none}
html body .inox-header-main .ibr .ibr-altro-menu a{height:40px;color:#12171a!important;font-size:15px;border-radius:6px}
html body .inox-header-main .ibr .ibr-altro-menu a:hover,html body .inox-header-main .ibr .ibr-altro-menu a:focus-visible{background:#f0f2f4;border-color:#d7dde1;color:#12171a!important}

/* === la ricerca: campo bianco largo e pulsante rosso, come il marketplace (computer e telefono) === */
html body .inox-header-main .inox-search-form{height:46px;border-radius:8px;overflow:hidden;background:#fff;border:2px solid transparent;box-shadow:0 2px 10px rgba(0,0,0,.18);transition:border-color .12s ease,box-shadow .12s ease} 
html body .inox-header-main .inox-search-form:focus-within{border-color:#f02028;box-shadow:0 0 0 3px rgba(240,32,40,.28)} 
html body .inox-header-main .inox-search-form .inox-search-input{height:100%;background:#fff!important;color:#12171a!important;font-size:15.5px;border:0!important;padding:0 16px} 
html body .inox-header-main .inox-search-form .inox-search-input::placeholder{color:#5d666c!important;opacity:1!important} 
html body .inox-header-main .inox-search-btn{height:100%;width:56px;background:#b3121b!important;color:#fff!important;border:0!important;border-radius:0!important;font-size:17px} 
html body .inox-header-main .inox-search-btn:hover{background:#d01822!important}
html body .inox-header-main .inox-search-btn i{color:#fff!important}
/* il numero sul carrello: bianco su #dc3935 faceva 4,49:1 (sotto 4,5) su ogni pagina */
html body .inox-header-main .inox-cart-count{background:#c8141e!important;color:#fff!important}

/* === riga in alto, da computer: logo · ricerca larga · lingua · account · carrello ===
   I link di servizio passano nella barra (a destra), il burger diventa «Tutte le categorie». */
@media (min-width:1101px){
 html body .inox-header-main .inox-header-inner{gap:18px;padding-top:9px;padding-bottom:9px}
 html body .inox-header-main .inox-header-inner>.inox-burger-btn,html body .inox-header-main .inox-header-inner>.inox-main-nav{display:none!important}
 html body .inox-header-main .inox-search-wrap{flex:1 1 auto;max-width:none;margin:0 6px}
}

/* === tablet e telefono: la barra diventa una riga che scorre col dito === */
@media (max-width:1100px){
 /* riga in alto: menu · logo · account · carrello, e sotto la ricerca SEMPRE a vista (non un'icona da scoprire) */
 html body .inox-header-main .inox-header-inner{flex-wrap:wrap;row-gap:10px;column-gap:14px;padding:8px 14px 10px;height:auto!important;min-height:0!important}
 /* nelle copie congelate (home) wpautop ha chiuso la lente in un <p>: la lente sparisce, la ricerca e' a vista */
 html body .inox-header-main .inox-header-inner>p:has(.inox-search-mobile-btn),html body .inox-header-main .inox-header-inner .inox-search-mobile-btn{display:none!important}
 html body .inox-header-main .inox-header-inner>.inox-burger-btn{order:1}
 html body .inox-header-main .inox-header-inner>.inox-logo{order:2}
 html body .inox-header-main .inox-header-inner>.inox-actions-group{order:3;margin-left:auto}
 html body .inox-header-main .inox-header-inner>.inox-main-nav,html body .inox-header-main .inox-header-inner>.inox-search-mobile-btn{display:none!important}
 html body .inox-header-main .inox-header-inner>.inox-search-wrap{display:block!important;order:4;flex:1 1 100%;max-width:none;margin:0}
 html body .inox-header-main .inox-search-form{height:48px}
 html body .inox-header-main .inox-search-form .inox-search-input{font-size:16px}
 /* il menu ha la sua etichetta sotto le tre righe: per chi non riconosce l'icona */
 html body .inox-header-main #inoxBurgerBtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:auto;min-width:48px;height:auto;min-height:48px;padding:4px 2px}
 html body .inox-header-main #inoxBurgerBtn::after{content:"Menu";position:static;transform:none;margin:2px 0 0;font:600 11px/1 var(--inox-font-body,system-ui,sans-serif);color:#fff;letter-spacing:0}
 html[lang^="de"] body .inox-header-main #inoxBurgerBtn::after{content:"Menü"}
 html[lang^="en"] body .inox-header-main #inoxBurgerBtn::after{content:"Menu"}
 html body .inox-header-main .ibr .ibr-tutte,html body .inox-header-main .ibr .ibr-piu{display:none!important}
 html body .inox-header-main .ibr .ibr-servizi{margin-left:0}
 /* scorrendo, la riga dei reparti si ritira: sul telefono l'header fisso restava alto 180px
    su 844 — un quinto dello schermo. Restano menu, logo, account, carrello e la ricerca. */
 html body .inox-header-main .ibr{max-height:64px;transition:max-height .22s ease}
 html body .inox-header-main.ihn-vetro .ibr,html body .inox-header-main.is-scrolled .ibr{max-height:0;overflow:hidden;border-bottom-color:transparent}
 html body .inox-header-main .ibr-in{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-height:52px;gap:2px;padding-left:10px;padding-right:10px}
 html body .inox-header-main .ibr-in::-webkit-scrollbar{display:none}
 html body .inox-header-main .ibr .ibr-rep{overflow:visible;flex:0 0 auto}
 html body .inox-header-main .ibr .ibr-rep>li.ibr-fuori{display:list-item}
 html body .inox-header-main .ibr a{height:44px;font-size:15px;padding:0 10px}
 html body .inox-header-main .ibr .ibr-offerte{height:40px;padding:0 12px}
}
/* la ricerca ora sta sempre nell'header: quella dentro l'hero della home (telefono) sarebbe un doppione */
body:has(.inox-header-main .ibr) .ihl-hero-cerca{display:none!important}
/* lo spazio dell'hero della home sotto un header piu' alto */
html.ibr-on body.inox-has-overlay-header .ico-hero{padding-top:max(130px,calc(var(--ibr-hh,110px) + 34px))}
@media (prefers-reduced-motion:reduce){html body .inox-header-main .ibr a,html body .inox-header-main .ibr button,html body .inox-header-main .ibr{transition:none}}