:root {
      --brand-primary: #A31D1D;
      --brand-accent: #F6D40C;
      --brand-dark: #831818;
      --brand-warm: #FEF3E2;
    }
    * { box-sizing: border-box; }
    body {
      background: #FFFFFF;
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      overflow-x: hidden;
    }

    /* ===== NAV SCROLL BEHAVIOR ===== */
    #mainNav {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 50;
      background: rgba(255,255,255,0.85);
      backdrop-filter: blur(24px) saturate(180%);
      -webkit-backdrop-filter: blur(24px) saturate(180%);
      border-bottom: 1px solid rgba(0,0,0,0.06);
      transition: max-width 0.4s cubic-bezier(0.22, 1, 0.36, 1),
                  margin-top 0.4s cubic-bezier(0.22, 1, 0.36, 1),
                  border-radius 0.4s cubic-bezier(0.22, 1, 0.36, 1),
                  box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1),
                  border-color 0.4s ease;
      border-radius: 0;
      margin-top: 0;
    }
    #mainNav.nav-scrolled {
      margin: 70px;
      max-width: 90%;
      margin-top: 20px;
      border-radius: 30px;
      border-bottom-color: rgba(0,0,0,0.04);
      box-shadow: 0 8px 40px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.04);
    }
    
   /* Mobile menu */
    .mobile-menu-overlay {
      position: fixed; inset: 0;
      background: rgba(0,0,0,0.5);
      backdrop-filter: blur(4px);
      z-index: 80; opacity: 0; pointer-events: none;
      transition: opacity 0.3s ease;
    }
    .mobile-menu-overlay.active { opacity: 1; pointer-events: auto; }
    .mobile-menu-panel {
      position: fixed; top: 0; left: 0; width: 280px; height: 100vh;
      background: white; z-index: 85;
      transform: translateX(-100%);
      transition: transform 0.35s cubic-bezier(0.22,1,0.36,1);
    }
    .mobile-menu-panel.active { transform: translateX(0); }

        .cart-count-badge {
      background: var(--brand-accent);
      color: var(--brand-dark);
      animation: badgePop 0.3s cubic-bezier(0.22,1,0.36,1);
    }
    @keyframes cartPulse {
      0%,100%{box-shadow:0 8px 28px rgba(163,29,29,0.35),0 0 0 0 rgba(163,29,29,0.15)}
      50%{box-shadow:0 8px 28px rgba(163,29,29,0.35),0 0 0 10px rgba(163,29,29,0)}
    }
    @keyframes badgePop { 0%{transform:scale(0.5)} 70%{transform:scale(1.2)} 100%{transform:scale(1)} }
    .section-divider { height: 1px; background: linear-gradient(to right, transparent, rgba(163,29,29,0.1), transparent); }
    .section-header-line { border-left: 4px solid var(--brand-primary); padding-left: 0.75rem; }
    .empty-cart-icon { background: #F8F8F8; border: 2px dashed #E0E0E0; border-radius: 50%; }
    .sidebar-checkout-btn {
      background: var(--brand-primary);
      color: white;
      box-shadow: 0 4px 16px rgba(163,29,29,0.2);
      transition: all 0.25s ease;
    }
    .sidebar-checkout-btn:hover {
      background: var(--brand-dark);
      box-shadow: 0 6px 24px rgba(163,29,29,0.3);
      transform: translateY(-1px);
    }
    .sidebar-qty-btn {
      background: white;
      border: 1px solid #E5E5E5;
      color: #555;
      transition: all 0.15s ease;
    }
    .sidebar-qty-btn:hover { background: #F5F5F5; border-color: #D0D0D0; }
    .sidebar-remove-btn { color: #C0C0C0; transition: all 0.15s ease; }
    .sidebar-remove-btn:hover { color: #EF4444; background: #FEF2F2; }
    .line-clamp-2 { display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }