/* Search Banner Arka Planı */
.search-banner {
  background: linear-gradient(135deg, #2575fc, #6a11cb);
}

/* Ortak arama inputu ve select stili */
.search-input {
  border: none;
  border-radius: 10px;
  padding: 1rem 1.5rem;
  font-size: 0.85rem; /* Yazılar küçük */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.search-input:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(37,117,252,0.25);
}

/* Input Group Text (ikon) stili */
.input-group-text {
  border: none;
  background-color: transparent;
  font-size: 1.2rem;
}

/* Carousel içi görsel ayarı, eğer varsa */
.carousel-item img {
  height: 200px;
  object-fit: cover;
}

/* Telefon boyutunda ekranlar için stil ayarları */
@media (max-width: 767.98px) {
  .search-banner {
    padding: 2rem 1rem; /* Banner padding'ini küçült */
  }

  .search-banner h1 {
    font-size: 1.5rem; /* Başlık boyutunu küçült */
  }

  .search-banner p {
    font-size: 1rem; /* Alt başlık boyutunu küçült */
  }

  .search-input {
    padding: 0.75rem 1rem; /* Arama kutusu padding'ini küçült */
    font-size: 1rem; /* Arama kutusu yazı boyutunu büyüt */
  }

  .form-select {
    max-width: 100%; /* Select genişliğini tam yap */
    font-size: 0.9rem; /* Select yazı boyutunu küçült */
  }

  .btn-lg {
    padding: 0.75rem 1rem; /* Buton padding'ini küçült */
    font-size: 1rem; /* Buton yazı boyutunu büyüt */
  }

  .col-md-8 {
    width: 100%; /* Form genişliğini tam yap */
  }

  .input-group-text {
    font-size: 1rem; /* İkon boyutunu küçült */
  }
}