/* GLOMA final header overlap + menu behavior fix (2026-07-02)
   Desktop only spacing plus overlay submenu. Keeps body/footer/admin unchanged. */
@media (min-width: 761px){
  :root{
    --glo-header-top:74px!important;
    --glo-header-nav:40px!important;
  }
  .gloma-amazon-header{
    position:sticky!important;
    top:0!important;
    z-index:2147483000!important;
    overflow:visible!important;
  }
  .gloma-amazon-topbar{
    height:74px!important;
    min-height:74px!important;
    align-items:center!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
    overflow:visible!important;
  }
  .gloma-amazon-logo{
    height:56px!important;
    align-self:center!important;
  }
  .gloma-amazon-logo img{
    width:50px!important;
    height:46px!important;
    flex:0 0 50px!important;
  }
  .gloma-amazon-slogan{
    max-width:64px!important;
    font-size:9px!important;
    line-height:1.02!important;
  }
  .gloma-amazon-location,
  .gloma-account-link,
  .gloma-orders-link,
  .gloma-cart-area,
  .gloma-cart-link,
  .gloma-currency-select{
    align-self:center!important;
  }
  .gloma-amazon-nav{
    height:40px!important;
    min-height:40px!important;
    align-items:center!important;
    position:relative!important;
    z-index:2147483002!important;
    overflow:hidden!important;
    margin-top:0!important;
  }
  .gloma-amazon-nav a,
  .gloma-amazon-nav button{
    height:32px!important;
    min-height:32px!important;
    line-height:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

/* Submenu strip should float under the Amazon-style nav and never push/jump the page. */
.gloma-submenu-strip{
  display:none!important;
  position:absolute!important;
  left:50%!important;
  top:calc(var(--glo-header-top,70px) + var(--glo-header-nav,42px))!important;
  transform:translateX(-50%)!important;
  width:min(1500px, calc(100vw - 24px))!important;
  max-width:min(1500px, calc(100vw - 24px))!important;
  z-index:2147483200!important;
  max-height:calc(100vh - 140px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  background:#f8fafc!important;
  border:1px solid rgba(15,23,42,.18)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.28)!important;
  border-radius:0 0 14px 14px!important;
  padding:10px 12px!important;
}
.gloma-submenu-strip.active{display:flex!important;}
.gloma-submenu-strip .sub-title{
  flex:0 0 100%!important;
  font-weight:900!important;
  color:#111827!important;
  padding:0 2px 4px!important;
}
.gloma-submenu-strip a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:6px 12px!important;
  border-radius:999px!important;
  background:#ffffff!important;
  color:#111827!important;
  border:1px solid #d5d9d9!important;
  font-weight:700!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.gloma-submenu-strip a:hover{
  background:#febd69!important;
  color:#111!important;
  border-color:#f3a847!important;
}

/* Drawer must be a true overlay, not a page-pushing block. */
.gloma-side-drawer{
  position:fixed!important;
  top:0!important;
  left:0!important;
  bottom:0!important;
  z-index:2147483400!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  transform:translateX(-105%)!important;
}
.gloma-side-drawer.open{transform:translateX(0)!important;}
.gloma-drawer-backdrop{z-index:2147483300!important;}
.gloma-drawer-backdrop.open{display:block!important;opacity:1!important;}
body.gloma-menu-open{overflow:hidden!important;}

@media (max-width:760px){
  .gloma-submenu-strip{
    top:calc(var(--glo-header-top,106px) + var(--glo-header-nav,38px))!important;
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    max-height:45vh!important;
    padding:9px!important;
  }
  .gloma-submenu-strip a{font-size:12px!important;min-height:30px!important;}
}