.gbs-header *{box-sizing:border-box;}
  .gbs-header{
    --blue:#0B1454; --blue-dark:#070C33;
    --orange:#F0721E; --orange-light:#FDEDE0;
    --ink:#1C1C1A; --ink-soft:#5F5E5A;
    --paper:#FDFCF9; --line:#E7E4DA;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    position:sticky; top:0; z-index:9999; isolation:isolate;
    background:#FFFFFF; border-bottom:1px solid var(--line);
  }
  .gbs-header .wrap{max-width:1180px; margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; height:68px; gap:24px;}
  .gbs-header a{text-decoration:none !important;}
  .gbs-header .logo{font-size:19px; font-weight:800; color:var(--blue); letter-spacing:-0.01em; flex-shrink:0; margin-right:8px;}
  .gbs-header .logo span{color:var(--orange);}

  .gbs-header nav{display:flex; align-items:center; gap:28px; flex:1;}
  .gbs-header nav a{font-size:14px; font-weight:600; color:var(--ink); white-space:nowrap;}
  .gbs-header nav a:hover{color:var(--blue);}

  .gbs-header .dropdown{position:relative;}
  .gbs-header .dropdown>a{display:flex; align-items:center; gap:4px;}
  .gbs-header .dropdown .caret{font-size:10px; transition:transform .15s ease;}
  .gbs-header .dropdown:hover .caret{transform:rotate(180deg);}

  /* Self-contained styling — this menu gets moved to <body> via JS, so it can't rely on .gbs-header ancestor scoping or CSS variables defined there */
  .gbs-dropdown-menu{position:fixed; background:#fff; border:1px solid #E7E4DA; border-radius:12px; padding:8px; min-width:220px; box-shadow:0 12px 32px rgba(11,20,84,0.12); opacity:0; visibility:hidden; transform:translateY(6px); transition:all .15s ease; z-index:999999; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}
  .gbs-dropdown-menu a{display:block; padding:9px 12px; border-radius:8px; font-size:13px; font-weight:500; color:#1C1C1A !important; text-decoration:none !important;}
  .gbs-dropdown-menu a:hover{background:#FDEDE0; color:#0B1454 !important;}

  .gbs-header .cta{display:flex; align-items:center; gap:14px; margin-left:16px; flex-shrink:0;}
  .gbs-header .btn-cta{background:var(--orange); color:#fff; font-size:13px; font-weight:700; padding:10px 20px; border-radius:8px; white-space:nowrap;}
  .gbs-header .btn-cta:hover{background:#D8611A;}

  /* Mobile menu */
  .gbs-header .burger{display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:6px;}
  .gbs-header .burger span{width:22px; height:2px; background:var(--ink); border-radius:2px;}
  .gbs-header #gbsMobileToggle{display:none;}
  .gbs-header .mobile-panel{display:none;}

  @media (max-width:900px){
    .gbs-header nav.desktop-nav{display:none;}
    .gbs-header .cta .btn-cta{display:none;}
    .gbs-header .burger{display:flex;}
    .gbs-header #gbsMobileToggle:checked ~ .mobile-panel{display:block;}
    .gbs-header .mobile-panel{position:absolute; top:68px; left:0; right:0; background:#fff; border-bottom:1px solid var(--line); padding:12px 24px 20px; box-shadow:0 12px 24px rgba(0,0,0,0.06);}
    .gbs-header .mobile-panel a{display:block; padding:11px 0; font-size:15px; font-weight:600; color:var(--ink); text-decoration:none; border-bottom:1px solid var(--line);}
    .gbs-header .mobile-panel .mp-sub a{padding-left:14px; font-weight:500; font-size:14px; color:var(--ink-soft); border-bottom:none;}
    .gbs-header .mobile-panel .btn-cta{display:block; text-align:center; margin-top:14px;}
  }

.gbs-header .gbs-fssai-dd{position:relative;}
.gbs-header .gbs-fssai-dd>a{display:flex; align-items:center; gap:4px;}
.gbs-header .gbs-fssai-dd .caret{font-size:10px; transition:transform .15s ease;}
.gbs-header .gbs-fssai-dd.is-open .caret{transform:rotate(180deg);}
 
/* The mega menu panel — self-contained because JS moves it to <body>
   (same stacking-context fix as the Services dropdown) */
.gbs-mega-menu{
  position:fixed; z-index:999999;
  background:#fff; border:1px solid #E7E4DA; border-radius:14px;
  box-shadow:0 16px 40px rgba(11,20,84,0.14);
  padding:18px 18px 14px;
  opacity:0; visibility:hidden; transform:translateY(6px);
  transition:opacity .15s ease, transform .15s ease, visibility .15s;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  max-width:calc(100vw - 32px);
}
.gbs-mega-menu.is-open{opacity:1; visibility:visible; transform:translateY(0);}
 
/* Columns size themselves to however many groups have live links */
.gbs-mega-menu .gbs-mm-grid{display:grid; grid-auto-flow:column; grid-auto-columns:210px; gap:6px 14px;}
.gbs-mega-menu .gbs-mm-col.is-empty{display:none;}
 
.gbs-mega-menu .gbs-mm-head{
  display:block; padding:4px 10px 8px; margin-bottom:2px;
  font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  color:#F0721E; border-bottom:1px solid #F2EFE7;
}
.gbs-mega-menu .gbs-mm-col a{
  display:block; padding:8px 10px; border-radius:8px;
  font-size:13.5px; font-weight:500; line-height:1.35;
  color:#1C1C1A !important; text-decoration:none !important;
}
.gbs-mega-menu .gbs-mm-col a:hover,
.gbs-mega-menu .gbs-mm-col a:focus-visible{background:#FDEDE0; color:#0B1454 !important; outline:none;}
 
/* Bottom strip */
.gbs-mega-menu .gbs-mm-foot{
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  margin-top:12px; padding:10px 10px 2px; border-top:1px solid #F2EFE7;
  font-size:13px; color:#55534C;
}
.gbs-mega-menu .gbs-mm-foot a{color:#0B1454 !important; font-weight:600; text-decoration:none !important; white-space:nowrap;}
.gbs-mega-menu .gbs-mm-foot a:hover{color:#F0721E !important;}
 
/* On narrow screens the desktop nav is replaced by the mobile panel anyway */
@media (max-width:900px){ .gbs-mega-menu{display:none !important;} }
 
/* Mobile panel: small group labels inside the FSSAI sub-list */
.gbs-header .mobile-panel .gbs-mp-label{
  display:block; margin:10px 0 2px; font-size:10.5px; font-weight:700;
  letter-spacing:.08em; text-transform:uppercase; color:#F0721E;
}