header {
    width: 100%;
    height: var(--header-height);
    background-color: var(--light-bg);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2rem;
    position: sticky;
    top: 0;
    z-index: 999;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    }
    .logo {
    display: flex;
    align-items: center;
    box-sizing: border-box;

    }
    .logo img {
    height: 40px;
    object-fit: contain;
    }
    nav ul {
    list-style: none;
    display: flex;
    gap: 1rem;
    z-index: 50;
    

    }
    nav li {
    cursor: pointer;
    font-weight: 500;
    }
    nav a:hover {
    color: var(--accent-color);
    }
    @media (max-width: 1100px) {
      nav { 
          display: none !important; /* Navigation хэсгийг нуух */
      }
      .logo {
          width: auto;
          display: flex !important; /* Лого үргэлж харагдах ёстой */
          justify-content: center;
          align-items: center;
          gap: 10px; /* Логонуудын хооронд зай гаргах */
      }
      .logo img {
          height: 30px; /* Бүх логоны өндөр ижил байх */
          width: auto; /* Өргөнийг автоматаар тохируулах */
      }
  }