.mobile-menu-top, .mobile-submenu-toggle { display: none; }
.mobile-menu-links { display: contents; }
@media (max-width: 1279px) {
  body.mobile-menu-open { overflow: hidden; }
  body.mobile-menu-open #hubspot-messages-iframe-container { display: none !important; }
  .site-header #menu-body-overlay { background: rgb(255 255 255 / .15); }
  .site-header #main_menu { width: min(100%, 420px); height: 100vh; height: 100dvh; gap: 0; padding: 0 max(24px, env(safe-area-inset-right, 0px)) calc(32px + env(safe-area-inset-bottom, 0px)) max(24px, env(safe-area-inset-left, 0px)); overflow-y: hidden; background: rgb(255 255 255 / .7); border: 0; -webkit-backdrop-filter: blur(16px) saturate(115%); backdrop-filter: blur(16px) saturate(115%); box-shadow: 0 8px 28px rgb(13 0 68 / .035); }
  .site-header .menu-trigger { top: calc(40px + env(safe-area-inset-top, 0px)); right: max(20px, env(safe-area-inset-right, 0px)); }
  .site-header .mobile-menu-top { display: block; position: sticky; top: 0; z-index: 2; flex-shrink: 0; margin-inline: -24px; padding: calc(108px + env(safe-area-inset-top, 0px)) 24px 24px; background: transparent; }
  .site-header .mobile-menu-links { display: block; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
  .site-header .menu-trigger-close { position: absolute; right: 24px; }
  .site-header .mobile-menu-demo { display: flex; align-items: center; justify-content: center; flex-shrink: 0; min-height: 46px; margin-bottom: 0; font-size: 16px; }
  .site-header #main_menu .menu_item { flex-shrink: 0; padding: 0; border-radius: 0; }
  .site-header #main_menu .menu_item + .menu_item { border-top: 1px solid rgb(13 0 68 / .07); }
  .site-header #main_menu .menu_item > a { min-height: 52px; padding: 12px 0; font-size: 17px; line-height: 24px; }
  .site-header #main_menu .menu_item > .desktop-submenu-link { display: none; }
  .site-header .mobile-submenu-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 52px; padding: 12px 0; font-size: 17px; line-height: 24px; font-weight: 600; text-align: left; }
  .site-header .mobile-submenu-toggle svg { width: 20px; height: 20px; transition: transform .2s ease; }
  .site-header .mobile-submenu-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
  .site-header .menu-dropdown { display: none; padding: 0 0 20px; }
  .site-header .is-mobile-open > .menu-dropdown { display: block; }
  .site-header .menu-dropdown-panel { padding: 0; gap: 20px; }
  .site-header .menu-dropdown-group { gap: 0; padding: 0; }
  .site-header .menu-dropdown-group > span { padding: 8px 0; font-size: 12px; line-height: 18px; }
  .site-header .menu-dropdown-group > a { display: flex; align-items: center; min-height: 44px; padding: 8px 0; font-size: 15px; line-height: 21px; }
  .site-header .menu-dropdown-group > a > span { gap: 12px; }
  .site-header .menu-dropdown-group > a img { width: 32px; height: 32px; object-fit: contain; flex-shrink: 0; }
  .site-header .menu-dropdown-group > a img[width="24"] { width: 24px; height: 24px; margin-inline: 4px; }
  .site-header .menu-dropdown-panel > a { flex-basis: auto; }
  .site-header .menu-dropdown-panel > a:first-child { top: 0; }
}
/* Desktop navigation follows the same white glass treatment as Payments cards. */
@media (min-width: 1280px) {
  .site-header { position: sticky; top: 0; z-index: 40; height: 99px; padding: 16px 16px 0; }
  .site-header .region-header { width: 100%; max-width: 1568px; height: 67px; margin: 0 auto; padding: 10px 24px; gap: 20px; border-radius: 20px; transition: max-width .3s ease-out, background .3s ease-out, box-shadow .3s ease-out, transform .3s ease-out; }
  .site-header.is-scrolled .region-header { max-width: 1232px; transform: translateY(4px); background: transparent; border: 0; box-shadow: 0 8px 28px rgb(13 0 68 / .035); }
  .site-header .region-header::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; transition: background .3s ease-out; }
  .site-header.is-scrolled .region-header::before { background: rgb(255 255 255 / .7); -webkit-backdrop-filter: blur(16px) saturate(115%); backdrop-filter: blur(16px) saturate(115%); }
  .site-header .region-header > a { flex-shrink: 0; }
  .site-header .region-header > a img { height: 44px; width: auto; }
  .site-header #main_menu { gap: 4px; }
  .site-header #block-mainnavigation { flex: 1; display: flex; justify-content: center; }
  .site-header #main_menu .menu_item { padding: 8px 12px; border-radius: 8px; font-size: 14px; line-height: 20px; }
  .site-header #main_menu .menu_item > a { gap: 6px; white-space: nowrap; }
  .site-header #main_menu .menu_item > a svg { margin-right: 0; width: 16px; height: 16px; transition: transform .2s ease; }
  .site-header #main_menu .menu_item.is-open > a svg { transform: rotate(180deg); }
  .site-header .header-actions { align-items: center; flex-shrink: 0; gap: 8px; }
  .site-header .header-actions > a { white-space: nowrap; font-size: 14px; line-height: 20px; }
  .site-header .header-actions > .menu_item { padding: 8px 12px; }
  .site-header .header-actions > :is(.button-primary, .button-secondary-pale) { padding: 9px 20px; height: 40px; }
  .site-header .menu-dropdown { top: 36px; padding-top: 12px; margin-left: 0; left: 0; width: max-content; max-width: calc(100vw - 64px); }
  .site-header #main_menu .menu_item:last-child .menu-dropdown { left: auto; right: 0; }
  .site-header .menu-dropdown-panel { padding: 16px; gap: 16px; border-radius: 16px; background: rgb(255 255 255 / .85); border: 0; -webkit-backdrop-filter: blur(16px) saturate(115%); backdrop-filter: blur(16px) saturate(115%); box-shadow: 0 12px 36px rgb(13 0 68 / .09); }
  .site-header .menu-dropdown-group { flex: 1 0 auto; width: max-content; min-width: 185px; gap: 0; }
  .site-header .menu-dropdown-group:first-child { min-width: 220px; }
  .site-header .menu-dropdown-group + .menu-dropdown-group { padding-left: 16px; border-left: 1px solid rgb(13 0 68 / .08); }
  .site-header .menu-dropdown-group > span { padding: 8px; margin-bottom: 4px; line-height: 16px; }
  .site-header .menu-dropdown-group > a { display: flex; align-items: center; min-height: 36px; padding: 8px; font-size: 14px; line-height: 20px; border-radius: 8px; white-space: nowrap; }
  .site-header .menu-dropdown-group > a:hover { background: rgb(0 102 255 / .05); }
  .site-header .menu-dropdown-group > a > span { gap: 12px; }
  .site-header .menu-dropdown-group > a img { width: 32px; height: 32px; object-fit: contain; flex-shrink: 0; }
  .site-header .menu-dropdown-group > a img[width="24"] { width: 24px; height: 24px; margin: 0 4px; }
  .site-header .menu-dropdown-group .menu-tour-link { min-height: 32px; }
  .site-header .menu-dropdown-group .menu-tour-link img { width: 22px; height: 22px; margin: 0 5px; }
}
@media (min-width: 1280px) and (prefers-reduced-motion: reduce) {
  .site-header .region-header,
  .site-header #main_menu .menu_item > a svg { transition: none; }
}
@media (prefers-reduced-motion: reduce) {
  .site-header .mobile-submenu-toggle svg { transition: none; }
}
