.mobileMenuToggle,.mobileMenuBackdrop{display:none}

@media(max-width:900px){
  body.mobileMenuOpen{overflow:hidden}
  header>.headcta,.innerHeader>.headcta,.cmsHeader>.headcta{display:none}
  .mobileMenuToggle{display:inline-flex;flex:0 0 auto;width:44px;height:44px;margin-left:8px;padding:0;border:1px solid #ffffff2b;border-radius:13px;background:#ffffff10;color:#fff;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:1002}
  .mobileMenuToggleInner,.mobileMenuToggleInner::before,.mobileMenuToggleInner::after{display:block;width:20px;height:2px;border-radius:999px;background:currentColor;content:"";transition:transform .2s ease,opacity .2s ease}
  .mobileMenuToggleInner{position:relative}
  .mobileMenuToggleInner::before{position:absolute;left:0;top:-6px}
  .mobileMenuToggleInner::after{position:absolute;left:0;top:6px}
  .mobileMenuToggle[aria-expanded="true"] .mobileMenuToggleInner{background:transparent}
  .mobileMenuToggle[aria-expanded="true"] .mobileMenuToggleInner::before{top:0;transform:rotate(45deg)}
  .mobileMenuToggle[aria-expanded="true"] .mobileMenuToggleInner::after{top:0;transform:rotate(-45deg)}
  .mobileMenuBackdrop{display:flex;position:fixed;inset:0;z-index:1000;background:#090b0a99;backdrop-filter:blur(5px);justify-content:flex-end}
  .mobileMenuBackdrop[hidden]{display:none!important}
  .mobileMenuPanel{width:min(88vw,390px);height:100%;height:100dvh;background:#171a18;color:#fff;padding:20px;overflow-y:auto;box-shadow:-20px 0 55px #0005}
  .mobileMenuTop{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 22px;border-bottom:1px solid #ffffff17}
  .mobileMenuLogo img{display:block;width:150px;max-height:42px;object-fit:contain;object-position:left center}
  .mobileMenuClose{width:42px;height:42px;border:1px solid #ffffff25;border-radius:13px;background:#ffffff0d;color:#fff;font-size:25px;line-height:1;cursor:pointer}
  .mobileMenuPanel nav{display:flex!important;flex-direction:column;align-items:stretch;gap:0;margin-top:16px;font-size:15px}
  .mobileMenuPanel nav>a,.mobileMenuPanel .navDrop{display:block;padding:16px 10px;border-bottom:1px solid #ffffff14}
  .mobileMenuPanel nav>a:hover{color:var(--orange)}
  .mobileMenuPanel .navDrop{cursor:default;color:#fff;font-weight:700}
  .mobileMenuPanel .navDrop>i{display:flex!important;position:static;width:auto;margin:12px 0 0;padding:6px;background:#ffffff0a;color:#fff;border-radius:14px;box-shadow:none;flex-direction:column;font-weight:500}
  .mobileMenuPanel .navDrop>i a{padding:12px;border-radius:10px;color:#d4d8d4}
  .mobileMenuPanel .navDrop>i a:hover{background:#ffffff0b;color:var(--orange)}
  .mobileMenuCta{display:block;margin-top:20px;padding:16px 18px;background:var(--orange);border-radius:14px;text-align:center;font-size:13px;font-weight:800;color:#fff}
}

@media(max-width:560px){
  .mobileMenuToggle{width:42px;height:42px;margin-left:4px;border-radius:12px}
  .mobileMenuPanel{width:min(92vw,370px);padding:16px}
}
