:root {
      --gold-primary: #d4af37;      /* Soft metallic gold - luxury feel */
      --gold-dark: #b8972e;         /* Deeper gold for hover/active */
      --gold-light: #f0d084;        /* Subtle highlight */
      --bg-dark: #0f172a;           /* Dark slate for contrast/premium */
      --text-light: #f8fafc;
      --text-dark: #1e293b;
      --accent-red: #ef4444;        /* Modern danger/red for badges */
      --gray-light: #e2e8f0;
    }

    body {
      font-family: 'Poppins', sans-serif;
      background-color: #f8fafc;
      color: var(--text-dark);
    }

    /* Modern Navbar - Golden with subtle gradient & shadow */
    .navbar {
      transition: all 0.4s ease;
      position: sticky;
      top: 0;
      z-index: 1000;
      background: linear-gradient(135deg, var(--gold-primary) 0%, #c9a028 100%) !important;
      box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    }

    .navbar.scrolled {
      background: linear-gradient(135deg, #b8972e 0%, #8b6f1e 100%) !important;
      box-shadow: 0 6px 25px rgba(0,0,0,0.2);
      padding: 0.6rem 1rem !important;
    }

    .navbar-brand img {
      transition: transform 0.3s ease;
    }
    .navbar-brand:hover img {
      transform: scale(1.08);
    }

    .nav-link {
      color: var(--text-light) !important;
      font-weight: 500;
      transition: all 0.3s ease;
      border-radius: 50px;
      padding: 0.5rem 1.2rem !important;
    }

    .nav-link:hover {
      color: var(--gold-light) !important;
      background: rgba(255,255,255,0.15);
      transform: translateY(-2px);
    }

    .nav-link.active {
      background: rgba(255,255,255,0.25) !important;
      color: white !important;
    }

    /* Dropdown modern */
    .dropdown-menu {
      border: none;
      border-radius: 16px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.2);
      background: white;
      overflow: hidden;
      margin-top: 0.5rem;
    }

    .dropdown-item {
      padding: 0.8rem 1.5rem;
      transition: all 0.25s ease;
    }

    .dropdown-item:hover {
      background: #fdfaf6 !important;
      color: var(--gold-dark) !important;
      padding-left: 1.8rem;
    }

    /* Buttons modern gold */
    .btn-dark {
      background: var(--gold-primary);
      border: none;
      color: var(--bg-dark) !important;
      font-weight: 600;
      border-radius: 50px;
      padding: 0.6rem 1.5rem;
      transition: all 0.3s;
    }

    .btn-dark:hover {
      background: var(--gold-dark);
      transform: translateY(-2px);
      box-shadow: 0 8px 20px rgba(212,175,55,0.3);
    }

    /* Icons & badges */
    .bi-heart, .bi-cart3, .bi-person-circle {
      transition: transform 0.3s;
    }
    a:hover .bi-heart, a:hover .bi-cart3, a:hover .bi-person-circle {
      transform: scale(1.2);
    }

    .badge {
      background: var(--accent-red);
    }

    /* Footer modern compact luxury */
    footer {
      background: var(--bg-dark);
      color: var(--gray-light);
      padding: 3rem 0 1.5rem;
      font-size: 0.95rem;
    }

    footer a {
      color: var(--gray-light);
      text-decoration: none;
      transition: color 0.2s;
    }

    footer a:hover {
      color: var(--gold-primary);
    }

    footer h6 {
      color: white;
      font-weight: 600;
      margin-bottom: 1.2rem;
    }

    .newsletter input {
      border-radius: 50px 0 0 50px;
      border: 1px solid #4b5563;
      background: #1e293b;
      color: white;
    }

    .newsletter button {
      border-radius: 0 50px 50px 0;
      background: var(--gold-primary);
      color: var(--bg-dark);
      border: none;
    }

    /* Animations */
    @keyframes fadeInDown {
      from { opacity: 0; transform: translateY(-15px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    .dropdown-menu {
      animation: fadeInDown 0.3s ease-out;
    }