/* BDS Mobile Navigation V2 — limited to below desktop navigation breakpoint. */
@media (max-width: 1023.98px) {
  body.bds-drawer-ready #mobileMenu {
    display: flex !important;
    flex-direction: column;
    position: fixed;
    inset: 0 0 0 auto;
    width: min(88vw, 380px);
    max-width: 100%;
    height: 100vh;
    height: 100dvh;
    z-index: 1002;
    margin: 0;
    padding: 0 !important;
    border: 0;
    border-radius: 20px 0 0 20px;
    background: #fff;
    box-shadow: -18px 0 58px rgba(7, 17, 49, .22);
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(102%, 0, 0);
    transition: transform .26s cubic-bezier(.22, 1, .36, 1), visibility .26s;
    isolation: isolate;
  }
  body.bds-drawer-ready.bds-drawer-open #mobileMenu {
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
  }
  #bdsDrawerBackdrop {
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(8, 17, 45, .58);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .25s ease, visibility .25s;
  }
  body.bds-drawer-open #bdsDrawerBackdrop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  body.bds-drawer-open, html.bds-drawer-open { overflow: hidden !important; }

  #mobileMenu .bds-drawer-head {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: calc(18px + env(safe-area-inset-top)) 17px 15px;
    border-bottom: 1px solid #e8ecf5;
    background: linear-gradient(140deg,#fff 40%,#f3f6ff);
  }
  #mobileMenu .bds-drawer-title { flex:1; min-width:0; }
  #mobileMenu .bds-drawer-eyebrow {
    display:block; color:#667493; font-size:10px; font-weight:800;
    letter-spacing:.14em; text-transform:uppercase; margin-bottom:3px;
  }
  #mobileMenu .bds-drawer-title strong {
    display:block; font-size:19px; line-height:1.2; font-weight:850;
    letter-spacing:-.035em; color:#18225b;
  }
  #mobileMenu .bds-drawer-close {
    display:grid; place-items:center; flex:0 0 auto;
    width:42px; height:42px; border-radius:13px;
    border:1px solid #e4e8f4; background:#fff; color:#18225b;
    cursor:pointer; font-size:26px; line-height:1;
  }
  #mobileMenu .bds-drawer-close:focus-visible,
  #mobileMenu a:focus-visible,
  #mobileMenu summary:focus-visible {
    outline:3px solid #fb7a23; outline-offset:2px;
  }
  #mobileMenu > .mx-auto.grid {
    flex:1 1 auto;
    display:grid;
    align-content:start;
    width:100%; max-width:none;
    min-height:0;
    gap:9px;
    padding:16px 15px 22px;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#d3d9e8 transparent;
  }
  #mobileMenu > .mx-auto.grid > a,
  #mobileMenu > .mx-auto.grid > details {
    width:100%; min-width:0; border-radius:14px;
    border:1px solid #e8ecf6; background:#f4f6fc;
    color:#19245e;
  }
  #mobileMenu > .mx-auto.grid > a {
    display:flex; align-items:center; min-height:48px;
    padding:12px 15px; font-size:14px;
    font-weight:800; line-height:1.35;
    text-decoration:none;
  }
  #mobileMenu > .mx-auto.grid > details > summary {
    min-height:48px; padding:12px 15px;
    font-size:14px; line-height:1.35;
    user-select:none;
  }
  #mobileMenu > .mx-auto.grid > details > summary > svg {
    transition: transform .2s ease;
  }
  #mobileMenu > .mx-auto.grid > details[open] > summary > svg {
    transform:rotate(180deg);
  }
  #mobileMenu > .mx-auto.grid > details > div {
    padding:9px; gap:8px;
    background:#fff;
  }
  #mobileMenu > .mx-auto.grid > details > div > a {
    border-radius:12px;
    padding:11px 13px;
  }
  #mobileMenu > .mx-auto.grid > details > div > a span:first-child {font-size:13px;}
  #mobileMenu > .mx-auto.grid > details > div > a span:last-child {font-size:11px;}
  #mobileMenu .bds-drawer-footer {
    flex:0 0 auto;
    display:grid; gap:8px;
    padding:12px 15px calc(13px + env(safe-area-inset-bottom));
    border-top:1px solid #e8ecf5;
    background:#fff;
    box-shadow:0 -8px 28px rgba(18,31,82,.04);
  }
  #mobileMenu .bds-drawer-footer > a {
    display:flex; align-items:center; justify-content:center;
    width:100%; min-height:46px; padding:10px 14px;
    border-radius:13px; text-decoration:none;
    font-size:14px; font-weight:850;
  }
  #mobileMenu .bds-drawer-footer > a.bds-drawer-client {
    background:linear-gradient(135deg,#ff7e00,#ff4800) !important;
    color:#fff !important;
    box-shadow:0 9px 23px rgba(255,90,0,.22);
  }
  #mobileMenu .bds-drawer-footer > a.bds-drawer-support {
    background:#edf2ff; color:#152a7a;
    box-shadow:none;
  }
}
@media (min-width: 1024px) {
  #mobileMenu, #bdsDrawerBackdrop { display:none !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.bds-drawer-ready #mobileMenu, #bdsDrawerBackdrop,
  #mobileMenu > .mx-auto.grid > details > summary > svg {
    transition:none !important;
  }
}