/* A1 Header — clean responsive controller */
.a1-main-header.a1-unified-header{
  position:sticky!important;top:0!important;z-index:10000!important;width:100%!important;
  height:78px!important;min-height:78px!important;display:grid!important;
  grid-template-columns:78px minmax(0,1fr) max-content!important;align-items:center!important;
  direction:rtl!important;padding:0 max(24px,calc((100% - 1360px)/2))!important;margin:0!important;
  box-sizing:border-box!important;background:#fff!important;border:0!important;border-bottom:1px solid #e3e8f0!important;
  box-shadow:0 4px 18px rgba(0,2,87,.06)!important;
}
.a1-main-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}
.a1-main-header .brand img{display:block!important;width:76px!important;height:auto!important;max-height:52px!important;object-fit:contain!important}
.a1-main-header .desktop-nav{grid-column:2!important;grid-row:1!important;width:100%!important;height:78px!important;min-width:0!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-main-header .desktop-nav>a,.a1-main-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;white-space:nowrap!important;text-decoration:none!important;font:700 15px/1 Peyda,Tahoma,sans-serif!important;color:#53627d!important;background:transparent!important;border:0!important;cursor:pointer!important;transition:color .18s ease!important}
.a1-main-header .desktop-nav>a:hover,.a1-main-header .desktop-nav>a:focus-visible,.a1-main-header .nav-dropdown-toggle:hover,.a1-main-header .nav-dropdown-toggle:focus-visible{color:#000257!important;outline:none!important}
.a1-main-header .nav-dropdown{position:relative!important;flex:0 0 auto!important;height:78px!important;display:flex!important;align-items:stretch!important}
.a1-main-header .nav-dropdown-menu{position:absolute!important;top:calc(100% - 1px)!important;right:50%!important;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) scaleY(0)!important;transform-origin:top center!important;background:#fff!important;border:1px solid #e3e8f0!important;border-radius:12px!important;box-shadow:0 18px 42px rgba(0,2,87,.14)!important;z-index:10001!important;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .18s ease,visibility .18s ease!important}
.a1-main-header .nav-dropdown-menu.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(50%,0) scaleY(1)!important}
.a1-main-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;white-space:nowrap!important;text-decoration:none!important;font:700 14px/1 Peyda,Tahoma,sans-serif!important;color:#53627d!important;background:transparent!important;border:0!important;border-radius:8px!important}
.a1-main-header .nav-dropdown-menu a:hover{color:#000257!important;background:#f4f6fa!important}
.a1-main-header .nav-dropdown-toggle>span[aria-hidden="true"],.a1-main-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;border-left:2px solid currentColor!important;border-bottom:2px solid currentColor!important;border-top:0!important;border-right:0!important;font-size:0!important;transform:rotate(-45deg)!important;transition:transform .2s ease!important;position:relative!important;top:0!important}
@media (min-width:901px){.a1-main-header .nav-dropdown-toggle{flex-direction:row-reverse!important}.a1-main-header .nav-dropdown-toggle>span[aria-hidden="true"]{margin-inline-start:0!important;margin-inline-end:9px!important}}
.a1-main-header .nav-dropdown-toggle[aria-expanded="true"]>span[aria-hidden="true"],.a1-main-header .mobile-submenu-toggle[aria-expanded="true"]>span[aria-hidden="true"]{transform:rotate(45deg)!important}
@media (min-width:901px){.a1-main-header .nav-dropdown:hover .nav-dropdown-toggle>span[aria-hidden="true"],.a1-main-header .nav-dropdown-toggle:hover>span[aria-hidden="true"]{transform:rotate(135deg)!important}}
.a1-main-header .header-actions{grid-column:3!important;grid-row:1!important;width:max-content!important;min-width:max-content!important;height:78px!important;display:flex!important;align-items:center!important;gap:9px!important;direction:rtl!important;flex-wrap:nowrap!important;white-space:nowrap!important}
.a1-main-header .header-cta{height:42px!important;min-height:42px!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!important}
.a1-main-header .header-cta-expert{background:#fff!important;border:1px solid #000257!important;color:#000257!important}
.a1-main-header .header-cta-price{background:#f37024!important;border:1px solid #f37024!important;color:#fff!important}
.a1-main-header .header-cta:hover{transform:translateY(-2px)!important}
.a1-main-header .menu-button,.a1-main-header .mobile-nav{display:none!important}
html[data-theme="dark"] .a1-main-header.a1-unified-header{background:#080f1e!important;border-bottom-color:#202e47!important;box-shadow:0 8px 26px rgba(0,0,0,.24)!important}
html[data-theme="dark"] .a1-main-header .desktop-nav>a,html[data-theme="dark"] .a1-main-header .nav-dropdown-toggle{color:#aebbd3!important}
html[data-theme="dark"] .a1-main-header .desktop-nav>a:hover,html[data-theme="dark"] .a1-main-header .nav-dropdown-toggle:hover{color:#fff!important}
html[data-theme="dark"] .a1-main-header .header-cta-expert{background:transparent!important;border-color:#7188c7!important;color:#dce6ff!important}
html[data-theme="dark"] .a1-main-header .nav-dropdown-menu{background:#10182a!important;border-color:#202e47!important}
html[data-theme="dark"] .a1-main-header .nav-dropdown-menu a{color:#b7c4de!important}
html[data-theme="dark"] .a1-main-header .nav-dropdown-menu a:hover{color:#fff!important;background:#18233a!important}

@media(max-width:1100px) and (min-width:901px){
  .a1-main-header .desktop-nav{gap:15px!important;padding-inline:12px!important}
  .a1-main-header .desktop-nav>a,.a1-main-header .nav-dropdown-toggle{font-size:13px!important}
  .a1-main-header .header-cta{padding-inline:11px!important;font-size:12.5px!important}
}

@media(max-width:900px){
  .a1-main-header.a1-unified-header{
    position:sticky!important;top:0!important;height:70px!important;min-height:70px!important;
    display:flex!important;direction:ltr!important;align-items:center!important;justify-content:space-between!important;
    padding:0 14px!important;z-index:10000!important;
  }
  .a1-main-header .brand{order:1!important;width:64px!important;height:70px!important;min-width:64px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
  .a1-main-header .brand img{width:64px!important;max-height:46px!important}
  .a1-main-header .desktop-nav,.a1-main-header .header-actions{display:none!important}
  .a1-main-header .menu-button{
    order:3!important;display:flex!important;flex:0 0 44px!important;width:44px!important;height:44px!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;
    flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;
    cursor:pointer!important;position:relative!important;z-index:10030!important;pointer-events:auto!important;
    touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;
  }
  .a1-main-header .menu-button span{display:block!important;width:25px!important;height:2px!important;border-radius:3px!important;background:#000257!important;pointer-events:none!important;transition:transform .2s ease,opacity .15s ease!important}
  .a1-main-header .menu-button.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)!important}
  .a1-main-header .menu-button.is-open span:nth-child(2){opacity:0!important}
  .a1-main-header .menu-button.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)!important}

  /* The mobile header menu is a real overlay, not a hidden animation layer. */
  .a1-main-header .mobile-nav{
    display:none!important;position:fixed!important;top:70px!important;right:0!important;left:0!important;bottom:0!important;
    width:100vw!important;height:auto!important;min-height:calc(100dvh - 70px)!important;max-height:none!important;
    direction:rtl!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;padding:8px 18px calc(24px + env(safe-area-inset-bottom))!important;margin:0!important;
    background:#fff!important;border-top:1px solid #e3e8f0!important;box-shadow:0 18px 35px rgba(0,2,87,.14)!important;
    z-index:2147483646!important;box-sizing:border-box!important;
    isolation:isolate!important;
  }
  .a1-main-header .mobile-nav.open{display:flex!important;flex-direction:column!important;align-items:stretch!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important}
  .a1-main-header .mobile-nav>a,.a1-main-header .mobile-submenu-toggle{
    width:100%!important;min-height:50px!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
    padding:8px 4px!important;margin:0!important;border:0!important;border-bottom:1px solid #e3e8f0!important;background:transparent!important;
    color:#000257!important;text-decoration:none!important;font:700 15px/1.4 Peyda,Tahoma,sans-serif!important;text-align:right!important;cursor:pointer!important;
  }
  .a1-main-header .mobile-submenu{width:100%!important;flex:0 0 auto!important}
  .a1-main-header .mobile-submenu-menu{display:none!important;overflow:hidden!important;padding:0 10px!important}
  .a1-main-header .mobile-submenu-menu.open{display:block!important;padding-top:3px!important;padding-bottom:5px!important}
  .a1-main-header .mobile-submenu-menu a{min-height:42px!important;display:flex!important;align-items:center!important;padding:7px 8px!important;color:#53627d!important;text-decoration:none!important;border-bottom:1px solid #e3e8f0!important;font:600 14px/1.4 Peyda,Tahoma,sans-serif!important}
  .a1-main-header .mobile-theme-row{width:100%!important;min-height:58px!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:8px 4px!important;border-bottom:1px solid #e3e8f0!important;color:#000257!important;font:700 14px/1.4 Peyda,Tahoma,sans-serif!important}
  .a1-main-header .mobile-theme-slot{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:90px!important}
  .a1-main-header .mobile-cta-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;padding-top:12px!important}
  .a1-main-header .mobile-cta-row .header-cta{height:44px!important;font-size:13px!important}
  html[data-theme="dark"] .a1-main-header .menu-button span{background:#dce6ff!important}
  html[data-theme="dark"] .a1-main-header .mobile-nav{background:#10182a!important;border-color:#202e47!important}
  html[data-theme="dark"] .a1-main-header .mobile-nav>a,html[data-theme="dark"] .a1-main-header .mobile-submenu-toggle,html[data-theme="dark"] .a1-main-header .mobile-theme-row{color:#dce6ff!important;border-color:#202e47!important}
  html[data-theme="dark"] .a1-main-header .mobile-submenu-menu a{color:#b7c4de!important;border-color:#26314a!important}
}


/* ==========================================================================
   A1 MOBILE NAVIGATION — FINAL, BODY-LEVEL IMPLEMENTATION
   The mobile menu is moved to <body> by header-final.js so it can never be
   clipped by the sticky header or any page container.
   ========================================================================== */
@media (max-width:900px){
  body.a1-mobile-menu-open{overflow:hidden!important;touch-action:none!important;}

  .a1-mobile-menu-backdrop{
    display:none!important;
    position:fixed!important;
    inset:70px 0 0 0!important;
    width:100vw!important;
    height:calc(100dvh - 70px)!important;
    background:rgba(4,13,28,.48)!important;
    z-index:2147483000!important;
    -webkit-backdrop-filter:blur(2px)!important;
    backdrop-filter:blur(2px)!important;
  }
  .a1-mobile-menu-backdrop.open{display:block!important;}

  body > .a1-mobile-nav-portal{
    display:none!important;
    position:fixed!important;
    top:70px!important;
    right:0!important;
    left:0!important;
    bottom:0!important;
    width:100vw!important;
    height:calc(100dvh - 70px)!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:10px 18px calc(30px + env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
    direction:rtl!important;
    flex-direction:column!important;
    align-items:stretch!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    background:#fff!important;
    border:0!important;
    border-top:1px solid #e3e8f0!important;
    border-radius:0!important;
    box-shadow:0 22px 45px rgba(0,2,87,.22)!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:none!important;
    z-index:2147483001!important;
  }
  body > .a1-mobile-nav-portal.open{
    display:flex!important;
    pointer-events:auto!important;
  }

  body > .a1-mobile-nav-portal > a,
  body > .a1-mobile-nav-portal .mobile-submenu-toggle{
    width:100%!important;
    min-height:52px!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    box-sizing:border-box!important;
    padding:8px 4px!important;
    margin:0!important;
    border:0!important;
    border-bottom:1px solid #e3e8f0!important;
    background:transparent!important;
    color:#000257!important;
    text-decoration:none!important;
    font:700 15px/1.4 Peyda,Tahoma,sans-serif!important;
    text-align:right!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
  }
  body > .a1-mobile-nav-portal .mobile-submenu{width:100%!important;flex:0 0 auto!important;}
  body > .a1-mobile-nav-portal .mobile-submenu-menu{
    display:none!important;
    width:100%!important;
    overflow:hidden!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
  }
  body > .a1-mobile-nav-portal .mobile-submenu-menu.open{
    display:block!important;
    padding-top:3px!important;
    padding-bottom:5px!important;
  }
  body > .a1-mobile-nav-portal .mobile-submenu-menu a{
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    padding:7px 8px!important;
    color:#53627d!important;
    text-decoration:none!important;
    border-bottom:1px solid #e3e8f0!important;
    font:600 14px/1.4 Peyda,Tahoma,sans-serif!important;
  }
  body > .a1-mobile-nav-portal .mobile-theme-row{
    width:100%!important;
    min-height:58px!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding:8px 4px!important;
    box-sizing:border-box!important;
    border-bottom:1px solid #e3e8f0!important;
    color:#000257!important;
    font:700 14px/1.4 Peyda,Tahoma,sans-serif!important;
  }
  body > .a1-mobile-nav-portal .mobile-theme-slot{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:90px!important;}
  body > .a1-mobile-nav-portal .mobile-cta-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;padding-top:12px!important;}
  body > .a1-mobile-nav-portal .mobile-cta-row .header-cta{height:44px!important;font-size:13px!important;}

  /* One bottom navigation implementation shared by every page. */
  .bottom-nav{
    display:flex!important;
    position:fixed!important;
    right:0!important;
    left:0!important;
    bottom:0!important;
    top:auto!important;
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    padding:6px 4px max(6px,env(safe-area-inset-bottom))!important;
    margin:0!important;
    box-sizing:border-box!important;
    z-index:2147482999!important;
    direction:rtl!important;
    gap:0!important;
    background:rgba(255,255,255,.98)!important;
    border-top:1px solid #dfe5ef!important;
    box-shadow:0 -8px 26px rgba(0,2,87,.10)!important;
  }
  .bottom-nav>a{
    flex:1 1 20%!important;
    width:20%!important;
    min-width:0!important;
    height:60px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    margin:0!important;
    padding:3px 2px!important;
    box-sizing:border-box!important;
    border:0!important;
    background:transparent!important;
    color:#53617c!important;
    text-decoration:none!important;
    font:600 10.5px/1.2 Peyda,Tahoma,sans-serif!important;
    text-align:center!important;
    white-space:nowrap!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .bottom-nav>a:active{transform:translateY(1px)!important;}
  .bottom-nav .nav-icon{
    width:24px!important;
    height:24px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    font-size:21px!important;
    line-height:1!important;
    color:inherit!important;
  }
  .bottom-nav .nav-icon svg{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    overflow:visible!important;
  }
  .bottom-nav small{display:block!important;margin:0!important;padding:0!important;font:600 10.5px/1.2 Peyda,Tahoma,sans-serif!important;color:inherit!important;white-space:nowrap!important;}

  html[data-theme="dark"] body > .a1-mobile-nav-portal{background:#10182a!important;border-top-color:#202e47!important;color:#dce6ff!important;}
  html[data-theme="dark"] body > .a1-mobile-nav-portal > a,
  html[data-theme="dark"] body > .a1-mobile-nav-portal .mobile-submenu-toggle,
  html[data-theme="dark"] body > .a1-mobile-nav-portal .mobile-theme-row{color:#dce6ff!important;border-color:#202e47!important;}
  html[data-theme="dark"] body > .a1-mobile-nav-portal .mobile-submenu-menu a{color:#b7c4de!important;border-color:#26314a!important;}
  html[data-theme="dark"] .bottom-nav{background:rgba(20,26,38,.98)!important;border-top-color:#26314a!important;box-shadow:0 -8px 26px rgba(0,0,0,.22)!important;}
  html[data-theme="dark"] .bottom-nav>a{color:#dce6ff!important;}
}

@media (min-width:901px){
  body > .a1-mobile-nav-portal,
  body > .a1-mobile-menu-backdrop{display:none!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;
  }
}

/* Fix desktop nav groups used by the shared header */
@media (min-width: 901px) {
  .a1-main-header .desktop-nav > .nav-group {
    position: relative !important;
    flex: 0 0 auto !important;
    width: max-content !important;
    min-width: max-content !important;
    height: 78px !important;
    display: flex !important;
    align-items: stretch !important;
  }

  .a1-main-header .desktop-nav > .nav-group > .nav-parent {
    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;
    white-space: nowrap !important;
    font: 700 15px/1 Peyda, Tahoma, sans-serif !important;
    color: #53627d !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
  }

  .a1-main-header .desktop-nav > .nav-group > .nav-dropdown {
    position: absolute !important;
    top: calc(100% - 1px) !important;
    right: 50% !important;
    width: 210px !important;
    min-width: 210px !important;
    display: none !important;
    flex-direction: column !important;
    padding: 8px !important;
    background: #fff !important;
    border: 1px solid #e3e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 42px rgba(0,2,87,.14) !important;
    transform: translateX(50%) !important;
    z-index: 10001 !important;
  }

  .a1-main-header .desktop-nav > .nav-group.open > .nav-dropdown {
    display: flex !important;
  }

  .a1-main-header .desktop-nav > .nav-group > .nav-dropdown > a {
    display: flex !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: 7px 12px !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    color: #53627d !important;
    font: 700 14px/1.4 Peyda, Tahoma, sans-serif !important;
    border-radius: 8px !important;
  }
}