@media (max-width: 760px) {
  body { padding-top: 88px !important; overflow-x: hidden !important; }
  .site-header {
    position: fixed !important;
    top: 10px !important;
    left: 8px !important;
    right: 8px !important;
    z-index: 1200 !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, rgba(18,16,20,.68), rgba(15,12,16,.78)) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 16px 40px rgba(0,0,0,.26) !important;
    backdrop-filter: blur(10px) saturate(115%) !important;
  }
  .site-header .topbar,
  .topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-height: 68px !important;
    padding: 10px 14px !important;
    flex-wrap: nowrap !important;
  }
  .logo {
    font-size: 24px !important;
    line-height: 1 !important;
    max-width: calc(100% - 66px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .mobile-nav-overlay {
    position: fixed !important; inset: 0 !important;
    background: rgba(4,4,6,.34) !important; backdrop-filter: blur(3px) !important;
    opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;
    transition: opacity .22s ease, visibility .22s ease !important; z-index: 1190 !important;
  }
  body.mobile-nav-open .mobile-nav-overlay { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
  .mobile-nav-toggle {
    display: inline-flex !important;
    width: 46px !important; height: 46px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.06) !important;
    align-items: center !important; justify-content: center !important;
    flex-direction: column !important; gap: 6px !important;
    cursor: pointer !important; box-shadow: 0 10px 24px rgba(0,0,0,.14) !important;
    padding: 0 !important; flex: 0 0 46px !important;
  }
  .mobile-nav-toggle span {
    display: block !important; width: 18px !important; height: 2px !important;
    border-radius: 999px !important; background: #fff4eb !important;
    transition: transform .22s ease, opacity .22s ease !important;
  }
  body.mobile-nav-open .mobile-nav-toggle span:nth-child(1) { transform: translateY(4px) rotate(45deg) !important; }
  body.mobile-nav-open .mobile-nav-toggle span:nth-child(2) { transform: translateY(-4px) rotate(-45deg) !important; }
  .site-header .nav,
  .nav {
    position: fixed !important;
    top: 88px !important; right: 8px !important; left: 8px !important;
    display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important;
    padding: 14px !important; border-radius: 22px !important;
    background: linear-gradient(180deg, rgba(18,16,20,.84), rgba(16,13,16,.92)) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.28) !important;
    backdrop-filter: blur(12px) saturate(115%) !important;
    transform: translateY(-10px) scale(.98) !important;
    opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease !important;
    max-height: calc(100vh - 116px) !important; overflow-y: auto !important; z-index: 1250 !important;
  }
  body.mobile-nav-open .site-header .nav,
  body.mobile-nav-open .nav {
    opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
  }
  .site-header .nav a,
  .nav a {
    width: 100% !important; min-height: 52px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    text-align: center !important; border-radius: 18px !important;
    background: rgba(255,255,255,.05) !important; border: 1px solid rgba(255,255,255,.10) !important;
    color: #fff8f1 !important; font-size: 18px !important; font-weight: 700 !important;
    text-decoration: none !important; box-shadow: none !important;
  }
  .site-header .nav a.nav-launcher,
  .nav a.nav-launcher,
  .site-header .nav .btn-launcher,
  .nav .btn-launcher {
    min-height: 54px !important;
    background: linear-gradient(135deg, #ff9736, #ff5f1b) !important;
    border: 0 !important; box-shadow: 0 12px 26px rgba(255,113,49,.22) !important;
  }
}