/* --- ORIGINAL DESKTOP CSS --- */
    body::-webkit-scrollbar { display: none; }
    header { margin: 0; padding: 0; box-sizing: border-box; }
    .gold-line { margin-top: 55px; height: 0.8px; background: #b8a897; width: 100%; position: absolute; }
    .header { height: 85px; background: #000; position: relative; display: flex; align-items: center; padding: 0 70px; min-width: 1180px; overflow: hidden; justify-content: center; }
    .header-left-group { position: absolute; left: 50%; transform: translateX(-50%); display: flex; align-items: center; height: 100%; white-space: nowrap; }
    .home-link { margin-bottom: 15px; text-decoration: none; display: flex; align-items: center; gap: 14px; margin-right: 60px; transition: opacity 0.2s ease; }
    .home-link:hover { opacity: 0.8; }
    .home-link img { height: 38px; display: block; }
    .nav { display: flex; gap: 38px; height: 100%; list-style: none; white-space: nowrap; }
    .nav a { color: #fff; text-decoration: none; font-size: 16px; letter-spacing: 1px; height: 70px; display: flex; align-items: center; position: relative; transition: color .3s ease; }
    .nav a::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #b8a897; transform: scaleX(0); transition: transform .35s cubic-bezier(.4, 0, .2, 1); transform-origin: center; }
    .nav a:hover::after, .nav a.active::after { transform: scaleX(1); }
    .nav a:hover, .nav a.active { color: #b8a897; }
    .header-right { margin-bottom: 15px; position: absolute; right: 70px; }
    .header-right a, .header-right i { color: #fff; text-decoration: none; font-size: 16px; letter-spacing: 1px; transition: color 0.3s; }
    .header-right a:hover { color: #b8a897; }

    /* --- MOBILE RESPONSIVE OVERRIDES --- */
    #mobile-toggle { display: none; color: #fff; font-size: 24px; cursor: pointer; z-index: 1001; }

    @media (max-width: 1024px) {
      .header { min-width: 100%; padding: 0 20px; justify-content: space-between; }
      .gold-line { display: none; }
      
      .header-left-group { position: static; transform: none; width: 100%; display: flex; align-items: center; }
      
      .home-link { margin: 0; gap: 0; width: 100%; }
      
      /* Reduced Logo Text Size for Mobile */
      .home-link img:last-child { 
        position: absolute; 
        left: 50%; 
        transform: translateX(-50%); 
        height: 28px; /* Reduced from 38px */
      }
      
      /* Adjust Logo Icon for Mobile */
      .home-link img:first-child { height: 32px; }

      #mobile-toggle { display: block; position: absolute; right: 20px; }

      .header-right { display: none; }

      .nav {
        position: fixed; top: 0; right: -100%; width: 100%; height: 100vh;
        background: #000; flex-direction: column; justify-content: center;
        align-items: center; transition: 0.4s ease; z-index: 1000;
      }
      .nav.open { right: 0; }
      .nav a { height: 60px; font-size: 20px; }
      .nav .mobile-only { display: flex !important; }
    }
    
    .nav .mobile-only { display: none; }