.ilan-arama-formu {
  position: relative;
  overflow: visible;
}

.ana-hero > .relative.z-10 {
  z-index: 30;
}

.ilan-arama-onerileri {
  position: absolute;
  z-index: 120;
  top: calc(100% + .45rem);
  right: 0;
  left: 0;
  max-height: min(70vh, 570px);
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid color-mix(in srgb, var(--tema-metin, #243238) 18%, transparent);
  border-radius: .7rem;
  background: var(--tema-yuzey, #fff);
  box-shadow: 0 1.1rem 2.8rem rgba(20, 35, 45, .2);
  color: var(--tema-metin, #243238);
  text-align: left;
}

.ilan-arama-onerileri[hidden] { display: none; }
.ilan-arama-onerileri__durum { padding: 1rem; color: color-mix(in srgb, var(--tema-metin, #243238) 68%, transparent); font-size: .86rem; }
.ilan-arama-onerileri__grup + .ilan-arama-onerileri__grup { border-top: 1px solid color-mix(in srgb, var(--tema-metin, #243238) 11%, transparent); }
.ilan-arama-onerileri__baslik { padding: .65rem .9rem .35rem; color: color-mix(in srgb, var(--tema-metin, #243238) 58%, transparent); font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.ilan-arama-onerileri__secenek { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: .75rem; min-height: 58px; padding: .48rem .9rem; color: inherit; text-decoration: none; }
.ilan-arama-onerileri__secenek:hover,
.ilan-arama-onerileri__secenek.is-active { background: color-mix(in srgb, var(--tema-ana, #355f63) 9%, var(--tema-yuzey, #fff)); }
.ilan-arama-onerileri__gorsel,
.ilan-arama-onerileri__ikon { display: grid; width: 44px; height: 44px; place-items: center; overflow: hidden; border-radius: .45rem; background: color-mix(in srgb, var(--tema-ana, #355f63) 9%, var(--tema-yuzey, #fff)); color: var(--tema-ana, #355f63); }
.ilan-arama-onerileri__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.ilan-arama-onerileri__ikon .material-symbols-outlined { font-size: 1.35rem; }
.ilan-arama-onerileri__metin { min-width: 0; }
.ilan-arama-onerileri__metin strong { display: block; overflow: hidden; color: var(--tema-metin, #243238); font-size: .86rem; text-overflow: ellipsis; white-space: nowrap; }
.ilan-arama-onerileri__metin small { display: block; overflow: hidden; margin-top: .14rem; color: color-mix(in srgb, var(--tema-metin, #243238) 62%, transparent); font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.ilan-arama-onerileri__ok { color: color-mix(in srgb, var(--tema-metin, #243238) 48%, transparent); font-size: 1.1rem; }
.ilan-arama-onerileri__tumu { display: flex; align-items: center; justify-content: center; gap: .35rem; border-top: 1px solid color-mix(in srgb, var(--tema-metin, #243238) 11%, transparent); padding: .8rem 1rem; color: var(--tema-vurgu, #b86f52); font-size: .82rem; font-weight: 800; text-decoration: none; }
.ilan-arama-onerileri__tumu:hover { background: color-mix(in srgb, var(--tema-vurgu, #b86f52) 6%, var(--tema-yuzey, #fff)); }

@media (max-width: 700px) {
  .ilan-arama-onerileri { max-height: 62vh; }
  .ilan-arama-onerileri__secenek { grid-template-columns: 38px minmax(0, 1fr); }
  .ilan-arama-onerileri__gorsel,
  .ilan-arama-onerileri__ikon { width: 38px; height: 38px; }
  .ilan-arama-onerileri__ok { display: none; }
}