.bsc-mobile-nav { display: none; }

@media (max-width: 1199.98px) {
   .bsc-mobile-nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
      min-height: 64px;
      padding: 6px max(16px, calc((100vw - 960px) / 2));
      background: #fff;
      border-bottom: 1px solid #e2e8f0;
      z-index: 50;
   }
   .bsc-mobile-logo { position: relative; display: block; width: 130px; height: 48px; overflow: hidden; }
   .bsc-mobile-logo img { position: absolute; top: 50%; left: 0; width: auto; height: 110px; max-width: none; transform: translateY(-50%); }
   .bsc-mobile-toggle {
      display: flex; align-items: center; gap: 8px;
      min-height: 44px; padding: 0 12px;
      border: 1px solid #cbd5e1; border-radius: 8px;
      background: #fff; color: #1e293b; font-weight: 600;
   }
   .bsc-mobile-toggle:focus-visible, .bsc-mobile-panel a:focus-visible {
      outline: 3px solid #2563eb; outline-offset: 2px;
   }
   .bsc-mobile-panel {
      position: absolute; top: 100%; left: 0; right: 0;
      max-height: min(70vh, 600px); overflow-y: auto;
      padding: 12px 16px 20px; background: #fff;
      box-shadow: 0 12px 24px rgba(15, 23, 42, .16);
   }
   .bsc-mobile-panel[hidden] { display: none; }
   .bsc-mobile-panel ul { margin: 0; padding: 0; list-style: none; }
   .bsc-mobile-panel li a, .bsc-mobile-account a, .bsc-mobile-account button {
      display: block; padding: 11px 4px; color: #1e293b;
      border-bottom: 1px solid #edf2f7; text-decoration: none;
   }
   .bsc-mobile-account { display: block; margin-top: 8px; }
   .bsc-mobile-account button { width: 100%; border-top: 0; border-left: 0; border-right: 0; background: none; text-align: left; }
}