header {
 
}

.header-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  flex-wrap: wrap;
}

.header-left {
  display: flex;
  align-items: center;
  gap: 15px;
  flex: 1;
}

.header-right {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* Search */
.search-input {
  max-width: 300px;
  border: none;
  border-bottom: 1px solid #fff;
  background: transparent;
  color: white;
  border-radius: 0;
}

.search-input::placeholder {
  color: white;
  opacity: 0.7;
}

.search-input:focus {
  box-shadow: none;
  outline: none;
  border-bottom: 1px solid #fff;
}

/* WhatsApp animation */
.whatsapp-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: transform 0.3s ease;
}
.whatsapp-btn:hover {
  transform: translateY(-2px);
}

/* Mobile */
@media (max-width: 768px) {
  .header-flex {
    flex-direction: column;
    align-items: stretch;
  }

  .header-left,
  .header-right {
    width: 100%;
    justify-content: space-between;
  }

  .search-input {
    max-width: 100%;
    width: 100%;
  }

  .header-right ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .header-right a.btn {
    width: 100%;
    text-align: center;
  }
}
.search-input::placeholder {
  color: #ffffff;      /* placeholder color */
  opacity: 0.7;    
  background: none;/* optional */
}
.search-input::placeholder:focus {
  color: #ffffff;      /* placeholder color */
  opacity: 0.7;    
  background: none;/* optional */
}
.search-input:focus
{
    background: none!important;
}