/* Intestazione mobile: riserva spazio ai comandi anche su Android a 320px.
   Il marchio può andare su due righe, senza spingere il carrello fuori bordo. */
@media (max-width:759px){
  .site-header .header-inner{
    width:calc(100% - 16px)!important;
    min-width:0;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    gap:4px!important;
  }
  .site-header .desktop-nav{display:none!important}
  .site-header .mobile-menu-only{display:grid!important}
  .site-header .brand{
    min-width:0;
    max-width:100%;
    justify-self:center!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    text-align:center;
    font-size:clamp(.8rem,3.6vw,1rem)!important;
    letter-spacing:.025em!important;
    line-height:1.15;
  }
  .site-header .header-actions{min-width:0;gap:0!important}
  .site-header .language-selector,
  .site-header .header-action-btn .action-label{display:none!important}
  .site-header .icon-btn,
  .site-header .header-action-btn{
    width:44px!important;
    min-width:44px;
    min-height:44px!important;
    flex:0 0 44px;
    padding:0!important;
    display:grid;
    place-items:center;
    color:#f3efe7;
  }
  .site-header .header-actions .search-header{display:grid!important}
  /* Il pulsante carrello e' gia' un'area cliccabile da 44px:
     niente secondo disco/bordo dietro l'icona. */
  .site-header button[data-open="cartDrawer"]{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    outline-offset:3px;
  }
  .site-header .header-action-btn .count-dot{top:0;right:0}
  .site-header .header-action-btn svg{stroke-width:1.8}
}

/* La FAQ usa il menu senza .drawer: deve comunque stare sopra #scrim (1000). */
#menuDrawer:not(.drawer){
  z-index:1100;
  max-height:calc(100vh - 16px);
  max-height:calc(100dvh - 16px);
  overscroll-behavior:contain;
  padding-bottom:max(1rem,env(safe-area-inset-bottom));
}
#menuDrawer .drawer-close{color:#f3efe7}

/* I contatti flottanti non devono coprire le voci del menu FAQ. */
body:has(#menuDrawer:not(.drawer).open) .floating-actions{visibility:hidden}


/* Carrello aperto: ogni elemento flottante lascia libera la visuale.
   Funziona anche dopo navigazione fra pagine e riappare alla chiusura. */
body:has(#cartDrawer.open) .floating-actions,
body:has(#cartDrawer.open) .bottom-utility-dock,
body:has(#cartDrawer.open) .set-indicator,
body:has(#cartDrawer.open) .stock-indicator,
body:has(#cartDrawer.open) .compare-indicator,
body:has(#cartDrawer.open) .time-offer-float,
body:has(#cartDrawer.open) .floating-offer,
body:has(#cartDrawer.open) .floating-set,
body:has(#cartDrawer.open) .floating-stock,
body:has(#cartDrawer[aria-hidden="false"]) .floating-actions,
body:has(#cartDrawer[aria-hidden="false"]) .bottom-utility-dock,
body:has(#cartDrawer[aria-hidden="false"]) .time-offer-float {
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:none!important;
}