/* Base Header Styles */
.header { 
  position: sticky; 
  top: 0; 
  z-index: 100; 
  background: var(--cream); 
  border-bottom: 1px solid var(--light-gray); 
}
.header-top { 
  display: flex; 
  align-items: center; 
  gap: 20px; 
  padding: 16px 32px; 
  max-width: 1400px; 
  margin: 0 auto; 
}
.mobile-menu-btn {
  display: none;
  background: none;
  border: none;
  font-size: 26px;
  cursor: pointer;
  padding: 8px;
  color: var(--black);
}

@media (max-width: 768px) {
  .mobile-menu-btn {
    display: block;
  }
}