/* ==========================================================================
   GSS Nav Mega — Codex styling for the Services native wide-menu (Ohio)
   Scope: desktop = .header:not(.-mobile) .gss-mega-services .sub-menu-wide
          mobile  = .header.-mobile  (native accordion)
   Structure (Ohio walker): .sub-menu-wide > li(.gss-grp) > a.menu-link (column head)
                            + > ul > li > a.menu-link (service links)
   ========================================================================== */
:root{
  --gm-ink:#0A0D0B; --gm-parch:#E8E5D9; --gm-soft:#C7C4B8; --gm-muted:#9A988C; --gm-faint:#85847A;
  --gm-hair:#E8E6DF14; --gm-hair2:#E8E6DF29; --gm-leaf:#5DC97B; --gm-deep:#08431A; --gm-cta:#047122;
  --gm-greenwash-hi:#5DC97B2E;
}
/* cluster hue tokens */
.gss-grp-measure{--ca:#5DC97B} .gss-grp-report{--ca:#4FB0BD} .gss-grp-eu{--ca:#E0A03A} .gss-grp-impl{--ca:#E08A1F} .gss-rail{--ca:#5DC97B}

/* =========================== DESKTOP ===================================== */
.header:not(.-mobile) .menu .gss-mega-services .sub-menu-wide{
  background:linear-gradient(180deg,#13170F,#0C100B)!important;
  border:1px solid var(--gm-hair2)!important; border-top:none!important;
  border-radius:0 0 2px 2px!important;
  padding:26px max(40px,calc((100% - 1320px)/2)) 24px!important;
  gap:0 30px!important; overflow:hidden;
  box-shadow:0 26px 60px -30px #000;
}
/* top accent hairline */
.header:not(.-mobile) .menu .gss-mega-services .sub-menu-wide::after{
  content:""; position:absolute; left:0; right:0; top:0; height:2px; z-index:2;
  background:linear-gradient(90deg,transparent,#5DC97B2E 22%,#4FB0BD2E 50%,#E0A03A2E 74%,transparent);
}
/* background illustration: hue washes + topo contours */
.header:not(.-mobile) .menu .gss-mega-services .sub-menu-wide::before{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(90% 130% at 86% -25%, #5DC97B1A 0%, transparent 55%),
    radial-gradient(60% 130% at 48% 130%, #4FB0BD14 0%, transparent 60%),
    repeating-linear-gradient(115deg, transparent 0 40px, rgba(232,230,223,.016) 40px 41px),
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTAwIDM2MCIgZmlsbD0ibm9uZSI+CjxnIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSI+CjxnIHN0cm9rZT0iI0U4RTZERiIgb3BhY2l0eT0iMC4wOSI+CjxwYXRoIGQ9Ik0zMDAgMTgwYy05MC0xMC0xNTAgMzAtMTUwIDcwczcwIDcwIDE2MCA2MCAxNTAtNTAgMTMwLTk1LTYwLTI1LTE0MC0zNXoiLz4KPHBhdGggZD0iTTMxMiAxNDBjLTEzMC0xMi0yMDUgNDUtMjA1IDEwNXM5NSAxMDAgMjEwIDg4IDIwNS03MiAxNzUtMTMwLTU1LTUwLTE4MC02M3oiLz4KPHBhdGggZD0iTTMyNCAxMDBjLTE3MC0xNC0yNjIgNjAtMjYyIDE0MHMxMjIgMTMwIDI3MCAxMTYgMjYyLTk1IDIyMi0xNjgtNjYtNzItMjMwLTg4eiIvPgo8L2c+CjxnIHN0cm9rZT0iIzVEQzk3QiIgb3BhY2l0eT0iMC4xNSI+PHBhdGggZD0iTTI5MiAyMTRjLTU1LTYtOTIgMTgtOTIgNDJzNDQgNDIgOTggMzYgOTItMzAgODAtNTgtNDAtMTUtODYtMjB6Ii8+PC9nPgo8ZyBzdHJva2U9IiNFOEU2REYiIG9wYWNpdHk9IjAuMDkiPgo8cGF0aCBkPSJNMTE3MCAxNjBjMTEwLTEyIDE4NCA0MCAxODQgOTJzLTg2IDkyLTIwMCA4MC0xODQtNjItMTU2LTEyMiA3OC0zNiAxNzItNTB6Ii8+CjxwYXRoIGQ9Ik0xMTg2IDEyMGMxNTAtMTQgMjUwIDUwIDI1MCAxMThzLTExNCAxMTgtMjY0IDEwNC0yNTAtODAtMjEyLTE1NiA4MC01MiAyMjYtNjZ6Ii8+CjwvZz4KPGcgc3Ryb2tlPSIjNEZCMEJEIiBvcGFjaXR5PSIwLjE0Ij48cGF0aCBkPSJNMTE1OCAxOTZjNzAtOCAxMTggMjQgMTE4IDU2cy01NCA1OC0xMjYgNTAtMTE4LTQwLTEwMC03OCA1MC0yMiAxMDgtMjh6Ii8+PC9nPgo8ZyBzdHJva2U9IiNFMEEwM0EiIG9wYWNpdHk9IjAuMTMiPjxwYXRoIGQ9Ik0xMTc2IDE2MGM0MC00IDY2IDE0IDY2IDMycy0zMCAzMy03MiAyOC02Ni0yMi01Ni00NCAzMC0xMiA2Mi0xNnoiLz48L2c+CjxnIHN0cm9rZT0iI0U4RTZERiIgb3BhY2l0eT0iMC4wNDUiPjxwYXRoIGQ9Ik0wIDcwSDE1MDBNMCAxNDBIMTUwME0wIDIxMEgxNTAwTTAgMjgwSDE1MDAiLz48L2c+CjwvZz4KPC9zdmc+Cg==") center 60%/1500px auto no-repeat;
}
.header:not(.-mobile) .menu .gss-mega-services .sub-menu-wide > li{
  flex:1 1 0!important; width:auto!important; min-width:0; position:relative; z-index:1;
  gap:0!important;
}
/* column header (depth-1 link, href=#) */
.header:not(.-mobile) .menu .gss-mega-services .sub-menu-wide > li > a.menu-link{
  display:grid!important; grid-template-columns:18px 1fr; grid-template-rows:auto auto;
  column-gap:8px; row-gap:3px; align-items:center;
  opacity:1!important; min-height:0!important; padding:0 2px 9px!important; margin-bottom:8px;
  border-bottom:1px solid color-mix(in srgb,var(--ca) 42%, #E8E6DF14)!important;
  pointer-events:none; cursor:default;
}
.header:not(.-mobile) .menu .gss-mega-services .sub-menu-wide > li > a.menu-link::before{
  content:""; grid-column:1; grid-row:1; width:17px; height:17px; background:center/contain no-repeat; align-self:center;
}
.header:not(.-mobile) .gss-mega-services .gss-grp-measure > a.menu-link::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNURDOTdCIiBzdHJva2Utd2lkdGg9IjEuNyI+PHBhdGggZD0iTTMgMTVhOSA5IDAgMCAxIDE4IDAiLz48cGF0aCBkPSJNMTIgMTVsNC00Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNSIgcj0iMS40IiBmaWxsPSIjNURDOTdCIiBzdHJva2U9Im5vbmUiLz48L3N2Zz4K")!important}
.header:not(.-mobile) .gss-mega-services .gss-grp-report > a.menu-link::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNEZCMEJEIiBzdHJva2Utd2lkdGg9IjEuNyI+PHJlY3QgeD0iNSIgeT0iMyIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE4IiByeD0iMS41Ii8+PHBhdGggZD0iTTggOGg4TTggMTJoOE04IDE2aDUiLz48L3N2Zz4K")!important}
.header:not(.-mobile) .gss-mega-services .gss-grp-eu > a.menu-link::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTBBMDNBIiBzdHJva2Utd2lkdGg9IjEuNyI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOC41Ii8+PHBhdGggZD0iTTEyIDUuNXYyTTEyIDE2LjV2Mk01LjUgMTJoMk0xNi41IDEyaDJNNy4yIDcuMmwxLjQgMS40TTE1LjQgMTUuNGwxLjQgMS40TTE2LjggNy4ybC0xLjQgMS40TTguNiAxNS40bC0xLjQgMS40Ii8+PC9zdmc+Cg==")!important}
.header:not(.-mobile) .gss-mega-services .gss-grp-impl > a.menu-link::before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRTA4QTFGIiBzdHJva2Utd2lkdGg9IjEuNyI+PHBhdGggZD0iTTQgMTNsMi03aDEybDIgN00zIDEzaDE4djNIM3pNOCAxM2wuNi03TTE2IDEzbC0uNi03TTMuNiA5LjVoMTYuOCIvPjwvc3ZnPgo=")!important}
.header:not(.-mobile) .menu .gss-mega-services .sub-menu-wide > li > a.menu-link > span{
  grid-column:2; grid-row:1; font-family:"JetBrains Mono",ui-monospace,monospace; font-size:11px; font-weight:500;
  letter-spacing:.09em; text-transform:uppercase; color:var(--gm-parch); line-height:1.2;
}
/* keyword scent sub-line */
.header:not(.-mobile) .menu .gss-mega-services .sub-menu-wide > li > a.menu-link::after{
  grid-column:2; grid-row:2; font-family:"JetBrains Mono",ui-monospace,monospace; font-size:9.5px;
  letter-spacing:.04em; color:var(--gm-faint); text-transform:none; line-height:1.3;
}
.header:not(.-mobile) .gss-mega-services .gss-grp-measure > a.menu-link::after{content:"footprint \00b7 LCA \00b7 energy"}
.header:not(.-mobile) .gss-mega-services .gss-grp-report > a.menu-link::after{content:"BRSR \00b7 ESG \00b7 EPR \00b7 CSR \2014 India"}
.header:not(.-mobile) .gss-mega-services .gss-grp-eu > a.menu-link::after{content:"CBAM \00b7 EUDR \00b7 DPP \00b7 PPWR"}
.header:not(.-mobile) .gss-mega-services .gss-grp-impl > a.menu-link::after{content:"solar \00b7 waste \00b7 design"}
/* hide the native +/chevron toggle in the desktop columns */
.header:not(.-mobile) .menu .gss-mega-services .sub-menu-wide .has-submenu-icon{display:none!important}
/* service links list */
.header:not(.-mobile) .menu .gss-mega-services .sub-menu-wide > li > ul{
  padding:0!important; margin:0!important; gap:0!important; display:block!important;
}
.header:not(.-mobile) .menu .gss-mega-services .sub-menu-wide > li > ul > li > a.menu-link{
  display:flex!important; align-items:center; justify-content:space-between; gap:8px;
  padding:8px 10px!important; margin:1px 0!important; border-radius:2px; min-height:0!important;
  color:var(--gm-parch)!important; font-family:Quicksand,sans-serif; font-size:14.5px; font-weight:500;
  letter-spacing:0; text-transform:none; opacity:1!important; border:1px solid transparent;
  transition:background .15s,color .15s,border-color .15s,padding .15s;
}
.header:not(.-mobile) .menu .gss-mega-services .sub-menu-wide > li > ul > li > a.menu-link:hover{
  background:var(--gm-parch)!important; color:var(--gm-ink)!important; border-color:#0c4a1d; padding-left:13px!important;
}
/* TOOL badge (CBAM Cost Calculator) */
.header:not(.-mobile) .menu .gss-mega-services .gss-tool > a.menu-link::after{
  content:"TOOL"; font-family:"JetBrains Mono",monospace; font-size:9px; letter-spacing:.1em;
  color:var(--gm-leaf); border:1px solid var(--gm-greenwash-hi); border-radius:2px; padding:1px 5px; line-height:1.4; flex:none;
}
.header:not(.-mobile) .menu .gss-mega-services .gss-tool > a.menu-link:hover::after{color:var(--gm-deep); border-color:#0c4a1d}
/* === rail column (Get started) === */
.header:not(.-mobile) .menu .gss-mega-services .sub-menu-wide > li.gss-rail{
  border-left:1px solid var(--gm-hair); padding-left:26px; flex:0 1 220px!important;
}
.header:not(.-mobile) .menu .gss-mega-services .gss-rail > a.menu-link{
  grid-template-columns:1fr!important; border-bottom:none!important; margin-bottom:6px; pointer-events:none;
}
.header:not(.-mobile) .menu .gss-mega-services .gss-rail > a.menu-link > span{
  font-family:"JetBrains Mono",monospace; font-size:11px; letter-spacing:.09em; text-transform:uppercase; color:var(--gm-muted);
}
.header:not(.-mobile) .menu .gss-mega-services .gss-rail > a.menu-link::after{
  content:"200+ clients \00b7 since 2016 \00b7 Mumbai \00b7 Dubai"; grid-column:1; grid-row:2;
  font-family:"JetBrains Mono",monospace; font-size:10.5px; letter-spacing:.02em; color:var(--gm-faint); text-transform:none; line-height:1.7; margin-top:4px;
}
.header:not(.-mobile) .menu .gss-mega-services .gss-rail .gss-all > a.menu-link{color:var(--gm-leaf)!important; font-weight:600}
.header:not(.-mobile) .menu .gss-mega-services .gss-rail .gss-all > a.menu-link::after{content:"  \2192"; color:var(--gm-leaf); flex:none}
.header:not(.-mobile) .menu .gss-mega-services .gss-rail .gss-all > a.menu-link:hover{background:transparent!important; color:#7ad994!important; padding-left:10px!important}
.header:not(.-mobile) .menu .gss-mega-services .gss-rail .gss-cta > a.menu-link{
  background:var(--gm-cta)!important; color:#fff!important; justify-content:center; font-weight:600; font-size:13.5px;
  padding:11px 16px!important; border-radius:2px; margin-top:6px;
}
.header:not(.-mobile) .menu .gss-mega-services .gss-rail .gss-cta > a.menu-link:hover{background:#05601d!important; color:#fff!important; padding-left:16px!important}

/* =========================== MOBILE ===================================== */
/* Store moved to the bottom of the drawer */
.header.-mobile .menu{display:flex!important; flex-direction:column!important}
.header.-mobile .menu > li.gss-store{order:90; border-top:1px solid var(--gm-hair); margin-top:6px!important}
.header.-mobile .menu > li.gss-store::before{
  content:"Shop & account"; display:block; font-family:"JetBrains Mono",monospace; font-size:10px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--gm-faint); padding:16px 20px 0;
}
/* brighter cluster headers + hue marker + bigger targets */
.header.-mobile .gss-mega-services .gss-grp > a.menu-link{
  display:flex!important; align-items:center; gap:12px; min-height:52px!important;
  font-family:"JetBrains Mono",monospace!important; font-size:12px!important; letter-spacing:.08em; text-transform:uppercase;
  color:var(--gm-parch)!important; opacity:1!important; font-weight:500;
}
.header.-mobile .gss-mega-services .gss-grp > a.menu-link::before{
  content:""!important; display:block!important; width:9px; height:9px; border-radius:2px; background:var(--ca); flex:none;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--ca) 18%, transparent);
}
.header.-mobile .gss-mega-services .gss-grp > ul > li > a.menu-link{
  min-height:50px!important; font-size:16.5px!important; color:var(--gm-parch)!important; opacity:1!important;
  padding-left:30px!important; position:relative; display:flex; align-items:center; gap:10px;
}
.header.-mobile .gss-mega-services .gss-grp > ul > li > a.menu-link::before{
  content:""!important; display:block!important; position:absolute; left:18px; top:13px; bottom:13px; width:3px; border-radius:2px; background:var(--ca); opacity:.6;
}
.header.-mobile .gss-mega-services .gss-tool > a.menu-link::after{
  content:"TOOL"; margin-left:auto; font-family:"JetBrains Mono",monospace; font-size:9px; letter-spacing:.1em;
  color:var(--gm-leaf); border:1px solid var(--gm-greenwash-hi); border-radius:2px; padding:2px 6px;
}
.header.-mobile .gss-mega-services .gss-rail .gss-all > a.menu-link{color:var(--gm-leaf)!important; font-weight:600}
.header.-mobile .gss-mega-services .gss-rail .gss-cta > a.menu-link{color:#7ad994!important; font-weight:600}
/* solid backing on the drawer close (X) so scrolled content never shows through it */
.slide-in-overlay .icon-button.-overlay-button,
.header.-mobile .mobile-hamburger .icon-button{
  background:#11150F!important; border:1px solid var(--gm-hair2)!important; border-radius:50%!important;
  box-shadow:0 3px 12px -3px rgba(0,0,0,.7)!important;
}
