/* DS Mobile Menu — Generated CSS. Do not edit directly. Last generated: 2026-09-07 06:29:05 */

:root {
  --dsmm-primary: #ff0505;
  --dsmm-secondary: #7C3AED;
  --dsmm-bg: #FFFFFF;
  --dsmm-active: #4F46E5;
  --dsmm-inactive: #9CA3AF;
  --dsmm-border: #E5E7EB;
  --dsmm-badge-bg: #EF4444;
  --dsmm-badge-color: #FFFFFF;
  --dsmm-dark-bg: #1F2937;
  --dsmm-dark-text: #F9FAFB;
  --dsmm-dark-border: #374151;
  --dsmm-dark-primary: #6366F1;
  --dsmm-height: 64px;
  --dsmm-icon-size: 24px;
  --dsmm-font-size: 11px;
  --dsmm-padding-x: 8px;
  --dsmm-padding-y: 8px;
  --dsmm-radius: 0px;
  --dsmm-border-width: 1px;
  --dsmm-blur: 12px;
  --dsmm-bg-opacity: 1.00;
  --dsmm-font-family: inherit;
  --dsmm-font-weight: 500;
  --dsmm-shadow: 0 -2px 20px rgba(0,0,0,0.08);
  --dsmm-transition: 0.2s ease;
  --dsmm-safe-area-bottom: env(safe-area-inset-bottom, 0px);
}

@media (min-width: 1024px) {
  #dsmm-nav, .dsmm-nav { display: none !important; }
  body.dsmm-active { padding-bottom: 0 !important; }
}

@media (prefers-color-scheme: dark) {
  :root {
    --dsmm-bg:         var(--dsmm-dark-bg,         #1F2937);
    --dsmm-text:       var(--dsmm-dark-text,       #F9FAFB);
    --dsmm-text-muted: var(--dsmm-dark-text-muted, #6B7280);
    --dsmm-border:     var(--dsmm-dark-border,     #374151);
    --dsmm-primary:    var(--dsmm-dark-primary,    #6366F1);
    --dsmm-active:     var(--dsmm-dark-active,     #6366F1);
  }
}