/* Shared mobile header for subpages (≤768px): logo · AZ/EN · Bilet Al · ☰
   Everything else (links, search, Sponsor Ol, Müraciət Et) moves into the ☰ panel.
   Paired with /assets/mobile-nav.js, which inserts the ☰ button. */
.fm-burger{display:none;background:none;border:1.5px solid var(--border,#e5e5e5);border-radius:8px;width:34px;height:34px;align-items:center;justify-content:center;cursor:pointer;color:var(--text,#1c1828);flex-shrink:0;padding:0}
@media(max-width:768px){
  .nav .nav-in{flex-wrap:wrap;padding-left:12px;padding-right:12px;gap:6px;row-gap:4px}
  .nav .nav-in>:first-child{order:0;min-width:0;flex-shrink:1}
  .nav .nav-in>a:first-child svg,.nav .logo svg{height:26px;width:123px}
  .nav .nav-in>a:first-child img,.nav .logo img,.nav .logo-facemark img{height:26px!important;width:auto!important;max-width:125px!important}
  .nav .spacer{order:1;flex:1;display:block}
  .nav .lang-sw{order:2;margin-left:0}
  .nav #biletWrap{order:3;margin-left:0}
  .nav .fm-burger{display:flex;order:4}
  .nav:not(.menu-open) .nav-in{flex-wrap:nowrap}
  .nav .lang-sw button,.nav .lang-switch .lang-btn{padding:3px 6px}
  .nav #biletWrap>.btn{padding:6px 9px!important;font-size:.74rem!important;white-space:nowrap}
  .nav .logo-wrap a,.nav .logo-wrap span{font-size:.95rem}
  .nav .nav-links,.nav .site-search,.nav #sponsorWrap,.nav.fm-has-bilet .btn-dark-nav{display:none}
  .nav:not(.fm-has-bilet) .btn-dark-nav{order:3;margin-left:0;padding:7px 11px;white-space:nowrap}
  /* Bilet Al dropdown: pinned inside the screen instead of hanging off the right edge */
  .nav #biletWrap .bilet-drop{position:fixed;top:60px;left:12px;right:12px;min-width:0;width:auto;max-height:calc(100vh - 80px);overflow-y:auto}
  /* ☰ open */
  .nav.menu-open .nav-in{height:auto;padding-bottom:14px}
  .nav.menu-open .nav-in>:first-child{flex:1 1 0;min-width:0}
  .nav.menu-open .spacer{display:none}
  .nav .nav-in>:first-child img,.nav .nav-in>:first-child svg{max-width:100%!important}
  .nav.menu-open .nav-links{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-left:0;gap:2px;order:10;padding-top:6px;border-top:1px solid var(--border,#e5e5e5)}
  .nav.menu-open .nav-dd-wrap{flex-direction:column;align-items:flex-start;width:100%}
  .nav.menu-open .nav-dd{position:static;display:block;padding-top:2px;padding-left:12px}
  .nav.menu-open .site-search{display:block;width:100%;order:11}
  .nav.menu-open .site-search-box{position:static;width:100%;max-width:100%;margin-top:6px}
  .nav.menu-open #sponsorWrap{display:block;width:100%;margin-left:0;order:12}
  .nav.menu-open #sponsorWrap .bilet-drop{position:static;box-shadow:none;border:none;padding:4px 0 0;min-width:0}
  .nav.menu-open.fm-has-bilet .btn-dark-nav{display:block;width:100%;margin-left:0;order:13}
}
@media(max-width:360px){
  .nav .nav-in>a:first-child svg,.nav .logo svg{height:22px;width:104px}
  .nav .lang-sw button{padding:3px 7px}
}

/* Marketing AIR: its header keeps everything inside .nav-right */
@media(max-width:768px){
  .nav .nav-in>.logo-wrap{order:0;min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}
  .nav .nav-right{order:2;gap:5px;flex-wrap:wrap;justify-content:flex-end}
  .nav .nav-right>.nav-link,.nav .nav-right>.btn-join{display:none}
  .nav:not(.menu-open) .nav-right{flex-wrap:nowrap}
  .nav .nav-in>.logo-wrap{gap:5px}
  .nav .logo-wrap .logo-sep,.nav .logo-wrap a:not(:first-child){display:none}
  .nav .nav-right .lang-switch{padding:2px 3px}
  .nav.menu-open .nav-right{width:100%;order:10;justify-content:flex-start;padding-top:6px;border-top:1px solid var(--border,#e5e5e5)}
  .nav.menu-open .nav-right>.nav-link{display:block;width:100%;order:-1;padding:6px 4px}
  .nav.menu-open .nav-right>.btn-join{display:block;width:100%;margin-left:0!important;order:20}
}

/* Mobile layout fixes for page content that was desktop-only */
@media(max-width:768px){
  section div[style*="flex-wrap:nowrap"]{flex-wrap:wrap!important}
  section h2[style*="nowrap"],section p[style*="nowrap"],.bk-guide-title[style*="nowrap"]{white-space:normal!important}
  .sectors .sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mvv .mvv-grid,.brandkit .bk-bottom,.about-hero .hero-in,.about-body .story-grid{grid-template-columns:minmax(0,1fr)}
  .sec .sec-head{flex-wrap:wrap}
  .foot .fgrid{grid-template-columns:1fr 1fr;gap:20px}
  .foot .fgrid>.fcol:first-child{grid-column:1/-1}
}
@media(max-width:540px){
  .sec .service-grid{grid-template-columns:minmax(0,1fr)!important}
  .foot .fgrid{grid-template-columns:1fr}
}