.main-header {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      height: 4rem;
      background: #1a202c; /* Koyu tema */
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
      z-index: 1000;
      display: flex;
      align-items: center;
      padding: 0 1.5rem;
    }
    
    .header-spacer {
      height: 4rem;
    }
    
    @keyframes slideDown {
      0% { opacity: 0; transform: translateY(-10px); }
      100% { opacity: 1; transform: translateY(0); }
    }
    
    /* Masaüstü Navigasyon */
    .desktop-nav {
      display: flex;
      align-items: center;
      gap: 1.5rem;
      margin-left: 2rem;
    }
    
    .desktop-nav a {
      font-size: 0.95rem;
      color: #e2e8f0; /* Açık gri metin */
      transition: all 0.2s ease;
      white-space: nowrap;
    }
    
    .desktop-nav a:hover {
      color: #3b82f6; /* Mavi hover */
      transform: scale(1.05);
    }
    
    /* Profil Dropdown */
    .profile-container {
      position: relative;
    }

    .profile-content {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      cursor: pointer;
      padding: 0.5rem;
      transition: background 0.2s ease;
    }
    
    .profile-content:hover {
      background: rgba(255, 255, 255, 0.1);
      border-radius: 0.5rem;
    }

    .profile-dropdown {
      position: absolute;
      right: 0;
      top: 100%;
      width: 12rem;
      background: #2d3748; /* Koyu tema dropdown */
      border-radius: 0.5rem;
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
      padding: 0.75rem 0;
      display: none;
      z-index: 50;
      margin-top: 0.25rem;
    }

    .profile-dropdown::before {
      content: '';
      position: absolute;
      top: -0.5rem;
      left: 0;
      right: 0;
      height: 0.5rem;
    }

    .profile-container:hover .profile-dropdown {
      display: block;
      animation: slideDown 0.2s ease-out;
    }
    
    .profile-info {
      padding: 0 1rem 0.5rem;
      border-bottom: 1px solid #4b5563;
    }
    
    .profile-name {
      font-weight: 500;
      color: #e2e8f0;
      line-height: 1.25;
    }
    
    .profile-email {
      font-size: 0.75rem;
      color: #9ca3af;
      margin-top: 0.25rem;
    }
    
    /* Mobil Menü */
    .mobile-menu-button {
      display: none;
      background: none;
      border: none;
      color: #e2e8f0;
      padding: 0.5rem;
      transition: transform 0.2s ease;
    }
    
    .mobile-menu-button:hover {
      transform: scale(1.1);
    }
    
    .mobile-menu {
      display: none;
      position: fixed;
      top: 4rem;
      left: 0;
      right: 0;
      background: #2d3748; /* Koyu tema */
      padding: 1rem 1.5rem;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
      z-index: 999;
    }
    
    .mobile-menu a {
      display: block;
      padding: 0.75rem 0;
      color: #e2e8f0;
      border-bottom: 1px solid #4b5563;
      transition: color 0.2s ease;
    }
    
    .mobile-menu a:hover {
      color: #3b82f6;
    }
	
	.main-header {
	  transition: height 0.3s ease;
	}
	.main-header.scrolled {
	  height: 3.5rem;
	}
    
    /* Arama Çubuğu */
    .search-form {
	  position: relative;
	}

	.search-form input {
	  background: #4b5563; /* Koyu tema arka plan */
	  color: #e2e8f0; /* Beyaz metin */
	  border: none;
	  border-radius: 9999px;
	  padding: 0.5rem 1rem 0.5rem 3rem; /* Sol padding artırıldı */
	  width: 12rem;
	  transition: all 0.2s ease;
	}

	.search-form input:focus {
	  background: #6b7280;
	  outline: none;
	  box-shadow: 0 0 0 2px #3b82f6; /* Focus halkası */
	}

	.search-form input::placeholder {
	  color: #9ca3af;
	}

	.search-form i {
	  pointer-events: none; /* İkonun tıklanabilir olmasını engeller */
	}
    
    /* Responsive */
    @media (max-width: 1024px) {
      .desktop-nav {
        display: none;
      }
      
      .mobile-menu-button {
        display: block;
      }
    }
	
	@media (max-width: 1024px) {
	  .search-form {
		display: block;
		width: 100%;
		margin-bottom: 1rem;
	  }

	  .search-form input {
		width: 100%;
	  }
	}