/* ==========================================================
   A1 UNIFIED UI — DEPLOYMENT SAFE
   One final layer for shared header, theme switch,
   dropdown chevrons, FAQ accordions and contact addresses.
   Loaded after all page CSS to prevent page-specific collisions.
   ========================================================== */

/* ---------- shared header ---------- */
.a1-unified-header.a1-main-header{
  --a1-header-bg:#fff;
  --a1-header-text:#53627d;
  --a1-header-strong:#000257;
  --a1-header-line:#e3e8f0;
  --a1-header-menu:#fff;
  --a1-header-menu-hover:#f4f6fa;
  width:100%!important;
  height:78px!important;
  min-height:78px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr) max-content!important;
  align-items:center!important;
  column-gap:0!important;
  direction:rtl!important;
  position:sticky!important;
  top:0!important;
  z-index:10000!important;
  padding:0 max(24px,calc((100% - 1360px)/2))!important;
  margin:0!important;
  background:var(--a1-header-bg)!important;
  border:0!important;
  border-bottom:1px solid var(--a1-header-line)!important;
  box-shadow:0 4px 18px rgba(0,2,87,.06)!important;
}

.a1-unified-header .brand{
  grid-column:1!important;
  grid-row:1!important;
  width:78px!important;
  height:78px!important;
  min-width:78px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-decoration:none!important;
}
.a1-unified-header .brand img{
  width:76px!important;
  height:auto!important;
  max-height:52px!important;
  display:block!important;
  object-fit:contain!important;
}

.a1-unified-header .desktop-nav{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  height:78px!important;
  margin:0!important;
  padding:0 24px!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:clamp(16px,1.8vw,30px)!important;
  direction:rtl!important;
  overflow:visible!important;
}
.a1-unified-header .desktop-nav>a,
.a1-unified-header .nav-dropdown-toggle{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:max-content!important;
  height:78px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  text-decoration:none!important;
  font:700 15px/1 Peyda,Tahoma,sans-serif!important;
  color:var(--a1-header-text)!important;
  background:transparent!important;
  border:0!important;
  cursor:pointer!important;
  transition:color .18s ease!important;
}
.a1-unified-header .desktop-nav>a:hover,
.a1-unified-header .desktop-nav>a:focus-visible,
.a1-unified-header .nav-dropdown-toggle:hover,
.a1-unified-header .nav-dropdown-toggle:focus-visible{
  color:var(--a1-header-strong)!important;
  outline:none!important;
}
.a1-unified-header .desktop-nav>a.active{color:var(--a1-header-strong)!important}
.a1-unified-header .desktop-nav>a.active::after{
  content:""!important;
  position:absolute!important;
  right:0!important;
  left:0!important;
  bottom:10px!important;
  height:2px!important;
  border-radius:99px!important;
  background:#f37024!important;
}

/* Dropdown is click/focus controlled — never forced open merely by hover. */
.a1-unified-header .nav-dropdown{
  position:relative!important;
  flex:0 0 auto!important;
  height:78px!important;
  display:flex!important;
  align-items:stretch!important;
}
.a1-unified-header .nav-dropdown-toggle>span[aria-hidden="true"],
.a1-unified-header .mobile-submenu-toggle>span[aria-hidden="true"]{
  display:inline-block!important;
  width:8px!important;
  height:8px!important;
  flex:0 0 8px!important;
  margin-inline-start:9px!important;
  margin-inline-end:2px!important;
  border-left:2px solid currentColor!important;
  border-bottom:2px solid currentColor!important;
  border-top:0!important;
  border-right:0!important;
  font-size:0!important;
  line-height:0!important;
  transform:rotate(-45deg)!important;
  transition:transform .2s ease!important;
}
.a1-unified-header .nav-dropdown-toggle[aria-expanded="true"]>span[aria-hidden="true"],
.a1-unified-header .mobile-submenu-toggle[aria-expanded="true"]>span[aria-hidden="true"]{
  transform:rotate(135deg)!important;
}
.a1-unified-header .nav-dropdown-menu{
  position:absolute!important;
  top:calc(100% - 1px)!important;
  right:50%!important;
  left:auto!important;
  width:210px!important;
  min-width:210px!important;
  max-width:210px!important;
  margin:0!important;
  padding:8px!important;
  display:block!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate(50%,8px)!important;
  background:var(--a1-header-menu)!important;
  border:1px solid var(--a1-header-line)!important;
  border-radius:12px!important;
  box-shadow:0 18px 42px rgba(0,2,87,.14)!important;
  z-index:10001!important;
  transition:opacity .18s ease,visibility .18s ease,transform .18s ease!important;
}
.a1-unified-header .nav-dropdown-menu.open,
.a1-unified-header .nav-dropdown:focus-within .nav-dropdown-menu{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate(50%,0)!important;
}
.a1-unified-header .nav-dropdown-menu a{
  width:100%!important;
  min-height:42px!important;
  height:42px!important;
  margin:0!important;
  padding:7px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  font:700 14px/1 Peyda,Tahoma,sans-serif!important;
  color:var(--a1-header-text)!important;
  background:transparent!important;
  border:0!important;
  border-radius:8px!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
.a1-unified-header .nav-dropdown-menu a:hover,
.a1-unified-header .nav-dropdown-menu a:focus-visible{
  color:var(--a1-header-strong)!important;
  background:var(--a1-header-menu-hover)!important;
  transform:translateX(-2px)!important;
  outline:none!important;
}

/* ---------- header actions ---------- */
.a1-unified-header .header-actions{
  grid-column:3!important;
  grid-row:1!important;
  width:max-content!important;
  min-width:max-content!important;
  height:78px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  direction:rtl!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}
.a1-unified-header .header-cta{
  flex:0 0 auto!important;
  width:auto!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 17px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  border-radius:10px!important;
  font:700 14px/1 Peyda,Tahoma,sans-serif!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease!important;
}
.a1-unified-header .header-cta-expert{
  background:#fff!important;
  border:1px solid #000257!important;
  color:#000257!important;
}
.a1-unified-header .header-cta-expert:hover,
.a1-unified-header .header-cta-expert:focus-visible{
  background:#000257!important;
  border-color:#000257!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
  box-shadow:0 8px 20px rgba(0,2,87,.18)!important;
  outline:none!important;
}
.a1-unified-header .header-cta-price{
  background:#f37024!important;
  border:1px solid #f37024!important;
  color:#fff!important;
  box-shadow:0 5px 15px rgba(243,112,36,.14)!important;
}
.a1-unified-header .header-cta-price:hover,
.a1-unified-header .header-cta-price:focus-visible{
  background:#e96316!important;
  border-color:#e96316!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
  box-shadow:0 9px 22px rgba(243,112,36,.23)!important;
  outline:none!important;
}

/* ---------- theme toggle: isolated, SVG-based, legacy-proof ---------- */
.a1-unified-header .header-actions .theme-toggle{
  position:relative!important;
  flex:0 0 64px!important;
  width:64px!important;
  min-width:64px!important;
  height:36px!important;
  min-height:36px!important;
  box-sizing:border-box!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #c7d3e5!important;
  border-radius:999px!important;
  background:#e9eff7!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 2px rgba(0,2,87,.08)!important;
  outline:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.a1-unified-header .header-actions .theme-toggle::before,
.a1-unified-header .header-actions .theme-toggle::after{
  content:none!important;
  display:none!important;
}
.a1-unified-header .header-actions .theme-toggle .theme-toggle-icon{
  position:absolute!important;
  top:0!important;
  width:30px!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  box-sizing:border-box!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
  z-index:1!important;
  transform:none!important;
  overflow:visible!important;
}
.a1-unified-header .header-actions .theme-toggle .theme-toggle-icon path,
.a1-unified-header .header-actions .theme-toggle .theme-toggle-icon circle{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.a1-unified-header .header-actions .theme-toggle .theme-toggle-moon{
  left:1px!important;
  right:auto!important;
  color:#000257!important;
}
.a1-unified-header .header-actions .theme-toggle .theme-toggle-sun{
  right:1px!important;
  left:auto!important;
  color:#7d8aa1!important;
}
.a1-unified-header .header-actions .theme-toggle .theme-toggle-knob{
  position:absolute!important;
  top:3px!important;
  right:3px!important;
  left:auto!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 2px 7px rgba(0,2,87,.18)!important;
  z-index:2!important;
  transform:none!important;
  transition:left .22s ease,right .22s ease,background .22s ease,box-shadow .22s ease!important;
}
.a1-unified-header .header-actions .theme-toggle:hover{
  background:#e2eaf5!important;
  border-color:#aebbd0!important;
  box-shadow:inset 0 1px 2px rgba(0,2,87,.07),0 4px 12px rgba(0,2,87,.09)!important;
}
.a1-unified-header .header-actions .theme-toggle:focus-visible{
  outline:2px solid #000257!important;
  outline-offset:3px!important;
}

/* ---------- dark header ---------- */
html[data-theme="dark"] .a1-unified-header.a1-main-header{
  --a1-header-bg:#080f1e;
  --a1-header-text:#aebbd3;
  --a1-header-strong:#fff;
  --a1-header-line:#202e47;
  --a1-header-menu:#10182a;
  --a1-header-menu-hover:#18233a;
  background:#080f1e!important;
  border-bottom-color:#202e47!important;
  box-shadow:0 8px 26px rgba(0,0,0,.24)!important;
}
html[data-theme="dark"] .a1-unified-header .header-cta-expert{
  background:transparent!important;
  border-color:#7188c7!important;
  color:#dce6ff!important;
}
html[data-theme="dark"] .a1-unified-header .header-cta-expert:hover,
html[data-theme="dark"] .a1-unified-header .header-cta-expert:focus-visible{
  background:#7188c7!important;
  border-color:#7188c7!important;
  color:#071022!important;
}
html[data-theme="dark"] .a1-unified-header .header-actions .theme-toggle{
  background:#111a2d!important;
  border-color:#33425f!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.35)!important;
}
html[data-theme="dark"] .a1-unified-header .header-actions .theme-toggle .theme-toggle-moon{color:#7f8da8!important}
html[data-theme="dark"] .a1-unified-header .header-actions .theme-toggle .theme-toggle-sun{color:#fff!important}
html[data-theme="dark"] .a1-unified-header .header-actions .theme-toggle .theme-toggle-knob{
  right:auto!important;
  left:3px!important;
  background:#f37024!important;
  box-shadow:0 2px 8px rgba(243,112,36,.28)!important;
}
html[data-theme="dark"] .a1-unified-header .header-actions .theme-toggle:hover{
  background:#17233b!important;
  border-color:#536789!important;
}

/* ---------- mobile header ---------- */
.a1-unified-header .menu-button{display:none!important}
.a1-unified-header .mobile-nav{display:none!important}
@media(max-width:1100px) and (min-width:901px){
  .a1-unified-header .desktop-nav{gap:15px!important;padding-inline:12px!important}
  .a1-unified-header .desktop-nav>a,.a1-unified-header .nav-dropdown-toggle{font-size:13px!important}
  .a1-unified-header .header-cta{padding-inline:11px!important;font-size:12.5px!important}
}
@media(max-width:900px){
  .a1-unified-header.a1-main-header{
    height:70px!important;
    min-height:70px!important;
    display:flex!important;
    direction:ltr!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 18px!important;
  }
  .a1-unified-header .brand{order:1!important;width:64px!important;height:70px!important;min-width:64px!important;justify-content:flex-start!important}
  .a1-unified-header .brand img{width:64px!important;max-height:46px!important}
  .a1-unified-header .desktop-nav,.a1-unified-header .header-actions{display:none!important}
  .a1-unified-header .menu-button{
    order:3!important;
    display:flex!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    cursor:pointer!important;
  }
  .a1-unified-header .menu-button span{display:block!important;width:24px!important;height:2px!important;background:#000257!important;border-radius:2px!important}
  html[data-theme="dark"] .a1-unified-header .menu-button span{background:#dce6ff!important}
  .a1-unified-header .mobile-nav{
    display:block!important;
    position:absolute!important;
    direction:rtl!important;
    top:70px!important;
    right:0!important;
    left:0!important;
    padding:10px 18px 18px!important;
    background:var(--a1-header-bg,#fff)!important;
    border-top:1px solid var(--a1-header-line,#dfe5ef)!important;
    box-shadow:0 18px 35px rgba(0,2,87,.12)!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(-8px)!important;
    pointer-events:none!important;
    transition:opacity .2s ease,visibility .2s ease,transform .2s ease!important;
    z-index:10001!important;
  }
  .a1-unified-header .mobile-nav.open{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;pointer-events:auto!important}
  .a1-unified-header .mobile-nav>a,
  .a1-unified-header .mobile-submenu-toggle{
    width:100%!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:8px 4px!important;
    border:0!important;
    border-bottom:1px solid var(--a1-header-line,#dfe5ef)!important;
    background:transparent!important;
    color:var(--a1-header-strong,#071b54)!important;
    text-decoration:none!important;
    font:700 15px/1.4 Peyda,Tahoma,sans-serif!important;
    text-align:right!important;
  }
  .a1-unified-header .mobile-submenu-menu{max-height:0!important;overflow:hidden!important;transition:max-height .24s ease!important}
  .a1-unified-header .mobile-submenu-menu.open{max-height:320px!important}
  .a1-unified-header .mobile-submenu-menu a{display:flex!important;min-height:42px!important;align-items:center!important;padding:6px 18px!important;color:var(--a1-header-text,#6b7890)!important;text-decoration:none!important;font:600 14px/1.4 Peyda,Tahoma,sans-serif!important;border-bottom:1px solid rgba(223,229,239,.65)!important}
  .a1-unified-header .mobile-cta-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;padding-top:14px!important}
  .a1-unified-header .mobile-cta-row .header-cta{height:44px!important;font-size:13px!important}
}

/* ---------- FAQ accordions: same chevron language as contact addresses ---------- */
.faq-list .faq-item{
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:var(--surface)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.faq-list .faq-item:hover,
.faq-list .faq-item:focus-within{
  border-color:var(--orange)!important;
  box-shadow:0 8px 22px rgba(243,112,36,.18)!important;
  transform:translateY(-2px)!important;
}
.faq-list .faq-q{
  width:100%!important;
  min-height:64px!important;
  box-sizing:border-box!important;
  border:0!important;
  background:var(--surface)!important;
  color:var(--ink)!important;
  font:700 1.06rem/1.5 Peyda,Tahoma,sans-serif!important;
  text-align:right!important;
  padding:18px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  cursor:pointer!important;
}
.faq-list .faq-q>span{
  width:9px!important;
  height:9px!important;
  flex:0 0 9px!important;
  margin:0!important;
  border-left:2px solid var(--navy)!important;
  border-bottom:2px solid var(--navy)!important;
  border-top:0!important;
  border-right:0!important;
  font-size:0!important;
  line-height:0!important;
  transform:rotate(-45deg)!important;
  transition:transform .22s ease,border-color .18s ease!important;
}
.faq-list .faq-item.open .faq-q>span{transform:rotate(135deg)!important}
.faq-list .faq-a{
  display:none!important;
  padding:0 20px 18px!important;
  background:var(--surface)!important;
  color:var(--muted)!important;
}
.faq-list .faq-item.open .faq-a{display:block!important}
html[data-theme="dark"] .faq-list .faq-item:hover,
html[data-theme="dark"] .faq-list .faq-item:focus-within{border-color:var(--orange)!important;box-shadow:0 8px 22px rgba(243,112,36,.12)!important}

/* ---------- contact addresses ---------- */
.address-accordion .address-item{
  border:1px solid var(--orange)!important;
  border-radius:12px!important;
  background:var(--surface)!important;
  overflow:hidden!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.address-accordion .address-item:hover,
.address-accordion .address-item:focus-within,
.address-accordion .address-item.is-open{
  border-color:var(--orange)!important;
}
.address-accordion .address-item:hover,
.address-accordion .address-item:focus-within{
  box-shadow:0 8px 22px rgba(243,112,36,.20)!important;
  transform:translateY(-2px)!important;
}
.address-accordion .address-item__button{
  width:100%!important;
  min-height:58px!important;
  box-sizing:border-box!important;
  padding:14px 16px!important;
  border:0!important;
  background:transparent!important;
  color:var(--ink)!important;
  font:700 1rem/1.4 Peyda,Tahoma,sans-serif!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  cursor:pointer!important;
}
.address-accordion .address-item__label{display:flex!important;align-items:center!important;gap:9px!important}
.address-accordion .address-item__label img{width:22px!important;height:22px!important;object-fit:contain!important;display:block!important}
.address-accordion .address-item__arrow{
  width:9px!important;
  height:9px!important;
  flex:0 0 9px!important;
  border-left:2px solid var(--navy)!important;
  border-bottom:2px solid var(--navy)!important;
  border-top:0!important;
  border-right:0!important;
  transform:rotate(-45deg)!important;
  transition:transform .22s ease!important;
}
.address-accordion .address-item.is-open .address-item__arrow{transform:rotate(135deg)!important}
.address-accordion .address-item__panel{
  padding:0 16px 16px!important;
  color:var(--muted)!important;
}
.address-accordion .address-item__panel[hidden]{display:none!important}
.address-accordion .address-item__panel p{margin:0 0 14px!important;color:var(--muted)!important}

/* Native details/dropdowns use the same chevron geometry. */
.filters details summary{list-style:none!important}
.filters details summary::-webkit-details-marker{display:none!important}
.filters details summary:after{
  content:""!important;
  width:8px!important;
  height:8px!important;
  flex:0 0 8px!important;
  border-left:2px solid currentColor!important;
  border-bottom:2px solid currentColor!important;
  border-top:0!important;
  border-right:0!important;
  transform:rotate(-45deg)!important;
  transition:transform .22s ease!important;
}
.filters details[open] summary:after{transform:rotate(135deg)!important}


/* ---------- FINAL THEME TOGGLE LOCK ---------- */
.a1-unified-header .header-actions .theme-toggle{flex:0 0 64px!important;width:64px!important;min-width:64px!important;height:36px!important;min-height:36px!important;padding:0!important;overflow:hidden!important;position:relative!important;display:block!important;border-radius:999px!important;}
.a1-unified-header .header-actions .theme-toggle > svg.theme-toggle-icon{position:absolute!important;top:0!important;width:30px!important;height:34px!important;display:block!important;margin:0!important;padding:0!important;box-sizing:border-box!important;background:transparent!important;z-index:1!important;pointer-events:none!important;}
.a1-unified-header .header-actions .theme-toggle > svg.theme-toggle-moon{left:1px!important;right:auto!important;color:#000257!important;}
.a1-unified-header .header-actions .theme-toggle > svg.theme-toggle-sun{right:1px!important;left:auto!important;color:#7d8aa1!important;}
.a1-unified-header .header-actions .theme-toggle > i.theme-toggle-knob{position:absolute!important;top:3px!important;right:3px!important;left:auto!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#fff!important;z-index:2!important;display:block!important;}
html[data-theme="dark"] .a1-unified-header .header-actions .theme-toggle{background:#111a2d!important;border-color:#33425f!important;}
html[data-theme="dark"] .a1-unified-header .header-actions .theme-toggle > svg.theme-toggle-moon{color:#7f8da8!important;}
html[data-theme="dark"] .a1-unified-header .header-actions .theme-toggle > svg.theme-toggle-sun{color:#fff!important;}
html[data-theme="dark"] .a1-unified-header .header-actions .theme-toggle > i.theme-toggle-knob{right:auto!important;left:3px!important;background:#f37024!important;box-shadow:0 2px 8px rgba(243,112,36,.28)!important;}
@media(max-width:900px){
 .a1-unified-header .header-actions .theme-toggle{flex-basis:60px!important;width:60px!important;min-width:60px!important;height:34px!important;min-height:34px!important;}
 .a1-unified-header .header-actions .theme-toggle > svg.theme-toggle-icon{width:28px!important;height:32px!important;}
 .a1-unified-header .header-actions .theme-toggle > i.theme-toggle-knob{top:3px!important;right:3px!important;width:26px!important;height:26px!important;}
 html[data-theme="dark"] .a1-unified-header .header-actions .theme-toggle > i.theme-toggle-knob{left:3px!important;right:auto!important;}
}


/* ============================================================
   A1 MOBILE HEADER — FINAL NON-PORTAL OVERRIDE
   The mobile nav remains inside the header. This block intentionally
   overrides the previous portal implementation without changing the
   desktop header or bottom mobile navigation.
   ============================================================ */
@media (max-width:900px){
  .a1-unified-header .mobile-nav{
    position:fixed!important;
    top:70px!important;
    right:0!important;
    left:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    max-height:calc(100dvh - 70px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:10px 18px calc(88px + env(safe-area-inset-bottom))!important;
    background:var(--a1-header-bg,#fff)!important;
    border:0!important;
    border-top:1px solid var(--a1-header-line,#dfe5ef)!important;
    box-shadow:0 18px 35px rgba(0,2,87,.12)!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(-8px)!important;
    pointer-events:none!important;
    transition:opacity .2s ease,visibility .2s ease,transform .2s ease!important;
    z-index:2147483000!important;
  }

  .a1-unified-header .mobile-nav.open{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(0)!important;
    pointer-events:auto!important;
  }

  .a1-unified-header .menu-button{
    position:relative!important;
    z-index:2147483001!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  html.a1-mobile-menu-open,
  body.a1-mobile-menu-open{
    overflow:hidden!important;
  }

  /* Explicitly neutralize the old portal-only rules. */
  body > .a1-mobile-nav-portal{
    display:none!important;
  }
  body > .a1-mobile-menu-backdrop{
    display:none!important;
  }

  html[data-theme="dark"] .a1-unified-header .mobile-nav{
    background:#10182a!important;
    border-top-color:#202e47!important;
    color:#dce6ff!important;
  }
}