.mbnb-shared-header{padding:0;border-bottom:0;background:#000}
.mbnb-shared-header .nav-shell{width:100%;background:#000;border-bottom:none}
.mbnb-shared-header .nav{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:20px;padding:20px 22px;border-radius:0}
.mbnb-shared-header .logo img{height:58px;width:auto;display:block}
.mbnb-shared-header .nav-right{display:flex;flex-direction:column;align-items:flex-end;justify-self:end;gap:10px}
.mbnb-main-nav{display:flex;justify-content:flex-end;gap:22px;align-items:center}
.mbnb-main-nav a{color:#ececec;text-decoration:none;font-size:14px;letter-spacing:.08em;text-transform:uppercase;font-weight:400}
.mbnb-main-nav a:hover{color:#fff;text-decoration:none}
.nav-group{position:relative;display:flex;align-items:center}
.nav-group__toggle{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#ececec;text-decoration:none;font:inherit;font-size:14px;letter-spacing:.08em;text-transform:uppercase;font-weight:400;cursor:pointer;padding:0}
.nav-group__toggle:after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.72;transition:transform .16s ease}
.nav-group:hover .nav-group__toggle:after,.nav-group:focus-within .nav-group__toggle:after{transform:rotate(180deg)}
.nav-group__toggle:hover{color:#fff}
.nav-submenu{position:absolute;top:calc(100% + 12px);left:50%;min-width:250px;transform:translateX(-50%) translateY(-6px);display:grid;padding:6px;background:rgba(10,10,10,.98);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:90}
.nav-submenu:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.nav-submenu a{position:relative;display:block;padding:13px 12px;border-radius:8px;white-space:nowrap;letter-spacing:.04em;text-transform:none;font-size:13px}
.nav-submenu a + a{border-top:0}
.nav-submenu a + a:before{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:rgba(255,255,255,.13)}
.nav-submenu a:hover{background:rgba(255,255,255,.08)}
.nav-group:hover .nav-submenu,.nav-group:focus-within .nav-submenu{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.mbnb-main-nav .is-active,.nav-group.is-active > .nav-group__toggle{color:#fff}
.nav-cta{padding:9px 12px;border-radius:10px;background:linear-gradient(180deg,var(--accent,#63b58a),var(--accent2,#4b9b72));color:#fff!important;font-weight:700;letter-spacing:.04em;box-shadow:0 7px 15px rgba(72,155,114,.20)}
.nav-cta:hover{filter:brightness(1.04)}
.nav-toggle{display:none;border:none;background:transparent;color:#f3f3f3;font-size:26px;line-height:1;cursor:pointer;padding:6px 8px;border-radius:8px}
.nav-toggle:hover{background:rgba(255,255,255,.08)}

@media (max-width:980px){
  .mbnb-shared-header .nav-shell{overflow:visible}
  .mbnb-shared-header .nav{grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto;align-items:center;padding:14px 16px;min-height:74px;column-gap:10px;row-gap:8px}
  .mbnb-shared-header .logo{grid-column:1;grid-row:1;align-self:center}
  .mbnb-shared-header .logo img{height:52px}
  .mbnb-shared-header .nav-right{display:contents}
  .mbnb-shared-header .lang-switcher{grid-column:2;grid-row:1;position:relative;justify-self:end;align-self:center;margin:0 6px 0 0}
  .mbnb-shared-header .lang-pill{min-width:112px;min-height:34px;padding:6px 10px;border-radius:12px;font-size:11.5px}
  .mbnb-shared-header .nav-toggle{display:inline-flex;grid-column:3;grid-row:1;align-items:center;justify-content:center;justify-self:end;align-self:center;font-size:24px;line-height:1;padding:8px;background:rgba(255,255,255,.08);border-radius:10px}
  .mbnb-shared-header #top-nav{grid-column:1 / -1;grid-row:2;display:flex;flex-direction:column;align-items:stretch;gap:2px;width:100%;max-height:0;opacity:0;overflow:hidden;transform:translateY(-8px);pointer-events:none;transition:max-height .28s ease,opacity .22s ease,transform .24s ease;background:rgba(10,10,10,.96);border-radius:12px;padding:0 10px;box-shadow:0 12px 24px rgba(0,0,0,.24)}
  .mbnb-shared-header #top-nav.open{max-height:620px;opacity:1;transform:translateY(0);pointer-events:auto;padding:10px}
  .mbnb-shared-header #top-nav a{display:block;width:100%;padding:12px 10px;border-radius:8px;font-size:13px;letter-spacing:.06em}
  .mbnb-shared-header #top-nav a:hover{background:rgba(255,255,255,.08)}
  .mbnb-shared-header .nav-group{display:block;width:100%}
  .mbnb-shared-header .nav-group__toggle{width:100%;padding:12px 10px;border-radius:8px;font-size:13px;letter-spacing:.06em;text-align:left}
  .mbnb-shared-header .nav-group__toggle:after{content:"+";width:auto;height:auto;margin-left:auto;border:0;font-size:18px;line-height:1;opacity:.9}
  .mbnb-shared-header .nav-group.is-open .nav-group__toggle:after{content:"-";transform:none}
  .mbnb-shared-header .nav-group:hover .nav-group__toggle:after,.mbnb-shared-header .nav-group:focus-within .nav-group__toggle:after{transform:none}
  .mbnb-shared-header .nav-submenu{position:static;left:auto;top:auto;width:100%;transform:none;display:none;opacity:1;pointer-events:auto;min-width:0;margin:0;padding:0 0 6px 12px;background:transparent;border:0;box-shadow:none}
  .mbnb-shared-header .nav-group:hover .nav-submenu,
  .mbnb-shared-header .nav-group:focus-within .nav-submenu{transform:none!important}
  .mbnb-shared-header .nav-group.is-open .nav-submenu{display:grid}
  .mbnb-shared-header .nav-submenu:before{display:none}
  .mbnb-shared-header .nav-submenu a{display:block;padding:12px 10px;color:#cfd8d2;text-transform:none;letter-spacing:.02em;white-space:normal;background:transparent}
  .mbnb-shared-header .nav-submenu a + a{border-top:0}
  .mbnb-shared-header .nav-submenu a + a:before{left:10px;right:10px;background:rgba(255,255,255,.10)}
  .mbnb-shared-header .nav-cta{margin-top:6px;text-align:center}
  .mbnb-shared-header .lang-menu{top:calc(100% + 6px);right:0;left:auto}
}
