/* Shared language controls keep one set of links across desktop and mobile. */
#mobileLocaleSlot,
.mobile-language-globe,
.mobile-language-chevron,
.mobile-language-label,
.mobile-account-icon,
.mobile-account-chevron,
.mobile-menu-close { display: none; }
.locale-selected-check { display: inline-flex; width: 16px; height: 16px; }
.locale-selected-check img { transform: scale(.666667); transform-origin: top left; max-width: none; }
html:is([lang="en"], [lang="en-US"]) #localeCurrentLabel,
html:is([lang="en"], [lang="en-US"]) .mobile-language-label,
#localeOptions a[data-locale="en-US"][aria-selected="true"] { font-weight: 400; }
#headerLocaleSwitcher[data-open="true"] #localeOptions {
  visibility: visible; opacity: 1; pointer-events: auto;
}

@media (max-width: 1279.98px) {
  :root { --header-h: 64px; }
  html.mobile-nav-open, html.mobile-nav-open body { overflow: hidden; }
  #siteHeader { background: #191919; }
  #siteHeader > div:first-child { height: 64px; padding-right: 16px; padding-left: 16px; }
  #siteHeader > div:first-child > a img { width: 107px; height: auto; }
  #mobileLocaleSlot { display: flex; margin-left: auto; }
  #localeToggleBtn {
    width: 100px; height: 44px; padding: 0; gap: 5px;
    justify-content: center; background: #262629; border-radius: 10px;
  }
  #localeCurrentLabel { display: none; }
  .mobile-language-label { display: block; width: 26px; color: #fff; text-align: center; font-size: 14px; line-height: 20px; font-weight: 500; }
  html:is([lang="en"], [lang="en-US"]) .mobile-language-label,
  #localeOptions a[data-locale="en-US"][aria-selected="true"] { font-weight: 300; }
  .mobile-language-globe { display: block; flex-shrink: 0; }
  .mobile-language-chevron { display: block; width: 22px; height: 24px; }
  .mobile-language-chevron img { max-width: none; transform: scale(.916667); transform-origin: center; }
  #localeToggleBtn > svg { display: none; }
  #localeOptions {
    left: auto; right: 0; top: calc(100% + 4px); width: 176px; padding: 0;
    visibility: hidden; opacity: 0; pointer-events: none;
  }
  #localeOptions > div { background: #25262b; border: 1px solid #3b3d44; border-radius: 12px; padding: 8px; box-shadow: 0 8px 10px #0005; }
  #localeOptions > div > div { gap: 0; }
  #localeOptions a { min-height: 44px; padding: 0 12px; border-radius: 8px; color: #eeeef0; font-size: 14px; line-height: 20px; font-weight: 400; justify-content: space-between; }
  #localeOptions a[aria-selected="true"] { background: #38301f; color: #e7bd66; font-weight: 500; }
  #menuToggle { width: 44px; height: 44px; margin: 0 0 0 4px; padding: 10px; }
  #menuIcon { width: 24px; height: 24px; }
  #menuToggle[aria-expanded="true"] .mobile-menu-close { display: block; }
  #menuToggle[aria-expanded="true"] #menuIcon { display: none; }
  #siteHeader #navContent {
    height: calc(100vh - var(--site-header-offset, 64px));
    height: calc(100dvh - var(--site-header-offset, 64px));
    max-height: none; padding: 0; gap: 0; background: #101114;
    border: 0; overflow: visible; backdrop-filter: none; box-shadow: none;
  }
  #navContent > ul { flex: 1 1 auto; min-height: 0; width: 100%; overflow-y: auto; overscroll-behavior-y: contain; padding: 12px 16px 20px; gap: 0; }
  #navContent > ul > li { flex-shrink: 0; }
  .mobile-nav-group { border-bottom: 1px solid #282a2f; }
  .mobile-nav-group summary { display: flex; min-height: 52px; padding: 12px; align-items: center; justify-content: space-between; list-style: none; cursor: pointer; color: #f5f5f6; font-size: 16px; line-height: 24px; font-weight: 600; }
  .mobile-nav-group summary::-webkit-details-marker { display: none; }
  .mobile-group-icons { width: 24px; height: 24px; flex-shrink: 0; }
  .mobile-group-up, details[open] > summary .mobile-group-down { display: none; }
  details[open] > summary .mobile-group-up { display: block; }
  .mobile-nav-links { padding-left: 12px; }
  #navContent .mobile-nav-links a:not(.hidden) { display: flex; min-height: 44px; padding: 12px; white-space: normal; color: #b7b8be; font-size: 14px; line-height: 20px; font-weight: 400; border-radius: 10px; }
  #navContent .mobile-nav-links a[aria-current="page"] { background: #2b2418; color: #e7bd66; }
  html[lang="en"] #navContent .mobile-nav-links a[href*="/pricing/unlimited"] { min-height: 56px; padding-top: 8px; padding-bottom: 8px; padding-right: 92px; }
  #navContent > ul > li > a.nav-link-dark { min-height: 52px; padding: 12px; font-size: 16px; line-height: 24px; font-weight: 600; color: #f5f5f6; }
  #navContent > ul > li:has(> a[href$="/proxy"]) { border-bottom: 1px solid #282a2f; }
  #navContent > ul > li > div[style] { width: 64px; height: 24px; padding: 0; margin-left: 16px; border-radius: 6px; background: #eeb64e !important; background-image: none !important; color: #22180c; font-size: 10px; font-weight: 600; white-space: nowrap; }
  #navContent .header-actions { flex: 0 0 auto; width: 100%; min-height: 96px; padding: 12px 16px max(32px, env(safe-area-inset-bottom)); border: 0; background: #101114; }
  #navContent #headerAuthSlot { width: 100%; height: auto; }
  #headerAuthTrigger { height: 52px; padding: 0 12px; gap: 12px; background: #1d1f23; border: 1px solid #34363d; border-radius: 12px; box-shadow: none; }
  #headerAuthTriggerText { color: #e3bd69; font-weight: 500; }
  .mobile-account-icon, .mobile-account-chevron { display: block; width: 20px; height: 20px; flex-shrink: 0; }
  .mobile-account-icon img, .mobile-account-chevron img { max-width: none; transform: scale(.833333); transform-origin: top left; }
  #headerAuthTrigger > svg { display: none; }
  #headerAuthMenu > [role="menu"] { top: auto; bottom: 100%; padding: 0 0 8px; }
  #headerAuthMenu:focus-within > [role="menu"] { visibility: visible; opacity: 1; }
  #headerGuestActions { flex-direction: row; width: 100%; gap: 12px; }
  #headerGuestActions a { flex: 1; min-height: 52px; }
  html.mobile-nav-open #floatingContact { visibility: hidden; }
}