/* Header Başlangıç. */

a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
}

button,
.btn:focus {
  outline: none;
  box-shadow: none;
}

.font1 {
  font-family: "Lexend", sans-serif;
}

body {
  background: #fcfcfc;
  font-size: 14px;
  line-height: 1.4;
  font-weight: normal;
  font-style: normal;
}

.container {
  max-width: 1250px;
}

.btn-genel {
  position: relative;
  display: inline-flex;
  padding: 0px 10px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background-color: #e61e28;
  transition: all 0.4s ease;
  overflow: hidden;
  z-index: 1;
  text-align: center;
  border: solid 1px #e61e28;
  line-height: 1;
  border-radius: 8px;
  height: 40px;
  align-items: center;
}

.btn-genel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #fff;
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
  z-index: -1;
}

.btn-genel:hover {
  color: #e61e28;
}

.btn-genel:hover::before {
  width: 100%;
}

.btn-genel .Sitelink1,
.btn-genel .Sitelink2 {
  position: relative;
  display: inline-flex;
  transition: all 0.4s ease;
  align-items: center;
  justify-content: center;
}

.btn-genel .Sitelink2 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  opacity: 0;
}

.btn-genel:hover .Sitelink1 {
  transform: translateY(-150%);
  opacity: 0;
}

.btn-genel:hover .Sitelink2 {
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
}

.btn-genel svg {
  width: 17px;
  height: 17px;
  margin-right: 5px;
}

.btn-genel.btn-border {
  color: #e61e28;
  background-color: transparent;
  transition: all 0.4s ease;
  overflow: hidden;
  z-index: 1;
  text-align: center;
  border: solid 1px #e61e28;
}

.btn-genel.btn-border::before {
  background-color: #e61e28;
}

.btn-genel.btn-border:hover {
  color: #fff !important;
}

.btn-genel i {
  margin-right: 5px;
}

.telefon-btn {
  font-weight: 700;
}

/**/

.header-menu {
  width: 100%;
  height: auto;
  background: #fff;
  top: 0px;
  right: 0;
  left: 0;
  z-index: 982;
  padding: 15px 0px;
  transition: top 0.3s;
  position: absolute;
  border-bottom: 1px solid #ececec;
}

.header-menu .navbar-brand {
  height: auto;
  margin: 0px;
}

.header-menu .navbar-brand img {
  width: auto;
  position: relative;
  z-index: 99;
  height: 35px;
}

.header-menu .navbar {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.header-menu .header-uyelik {
  position: relative;
  display: flex;
  align-items: center;
}

.header-menu .header-uyelik .dropdown-menu {
  font-size: 14px;
}

.header-menu .nav {
  width: 100%;
  height: auto;
  align-items: center;
}

.header-menu .nav .navbar-nav {
  width: auto;
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-left: auto;
  margin-right: 15px;
}

.header-menu .nav li {
  margin-right: 0px;
  display: flex;
  align-items: center;
}

.header-menu .nav li:first-child:before {
  display: none;
}

.header-menu .nav li::before {
  content: "";
  width: 1px;
  height: 12px;
  background: #c8c8c8;
  position: relative;
  display: block;
  margin: 0px 10px;
  opacity: 50%;
}

.header-menu .nav li a {
  color: #001022;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  padding: 0px 0px;
  display: flex;
  align-items: center;
}

.header-menu .nav li a svg {
  width: 18px;
  height: 18px;
}

.header-menu .nav li a:hover {
  color: #d90000;
}

.header-menu .nav li a i {
  margin-right: 6px;
}

/* scrool menü*/

.header-menu.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.header-menu.scrolled-down {
  top: -400px;
  opacity: 0;
}

.header-menu.scrolled-up {
  opacity: 1;
  top: 0px;
  background: #fff;
  box-shadow: 0px 0px 20px #00000033;
}

.header-menu.scrolled-up .nav .navbar-nav {
  margin-right: 15px;
}

.scrolled-up.header-menu .container {
  display: flex;
}

.scrolled-up.header-menu .navbar {
  height: auto;
}

.scrolled-up.header-menu .nav {
  width: auto;
  height: auto;
  border: none !important;
  border-radius: 0px;
  background: #fff;
  align-items: center;
  margin-left: auto;
}

.scrolled-up.header-menu .navbar::before {
  display: none;
}

.header-menu.scrolled-up .navbar-brand {
  height: 40px;
}

.header-menu.scrolled-up .navbar-brand img {
  height: 100%;
  width: auto;
  position: relative;
  z-index: 99;
  max-width: max-content;
  max-height: max-content;
  min-height: auto;
}

.header-menu.scrolled-up .nav li a {
  font-size: 14px;
}

.header-menu.scrolled-up .nav li::before {
  margin: 0px 10px;
}

/* Butonların yan yana duracağı alan */
.mobil-buton-grubu {
  display: flex;
  gap: 15px; /* İki buton arasındaki boşluk */
  justify-content: center; /* Ortalamak istersen */
  align-items: center;
  padding: 20px;
}

/* Ortak Buton Özellikleri */
.mobil-buton-grubu .yuvarlak-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%; /* Tam yuvarlak yapar */
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;

  /* YENİ EKLENEN KISIMLAR */
  background-color: #ffffff; /* Beyaz arkaplan */
  border: 2px solid #9e9e9e; /* Gri çizgi */
  color: #9e9e9e; /* İkon rengi de gri (beyazda görünmesi için) */
  box-sizing: border-box; /* Çizginin 40px'i bozmasını engeller */

  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); /* Şık, hafif bir gölge */
  transition: all 0.3s ease; /* Renklerin yumuşak geçişi için 'all' yapıldı */
}

/* Tıklama ve Üzerine Gelme (Hover) Efekti */
.mobil-buton-grubu .yuvarlak-btn:hover {
  transform: translateY(-2px);
  border-color: #e53935; /* Üzerine gelince kırmızı çizgi */
  color: #e53935; /* Üzerine gelince kırmızı ikon */
  box-shadow: 0 6px 14px rgba(229, 57, 53, 0.2); /* Gölgeye de hafif kırmızımsı ton */
}

.mobil-buton-grubu .yuvarlak-btn:active {
  transform: scale(0.95); /* Tıklanma animasyonu */
}

/* İkonların Boyutları */
.mobil-buton-grubu .yuvarlak-btn svg {
  width: 18px;
  height: 18px;
}

/* scrool menü*/

.header-search {
  max-width: 435px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: 0px;
}

.header-search form {
  width: 100%;
}

.header-search form .form-control {
  width: 100%;
  border: 1px solid rgba(34, 36, 38, 0.15);
  outline: none;
  font-size: 16px;
  border-radius: 3px 0px 0px 3px;
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  -ms-border-radius: 3px 0px 0px 3px;
  -o-border-radius: 3px 0px 0px 3px;
  height: 40px;
  padding-left: 20px;
  font-weight: 500;
}

.header-search form .form-control:focus {
  box-shadow: none;
}

.header-search form button.ara {
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  right: 0px;
  width: 50px;
  height: 40px;
  border-radius: 0px 3px 3px 0px;
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  -ms-border-radius: 0px 3px 3px 0px;
  -o-border-radius: 0px 3px 3px 0px;
}

.header-search form button.ara:focus {
  border: none;
}

/* header slider */

/* Ana Kapsayıcı - Yüksekliği ayarlayabilirsiniz (Örn: 70vh, 600px vb.) */
.hero-section {
  width: 100%;
  height: 100vh; /* Ekran yüksekliğinin %70'i */
  min-height: 500px;
  position: relative;
  overflow: hidden;
}

/* Slider Oklarının Görünümü ve Konumu */
.hero-swiper-next,
.hero-swiper-prev {
  color: #ffffff !important; /* Ok rengi beyaz */
  background: rgba(255, 255, 255, 0.15); /* Yarı saydam beyaz arka plan */
  backdrop-filter: blur(5px); /* Cam efekti (isteğe bağlı) */
  width: 50px !important;
  height: 50px !important;
  border-radius: 50%; /* Yuvarlak buton */
  z-index: 10; /* Karartmanın (overlay) üstüne çıkıp tıklanabilir olması için ÇOK ÖNEMLİ */
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Okların içindeki ikon boyutunu ayarlama */
.hero-swiper-next:after,
.hero-swiper-prev:after {
  font-size: 20px !important;
  font-weight: bold;
}

/* Mouse ile üzerine gelince (Hover) efekti */
.hero-swiper-next:hover,
.hero-swiper-prev:hover {
  background: rgba(255, 255, 255, 0.4);
  transform: scale(1.1); /* Hafifçe büyüsün */
}

/* Mobilde okları gizlemek isterseniz (Ekran daralınca metinle üst üste binmemesi için) */
@media (max-width: 991.98px) {
  .hero-swiper-next,
  .hero-swiper-prev {
    display: none !important;
  }
}

/* Slider Resimlerinin tam oturması için */
.hero-bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Resmi sündürmeden alanı kaplamasını sağlar */
  object-position: center;
}

/* Arka plandaki Siyahlık (Overlay) */
.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(0, 0, 0, 0.4) 100%
  ); /* Soldan sağa açılan şık bir siyahlık */
  z-index: 1;
}

/* İçerik Alanı Konumlandırması */
.hero-content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%); /* Dikeyde tam ortalama */
  z-index: 2;
  margin-top: 50px;
}

.hero-content .mobil-arama-kutusu {
  border: none;
}

/* Başlık Ayarları */
.hero-text h1 {
  font-size: 3.1rem;
  line-height: 1.2;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}

.hero-text p {
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  max-width: 650px;
  font-weight: 300;
}

/* Görseldeki Yarı Şeffaf Arama Kutusu Arka Planı */
.hero-search-wrapper {
  background: rgba(0, 0, 0, 0.35); /* Yarı şeffaf siyah */
  padding: 20px;
  border-radius: 12px;
  backdrop-filter: blur(
    8px
  ); /* Arkadaki resmi hafif flulaştırır (Glassmorphism) */
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Input (Arama Çubuğu) Tasarımı */
.hero-input {
  flex: 1;
  padding: 15px 25px;
  border: none !important;
  border-radius: 8px !important;
  font-size: 1.1rem;
  box-shadow: none !important;
}
.hero-input:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3) !important;
}

/* Arama Butonu Tasarımı */
.hero-btn {
  background-color: #8c6b5d; /* Görseldeki gibi kahve/kiremit tonu, kendi btn-ara-yesil renginizi de tutabilirsiniz */
  color: #fff;
  border: none;
  padding: 15px 40px;
  border-radius: 8px;
  font-size: 1.1rem;
  font-weight: 600;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-btn:hover {
  background-color: #705448; /* Hover durumunda biraz daha koyu */
  color: #fff;
}

/* Mobil Uyumluluk (Responsive) */
@media (max-width: 767.98px) {
  .hero-section {
    height: 80vh;
  }
  .hero-text h1 {
    font-size: 2rem;
  }
  .hero-text p {
    font-size: 1rem;
  }
  .hero-search-wrapper .mobil-arama-kutusu {
    flex-direction: column; /* Mobilde alt alta gelsin */
  }
  .hero-btn {
    width: 100%;
    padding: 12px;
  }
}

/* header slider son */
.detay-arama-button,
.detay-arama-button:hover {
  font-size: 13px;
  font-weight: 500;
  color: #000;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.page-icerik {
  min-height: 300px;
}

.page-icerik h4 {
  font-weight: 700;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 15px;
  padding-bottom: 15px;
  font-size: 17px;
}

.page-icerik .page-icerik-box {
  background: #fff;
  border: 1px solid #e8e8e8;
  width: 100%;
  padding: 30px;
}

/*vitrinilanlar*/

.vitrinilanlar {
  width: 100%;
  height: auto;
  position: relative;
}

.vitrinilanlar .baslikk {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  font-size: 12px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 15px;
}

.vitrinilanlar .baslikk a {
  margin-left: auto;
  text-decoration: underline !important;
  font-weight: 700;
  color: #d90000;
}

.vitrinilanlar .vitrin_Liste {
  width: 100%;
  height: auto;
  position: relative;
  color: #000;
  margin-bottom: 25px;
  display: block;
}

.vitrinilanlar .vitrin_Liste .resim {
  width: 100%;
  height: 76px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #eee;
  padding: 5px;
}

.vitrinilanlar .vitrin_Liste .resim img {
  height: 100%;
}

.vitrinilanlar .vitrin_Liste .baslik {
  width: 100%;
  height: auto;
  display: block;
  font-size: 12px;
  margin-top: 3px;
}

.kategori-menu {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.page-content {
  margin-top: 91px;
  padding: 30px 0px;
}
.page-content .card {
  border-color: #e8e8e8;
  border-radius: 12px;
}

.Home_Item .page-content {
  padding: 20px 0px !important;
}

.Home_Item .kategori-menu {
  margin-top: 0px;
}

.kategori-baslik {
  font-size: 16px !important;
  margin-bottom: 6px;
  font-weight: 700 !important;
}

.cizgi {
  width: 100%;
  height: 1px;
  background: #f1f1f1;
}

.kategori-icon {
  font-size: 18px;
  margin-right: 8px;
  display: flex;
  align-items: center;
}

a.kategori-link {
  font-weight: 500;
  font-style: normal;
  text-decoration: none !important;
  color: #000;
  margin-top: 10px;
}

a.kategori-link .kategori-icon {
  width: 30px;
  height: 30px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  color: #fff;
  text-decoration: none !important;
}

a.kategori-link .kategori-icon.renk1 {
  background: #d90000;
}

a.kategori-link .kategori-icon.renk2 {
  background: #ffc106;
}

a.kategori-link .kategori-icon.renk3 {
  background: #15a2b8;
}

a.kategori-link .kategori-icon.renk4 {
  background: #02243c;
}

a.kategori-link .baslik {
  margin-top: 0px;
  line-height: 16px;
}

a.kategori-link small {
  margin-top: 0px;
  color: #999;
  font-size: 12px;
  line-height: 10px;
}

.kategori-menu ul {
  padding: 0px;
  margin: 0px;
  display: block;
}

.kategori-menu ul li:first-child {
  margin-top: 0px;
}

/* 1. "a" etiketinin relative olması gerekir ki ok tam içine otursun */
.kategori-menu ul li a,
.liste-tab .liste1 li a {
  position: relative;
}

/* 2. Varsayılan Durum: Sağa Bakan SVG Ok (>) */
.kategori-menu ul li .nav-icon:after {
  content: "";
  position: absolute;
  left: 0px; /* Oku sağa hizalar */
  top: 50%;
  width: 14px; /* SVG ok genişliği */
  height: 14px; /* SVG ok yüksekliği */
  z-index: 2;

  border-left: transparent !important;
  /* Hem dikey ortalama (translateY) hem de dönme açısı (rotate) */
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);

  /* Yumuşak dönme animasyonu */
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;

  /* Kırmızı (#e61e28) SVG Chevron (Ok) İkonu */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e61e28' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.8;
}

/* 3. Üzerine Gelindiğinde (Hover) */
.kategori-menu ul li a:hover:after,
.liste-tab .liste1 li a:hover:after {
  opacity: 1;
}

.kategori-menu ul li.ps-3 a {
  font-weight: 500;
}

.kategori-menu ul li.ps-3.en-alt a {
  font-weight: 300;
}
.kategori-menu ul li.ana-kategori a {
  font-weight: 700;
}

.kategori-menu ul li.ana-kategori {
  border-top: 1px solid #000;
  border-radius: 0px;
}

/* 4. Tıklanınca / Aktif Olunca: Ok Aşağı Dönecek (v) */
/* (Eğer aktif olduğunda li'ye 'active' veya 'current' class'ı ekleniyorsa çalışır) */
.kategori-menu ul li.active .nav-icon:after,
.liste-tab .liste1 li.active .nav-icon:after,
.kategori-menu ul li.current .nav-icon:after,
.liste-tab .liste1 li.current.action-card {
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.kategori-menu ul li.ajaxAltKategori a {
  font-weight: 400;
}

.kategori-menu ul li a:hover,
.liste-tab .liste1 li a:hover {
}

.liste-tab .liste1 li {
  width: auto;
}

.kategori-menu ul li a .icon {
  width: 30px;
}

.kategori-menu ul li a .icon img {
  width: 100%;
}

.kategori-menu ul li a:hover {
  color: #d90000;
}

.kategori-menu ul li span {
  margin-left: 0px;
  color: #999;
  font-size: 13px;
}

/* ========================================================================= */
/* BÖLÜM BAŞLIĞI VE SAĞA YASLI MODERN NAVİGASYON (FLEX MİMARİSİ)            */
/* ========================================================================= */

.bolum-baslik {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 24px;
  position: relative;
  z-index: 2;
}

.bolum-baslik .d-flex {
  margin: 0;
  padding: 0;
}

.bolum-baslik h2 {
  font-size: 22px;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
  padding-right: 15px; /* Başlık ile çizgi arasındaki boşluk */
  background: transparent; /* Eski arka plan hilesine gerek kalmadı */
  white-space: nowrap; /* Yazının alt satıra düşmesini %100 engeller, tek satır tutar */
}

/* Ortadaki Otomatik Uzayan Çizgi */
.bolum-baslik .cizgi {
  flex-grow: 1; /* Ortadaki tüm boşluğu otomatik doldurur */
  height: 2px;
  background: #e8e8e8; /* Şık ve soft bir çizgi rengi */
  position: relative;
  top: 0;
  left: 0;
  margin-right: 15px; /* Çizgi ile sağdaki noktalar arası boşluk */
  border-radius: 2px;
}

/* --- SAĞDAKİ NAVLAR (SWIPER PAGINATION) --- */
.bolum-baslik .swiper-pagination {
  position: relative; /* Swiper'ın varsayılan absolute yapısını eziyoruz */
  width: auto;
  bottom: auto;
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 6px; /* Noktalar arası mesafe */
}

/* HTML'de yer alan d-none d-lg-inline classı yüzünden mobilde noktalar gizlenir */
/* Eğer flex yapısının mobilde bozulmaması için: */
@media (max-width: 991.98px) {
  .bolum-baslik .swiper-pagination {
    display: none !important;
  }
  .bolum-baslik .cizgi {
    margin-right: 0; /* Nav gizlenince çizgiyi sağa tam yasla */
  }
}

.breadcrumb-bg {
  display: block;
}

.breadcrumb-bg .breadcrumb {
  background: transparent;
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  align-items: center;
}

.breadcrumb-bg .breadcrumb li a {
  color: #000;
  font-size: 14px;
}

.breadcrumb-bg .breadcrumb li a svg {
  width: 12px;
  height: 12px;
  fill: #d90000;
}

.breadcrumb-bg .breadcrumb-item.active {
  color: #d90000;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}

/* ========================================================================= */
/* İLAN DETAY SAYFASI - MODERN, ESTETİK VE PREMIUM TASARIM                   */
/* ========================================================================= */

.ilandetay {
  color: #334155; /* Daha soft ve okunaklı füme/siyah */
}

/* --- BAŞLIK VE ADRES ALANI --- */
.ilandetay .ilan-baslik {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}

.ilandetay .ilan-baslik h2 {
  font-size: 23px;
  line-height: 1.3;
  margin-top: 0px;
  margin-bottom: 10px;
  font-weight: 700;
  color: #0f172a;
}

.ilandetay .adres {
  font-size: 13px;
  line-height: 1.4;
  margin-top: 5px;
  margin-bottom: 25px;
  font-weight: 500;
  color: #64748b;
  display: flex;
  align-items: center;
}

/* --- SOL KISIM: İLAN BİLGİLERİ (FİYAT VE ÖZELLİK LİSTESİ) --- */
.ilandetay .ilan-detay-bilgi {
  background: #ffffff;
  border-radius: 12px;
  padding: 24px;
  border: 1px solid #e8e8e8;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.ilandetay .fiyat {
  color: #e61e28;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
  display: inline-block;
  background: #fff1f2;
  padding: 10px 15px;
  border-radius: 12px;
}

.ilandetay .ilan-detay-bilgi h3 {
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 16px;
  font-weight: 700;
  color: #0f172a;
}

.ilandetay .ilan-detay-bilgi .media {
  width: 100%;
  padding: 6px 0;
  border-bottom: 1px dashed #e8e8e8;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent !important; /* Eski zebra desenini iptal ettik */
}

.ilandetay .ilan-detay-bilgi .media:last-child {
  border-bottom: none;
}

.ilandetay .ilan-detay-bilgi .media .media-left {
  width: 45%;
}

.ilandetay .ilan-detay-bilgi .media .media-left h4 {
  font-weight: 500;
  margin: 0;
  font-size: 13px;
  color: #64748b;
}

.ilandetay .ilan-detay-bilgi .media .media-body {
  padding-left: 10px;
  text-align: right;
  flex: 1;
}

.ilandetay .ilan-detay-bilgi .media .media-body h5 {
  font-weight: 700;
  margin: 0;
  font-size: 13px;
  color: #0f172a;
}

/* --- SAĞ KISIM: FİRMA / DANIŞMAN KARTI --- */
.ilandetay .ilan-detay-firma {
  width: 100%;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e8e8e8;
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

/* Eski kırmızı üst çizgiyi modernleştirdik */
.ilandetay .ilan-detay-firma .ilan-detay-firma-ic:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  display: block;
  background: linear-gradient(90deg, #e61e28 0%, #ff4d4d 100%);
  top: 0px;
  left: 0px;
}

.ilandetay .ilan-detay-firma-ic {
  width: 100%;
  position: relative;
}

.ilandetay .ilan-detay-firma-ic .firma-baslik {
  display: flex;
  align-items: center;
  padding: 25px 20px 10px;
  flex-direction: column;
}

.ilandetay .ilan-detay-firma-ic .firma-baslik .icon {
  width: 100px; /* Logo için daha estetik boyut */
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 50%; /* Tam yuvarlak premium görünüm */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  margin-bottom: 15px;
  overflow: hidden;
  border: 2px solid #fff;
  padding: 5px;
}

.ilandetay .ilan-detay-firma-ic .firma-baslik .icon img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 50%;
  object-fit: contain;
}

.ilandetay .ilan-detay-firma-ic .firma-baslik h2 {
  font-size: 18px;
  margin: 0;
  font-weight: 800;
  color: #0f172a;
  text-align: center;
}

.ilandetay .ilan-detay-firma-ic .sahis-bilgi {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20px 20px;
}

.ilandetay .ilan-detay-firma-ic .sahis-bilgi h2 {
  font-size: 15px;
  margin-bottom: 8px;
  font-weight: 600;
  color: #475569;
}

.ilandetay .ilan-detay-firma-ic .sahis-bilgi .d-flex {
  gap: 15px; /* Linkler arası boşluk */
}

.ilandetay .ilan-detay-firma-ic .sahis-bilgi a.link {
  font-size: 13px;
  color: #3b82f6;
  font-weight: 600;
  transition: all 0.2s;
}

.ilandetay .ilan-detay-firma-ic .sahis-bilgi a.link:hover {
  color: #e61e28;
  text-decoration: underline;
}

/* İletişim Butonları */
.ilandetay .ilan-detay-firma-ic .sahis-bilgi .telefon {
  background: linear-gradient(135deg, #e61e28 0%, #cc161f 100%);
  color: #fff;
  margin-top: 15px;
  text-align: center;
  padding: 12px 10px;
  display: block;
  font-weight: 700;
  font-size: 16px;
  border-radius: 10px;
  width: 100%;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(230, 30, 40, 0.2);
}

.ilandetay .ilan-detay-firma-ic .sahis-bilgi .telefon:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(230, 30, 40, 0.3);
}

/* Yazdır / Paylaş Butonu Alanı */
.ilandetay .ilan-detay-firma-button {
  border-top: 1px solid #e8e8e8;
  padding: 15px 0px;
}

.ilandetay .ilan-detay-firma-button a.link {
  color: #475569;
  font-weight: 600;
  transition: 0.2s;
}

.ilandetay .ilan-detay-firma-button a.link:hover {
  color: #e61e28;
}

/* --- SANAL TUR & VİDEO BUTONLARI --- */
.ilan_linkler_ul {
  width: 100%;
  margin-top: 20px;
}

.ilan_linkler_ul a.ilan_linkler_liste {
  display: flex;
  background: #ffffff;
  padding: 15px;
  border-radius: 12px;
  border: 1px solid #e8e8e8;
  color: #0f172a;
  align-items: center;
  transition: all 0.3s ease;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

.ilan_linkler_ul a.ilan_linkler_liste .icon {
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ilan_linkler_ul a.ilan_linkler_liste .icon svg {
  stroke: #e61e28;
  height: 30px;
  width: 30px;
  transition: all 0.3s;
}

.ilan_linkler_ul a.ilan_linkler_liste .text {
  width: calc(100% - 45px);
  padding-left: 15px;
  border-left: 1px solid #e8e8e8;
}

.ilan_linkler_ul a.ilan_linkler_liste .text span {
  font-weight: 800;
  font-size: 15px;
}

.ilan_linkler_ul a.ilan_linkler_liste .text small {
  font-weight: 400;
  font-size: 12px;
  color: #64748b;
  display: block;
  margin-top: 6px;
}

/* Hover Efekti - Agresif kırmızı arka plan yerine modern yükselme efekti */
.ilan_linkler_ul a.ilan_linkler_liste:hover {
  transform: translateY(-4px);
  border-color: #e61e28;
  box-shadow: 0 10px 20px rgba(230, 30, 40, 0.1);
}

/* --- FOTOĞRAF GALERİSİ (SWIPER) --- */
.ilan-detay-resim {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  border: 1px solid #e8e8e8;
  background: #fff;
}

.ilanDetayResim .swiper-slide .swiper-slide-resim {
  height: 400px; /* Görsel alanını biraz daha ferahlattık */
  background: #f8fafc;
}

.ilanDetayResim .swiper-slide .swiper-slide-resim img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.ilanDetayResim .slider-sektor {
  padding: 15px 50px;
  position: relative;
  border-top: 1px solid #e8e8e8;
}

.ilanDetayResim .gallery-thumbs2 .swiper-slide .textt-slide .resimm {
  border: 2px solid transparent;
  border-radius: 8px; /* Thumbnaillere hafif ovallik */
  transition: all 0.3s;
}

.ilanDetayResim
  .gallery-thumbs2
  .swiper-slide-thumb-active
  .textt-slide
  .resimm {
  border-color: #e61e28;
  transform: scale(1.05);
}

/* Galeri Yön Okları */
.ilanDetayResim .swiper-button-next,
.ilanDetayResim .swiper-button-prev {
  background: rgba(255, 255, 255, 0.9);
  color: #0f172a;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ilanDetayResim .swiper-button-next:hover,
.ilanDetayResim .swiper-button-prev:hover {
  background: #e61e28;
  color: #fff;
}

/* ========================================================================= */
/* KİBAR VE MODERN ALT GALERİ (THUMBNAILS) TASARIMI                          */
/* ========================================================================= */

.ilanDetayResim .slider-sektor {
  padding: 15px 40px; /* Kenar oklarına yer açmak için boşluk */
  background: #ffffff;
  border-top: 1px solid #e8e8e8;
}

.ilanDetayResim .gallery-thumbs2 .swiper-slide {
  opacity: 0.5; /* Seçili olmayanlar hafif soluk görünür */
  transition: all 0.3s ease;
  cursor: pointer;
}

.ilanDetayResim .gallery-thumbs2 .swiper-slide-thumb-active {
  opacity: 1; /* Seçili olan tam net görünür */
}

.ilanDetayResim .gallery-thumbs2 .textt-slide {
  width: 100%;
  display: block;
}

/* Küçük Resim Kutusu */
.ilanDetayResim .gallery-thumbs2 .resimm {
  width: 100%;
  height: 70px; /* Sabit ve kibar bir yükseklik */
  border-radius: 8px; /* Kibar yuvarlak köşeler */
  overflow: hidden;
  border: 2px solid transparent;
  transition: all 0.3s ease;
  background: #f8fafc;
}

/* Resimlerin ezilmesini engelle ve tam doldur */
.ilanDetayResim .gallery-thumbs2 .resimm img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important; /* Görseli orantılı keser */
}

/* Seçili olan resmin çerçevesi */
.ilanDetayResim .gallery-thumbs2 .swiper-slide-thumb-active .resimm {
  border-color: #e61e28;
  transform: scale(1.03); /* Çok hafif büyüme efekti */
  box-shadow: 0 4px 10px rgba(230, 30, 40, 0.15);
}

/* Alt Galeri Okları */
.ilanDetayResim .slider-sektor .swiper-button-next,
.ilanDetayResim .slider-sektor .swiper-button-prev {
  background: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  color: #334155;
  border: 1px solid #e8e8e8;
}

.ilanDetayResim .slider-sektor .swiper-button-next:after,
.ilanDetayResim .slider-sektor .swiper-button-prev:after {
  font-size: 12px;
  font-weight: bold;
}

.ilanDetayResim .slider-sektor .swiper-button-next:hover,
.ilanDetayResim .slider-sektor .swiper-button-prev:hover {
  color: #fff;
  border-color: #e61e28;
}

/* --- ALT BÖLÜM: İLAN ÖZELLİKLERİ VE AÇIKLAMA --- */
.ilan-ozellikler {
  margin-top: 30px;
}

.ilan-ozellikler .ilan-ozellikler-liste {
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.02);
  margin-bottom: 25px;
}

.ilan-ozellikler .ilan-ozellikler-liste h5 {
  font-size: 17px;
  font-weight: 700;
  color: #0f172a;
  border-bottom: 2px solid #e8e8e8;
  padding-bottom: 15px;
  margin-bottom: 20px;
  position: relative;
}

/* Başlık altına kırmızı şık bir çizgi detayı */
.ilan-ozellikler .ilan-ozellikler-liste h5::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 60px;
  height: 2px;
  background-color: #e61e28;
}

.ilan-ozellikler .ilan-ozellikler-liste h3 {
  font-size: 16px;
  font-weight: 700;
  color: #334155;
  margin-top: 15px;
  margin-bottom: 10px;
}

/* Açıklama metni tipografisi */
.ilan-ozellikler .ilan-ozellikler-liste p {
  font-size: 13px;
  line-height: 1.7;
  color: #475569;
}

/* Özellik Checkbox/Liste Elemanları */
.ilan-ozellikler .listing_detail {
  padding: 6px 8px;
  color: #cbd5e1;
  font-weight: 500;
  font-size: 13px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  transition: all 0.2s;
}

.ilan-ozellikler .listing_detail svg {
  margin-right: 8px;
  color: #cbd5e1;
  width: 18px;
  height: 18px;
}

/* Seçili (Var Olan) Özellikler */
.ilan-ozellikler .listing_detail.active {
  color: #0f172a;
  font-weight: 600;
}

.ilan-ozellikler .listing_detail.active svg {
  color: #10b981; /* Başarılı/Var anlamına gelen soft yeşil (veya isterseniz #e61e28 kırmızı yapabilirsiniz) */
}

/* Harita Alanı */
.ilan-ozellikler .maps {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e8e8e8;
}

/* ========================================================================= */
/* PREMIUM DANIŞMAN/FİRMA KARTI (GÖRSELDEKİ TASARIM)                         */
/* ========================================================================= */

.premium-agent-card {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  padding: 25px 20px;
}

.pac-agency {
  text-align: center;
}

.pac-logo {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin: 0 auto 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 5px;
  border: 1px solid #e9ecef;
  background-color: #f1f3f5;
}

.pac-logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.pac-agency-name {
  font-size: 16px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 5px;
}

.pac-divider {
  border: 0;
  border-top: 1px solid #adb1b5;
  margin: 20px 0;
}

.pac-agent {
  text-align: center;
}

.pac-agent-name {
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 15px;
}

/* --- BUTONLAR --- */
.pac-btn-light {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #475569;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 20px;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s;
  text-decoration: underline;
}
.pac-btn-light i {
  margin-right: 6px;
  font-size: 15px;
}
.pac-btn-light:hover {
  background: #e8e8e8;
  color: #0f172a;
}

.pac-btn-outline {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: transparent;
  color: #475569;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
  text-decoration: none;
  transition: all 0.3s;
}
.pac-btn-outline i {
  margin-right: 8px;
  font-size: 18px;
}
.pac-btn-outline:hover {
  border-color: #94a3b8;
  color: #0f172a;
  background: #f8fafc;
}

.pac-btn-whatsapp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #25d366; /* Orijinal WhatsApp Yeşili */
  color: #ffffff;
  border-radius: 12px;
  padding: 12px;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 12px;
  text-decoration: none;
  transition: all 0.3s;
  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
}
.pac-btn-whatsapp i {
  margin-right: 8px;
  font-size: 20px;
}
.pac-btn-whatsapp:hover {
  background: #1ebe57;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(37, 211, 102, 0.4);
}

/* --- TELEFON KUTULARI --- */
.pac-phone-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f8fafc;
  border-radius: 12px;
  padding: 12px 15px;
  margin-bottom: 10px;
}

.pac-phone-box .p-label {
  display: flex;
  align-items: center;
  color: #0f172a;
  font-size: 14px;
  font-weight: 500;
}
.pac-phone-box .p-label i {
  margin-right: 8px;
  font-size: 18px;
  color: #64748b;
}

.pac-phone-box .p-number {
  color: #0f172a;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
.pac-phone-box:hover .p-number {
  color: #e61e28;
}

/* --- PAYLAŞ BÖLÜMÜ --- */
.pac-share .share-text {
  font-size: 13px;
  font-weight: 600;
  color: #475569;
}

.pac-share .share-buttons {
  gap: 6px;
}

.pac-share .s-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  color: #fff;
  font-size: 13px;
  transition: all 0.2s;
}

.pac-share .s-fb {
  background: #1877f2;
}
.pac-share .s-wp {
  background: #25d366;
}
.pac-share .s-in {
  background: #0a66c2 !important;
}
.pac-share .s-link {
  background: #94a3b8;
}
.pac-share .s-print {
  background: #e8e8e8;
  color: #475569;
  border: 1px solid #e8e8e8;
}

.pac-share .s-btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.1);
  color: #fff;
}
.pac-share .s-print:hover {
  background: #e8e8e8;
  color: #0f172a;
}

/**/

.ilan-filtre {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  background: #fff;
  padding: 15px 20px;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
}

.ilan-filtre .gorunum {
  margin-right: 15px;
}

.ilan-filtre .gorunum a {
  margin-right: 5px;
  color: #001022;
  cursor: pointer;
}

.ilan-filtre .gorunum a.active {
  margin-right: 5px;
  color: #d90000;
}

.ilan-filtre h3 {
  font-size: 15px;
  color: #001022;
  font-weight: 400;
  margin-bottom: 0px;
}

.ilan-filtre h3 span {
  color: #001022;
  font-weight: 600;
}

.ilan-filtre h1 {
  font-size: 20px;
}

.form-select {
  font-size: 14px;
}

.ilan-filtre .form-control:focus,
.ilan-filtre .custom-select:focus {
  box-shadow: none;
  border-color: #e0e1e2;
}

.ilan-filtre a.arama-kaydet {
  display: block;
  font-weight: 400;
  margin-right: 15px;
  color: #001022;
}

.ilan-filtre a.arama-kaydet i {
  margin-right: 10px;
}

.ilan-filtre a.arama-kaydet:hover {
  color: #d90000;
}

/*.liste-tab */

/* --- DIŞ KUTU VE SCROLLBAR --- */
.em-sidebar-kutu {
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  width: 100%;
  padding: 12px 0;
  margin-bottom: 6px;
}

/* Şık İnce Scrollbar */
.em-sidebar-kutu::-webkit-scrollbar {
  width: 6px;
}
.em-sidebar-kutu::-webkit-scrollbar-track {
  background: transparent;
  margin: 10px 0;
}
.em-sidebar-kutu::-webkit-scrollbar-thumb {
  background: #a0a0a0;
  border-radius: 10px;
}
.em-sidebar-kutu::-webkit-scrollbar-thumb:hover {
  background: #888888;
}

/* --- LİSTE VE LİNK SIFIRLAMALARI --- */
.em-sidebar-kutu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.em-item {
  position: relative;
  list-style: none;
}
.em-link {
  display: block;
  position: relative;
  text-decoration: none;
  color: #1a1a1a;
  font-size: 14px;
  padding: 8px 55px 8px 35px; /* Oklar ve Sayılar için boşluk */
  transition: all 0.2s ease;
}
.em-link:hover {
  color: #016b54;
  background-color: rgba(0, 0, 0, 0.02);
}

/* --- GİRİNTİLER (Hiyerarşi Ağacı) --- */
.em-alt-liste .em-link {
  padding-left: 50px; /* 2. Seviye Girinti (Konut) */
  font-size: 14.5px;
}
.em-alt-liste .em-alt-liste .em-link {
  font-size: 14px;
}

/* --- SAĞA YASLI İLAN SAYILARI --- */
.em-count {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #666;
  font-size: 13px;
  font-weight: 400 !important;
}

/* --- ANA KATEGORİ AYRAÇLARI --- */
/* Sadece en üst seviyedeki (Satılık, Kiralık vb.) elemanların arasına çizgi koyar */
.em-item.top-level + .em-item.top-level {
  border-top: 1px solid #f0f0f0;
  margin-top: 5px;
  padding-top: 5px;
}

/* --- OTOMATİK OKLAR (Chevron) --- */
/* Alt kategorisi olanların soluna ">" şeklinde ok koy */
.em-item.has-arrow > .em-link::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 6px;
  height: 6px;
  border-right: 2px solid #222;
  border-bottom: 2px solid #222;
  transform: translateY(-50%) rotate(-45deg); /* Sağa bakar > */
  transition: transform 0.2s ease;
}

/* Okların yerleşim ayarları */
.em-item.top-level > .em-link::before {
  left: 18px;
}
.em-alt-liste > .em-item > .em-link::before {
  left: 32px;
}

/* Kategori seçili (aktif) ise, ok aşağı dönsün "v" */
.em-item.is-open > .em-link::before {
  transform: translateY(-70%) rotate(45deg);
}

/* --- SEÇİLİ OLAN (YEŞİL VE KALIN) KATEGORİ --- */
.em-item.is-current > .em-link {
  color: #016b54; /* Resimdeki şık orman yeşili */
  font-weight: 700;
}
.em-item.is-current > .em-link::before {
  border-color: #016b54; /* Ok da yeşil olsun */
}

.em-item .em-link.font-weight-bold {
  font-weight: 700;
}

.filtre-ust {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; /* Mobilde daralınca taşmaması için */
  gap: 15px; /* Alt alta düşerlerse aralarında boşluk kalır */
}

.filtre-baslik {
  display: flex;
  align-items: center;
  gap: 14px;
}

.page-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0px;
}

.page-subtitle {
  font-size: 14px;
  margin: 0 0 0px 0;
}

.filtre-baslik b {
  font-weight: 600;
}

.filtre-baslik span {
  font-weight: 700;
}

.liste-tab {
  position: relative;
}

/* --- GENEL KUTU (Açılır Pencere) TASARIMI --- */
.liste-tab .FiltreAdres {
  /* display: none; yerine animasyon için visibility ve opacity kullanıyoruz */
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px); /* Aşağıdan yukarı yumuşak geliş */
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

  position: absolute;
  z-index: 9999;
  left: 0; /* Hizalamayı esnettik */
  top: calc(100% + 8px); /* Başlığın hemen altına ufak bir boşlukla açılır */
  width: 280px; /* Biraz daha ferah bir genişlik */

  /* Soft Gölgelendirme ve Kenarlık */
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: 12px;
  box-shadow:
    0 10px 25px -5px rgba(0, 0, 0, 0.08),
    0 8px 10px -6px rgba(0, 0, 0, 0.04);
}

/* Aktif olduğunda yumuşakça belirir */
.liste-tab .FiltreAdres.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

/* Arka planı (body) kilitleyerek arka sayfanın scroll ile kaymasını engeller */
/* Arka planı (body) kilitleyerek arka sayfanın scroll ile kaymasını engeller */
body.kilitle2 {
  overflow: hidden !important;
}

/* Kapsayıcı alanı referans noktası yapıyoruz ki menü buradan dışarı taşmasın */
.form-liste-bolumu {
  position: relative !important;
}

/* Açılan pencereyi tam tıkladığınız yerin altına hizalıyoruz */
.FiltreAdres.active {
  position: absolute !important;
  top: 100% !important;
  left: -12px !important;
  z-index: 99999 !important;
  overflow-y: auto !important;
}

/* --- ÜST ARAMA VE KAPATMA ALANI --- */
.liste-tab .FiltreAdres .Filtre-Scrool-Header {
  width: 100%;
  display: flex;
  padding: 16px;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04); /* Alt kısım ayracı */
}

/* Arama Kutusu Input */
.liste-tab .FiltreAdres .Filtre-Scrool-Header .form-control {
  border-radius: 8px;
  width: calc(100% - 38px);
  height: 36px;
  font-size: 13px;
  padding: 10px 14px;
  background-color: #f8fafc; /* Çok hafif gri/mavi arka plan */
  border: 1px solid #e8e8e8;
  color: #334155;
  transition: all 0.2s ease;
}

/* Input Odaklanma (Focus) Durumu - Soft Glow */
.liste-tab .FiltreAdres .Filtre-Scrool-Header .form-control:focus {
  outline: none;
  background-color: #ffffff;
  border-color: #94a3b8;
  box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.15);
}

.liste-tab .FiltreAdres ul li a div,
.liste-tab .FiltreAdres ul li a {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px; /* Checkbox ile yazı arasındaki boşluk */
  font-size: 13px;
  color: #475569;
}

/* --- YENİ NESİL SOFT CHECKBOX TASARIMI --- */
.liste-tab .FiltreAdres ul li .adres_checkbox {
  /* Tarayıcının varsayılan checkbox görünümünü siliyoruz */
  appearance: none;
  -webkit-appearance: none;

  /* Kendi boyutlarımızı veriyoruz */
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin: 0;

  /* Soft Kenarlık ve Arkaplan */
  background-color: #ffffff;
  border: 2px solid #cbd5e1; /* Yumuşak gri kenarlık */
  border-radius: 6px; /* Hafif yuvarlatılmış köşeler */
  cursor: pointer;
  position: relative;

  /* Geçiş animasyonu (Hover ve tıklandığındaki renk değişimi için) */
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Checkbox'ın üzerine gelindiğinde (Hover) */
.liste-tab .FiltreAdres ul li .adres_checkbox:hover {
  border-color: #94a3b8;
  background-color: #f8fafc;
  box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.15); /* Hafif parlama efekti */
}

/* --- CHECKBOX İŞARETLENDİĞİNDE (CHECKED DURUMU) --- */
.liste-tab .FiltreAdres ul li .adres_checkbox:checked {
  background-color: #3b82f6;
  border-color: #3b82f6;
  box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3); /* Etrafına hafif renkli gölge */
}

/* İşaretlendiğinde içine çizilecek olan "Tik" (Check) işareti */
.liste-tab .FiltreAdres ul li .adres_checkbox:checked::after {
  content: "";
  position: absolute;
  /* Tiki tam ortalamak için ölçüler */
  top: 2px;
  left: 6px;
  width: 5px;
  height: 10px;

  /* Tik işaretinin rengi ve kalınlığı */
  border: solid white;
  border-width: 0 2px 2px 0;

  /* Tiki 45 derece döndürüp animasyonla küçülterek oturtuyoruz */
  transform: rotate(45deg) scale(1);
  animation: check-anim 0.2s forwards;
}

/* Tik işaretinin tatlı bir şekilde belirmesi için ufak bir animasyon */
@keyframes check-anim {
  0% {
    transform: rotate(45deg) scale(0);
    opacity: 0;
  }
  100% {
    transform: rotate(45deg) scale(1);
    opacity: 1;
  }
}

/* Eğer Checkbox seçiliyse, yanındaki yazıyı da biraz koyulaştırıp belirgin yapalım */
.liste-tab .FiltreAdres ul li:has(.adres_checkbox:checked) a div {
  color: #0f172a;
  font-weight: 500;
}

/* Kapatma Butonu */
.liste-tab .FiltreAdres .Filtre-Scrool-Header .Filtre-kapat {
  height: 36px;
  background: #e8e8e8;
  color: #64748b;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 0px 7px;
  gap: 3px;
}

/* Kapatma Butonu Hover (Yumuşak Kırmızı) */
.liste-tab .FiltreAdres .Filtre-Scrool-Header .Filtre-kapatt:hover {
  background: #fee2e2;
  color: #ef4444;
}

/* --- İÇERİK ALANI (LİSTE) --- */
.liste-tab .Filtre-Scrool-body {
  height: auto;
  background: #fff;
  padding: 8px 0px 12px 0px;
  border-radius: 0px 0px 12px 12px;
}

.liste-tab .Filtre-Scrool {
  height: 300px;
  overflow-y: auto; /* scroll yerine auto daha iyidir */
  background: #fff;
  padding: 0 8px;
}

.liste-tab .FiltreAdres ul {
  padding: 0;
  margin: 0;
}

.liste-tab .FiltreAdres ul li {
  list-style: none;
  margin-bottom: 2px;
}

/* Liste Elemanları (Linkler) */
.liste-tab .FiltreAdres ul li a {
  padding: 10px 12px;
  display: flex;
  justify-content: start;
  align-items: center;
  font-size: 13px;
  color: #475569; /* Keskin siyah yerine koyu füme */
  border-radius: 8px; /* Öğeleri de yuvarlak yaptık */
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}

/* Liste Üzerine Gelince (Hover) - Eski keskin kırmızı yerine modern ve soft seçim efekti */
.liste-tab .FiltreAdres ul li a:hover {
  background: #e8e8e8 !important; /* Soft gri */
  color: #0f172a; /* Tam okunur koyu renk */
  transform: translateX(4px); /* Hover olunca çok hafif sağa kayma efekti */
}

/* Mahalle/Semt Başlıkları */
.liste-tab .FiltreAdres ul li .mahalle-ana-baslik {
  background: #f1f1f1;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: #94a3b8;
  padding: 12px 12px 12px 12px;
  margin: 0;
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 8px;
  gap: 10px;
}

/* --- YENİ NESİL SCROLLBAR (KAYDIRMA ÇUBUĞU) --- */
.liste-tab .Filtre-Scrool::-webkit-scrollbar {
  width: 5px;
}

.liste-tab .Filtre-Scrool::-webkit-scrollbar-track {
  background-color: transparent;
}

.liste-tab .Filtre-Scrool::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 10px;
}

.liste-tab .Filtre-Scrool::-webkit-scrollbar-thumb:hover {
  background-color: #94a3b8;
}

/* Kapat yazısı vs. (Mobil) */
.Filtre-kapat {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.Filtre-kapat .d-flex {
  font-size: 13px;
  color: #64748b;
  margin-left: 5px;
}

.liste-tab .il-sec {
  margin-top: 5px;
}

.liste-tab .il-sec select {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  font-size: 15px;
  line-height: 30px;
  background-color: #fff;
  border: 1px solid #c0c0c0;
  border-radius: 2px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.liste-tab .ilce-sec {
  margin-top: 5px;
}

.liste-tab .ilce-sec select {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 30px;
  background-color: #fff;
  border: 1px solid #c0c0c0;
  border-radius: 2px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.liste-tab .ilce-sec select.disabled {
  background: #ececec;
}

.liste-tab .mahalle-sec {
  margin-top: 5px;
}

.liste-tab .mahalle-sec select {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  line-height: 30px;
  background-color: #fff;
  border: 1px solid #c0c0c0;
  border-radius: 2px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.liste-tab .mahalle-sec select.disabled {
  background: #ececec;
}

.liste-tab .select-bolumu .input-alani {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.liste-tab .select-bolumu .input-alani span {
  color: #bdbdbd;
}

.liste-tab .select-bolumu .input-alani .min-input input,
.liste-tab .select-bolumu .input-alani .max-input input {
  display: inline-block;
  width: 100%;
  border: 1px solid #c0c0c0;
  height: 33px;
  font-size: 14px;
  line-height: 16px;
  padding: 5px;
  border-radius: 8px;
  margin-left: 0;
}

.liste-tab .select-bolumu .input-alani .fiyat_input {
  position: relative;
  margin-top: 7px;
}

.liste-tab .select-bolumu .input-alani .fiyat_input label {
  color: #767676;
  font-weight: 400;
  position: absolute;
  pointer-events: none;
  left: 10px;
  transition: all 0.2s ease;
  -moz-transition: 0.2s ease all;
  -webkit-transition: all 0.2s ease;
}

.liste-tab .select-bolumu .input-alani .fiyat_input input:focus ~ label,
.liste-tab
  .select-bolumu
  .input-alani
  .fiyat_input
  input:not(:placeholder-shown)
  ~ label {
  top: -7px;
  font-size: 10px;
  padding: 0px 3px;
  background: #fff;
}

.liste-tab .select-bolumu .input-alani .fiyat_input .currency {
  position: absolute;
  right: 7px;
  color: #767676;
}

.liste-tab .select-bolumu .input-alani .fiyat_input label,
.liste-tab .select-bolumu .input-alani .fiyat_input .currency {
  top: 8px;
  font-size: 12px;
}
.liste-tab .select-bolumu {
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  width: 100%;
  padding: 12px 12px;
  margin-bottom: 6px;
}

.liste-tab .select-bolumu .select-bolumu-liste {
  position: relative;
  border-top: solid 1px #e7e7e7;
  cursor: pointer;
}

.liste-tab .select-bolumu .select-bolumu-liste .ust-baslik {
  position: relative;
  padding: 12px 0px;
  cursor: pointer;
}

.liste-tab .select-bolumu .form-liste-bolumu {
  position: relative;
  background: #fff;
  padding: 0px 13px;
  cursor: pointer;
  height: 40px;
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  font-weight: 400;
}

.liste-tab .select-bolumu .adres-listele {
  margin-bottom: 6px;
}

.liste-tab .select-bolumu .form-liste-bolumu.pasif {
  background: #f0f0f0;
}

.liste-tab .select-bolumu .adres-listele.pasif {
  display: none;
}

.liste-tab .select-bolumu .form-liste-bolumu h3 {
  font-weight: 400;
}

.liste-tab .select-bolumu .form-liste-bolumu h3 span {
  font-weight: 700;
}

.liste-tab .select-bolumu .form-liste-bolumu .ust-baslik {
  width: 100%;
}

/* "Ara" Butonu Yapışkan (Sticky) Özelliği */
#stickThis {
  position: -webkit-sticky; /* Safari uyumluluğu için */
  position: sticky;
  bottom: 0; /* Ekranın en altına yapışmasını sağlar */
  z-index: 1020; /* Diğer filtre elemanlarının üstünde durması için */
  background-color: #fcfcfc; /* Arkadan geçen yazıları gizlemek için arka plan rengi (sitenizin temasına göre değiştirebilirsiniz) */
  padding: 5px 0; /* Alt ve üstten biraz boşluk */
  margin-top: 10px; /* Üstteki elemanlarla mesafe */
  border-top: 1px solid #eee; /* İsteğe bağlı: Yapışıkken üst sınır çizgisi */
}

.ust-baslik .ok-icon {
  transition: transform 0.3s ease;
}
.ust-baslik.active .ok-icon {
  transform: rotate(180deg);
}

/* Akordiyon İçeriği (Geliştirilmiş Kusursuz Animasyon) */
.akordiyon-icerik {
  max-height: 0;
  padding-top: 0; /* margin yerine padding kullanıyoruz (zıplamayı keser) */
  opacity: 0; /* Kapalıyken görünmez, açılırken yavaşça belirecek */
  overflow: hidden;
  /* cubic-bezier ile kaymak gibi yavaşlayarak açılan bir efekt veriyoruz */
  transition:
    max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1),
    padding-top 0.4s ease,
    opacity 0.4s ease;
}

/* Başlık "active" olduğunda */
.ust-baslik.active + .akordiyon-icerik {
  max-height: 350px !important; /* 800 çok fazlaydı, animasyonu bozmayacak ideal sınır */
  padding-top: 3px !important; /* 15px iç boşluk (boşluk animasyonla yavaşça büyür) */
  padding-bottom: 15px !important; /* 15px iç boşluk (boşluk animasyonla yavaşça büyür) */
  opacity: 1; /* İçerik yavaşça belirginleşir */
}

.ust-baslik.active {
  padding-bottom: 0px !important;
}

.liste-tab .select-bolumu.ilanarama .ara {
  border-radius: 3px;
  font-size: 14px;
  background: #d90000;
  color: #fff;
  border: none;
  padding: 5px 10px;
  margin-left: 7px;
}

.liste-tab .select-bolumu .ust-baslik {
  display: flex;
  align-items: center;
}

.liste-tab .select-bolumu .ust-baslik i {
  margin-right: 0px;
  color: rgb(167, 165, 165);
}

.liste-tab .select-bolumu h3 {
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 0px;
  gap: 5px;
}

.liste-tab .select-bolumu h3.select-baslik {
  margin-bottom: 6px;
}

.liste-tab .select-bolumu h3.filtre-baslik {
  display: flex;
  align-items: center;
}

.liste-tab .select-bolumu h3.filtre-baslik .filtre-icon {
  width: 21px;
  font-size: 16px;
}

.liste-tab .select-bolumu h3.filtre-baslik b {
  font-weight: 600;
}

.select-bolumu .select2-container--default .select2-selection--multiple {
  min-height: auto;
}

.select-bolumu
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  color: #000;
}

.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f1f1f1;
}

.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar {
  width: 6px;
  background-color: #f1f1f1;
}

.select2-container--default
  .select2-results
  > .select2-results__options::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #001022;
}

.liste-tab .select-bolumu .checkbox-alani {
  max-height: 0;
  overflow-y: auto;
  padding: 0px 5px;
  transition: max-height 0.3s ease;
}

.liste-tab .select-bolumu .checkbox-alani li {
  font-size: 13px;
  list-style-type: none;
  display: flex;
  align-items: center;
  padding: 5px 0px;
}

.liste-tab .select-bolumu .checkbox-alani li:last-child {
  padding-bottom: 0px;
}

.liste-tab .select-bolumu .checkbox-alani li:hover {
  color: #d90000;
}

.liste-tab .select-bolumu .checkbox-alani li .form-check {
  display: block;
  min-height: 1.3rem;
  margin-bottom: 0px;
}

.liste-tab .select-bolumu .checkbox-alani li .form-check-label {
  font-weight: 400;
}

.liste-tab .select-bolumu .checkbox-alani li .custom-checkbox {
  font-size: 13px;
  line-height: 25px;
}

.liste-tab .select-bolumu .checkbox-alani li a input {
  margin-right: 5px;
}

/* width */

.liste-tab .select-bolumu .checkbox-alani::-webkit-scrollbar {
  width: 8px;
}

/* Track */

.liste-tab .select-bolumu .checkbox-alani::-webkit-scrollbar-track {
  background: #fff;
  border: 1px solid #f1f1f1;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}

.liste-tab .select-bolumu .checkbox-alani::-webkit-scrollbar-thumb {
  border: 0;
  background: #a2a2a2;
  border-radius: 3px;
  cursor: pointer;
}

.liste-tab .select-bolumu .checkbox-alani::-webkit-scrollbar-thumb:hover {
  background: #555;
  cursor: pointer;
}

.form-switch .form-check-input:focus {
  outline: none;
  box-shadow: none;
}

.liste-tab .select-bolumu .input-alani {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  display: flex;
  gap: 9px;
  align-items: center;
}

.liste-tab .select-bolumu .input-alani span {
  color: #bdbdbd;
}

.liste-tab .select-bolumu .input-alani .kelime-input {
  display: inline-block;
  width: 100%;
  border: 1px solid #c0c0c0;
  height: 32px;
  font-size: 12px;
  line-height: 16px;
  padding: 5px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  margin-right: 5px;
}

/**/

.custom-checkbox {
  display: flex;
  align-items: center;
}

.custom-control-label {
  padding-left: 10px;
  font-weight: 400;
}

.custom-control-input {
  width: 18px;
  height: 18px;
  background: #fff;
  border: 1px solid #cbcbcb;
  color: #fff;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #d90000;
  background-color: #d90000;
}

.custom-checkbox .custom-control-label::before:focus {
  box-shadow: none;
  outline: none;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

.custom-control-label::before {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background: none;
  border: none;
}

.custom-control-label::before:focus {
  box-sizing: none;
  outline: none;
}

.custom-radio .custom-control-label::before {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

a.listing-bottom-turbo {
  width: 100%;
  height: auto;
  background: #e61e28;
  display: block;
  text-align: center;
  color: #001022;
  margin-bottom: 10px;
  font-size: 13px;
  padding: 5px 0px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

a.listing-bottom-turbo .tdu {
  font-weight: 700;
}

/*İlan Detay Son*/

/**/

/* --- PREMIUM KOYU TEMA FOOTER CSS --- */
.footer {
  background-color: #0b0d12; /* Çok şık koyu siyah-lacivert ton */
  color: #9ba4b5; /* Göz yormayan gri-mavi metin */
  font-size: 15px;
  line-height: 1.6;
  padding-top: 70px;
  width: 100%;
  position: relative;
  border-top: 3px solid #d51317; /* Üstte ince kurumsal kırmızı çizgi */
  background-image: url("../img/footer.webp");
  background-position: center !important;
  background-size: cover !important;
}

.footer::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  background: #0b0d12;
  width: 100%;
  height: 100%;
  opacity: 85%;
}

.footer .footer-container {
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px;
  position: relative;
  z-index: 9;
}

.footer .footer-container2 {
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.footer .footer-col {
  flex: 1;
  min-width: 220px;
  margin-bottom: 30px;
}

.footer .footer-col.brand-area {
  flex: 2.5;
}

/* Başlıklar */
.footer h3 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
  position: relative;
  display: inline-block;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.footer h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 40px;
  height: 3px;
  background-color: #d51317;
  border-radius: 2px;
}

/* 1. Harita Alanı (Logo Kaldırıldı) */
.footer .map-wrapper {
  background: #151821;
  border-radius: 12px;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
  margin-bottom: 20px;
  overflow: hidden;
}

.footer .map-wrapper iframe {
  height: 230px;
  width: 100% !important; /* Panelden gelen width değerini ezer, orantılı yapar */
  border-radius: 8px;
  display: block;
  /* Bembeyaz haritayı koyu temaya dönüştüren filtre */
  filter: grayscale(80%) invert(95%) contrast(85%);
  transition: all 0.3s ease;
}

.footer .map-wrapper:hover iframe {
  filter: grayscale(0%) invert(0%) contrast(100%); /* Üzerine gelince renklenir */
}

/* Sosyal Medya */
.footer .social-icons {
  display: flex;
  gap: 10px;
}

.footer .social-icons a {
  width: 36px;
  height: 36px;
  color: #ffffff;
  font-size: 15px;
  line-height: 34px;
  text-align: center;
  border-radius: 6px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s ease;
}

.footer .social-icons a:hover {
  background-color: #d51317;
  border-color: #d51317;
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(213, 19, 23, 0.4);
}

/* 2. Menü */
.footer .footer-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer .footer-menu li {
  margin-bottom: 12px;
}

.footer .footer-menu li svg {
  width: 13px;
  height: 13px;
  fill: #d51317;
  margin-right: 8px;
}

.footer .footer-menu a {
  text-decoration: none;
  color: #fff;
  font-weight: 400;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
}

.footer .footer-menu a:hover {
  color: #ffffff;
  padding-left: 5px;
}

/* 3. İletişim */
.footer .contact-info ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer .contact-info li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  color: #fff;
}

.footer .contact-info svg {
  fill: #d51317;
  min-width: 16px;
  width: 16px;
  height: 16px;
  margin-right: 12px;
  margin-top: 4px;
}

.footer .contact-info a {
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}

.footer .contact-info a:hover {
  color: #ffffff;
}

/* 4. Aksiyon Kartı ve Logo */
.footer .action-card {
  background-color: #12151c !important;
  padding: 25px 20px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2) !important;
  width: 100% !important;
  text-align: center;
}

.footer .btn-login {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #d51317 !important;
  color: #fff !important;
  padding: 7px 10px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  font-size: 14px !important;
  border: none !important;
}

.footer .btn-login img {
  width: 16px;
  vertical-align: middle;
  margin-right: 8px;
  filter: brightness(0) invert(1);
}

.footer .btn-login:hover {
  background-color: #b01013 !important;
  box-shadow: 0 5px 15px rgba(213, 19, 23, 0.4) !important;
  transform: translateY(-2px) !important;
}

.footer .small-logo-container {
  margin-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding-top: 20px;
}

.footer .secondary-logo {
  max-width: 190px !important;
  height: auto !important;
  transition: transform 0.3s !important;
  display: inline-block !important;
}

.footer .secondary-logo:hover {
  transform: scale(1.05) !important;
}

/* Alt Bar Copyright */
.footer .copyright {
  padding: 20px 0;
  margin-top: 40px;
  text-align: center;
  font-size: 13px;
  color: #ccc;
  position: relative;
  z-index: 9;
  border-top: 1px solid rgb(255 255 255 / 14%);
}

.footer .copyright p {
  margin: 0;
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.199);
  display: flex;
  align-items: center;
}

.footer .hasem-logo {
  height: 18px;
  display: flex;
  align-items: center;
  opacity: 0.6;
  transition: 0.3s;
}

.footer .contact-info {
  flex: 1.7;
}
.footer .hasem-logo:hover {
  opacity: 1;
}

.footer .hasem-logo img {
  height: 100%;
  filter: brightness(0) invert(1);
}

@media (max-width: 768px) {
  .footer .copyright p {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
  }
}

/* --- FOOTER CSS BİTİŞ --- */

.rg-image {
  height: 318px !important;
}

.kilitle {
  overflow: hidden;
}

.kilitle::before {
  content: "";
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #00000091;
  z-index: 991;
}

.kilitle2::before {
  content: "";
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #00000091;
  z-index: 9998;
}

/*filtre-ilan-search*/

.filtre-ilan-search {
  height: auto;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
}

.filtre-ilan-search .form-control {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 14px;
  background-color: #fff;
  color: #373636;
  font-weight: 500;
  border: none;
  height: 33px;
  padding: 0px 16px;
  display: flex;
  align-items: center;
  border: solid 1px #e5e5e5;
}

.filtre-ilan-search .ilan-ara {
  width: 70px;
  height: 33px;
  background: #d90000;
  border: none;
  color: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  font-size: 13px;
  font-weight: 500;
  padding: 0px 0px;
}

.filtre-ilan-search .ilan-ara i {
  margin-right: 5px;
}

.ilanekle-duzenle-textarea {
  min-height: 339px;
}

/*homeSlider*/

.homeSlider {
  width: 100%;
  height: auto;
  position: relative;
  width: calc(100% - 11px);
  background: #fff;
  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
  padding: 16px;
  border: 1px solid rgba(34, 36, 38, 0.11);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  margin-top: 20px;
}

.homeSlider img {
  width: 100%;
}

/* Yeni Table Listeleme Genel Ayarlar */
table.table-ilan {
  width: 100%;
  height: auto;
  border-collapse: collapse;
}

table.table-ilan .table-ilan-tr {
  width: 100%;
}

.table-ilan-liste {
  width: 100%;
  height: auto;
  background: #fff;
  border: 1px solid rgba(34, 36, 38, 0.11);
  border-radius: 8px;
  margin-bottom: 10px;
  position: relative;
  display: block;
  transition:
    border-color 0.3s ease,
    box-shadow 0.3s ease;
  padding: 0px;
  overflow: hidden;
}

.table-ilan-liste:hover {
  border-color: #e61e28;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  /* Hover olunca hafif bir derinlik katar */
}

.table-ilan-liste a {
  font-size: 14px;
  color: #263238;
  text-decoration: none;
  display: flex;

  flex-direction: column;
}

/* LİSTE GÖRÜNÜMÜ - RESİM BÜYÜTÜLDÜ */
.table-ilan-liste .ilan-resim-sayfa {
  width: 100%;
  height: 120px;
  /* 110px'den 135px'e çıkarılarak resim ferahlatıldı */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  position: relative;
}

.table-ilan-liste .ilan-resim-sayfa img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.table-ilan-liste .ilan-resim-td {
  width: 170px;
  padding: 0px;
}

/* İlan Açıklama Alanı */
.table-ilan-liste .ilan-aciklama {
  display: block;
  padding: 15px;
  color: #595959;
}

.table-ilan-liste .ilan-aciklama a {
  color: #595959;
}

.table-ilan-liste .ilan-aciklama .ilan-baslik {
  display: -webkit-box !important;
  font-weight: 700;
  font-size: 14px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 5px;
  text-transform: uppercase;
}

/* İlan Özellikleri (Oda, Kat, m2) */
.table-ilan-liste .ilan-ozellik {
  display: flex;
  flex-wrap: wrap;
  margin-top: auto;
  row-gap: 0;
  column-gap: 6px;
}

.table-ilan-liste .ilan-ozellik .liste {
  font-weight: 400;
  display: flex;
  align-items: center;
  font-size: 12px;
}
.ilan-ozellik .liste i {
  font-size: 13px; /* İkon boyutunu yazıyla orantılı yapar */
  margin-right: 0px; /* İkon ile yazı arasını hafif açar */
}

.table-ilan-liste .ilan-aciklama .ilan-tarihi {
  border-left: 1px solid #ccc;
  padding-left: 15px;
}

/* Fiyat Alanı */
.table-ilan-liste .ilan-fiyat {
  display: block;
  margin-top: 22px;
  font-size: 19px;
  font-weight: bold;
  color: #d90000;
  line-height: 1;
}

/* YENİ ADRES ALANI: TEK SATIR VE NOKTA NOKTA (...) KURALI */
.table-ilan-liste .ilan-adres {
  font-size: 13px;
  margin: 0;
  padding: 0;
  /* Biraz daha okunabilir bir gri/siyah tonu */
  font-weight: 600;
  white-space: nowrap;
  /* Asla alt satıra geçmesine izin verme */
  overflow: hidden;
  /* Sınırı aşanı gizle */
  text-overflow: ellipsis;
  /* Sınırı aşarsa sonuna ... koy */
  display: block;
  width: 100%;
}

/* Liste Görünümündeki Sağ Adres Kutusu */
.table-ilan-liste .ilan-adres-td {
  border-left: 1px solid #e8e8e8;
  width: 170px;
  /* Adresin sığması için 152'den 170'e çıkarıldı */
  max-width: 170px;
  /* Nokta nokta mantığının çalışması için max-width çok önemli */
  text-align: center;
  padding: 10px 15px;
  vertical-align: middle;
}

/* Görünüm Yönetimi */
.table-ilan-liste .gorunum-liste {
  display: none;
}

.table-ilan-liste .gorunum-galeri {
  display: none;
}

.table-ilan-liste.vitrin-ilan {
  background: rgba(255, 193, 0, 0.1);
}

/* LISTE GÖRÜNÜMÜ AÇIK (.tablegorunum2) */
table tr.table-ilan-tr.tablegorunum2 .gorunum-liste {
  display: block;
}

table
  tr.table-ilan-tr.tablegorunum2
  .table-ilan-liste
  .ilan-aciklama
  .ilan-baslik {
  margin-bottom: 9px;
}

table tr.table-ilan-tr.tablegorunum2 .table-ilan-liste .ilan-ozellik {
  gap: 12px;
}

table tr.table-ilan-tr.tablegorunum2 .table-ilan-liste .ilan-ozellik .liste {
  gap: 2px;
  margin-bottom: 0px;
  font-size: 13px;
}

/* ======================================================= */
/* GALERİ (YAN YANA 4'LÜ) GÖRÜNÜMÜ (.tablegorunum1)        */
/* ======================================================= */
table tr.table-ilan-tr.tablegorunum1 td table tbody.ilanlar_tbody {
  display: flex;
  flex-wrap: wrap;
  gap: 1.33%;
}

table tr.table-ilan-tr.tablegorunum1 .table-ilan-liste-hiza {
  width: 32.4%;
  display: flex;
  margin-bottom: 15px;
}

/* Kutuların eşit yükseklikte esnemesi için kapsayıcıları flex yapıyoruz */
table tr.table-ilan-tr.tablegorunum1 .table-ilan-liste {
  width: 100%;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Tablo satırını blok yerine dikey flex sütun yapıyoruz */
table tr.table-ilan-tr.tablegorunum1 .table-ilan-liste table tr.TableListe1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  flex: 1; /* Uzamayı sağlar */
}

table tr.table-ilan-tr.tablegorunum1 .table-ilan-liste .ilan-resim-td {
  display: block;
  width: 100%;
}

/* Açıklama hücrenizin alt kısımda boşlukları kaplayarak esnemesi için */
table tr.table-ilan-tr.tablegorunum1 .table-ilan-liste .ilan-aciklama-td {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  flex: 1; /* İçeriğin dibe kadar esnemesini sağlar */
}

/* GALERİ GÖRÜNÜMÜ - RESİM BÜYÜTÜLDÜ */
table tr.table-ilan-tr.tablegorunum1 .table-ilan-liste .ilan-resim-sayfa {
  border-right: none;
  height: 180px;
  /* 150px'den 180px'e çıkarıldı (Kareye yakın ferah bir yapı) */
}

table tr.table-ilan-tr.tablegorunum1 .table-ilan-liste .ilan-aciklama {
  padding: 12px;
  height: 100%;
}

table tr.table-ilan-tr.tablegorunum1 .table-ilan-liste .ilan-ozellik .liste {
  gap: 2px;
  margin-bottom: 0px;
}

table tr.table-ilan-tr.tablegorunum1 .table-ilan-liste .ilan-fiyat {
  margin-top: 14px;
}

table
  tr.table-ilan-tr.tablegorunum1
  .table-ilan-liste
  .ilan-aciklama
  .ilan-tarihi {
  border-left: none;
  padding-left: 0;
}

table
  tr.table-ilan-tr.tablegorunum1
  .table-ilan-liste
  .ilan-aciklama
  .ilan-baslik {
  font-size: 14px;
  height: 40px;
  margin-bottom: 13px;
}

table tr.table-ilan-tr.tablegorunum1 .gorunum-galeri {
  display: block;
  margin-top: 8px;
}

table tr.table-ilan-tr.tablegorunum1 .ilan-adres {
  font-size: 12px;
  /* Galeri görünümünde adresi hafif gri yapıp başlığı öne çıkardık */
  /* Galeri görünümünde de tek satır ve nokta nokta kuralı geçerli */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table tr.table-ilan-tr.tablegorunum1 .ilan-ozellik .ilan-tarihi {
  flex: 0 0 100%;
  margin-top: 8px;
}

table tr.table-ilan-tr.tablegorunum1 .ilan-adres-td {
  display: none;
}

.home-ilanlar .ilan-tarihi {
  position: absolute;
  top: -8px;
  background: #000;
  color: #fff;
  padding: 5px 11px 5px 9px !important;
  border-radius: 0px 0px 8px 0px;
  left: 0px;
}

/* Ana Kapsayıcı Toolbar - Hafif gölgeli şık bir kutu görünümü */
.top-filter-bar {
  background: #fff;
  border-top: 1px solid rgba(34, 36, 38, 0.08);
  padding-top: 15px;
}

/* --- ARAMA KUTUSU (Yeni Tasarım) --- */
.ilan-search-box {
  max-width: 400px; /* Geniş ekranlarda arama kutusunun çok uzamasını engeller */
  width: 100%;
}
.ilan-search-group {
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #ced4da;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.ilan-search-group:focus-within {
  border-color: #e61e28;
  box-shadow: 0 0 0 3px rgba(230, 30, 40, 0.1);
}
.ilan-search-group input {
  border: none;
  background: transparent;
  box-shadow: none;
  padding: 10px 16px;
  font-size: 14px;
  color: #495057;
}
.ilan-search-group input:focus {
  box-shadow: none; /* Bootstrap focus glow'unu iptal ediyoruz */
  background: transparent;
}
.ilan-search-group .ilan-ara-btn {
  background: #e61e28;
  color: #fff;
  border: none;
  padding: 11px 22px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: background 0.3s ease;
}
.ilan-search-group .ilan-ara-btn:hover {
  background: #cc1a23;
}

/* --- SIRALAMA SELECT (Custom) --- */
.custom-sort-select {
  border: 1px solid #ced4da;
  border-radius: 8px;
  padding: 9px 36px 9px 16px;
  font-size: 14px;
  color: #495057;
  background-color: #fff;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.3s ease;
  max-width: 185px;
}

.custom-sort-select:focus {
  border-color: #e61e28;
  box-shadow: 0 0 0 3px rgba(230, 30, 40, 0.1);
}

:root {
  --primary: #ff5a5f; /* Kendi marka renginizi buraya girin */
  --primary-hover: #e04a4e;
  --bg-light: #f7f7f9;
  --border-color: #e8e8e8;
  --text-dark: #222222;
  --text-muted: #717171;
  --radius: 12px;
}

/* Kapsayıcı ve Kart Yapısı */
.modern-filter-sidebar {
  background: #fff;
  border: 1px solid var(--border-color);
  border-radius: var(--radius);
  padding: 20px;
  position: sticky;
  top: 20px; /* Scroll yaparken ekranda sabit kalması için */
  max-height: calc(100vh - 40px);
  display: flex;
  flex-direction: column;
}

.sweet-card {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  position: relative;
  border: 1px solid #f0f2f5;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Hover (Üzerine gelince yukarı kalkma ve gölge) */
.sweet-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
  border-color: #e2e8f0;
}

/* Resim Alanı */
.sweet-card .ilan-resim-sayfa {
  position: relative;
  display: block;
  overflow: hidden;
  height: 200px;
}

.sweet-card .ilan-resim-sayfa img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

/* Üzerine gelince resmi hafifçe yakınlaştır (Zoom effect) */
.sweet-card:hover .ilan-resim-sayfa img {
  transform: scale(1.08);
}

/* Satılık / Kiralık Rozeti (Cam efektli) */
.sweet-card .ilan-secenek-rozet {
  position: absolute;
  top: 12px;
  left: 12px;
  background: rgba(255, 255, 255, 0.9);
  color: #2b6cb0; /* Şık bir mavi */
  font-weight: 700;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 2;
  backdrop-filter: blur(4px); /* Arka planı hafif buzlu cam yapar */
  display: flex;
  align-items: center;
  gap: 4px;
}

/* İçerik Kutusu */
.sweet-card .ilan-aciklama {
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.sweet-card .ilan-aciklama a {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* İlan Başlığı (En fazla 2 satır, uzunsa 3 nokta koyar) */
.sweet-card .ilan-baslik {
  font-size: 15px;
  font-weight: 700;
  color: #1a202c;
  line-height: 1.4;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 42px;
}

/* Özellikler (Yan Yana Izgara Sistemi) */
.sweet-card .ozellik-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #edf2f7;
}

.sweet-card .liste {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #4a5568;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sweet-card .liste i {
  font-size: 15px;
  color: #a0aec0; /* İkonlar daha yumuşak renk */
}

/* Adres */
.sweet-card .ilan-adres {
  font-size: 12px;
  color: #718096;
  margin-bottom: 12px;
}

/* Fiyat Alanı */
.sweet-card .ilan-fiyat {
  font-size: 18px;
  font-weight: 800;
  color: #3182ce; /* Ana renk, isterseniz #e53e3e ile kırmızı yapabilirsiniz */
  margin-top: auto; /* Yazı kısa bile olsa fiyatı hep en alta iter */
}
@media (min-width: 500px) and (max-width: 1199.98px) {
  .premium-agent-card {
    display: flex;
    padding: 16px;
  }
  .pac-agency {
    text-align: center;
    flex: 1;
  }

  .pac-agent {
    text-align: center;
    flex: 1.4;
  }

  .pac-share {
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center !important;
  }
}
/* Mobilde Offcanvas (Yandan/Alttan Açılan) Yapı */
@media (max-width: 1199.98px) {

  .modern-filter-sidebar {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
    border: none;
    z-index: 1050;
    transition: left 0.3s ease-in-out;
    padding: 0;
    display: flex;
    flex-direction: column;
  }
  .modern-filter-sidebar.active {
    left: 0;
  }
  .filter-mobile-header {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    border-bottom: 1px solid var(--border-color);
    background: #fff;
  }
  .filter-body-scroll {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    padding-bottom: 90px; /* Alt buton için boşluk */
  }

}

.filter-body-scroll {
  flex: 1;
  overflow-y: auto;
}

/* Custom Scrollbar */
.filter-body-scroll::-webkit-scrollbar,
.Filtre-Scrool::-webkit-scrollbar {
  width: 6px;
}
.filter-body-scroll::-webkit-scrollbar-thumb,
.Filtre-Scrool::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

/* Akordiyon Başlıkları */
.filter-group {
  border-bottom: 1px solid var(--border-color);
  padding: 18px 0;
}
.filter-group:last-child {
  border-bottom: none;
}
.filter-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: var(--text-dark);
  font-weight: 600;
  font-size: 15px;
  transition: 0.2s;
}
.filter-header:hover {
  color: var(--primary);
}
.filter-header .icon-left {
  margin-right: 8px;
  color: var(--text-muted);
  font-size: 18px;
}
.filter-header i.icon-down {
  transition: transform 0.3s;
  font-size: 14px;
}
.filter-group.active .filter-header i.icon-down {
  transform: rotate(180deg);
}
.filter-content {
  display: none;
  margin-top: 15px;
}
.filter-group.active .filter-content {
  display: block;
  animation: fadeIn 0.3s ease;
}

/* Fiyat ve m2 Inputları (Yan yana şık görünüm) */
.dual-input-group {
  display: flex;
  align-items: center;
  gap: 10px;
}
.dual-input-group .input-wrapper {
  position: relative;
  flex: 1;
}
.dual-input-group input {
  width: 100%;
  padding: 10px 12px;
  padding-right: 30px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  font-size: 14px;
  outline: none;
  transition: border 0.2s;
}
.dual-input-group input:focus {
  border-color: var(--primary);
}
.dual-input-group .currency {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 500;
}
.dual-input-divider {
  color: var(--text-muted);
}

/* Modern Checkbox & Radio */
.modern-check-list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 200px;
  overflow-y: auto;
}
.modern-check-list li {
  margin-bottom: 10px;
}
.modern-checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  color: var(--text-dark);
}
.modern-checkbox input {
  display: none; /* Gizle, özel tasarım kullan */
}
.checkmark {
  width: 20px;
  height: 20px;
  border: 1.5px solid #ccc;
  border-radius: 6px; /* Radio için %50 yapabilirsiniz (JS veya sınıfla) */
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
}
.modern-checkbox input[type="radio"] + .checkmark {
  border-radius: 50%;
}
.modern-checkbox input:checked + .checkmark {
  background-color: var(--primary);
  border-color: var(--primary);
}
.modern-checkbox input:checked + .checkmark::after {
  content: "\2713"; /* Unicode Checkmark */
  color: white;
  font-size: 12px;
}
.modern-checkbox input[type="radio"]:checked + .checkmark::after {
  content: "";
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 50%;
}

/* Adres Filtreleme İçin Arama Kutusu (Mevcut yapınızı güzelleştiren css) */
.location-search-box {
  background: var(--bg-light);
  border: none;
  border-radius: 8px;
  padding: 10px 15px;
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px;
}

/* Sabit Alt Buton Alanı */
.filter-footer {
  padding-top: 15px;
  border-top: 1px solid var(--border-color);
  background: #fff;
}
.btn-ara {
  background-color: var(--primary);
  color: #fff;
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  border: none;
  transition: 0.3s;
}
.btn-ara:hover {
  background-color: var(--primary-hover);
}

@media (max-width: 1199.98px) {
  .filter-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 20px;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.05);
    z-index: 10;
  }

  .header-slider .container {
    position: relative;
    padding: 0px;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* --- GÖRÜNÜM DEĞİŞTİR (Segmented Switch Yapısı) --- */
.gorunum-toggles {
  display: flex;
  background: #f1f3f5;
  padding: 4px;
  border-radius: 8px;
}

.gorunum-toggles a {
  padding: 6px 14px;
  color: #6c757d;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 20px;
}
.gorunum-toggles a:hover {
  color: #343a40;
}
.gorunum-toggles a.active {
  background: #fff;
  color: #e61e28;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* --- MOBİL FİLTRE BUTONU --- */
.btn-mobile-filter {
  background: #fff;
  border: 1px solid #ced4da;
  border-radius: 8px;
  padding: 9px 16px;
  font-size: 14px;
  font-weight: 600;
  color: #495057;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
}
.btn-mobile-filter:hover,
.btn-mobile-filter:active {
  background: #f8f9fa;
  border-color: #b1b5b9;
  color: #e61e28;
}

/* Yan Yana Görünümü Son */

.spinner-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.spinner-border {
  width: 3rem;
  height: 3rem;
  border-width: 0.4rem;
}

.loading-text {
  margin-top: 8px;
  font-size: 1.2rem;
  margin-left: 25px;
  margin-bottom: 0px;
  color: #c22d35;
  font-weight: bold;
  animation: fadeInOut 2s infinite;
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* İLETİŞİM SAYFASI */

.iletisim1 {
  width: 100%;
  height: auto;
}

.iletisim1 .list-group-item {
  width: 100%;
  height: auto;
  border: solid 1px #f1f1f1;
  padding: 0px 15px;
}

.iletisim1 .list-group-item h6 {
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  opacity: 70%;
}

.iletisim1 .list-group-item p {
  width: 100%;
  font-size: 14px;
  font-weight: 700;
}

.iletisim1 .rounded-circle {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #c22d35;
}

.iletisim1 .maps {
  width: 100%;
  height: 500px;
}

.iletisim1 .maps iframe {
  width: 100%;
  height: 100%;
}

/* ilan detay paylaş*/

.page-listele-resimler {
  width: 100%;
  margin-bottom: 15px;
  display: block;
}

.page-listele-resimler .img-thumbnail {
  overflow: hidden;
}

.page-listele-resimler .image {
  width: 100%;
  height: 180px;
  position: relative;
  overflow: hidden;
}

.page-listele-resimler .image img {
  width: 100%;
  height: 100%;
  transition: transform 0.2s;
  object-fit: cover;
}

.page-listele-resimler:hover .image img {
  transform: scale(1.1);
}

.page-listele-resimler .images-list-text {
  width: 100%;
  height: 51px;
  overflow: hidden;
  display: block;
  text-align: center;
  padding: 5px 0px;
  color: #333;
  line-height: 1.4;
  text-decoration: none;
}

.page-listele-resimler .image .zoom {
  display: flex;
  position: absolute;
  left: 0px;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 9;
  transition: all 0.25s ease;
  justify-content: center;
  align-items: center;
}

.page-listele-resimler .image .zoom i {
  opacity: 0;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  background: #fff;
  box-shadow: 0px 2px 3px #ababab;
  color: #333;
}

.page-listele-resimler:hover .image .zoom i {
  opacity: 1;
  transition: all 0.25s ease;
}

a.emsoft-giris {
  font-weight: 700;
  color: #d90000;
  padding-left: 15px;
  margin-left: 15px;
  border-left: 1px solid #00102217;
  display: flex;
  align-items: center;
}

a.emsoft-giris img {
  height: 16px;
  margin-right: 10px;
}

a.emsoft-giris:hover span {
  text-decoration: underline;
}

.btn-uyelik:hover {
  color: #fff;
}

.btn-uyelik {
  color: #fff;
}

.em-cat-wrapper {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 20px;
}

/* Sitenin diğer li ve ul ayarlarını eziyoruz ki bozulmasın */
.em-cat-tree,
.em-cat-sublist {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.em-cat-item {
  margin-bottom: 3px !important;
}

/* Başlık */
.em-cat-header {
  display: flex;
  align-items: center;
  padding: 8px 10px;
  border-radius: 5px;
  transition: background 0.2s;
}

.em-cat-header:hover {
  background: #f8f9fa;
}

/* Seçili Menü Arka Planı (Açık Yeşil) */
.em-cat-item.is-active > .em-cat-header {
  background-color: #f1f9ec !important;
}
.em-cat-item.is-active > .em-cat-header .em-cat-link {
  color: #000 !important;
}

/* Linkler */
.em-cat-link {
  color: #333 !important;
  text-decoration: none !important;
  flex-grow: 1;
  font-size: 14px;
}

/* İlan Sayısı */
.em-cat-count {
  color: #6c757d;
  font-size: 13px;
  margin-left: 5px;
}

/* İkonlar */
.em-cat-icon {
  font-size: 12px;
  color: #333;
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}

.em-cat-empty-icon {
  width: 25px;
  display: inline-block;
}

/* Alt menü ağaç girintisi */
.em-cat-sublist {
  padding-left: 20px !important;
  margin-left: 10px !important;
  border-left: 1px solid #f0f0f0 !important;
  margin-top: 3px !important;
}

/* ========================================================================= */
/* DİĞER İLANLAR (BENZER İLANLAR) STANDART GALERİ GÖRÜNÜMÜ                   */
/* ========================================================================= */
.diger-ilanlar {
  padding: 0px 0 70px 0;
  background: transparent;
}
.bolum-baslik.bolum-ana {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.bolum-baslik.bolum-ana h2 {
  font-size: 33px;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
  position: relative;
  z-index: 2;
}
.bolum-baslik.bolum-ana p {
  font-size: 16px;
  font-weight: 400;
  color: #818181;
  margin: 0;
  position: relative;
  z-index: 2;
  margin-top: 12px;
}

.diger-ilanlar .bolum-baslik .cizgi {
  flex-grow: 1;
  height: 1px;
  background: #e8e8e8;
  z-index: 1;
}
.diger-ilanlar .gallery-yeni-eklenenler {
  padding-bottom: 40px;
  padding-top: 10px;
}

/* KART YAPISI */
.diger-ilanlar .ilan-liste1 {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all 0.3s ease;
}

.diger-ilanlar .ilan-liste1:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  border-color: #cbd5e1;
}

/* RESİM */
.diger-ilanlar .ilan-resim-sayfa {
  width: 100%;
  height: 220px;
  display: block;
  overflow: hidden;
  padding: 8px;
  padding-bottom: 0px;
}

.diger-ilanlar .ilan-liste1:hover .ilan-resim-sayfa {
  padding: 0px;
}

.diger-ilanlar .liste-bilgiii {
  position: absolute;
  top: 13px;
  background: #000;
  color: #fff;
  padding: 2px 10px !important;
  border-radius: 6px;
  left: 13px;
  font-weight: 400;
  font-size: 12px;
}

.diger-ilanlar .ilan-resim-sayfa img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
  border-radius: 8px;
}

.diger-ilanlar .ilan-liste1:hover .ilan-resim-sayfa img {
  transform: scale(1.05);
}

/* İÇERİK */
.diger-ilanlar .ilan-aciklama {
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.diger-ilanlar .ilan-aciklama a {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
}

/* Başlık */
.diger-ilanlar .ilan-baslik {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #0f172a;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Sadece 2 satıra izin ver (Uzun başlıkları taşmaktan kurtarır) */
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 12px;
  transition: color 0.2s;
  height: 40px; /* Sabit yükseklik, kartlar hizalı dursun */
}
.diger-ilanlar .ilan-liste1:hover .ilan-baslik {
  color: #e61e28;
}

/* Özellikler (Oda, Kat, m2 - Phosphor İkonlarıyla) */
.diger-ilanlar .ilan-ozellik {
  display: flex;
  flex-wrap: wrap;
  gap: 19px;
  margin-bottom: 12px;
}

.diger-ilanlar .ilan-ozellik .liste {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  padding: 0px;
  gap: 6px;
  color: #64748b;
}

.diger-ilanlar .ilan-ozellik .liste i {
  font-size: 14px;
  color: #94a3b8;
}

/* Adres */
.diger-ilanlar .ilan-adres {
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; /* Taşan adresler ... olur */
  margin-bottom: 12px;
  margin-top: auto; /* Adresi alta iter, kart boyları hizalanır */
}

/* Fiyat */
.diger-ilanlar .ilan-fiyat {
  font-size: 18px;
  font-weight: 800;
  color: #e61e28;
  padding-top: 12px;
  border-top: 1px dashed #e8e8e8;
  line-height: 1;
}

/* Noktalar */
.diger-ilanlar .swiper-pagination-bullet {
  background: #94a3b8;
  opacity: 0.5;
}
.diger-ilanlar .swiper-pagination-bullet-active {
  background: #e61e28;
  opacity: 1;
}

/**/

/* Ana Izgara Kapsayıcısı */
.kategori-vitrin-wrapper {
  width: 100%;
  position: relative;
  padding: 70px 0px;
  background: #f1f1f2;
}

.kategori-vitrin-wrapper::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url("../img/wpestate_line.png");
  background-repeat: repeat;
  background-size: auto;
  opacity: 0.18;
  transition:
    background 0.3s,
    border-radius 0.3s,
    opacity 0.3s;
}

.vitrin-grid {
  display: grid;
  gap: 15px; /* Kartlar arasındaki boşluk */
  width: 100%;
}

/* Kartların Ortak Tasarımı */
.vitrin-item {
  position: relative;
  border-radius: 8px; /* Köşe ovalliği */
  overflow: hidden;
  text-decoration: none !important;
  display: block;
  min-height: 200px; /* Mobildeki yükseklik */
}

/* Arka Plan Resimleri */
.vitrin-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.vitrin-item:hover img {
  transform: scale(1.08); /* Hafifçe büyüyen şık animasyon */
}

/* Siyah Karartma ve Yazılar */
.vitrin-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
  z-index: 2;
}

.vitrin-item:hover .vitrin-overlay {
  background: rgba(0, 0, 0, 0.6); /* Mouse üzerine gelince kararsın */
}

/* Yazı Tasarımları */
.vitrin-overlay h3 {
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 10px;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  text-align: center;
}

/* Sol büyük karttaki yazı biraz daha büyük olsun */
.vitrin-overlay h3.buyuk-baslik {
  font-size: 2rem;
}

/* İlan Sayısı (Kiremit Rengi Kutu) */
.vitrin-overlay span {
  background: rgba(140, 107, 93, 0.95); /* Logonuzdaki kahve/kiremit rengi */
  color: #ffffff;
  font-size: 0.9rem;
  padding: 6px 18px;
  border-radius: 4px;
  font-weight: 600;
}

/* =========================================================
   MASAÜSTÜ İÇİN ASİMETRİK YERLEŞİM (SOL BÜYÜK, SAĞ KÜÇÜK)
   ========================================================= */
@media (min-width: 992px) {
  .vitrin-grid {
    /* 4 Sütunlu, 2 Satırlı bir şablon oluşturuyoruz */
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 220px); /* Her satır 220px boyunda */
  }

  /* 1. KART: SOL TARAFI TAMAMEN KAPLAR (2 Sütun, 2 Satır) */
  .vitrin-item:nth-child(1) {
    grid-column: span 2;
    grid-row: span 2;
  }

  /* 2. KART: SAĞ ÜST TARAFI KAPLAR (2 Sütun, 1 Satır) */
  .vitrin-item:nth-child(2) {
    grid-column: span 2;
    grid-row: span 1;
  }

  /* 3. KART: SAĞ ALT SOL (1 Sütun, 1 Satır) */
  .vitrin-item:nth-child(3) {
    grid-column: span 1;
    grid-row: span 1;
  }

  /* 4. KART: SAĞ ALT SAĞ (1 Sütun, 1 Satır) */
  .vitrin-item:nth-child(4) {
    grid-column: span 1;
    grid-row: span 1;
  }
}

/**/

.mobil-sabit-filtre-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999998;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.mobil-sabit-filtre-backdrop.active {
  opacity: 1;
  visibility: visible;
}

.mobil-sabit-filtre.active {
  bottom: 0;
}

/* Üstteki Gri Çizgi (Kaydırma Tutamağı) */
.mobil-sabit-filtre .filtre-tutamak {
  width: 40px;
  height: 5px;
  background: #cbd5e1;
  border-radius: 10px;
  margin: 12px auto;
}

/* Header (Başlık ve Kapat Butonu) */
.mobil-sabit-filtre .filtre-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  border-bottom: 1px solid #f1f5f9;
}

.mobil-sabit-filtre .filtre-title {
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
}

.mobil-sabit-filtre .filtre-close {
  background: transparent;
  border: none;
  font-size: 24px;
  color: #475569;
  padding: 5px;
  cursor: pointer;
}

/* GÖRSELDEKİ YEŞİL BUTONLU ARAMA KUTUSU */
.mobil-arama-kutusu {
  display: flex;
  align-items: center;
  border-radius: 6px;
  overflow: hidden;
  height: 40px;
  border: solid 1px #ced4da;
}

.mobil-arama-kutusu input {
  flex: 1;
  height: 100%;
  border: none;
  padding: 0 15px;
  font-size: 14px;
  color: #334155;
  outline: none;
}

.mobil-arama-kutusu .btn-ara-yesil {
  height: 100%;
  background: #10b981; /* Orijinal görseldeki tatlı yeşil renk */
  color: #ffffff;
  border: none;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s;
}

.mobil-arama-kutusu .btn-ara-yesil:hover {
  background: #059669;
}

.mobil-arama-kutusu .btn-ara-yesil i {
  font-size: 18px;
}

.mobil-sabit-filtre {
  flex: 0.8;
}

.Filtre-Scrool-Header-alt {
  display: flex;
  gap: 5px;
}

.agent-profile-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 30px 20px;
  text-align: center;
  border: 1px solid #f0f2f5;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  position: relative;
  overflow: hidden;
}

.agent-profile-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
}

/* Avatar (Resim) Alanı */
.agent-header .avatar-wrapper {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto 16px auto;
}

.agent-header .agent-avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  border: 4px solid #ffffff;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

/* İsim ve Ünvan */
.agent-header .agent-name {
  font-size: 18px;
  font-weight: 700;
  color: #1a202c;
  margin-bottom: 6px;
}

.agent-header .agent-title {
  font-size: 13px;
  color: #718096;
  font-weight: 400;
  text-transform: uppercase;
  display: block;
  margin-bottom: 24px;
}

/* Aksiyon Butonları (Tüm İlanlar & WhatsApp) */
.agent-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px dashed #e2e8f0;
}

.action-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 20px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  transition: all 0.3s ease;
}

.action-btn i {
  font-size: 18px;
}

/* Tüm İlanlar Butonu */
.btn-outline {
  background: #f7fafc;
  color: #2b6cb0;
  border: 1px solid #e2e8f0;
}

.btn-outline:hover {
  background: #2b6cb0;
  color: #ffffff;
  border-color: #2b6cb0;
}

/* WhatsApp Butonu */
.btn-whatsapp {
  background: #e6f6ec; /* Açık soft yeşil */
  color: #048c44; /* WhatsApp yeşili */
}

.btn-whatsapp:hover {
  background: #25d366; /* Gerçek WhatsApp yeşili */
  color: #ffffff;
}

/* İletişim Numaraları (Hap şeklinde butonlar) */
.agent-contact {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.contact-pill {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: #2b6cb0; /* Sitenin ana mavi tonu, istersen değiştirebilirsin */
  padding: 11px 14px;
  border-radius: 12px;
  color: #ffffff;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none !important;
  transition: all 0.3s ease;
}

.contact-pill:hover {
  transform: scale(1.02);
  color: #ffffff;
}

/* Numaraların yanındaki küçük beyaz ikon kutusu */
.contact-pill .icon-box {
  background: rgba(255, 255, 255, 0.2);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 16px;
}

/* E-Posta Linki */
.email-link {
  font-size: 14px;
  color: #718096;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: color 0.2s ease;
}

.email-link:hover {
  color: #2b6cb0;
}

/* Ana Kutu */
.em-filter-main-container {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 12px 15px;
  margin-bottom: 20px;
  width: 100%;
  box-sizing: border-box;
}

/* Kaydırma ve Okların Sarmalayıcısı */
.em-scroll-wrapper {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding-right: 15px;
}

/* Sağ ve Soldaki Beyaz Silikleşme (Fade) Efektleri */
.em-scroll-wrapper::before,
.em-scroll-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.em-scroll-wrapper.can-scroll-left::before {
  left: 0;
  background: linear-gradient(to right, #ffffff 30%, rgba(255, 255, 255, 0));
  opacity: 1;
}
.em-scroll-wrapper.can-scroll-right::after {
  right: 0;
  background: linear-gradient(to left, #ffffff 30%, rgba(255, 255, 255, 0));
  opacity: 1;
}

/* Çiplerin Kaydırıldığı İç Alan */
.em-filter-scroll-area {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  scroll-behavior: smooth; /* Butonlara basıldığında yağ gibi kaysın */
  scrollbar-width: none;
  -ms-overflow-style: none;
  width: 100%;
}
.em-filter-scroll-area::-webkit-scrollbar {
  display: none;
}

/* Ok Butonları Genel Tasarımı */
.em-scroll-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  background-color: #ffffff;
  border: 1px solid #cbd5e1;
  color: #0f172a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
.em-scroll-btn:hover {
  background-color: #f8fafc;
  border-color: #94a3b8;
}

/* JS ile Okların Görünür Olması */
.em-scroll-wrapper.can-scroll-left .em-btn-left {
  opacity: 1;
  visibility: visible;
  left: 5px;
}
.em-scroll-wrapper.can-scroll-right .em-btn-right {
  opacity: 1;
  visibility: visible;
  right: 10px;
}

/* Filtre Çipleri Görünümü */
.em-filter-chip {
  display: inline-flex;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #3b6843; /* İlettiğiniz görseldeki yeşil çizgi */
  border-radius: 50px;
  padding: 5px 6px 5px 12px;
  white-space: nowrap;
}
.em-chip-text {
  color: #475569;
  font-size: 13.5px;
  margin-right: 8px;
}
.em-chip-text strong {
  color: #0f172a;
  font-weight: 700;
}
.em-chip-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  background-color: #3b6843;
  color: #ffffff;
  border: none;
  border-radius: 50%;
  font-size: 9px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.2s;
  padding: 0;
}
.em-chip-remove:hover {
  background-color: #274b30;
}

/* Sabit Temizle Butonu */
.em-filter-fixed-action {
  flex-shrink: 0;
  padding-left: 10px;
  z-index: 5;
  background-color: #fff;
}
.em-clear-btn {
  color: #990011; /* Bordo temizle yazısı */
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s;
}
.em-clear-btn:hover {
  color: #660000;
  text-decoration: underline;
}

/**/

/* Slider'ın üzerine taşmasını sağlayan kapsayıcı */
.features-overlap-wrapper {
  margin-top: -60px; /* Bu değer slider'ın üstüne ne kadar bineceğini belirler */
  position: relative;
  z-index: 20; /* Slider ve karartmanın üzerinde kalsın */
  padding-bottom: 70px;
}

/* Ana Beyaz Kutu */
.features-box {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); /* Yumuşak ve geniş bir gölge */
  overflow: hidden;
}

/* İç Kartlar */
.feature-item {
  padding: 50px 30px;
  text-align: center;
  background: #ffffff;
  position: relative;
  transition: all 0.3s ease;
}

/* Üzerine gelince belirginleşme efekti (Görseldeki gibi hover etkisi) */
.feature-item:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  z-index: 2; /* Çizgilerin üstüne çıkması için */
  transform: translateY(-2px);
}

/* Masaüstünde aralardaki dikey çizgiler (Sadece ilk 3 karta sağdan çizgi atar) */
@media (min-width: 992px) {
  .feature-item:not(:last-child) {
    border-right: 1px solid #f0f0f0;
  }
}

/* Tablet Görünümü (2x2 diziliş) */
@media (max-width: 991px) and (min-width: 768px) {
  .feature-item:nth-child(odd) {
    border-right: 1px solid #f0f0f0;
  }
  .feature-item:nth-child(1),
  .feature-item:nth-child(2) {
    border-bottom: 1px solid #f0f0f0;
  }
}

/* Mobil Görünüm (Alt alta) */
@media (max-width: 767.98px) {
  .features-overlap-wrapper {
    margin-top: -30px; /* Mobilde biraz daha az taşsın */
  }
  .feature-item {
    padding: 40px 20px;
  }
  .feature-item:not(:last-child) {
    border-bottom: 1px solid #f0f0f0;
  }
}

/* İkon Tasarımı */
.feature-icon {
  margin-bottom: 25px;
}
.feature-icon svg {
  width: 50px;
  height: 50px;
  stroke: #8c6b5d; /* Logonuzdaki/sitenizdeki kiremit/kahve tonu */
}

/* Başlık Tasarımı */
.feature-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #111111;
  margin-bottom: 15px;
}

/* Paragraf (Açıklama) Tasarımı */
.feature-desc {
  font-size: 15px;
  color: #777777;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 0px;
  min-height: 70px; /* Yazı uzunlukları farklı olsa da butonları aynı hizada tutmaya yarar */
}

/* Daha Fazla Linki */
.feature-link {
  color: #8c6b5d;
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  transition: color 0.3s ease;
}
.feature-link:hover {
  color: #705448;
}

/* Mobilde Okları Gizle - Sadece Parmakla Kaydırılsın */
@media (max-width: 768px) {
  .em-scroll-btn {
    display: none !important;
  }

  .em-scroll-wrapper::before,
  .em-scroll-wrapper::after {
    display: none;
  }
}
@media (min-width: 992px) {
  .mobil-sabit-gizli-alanlar .filtre-tutamak,
  .mobil-sabit-gizli-alanlar .filtre-header {
    display: none;
  }
}

@media (max-width: 1199.98px) {
.ds-img-wrapper {
    aspect-ratio: 4 / 3;
}
    .hakkimizda-section {
        padding: 40px 0px!important;
    }
  .header-menu {
    border-top: 3px solid #e00000;
  }

  .header-slider {
    margin-top: 60px;
  }

  .ilan-search-box {
    position: fixed; /* Ekranın neresinde olursan ol tam ekran kaplar */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8); /* %80 saydam siyah arkaplan */
    z-index: 99999; /* En üstte durması için yüksek z-index */

    /* İçeriği ortalama */
    display: flex;
    justify-content: center;
    align-items: flex-start; /* Arama kutusunu üst kısma yakın başlatır */
    padding-top: 100px; /* Yukarıdan ne kadar boşluk kalacağı */

    /* Animasyon hazırlığı */
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
  }

  /* JavaScript ile eklenecek aktif sınıfı - Görünür yapar */
  .ilan-search-box.show-mobile-search {
    opacity: 1;
    visibility: visible;
  }

  /* Arama grubu kapsayıcısı */
  .search-box-inner {
    width: 90%; /* Ekranda sağdan soldan boşluk bırakır */
    max-width: 500px;
    position: relative;
  }

  /* Çarpı Butonu - Arama kutusunun sağ üstünde durur */
  .btn-close-search {
    position: absolute;
    top: -50px; /* Arama kutusunun dışına, üstüne atar */
    right: 0;
    background: transparent;
    border: none;
    color: #fff; /* Siyah arkaplanda net görünsün diye BEYAZ */
    font-size: 2rem;
    cursor: pointer;
    padding: 5px;
    transition: transform 0.2s;
  }

  .btn-close-search:active {
    transform: scale(0.9);
  }

  /* Alt Kısımdaki Mobil Butonlar (Tıklanacak yerler şık dursun) */
  .btn-mobile-search,
  .btn-mobile-filter {
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 9px 15px;
    font-weight: 500;
    color: #333;
  }

  .btn-mobile-search svg,
  .btn-mobile-filter svg {
    width: 15px;
    height: 15px;
  }

  .custom-sort-select {
    max-width: 100%;
  }
  .filtre-ust {
    gap: 0;
  }

  .filtre-baslik {
    display: flex;
    align-items: center;
  }
  .page-subtitle {
    font-size: 13px;
    font-weight: 300;
  }

  .filtre-baslik {
    text-align: center;
  }
  .ilan-filtre h1 {
    font-size: 17px;
  }

  .breadcrumb-bg .breadcrumb li a {
    font-size: 13px;
  }

  .header-menu .navbar-brand {
    height: auto;
    margin: 0px;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
  }

  .navbar-light .navbar-toggler {
    background: transparent;
    color: #fff;
    border-radius: 0px;
    margin-top: 5px;
  }

  .header-menu {
    padding: 0px 0px;
    background: #fff;
    box-shadow: 0px 0px 10px #00000012;
  }

  .header-menu .navbar {
    padding: 0px 0px;
    height: 60px;
  }

  .header-menu .navbar::before {
    display: none;
  }

  .header-menu ul.navbar-nav li {
    margin-left: 0px !important;
    padding: 0px;
  }

  .header-menu ul.navbar-nav li a {
    font-size: 17px !important;
  }

  .header-menu .nav {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 900;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .header-menu .nav {
    padding: 15px;
    background: #fff;
  }

  .header-menu .nav-no-js .nav-button:hover + .nav,
  .header-menu .nav-no-js .nav-button:hover + .nav + .nav-close,
  .header-menu .nav-no-js .nav:hover,
  .header-menu .nav-no-js .nav:hover + .nav-close {
    display: block;
  }

  .header-menu .nav-lock-scroll {
    overflow: hidden;
  }

  .header-menu .nav ul {
    padding: 25px 10px;
    flex-direction: column !important;
  }

  .header-menu .nav ul ul {
    position: relative !important;
  }

  .header-menu .nav > ul > li:first-child {
    border-top: 0px;
  }

  .header-menu .nav li::before {
    content: "";
    width: 1px;
    height: 12px;
    background: #c8c8c8;
    position: relative;
    display: none;
  }

  .header-menu .nav > ul > li {
    display: block;
    width: 100%;
    border-top: 1px solid #e2e2e2;
    cursor: pointer;
    line-height: 25px;
    display: inline-block;
    margin-left: 0px;
  }

  .header-menu .nav > ul > li a {
    display: block;
    width: 100%;
    padding: 10px 0px;
  }

  .header-menu .nav ul ul ul {
    top: 0px !important;
    left: 0px !important;
  }

  .header-menu .nav .nav-submenu > ul li a {
    width: 100%;
    display: flex;
    padding: 10px 15px !important;
  }

  .header-menu .nav > ul > li.giris-yap {
    margin-top: 12px;
    display: block;
  }

  .header-menu .mobilmenu-ac {
    background: transparent;
    border: none;
    color: #333;
    font-size: 22px;
    line-height: 13px;
    margin-right: 0px;
    margin-left: auto;
    padding: 0px;
  }

  .header-menu .mobilmenu-kapat {
    background: transparent;
    border: none;
    color: #333;
    font-size: 13px;
    position: relative;
    padding: 0px 0px 10px;
    outline: none;
  }

  .scrolled-up.header-menu .navbar {
    height: 60px;
    width: 100%;
  }

  .Home_Item .kategori-menu {
    margin-top: 0px;
  }

  .page-content {
    margin-top: 0;
    padding: 30px 0px;
  }

  /*  filtre bölümü*/

  .mobilfitreAc-Button {
    width: auto;
    height: 25px;
    border-radius: 3px;
    background: #001022;
    color: #fff;
    font-size: 11px;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 5px 10px;
  }

  .mobilfitreAc-Button i {
    margin-right: 5px;
  }

  .header-menu .navbar-brand img {
    height: 26px;
    width: auto;
    min-height: auto;
  }

  table tr.table-ilan-tr.tablegorunum2 .ilan-ozellik .ilan-tarihi {
    flex: 0 0 auto;
    margin-top: 0px;
    padding-left: 0px;
    border: 0px;
  }

  .table-ilan-liste .ilan-resim-td {
    width: 140px;
    padding: 0px;
  }

  .sol-menu-hasem {
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    background: #fff;
    overflow-y: auto;
    transition: 0.2s ease-in-out;
  }

  /* 1. Ana Filtre Menüsünü Tam Ekran Yapıyoruz */
  .sol-menu-hasem {
    width: 100% !important; /* Mobilde tam ekran açılması en sağlıklı UX'dir */
    left: -100%;
    display: flex;
    flex-direction: column;
    background: #fff;
  }

  .sol-menu-hasem.sol-menu-hasem-fixed {
    left: 0 !important;
  }

  /* Ana Menü Üst Kapatma Başlığı (Sabit ve Şık) */
  .sol-menu-hasem .akordiyon-baslik {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    font-size: 18px;
    font-weight: 700;
    background: #ffffff;
    border-bottom: 1px solid #e8e8e8;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    margin: 0;
    width: 100%;
    justify-content: space-between;
  }

  .sol-menu-hasem .akordiyon-baslik i {
    font-size: 20px;
    color: #ef4444;
    background: #f8f8f8;
    padding: 8px 10px;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Ana Menü İçerik Alanı */
  .sol-menu-hasem .mobil-muneler {
    flex: 1;
    padding: 20px 15px !important;
    margin-bottom: 0 !important;
  }

  /* En Alttaki "Ara" Butonunu Ekrana Sabitliyoruz */
  .sol-menu-hasem .arama-butonu {
    position: sticky;
    bottom: 0;
    background: #ffffff;
    padding: 15px;
    border-top: 1px solid #e8e8e8;
    box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.06);
    z-index: 99;
  }

  .sol-menu-hasem .arama-butonu .btn-uyelik {
    height: 52px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* ----------------------------------------------------------- */
  /* İL / İLÇE / MAHALLE SEÇİM EKRANI (TAM EKRAN YUKARI KAYMA)   */
  /* ----------------------------------------------------------- */
  .sol-menu-hasem .liste-tab .FiltreAdres {
    position: fixed !important;
    top: 100% !important; /* İlk başta ekranın altında gizli durur */
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: #f8fafc !important; /* Göz yormayan soft arkaplan */
    z-index: 999999 !important; /* En üstte duracak */
    border-radius: 0 !important;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    /* Aşağıdan yukarıya mobil uygulama gibi kayarak gelme animasyonu */
    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform: translateY(0) !important;
    box-shadow: none !important;
    border: none !important;
  }

  /* Ekran Açıldığında Yukarı Yapışır */
  .sol-menu-hasem .liste-tab .FiltreAdres.active {
    top: 0 !important;
    visibility: visible;
    opacity: 1;
  }

  /* Modal Üst Bilgi ve Arama Alanı (Sabit Kalacak) */
  .sol-menu-hasem .liste-tab .FiltreAdres .Filtre-Scrool-Header {
    background: #ffffff;
    padding: 20px 15px 15px 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid #e8e8e8;
    flex-shrink: 0; /* Küçülmesini engeller */
  }

  .sol-menu-hasem .liste-tab .FiltreAdres .Filtre-Scrool-Header-ust {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
  }

  .sol-menu-hasem .liste-tab .FiltreAdres .Filtre-Scrool-Header-ust h4 {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
  }

  /* Temizle Butonu */
  .sol-menu-hasem .liste-tab .FiltreAdres .Filtre-Scrool-Header-ust .temizle {
    color: #e61e28;
    font-size: 13px;
    font-weight: 600;
    background: #fee2e2;
    padding: 6px 12px;
    border-radius: 8px;
    text-decoration: none;
  }

  /* Arama Kutusu ve Kapat Butonu Yan Yana */
  .sol-menu-hasem .liste-tab .FiltreAdres .Filtre-Scrool-Header-alt {
    display: flex;
    gap: 10px;
  }

  .sol-menu-hasem
    .liste-tab
    .FiltreAdres
    .Filtre-Scrool-Header-alt
    .form-control {
    flex: 1;
    height: 50px;
    border-radius: 12px;
    font-size: 15px;
    padding-left: 15px;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    transition: all 0.2s;
  }

  .sol-menu-hasem
    .liste-tab
    .FiltreAdres
    .Filtre-Scrool-Header-alt
    .form-control:focus {
    background: #ffffff;
    border-color: #94a3b8;
    box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.15);
  }

  /* Kapat Butonu */
  .sol-menu-hasem
    .liste-tab
    .FiltreAdres
    .Filtre-Scrool-Header-alt
    .Filtre-kapat {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e8e8e8;
    color: #334155;
    height: 50px;
    padding: 0 16px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 14px;
    gap: 8px;
    cursor: pointer;
    border: 1px solid #e8e8e8;
  }

  /* Kaydırılabilir Şehir/İlçe Liste Alanı */
  .sol-menu-hasem .liste-tab .FiltreAdres .Filtre-Scrool-body {
    flex: 1;
    overflow: hidden; /* Scroll'u sadece iç div'e aktarıyoruz */
    padding: 0;
    background: transparent;
  }

  .sol-menu-hasem .liste-tab .Filtre-Scrool {
    height: 100%;
    overflow-y: auto;
    padding: 15px;
  }

  /* Liste Elemanları Kutucuk Formunda (Büyük ve Dokunulabilir) */
  .sol-menu-hasem .liste-tab .FiltreAdres ul li {
    background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    margin-bottom: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
    overflow: hidden;
    display: block;
  }

  .sol-menu-hasem .liste-tab .FiltreAdres ul li a {
    padding: 12px 15px;
    font-size: 15px;
    color: #334155;
    font-weight: 500;
    display: flex;
    align-items: center;
    width: 100%;
  }

  /* Checkbox Boyutu Mobil İçin Parmak Basımına Uygun Büyütüldü */
  .sol-menu-hasem .liste-tab .FiltreAdres ul li .adres_checkbox {
    width: 24px;
    min-width: 24px;
    height: 24px;
    border-radius: 6px;
    margin-right: 12px;
  }

  .ilandetay .ilan-baslik h2 {
    font-size: 18px;
  }

  .mobile-action-buttons {
    position: sticky;
    top: 70px; /* Header'ınızın yüksekliği ne kadarsa ona göre ayarlayın */
    z-index: 99;
    background: #fcfcfc; /* Sayfa arka plan rengi ile aynı olmalı */
  }

  .mobil-sabit-filtre .filtre-body {
    padding: 20px 20px 40px 20px;
    overflow-y: auto;
  }

  .mobil-arama-kutusu {
    height: 50px;
  }

  table tr.table-ilan-tr.tablegorunum2 .table-ilan-liste .ilan-ozellik {
    gap: 5px 12px;
  }

  .mobil-sabit-ust {
    position: fixed !important;
    left: 0;
    width: 100vw !important; /* Tüm ekran genişliğini kapla */
    z-index: 9990 !important; /* Üstte kalmasını sağlar */
    padding: 10px 15px; /* Mobilde kenar boşlukları */
    background: #fcfcfc; /* Sayfa arkaplanınızla aynı renk */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08); /* Zarif bir alt gölge */
    transition: top 0.3s ease; /* Header kaybolup gelirken yumuşakça hareket etmesi için */
    margin: 0 !important;
  }

  .footer {
    padding-top: 30px;
  }

  .footer .footer-col {
    flex: 1;
    margin-bottom: 0px;
  }

  .footer .contact-info {
    flex: 2;
    margin-bottom: 0px;
  }

  table tr.table-ilan-tr.tablegorunum1 .table-ilan-liste .ilan-fiyat {
    margin-top: 14px;
    font-size: 18px;
  }

  table tr.table-ilan-tr.tablegorunum1 .table-ilan-liste .ilan-adres2 {
    display: none;
  }

  .hero-content .mobil-arama-kutusu {
    height: auto;
  }

    .hero-content .mobil-arama-kutusu input {
    padding: 12px 15px;
}

 .hero-content .mobil-arama-kutusu .btn-ara-yesil {
    padding: 7px 20px;
}

.bolum-baslik.bolum-ana {text-align: center;}
.bolum-baslik.bolum-ana h2 {
    font-size: 22px;
}

.bolum-baslik.bolum-ana p {
    font-size: 14px;
}

.kategori-vitrin-wrapper {
    padding: 40px 0px;
}

.vitrin-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 220px);
    }

.hakkimizda-stat-number-wrapper {
    font-size: 1.7rem;
}
}

/* Masaüstünde ekstra mobil elementleri gizle */
@media (max-width: 991.98px) {

  .mobil-sabit-filtre {
    position: fixed;
    bottom: -100%; /* Kapalıyken aşağıda saklanır */
    left: 0;
    width: 100%;
    background: #ffffff;
    border-radius: 20px 20px 0 0;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    transition: bottom 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    max-height: 90vh; /* Ekranın %90'ından fazlasını kaplamasın */
    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.1);
    touch-action: pan-y; /* Mobilde parmak kaydırmayı algılaması için önemli */
  }

  table tr.table-ilan-tr.tablegorunum1 .table-ilan-liste-hiza {
    width: 32%;
    /* Yan yana 3 ilan */
    gap: 2%;
  }

  table tr.table-ilan-tr.tablegorunum2 .ilan-ozellik .ilan-adres2 {
    display: none;
  }

  .table-ilan-liste .ilan-fiyat {
    margin-top: 22px;
    font-size: 16px;
  }
}

@media (max-width: 767.98px) {
  .ilanDetayResim .swiper-slide .swiper-slide-resim {
    height: 340px;
    background: #f8fafc;
  }

  .diger-ilanlar .ilan-resim-sayfa {
    height: 200px;
  }
  .diger-ilanlar .ilan-aciklama {
    padding: 10px;
  }
  .diger-ilanlar .ilan-baslik {
    font-size: 12px;
    height: 34px;
    margin-bottom: 8px;
  }
  .diger-ilanlar .ilan-ozellik .liste {
    font-size: 10px;
    padding: 4px 6px;
  }
  .diger-ilanlar .ilan-ozellik .liste i {
    font-size: 12px;
  }
  .diger-ilanlar .ilan-adres {
    font-size: 10px;
    margin-bottom: 8px;
  }
  .diger-ilanlar .ilan-fiyat {
    font-size: 15px;
    padding-top: 10px;
  }

  table tr.table-ilan-tr.tablegorunum1 .table-ilan-liste-hiza {
    width: 48%;
    /* Yan yana 2 ilan */
    gap: 4%;
  }

  .table-ilan-liste .ilan-resim-td {
    width: 120px;
    height: 100%;
    /* Liste resim mobilde çok yer kaplamasın */
  }

  .table-ilan-liste .ilan-adres-td {
    display: none;
    /* Listede adres sütunu dar ekranda gizlendi */
  }

  .ilan-adres {
    display: block !important;
    width: 100% !important;
    max-width: 99% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  table tr.table-ilan-tr.tablegorunum2 .table-ilan-liste .ilan-aciklama {
    padding: 10px 10px;
  }

  .mobile-action-buttons {
    width: 100% !important;
  }

  table tr.table-ilan-tr.tablegorunum2 .ilan-ozellik .ilan-tarihi {
    flex: 0 0 auto !important;
    margin-top: 0px;
    padding-left: 0px;
    border: 0px;
  }

  table tr.table-ilan-tr.tablegorunum2 .table-ilan-liste .ilan-ozellik {
    gap: 2px 13px;
  }


  .footer .small-logo-container {
    margin-top: 0px;
    flex: 1 1 50% !important;
  }

  .footer .btn-login {
    height: 34px;
  }

  .ilan-filtre {
    padding: 10px 7px;
  }

  .ilan-adres2 {
    font-size: 12px;
    display: flex;
    align-items: center;
    line-height: 1;
    color: #999;
    margin-top: 20px;
    font-weight: 300;
    margin-bottom: 4px;
    gap: 2px;
  }

  .ilan-adres2 svg {
    height: 12px;
    width: 12px;
  }

  .WhatsApp {
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
  }
  .WhatsApp span,
  .WhatsApp i {
    font-size: 28px;
  }
}

@media (max-width: 480px) {


    .vitrin-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 220px);
    }

  .table-ilan-liste .ilan-resim-td {
    width: 112px;
  }

  .table-ilan-liste .ilan-fiyat {
    margin-top: 4px;
    font-size: 13px;
  }

  table
    tr.table-ilan-tr.tablegorunum2
    .table-ilan-liste
    .ilan-aciklama
    .ilan-baslik {
    margin-bottom: 9px;
    font-size: 13px;
  }
  table tr.table-ilan-tr.tablegorunum2 .table-ilan-liste .ilan-fiyat {
    position: absolute;
    right: 8px;
    bottom: 15px;
    letter-spacing: -0.5px;
  }

  table tr.table-ilan-tr.tablegorunum2 .table-ilan-liste .ilan-ozellik .liste {
    font-size: 11px;
    letter-spacing: -0.3px;
  }
  table tr.table-ilan-tr.tablegorunum2 .table-ilan-liste .ilan-adres2 {
    letter-spacing: -0.5px;
  }

  table tr.table-ilan-tr.tablegorunum1 .table-ilan-liste-hiza {
    width: 100%;
    gap: 4%;
  }

  .filtre-baslik {
    display: block !important;
    align-items: center;
  }

  table tr.table-ilan-tr.tablegorunum1 .ilan-resim-td,
  table tr.table-ilan-tr.tablegorunum1 .ilan-aciklama-td {
    display: block;
    width: 100%;
  }

  table tr.table-ilan-tr.tablegorunum1 .ilan-resim-sayfa {
    border-right: none;
    height: 200px !important;
    /* Mobilde büyük resim */
  }

  table
    tr.table-ilan-tr.tablegorunum1
    .table-ilan-liste
    .ilan-aciklama
    .ilan-baslik {
    height: auto;
    font-size: 15px;
  }

  table tr.table-ilan-tr.tablegorunum1 .ilan-adres,
  table tr.table-ilan-tr.tablegorunum1 .table-ilan-liste .ilan-ozellik .liste {
    font-size: 14px;
  }

  table tr.table-ilan-tr.tablegorunum2 .ilan-ozellik .ilan-adres2 {
    flex: 0 0 100%;
    margin-top: 0px;
    padding-left: 0px;
    border: 0px;
    display: block;
    font-weight: 500;
  }

  table tr.table-ilan-tr.tablegorunum2 .ilan-resim-sayfa {
    height: 100%;
    max-height: 140px;
  }
}

/* --- SABİT WHATSAPP BUTONU --- */
.WhatsApp {
  position: fixed;
  bottom: 20px; /* Alttan boşluk */
  left: 20px; /* Sağdan boşluk */
  width: 48px;
  height: 48px;
  background-color: #25d366; /* WhatsApp yeşili */
  color: #ffffff;
  border-radius: 50%; /* Tam yuvarlak yapar */
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 2px 2px 15px rgba(37, 211, 102, 0.4); /* Hafif yeşil bir gölge */
  z-index: 9999; /* Diğer tüm elemanların üstünde durmasını sağlar */
  transition: all 0.3s ease;
}

/* İkonun Boyutu */
.WhatsApp span,
.WhatsApp i {
  font-size: 20px; /* Sitenizdeki ikon yapısına göre büyüklüğü ayarlayabilirsiniz */
  line-height: 1;
}

/* Üzerine Gelince (Hover) Efekti */
.WhatsApp:hover {
  background-color: #1ebe57;
  transform: scale(1.1); /* Biraz büyür */
  color: #ffffff;
  box-shadow: 2px 2px 20px rgba(37, 211, 102, 0.6);
}

/* Etrafa Yayılan Dalga (Pulse) Animasyonu */
.WhatsApp::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #25d366;
  z-index: -1;
  animation: whatsapp-pulse 2s infinite;
}

/* Animasyon Tanımlaması */
@keyframes whatsapp-pulse {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

/* Telefonlar İçin (Mobil Uyum - Sağ alt köşede çok yer kaplamasın diye biraz küçültüyoruz) */

/* --- MOBİL UYGULAMA TARZI ALT BAR (GLASSMORPHISM & ANIMASYONLU) --- */

/* 1. Ana Kutu (Menü Arka Planı) */
.mobilbuttonlar {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  /* Arkaplanı hafif şeffaf beyaz yapıp, arkasındaki siteyi bulanıklaştırır (Cam Efekti) */
  background-color: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;

  box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.08) !important;
  z-index: 99999 !important;
  padding: 0 !important;
  padding-bottom: env(
    safe-area-inset-bottom
  ) !important; /* iPhone'un alt çizgisine çarpmasını engeller */
  margin: 0 !important;
  border-top-left-radius: 24px !important; /* Köşeleri şık bir şekilde ovalleştirir */
  border-top-right-radius: 24px !important;
}

/* 2. Tıklanabilir Buton Alanları */
.mobilbuttonlar a {
  flex: 1 !important; /* Alanı 3 eşit parçaya böler */
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 10px 0 !important;
  text-decoration: none !important;
  position: relative !important;
  -webkit-tap-highlight-color: transparent !important; /* Mobilde tıklarken çıkan çirkin mavi kutuyu gizler */
  transition: background-color 0.3s ease !important;
  border-left: 1px solid #ccc !important;
}

/* 3. Butonların Arasındaki İnce Ayraç Çizgileri */

/* 4. İkonların Genel Boyut ve Animasyon Ayarı */
.mobilbuttonlar a i {
  font-size: 20px !important;
  /* Daha akıcı ve tatlı bir zıplama efekti için özel zamanlama */
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* 5. Dokunma (Tıklama) Efektleri */
.mobilbuttonlar a:active {
  background-color: rgba(
    0,
    0,
    0,
    0.05
  ) !important; /* Basılınca hafif grileşir */
}
.mobilbuttonlar a:active i {
  transform: scale(1.25) !important; /* Basılınca ikon büyür/zıplar */
}

/* --- İKON RENKLENDİRMELERİ (Sıraya Göre Otomatik Bulur) --- */

/* 1. Sıradaki Buton (Telefon) */
.mobilbuttonlar a:nth-child(1) i {
  color: #0066ff !important; /* Canlı ve güven veren bir mavi */
}

.mobilbuttonlar a:nth-child(2) {
  background: #f7f7f7;
}

/* 2. Sıradaki Buton (Konum/Harita) */
.mobilbuttonlar a:nth-child(2) i {
  color: #d51317 !important; /* Alkur Emlak'ın kırmızı rengi */
}

/* 3. Sıradaki Buton (WhatsApp) */
.mobilbuttonlar a:nth-child(3) i {
  color: #25d366 !important; /* WhatsApp'ın orijinal yeşili */
}

/* Ana Kart Tasarımı */
.danisman-soft-card {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); /* Çok soft bir gölge */
  overflow: hidden;
  transition: all 0.4s ease;
  border: 1px solid #f5f5f5;
  margin: 0px 0px 10px 0px; /* Gölgelerin kesilmemesi için margin */
}

/* Karta Hover Edince Yumuşak Yükselme Efekti */
.danisman-soft-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

/* Resim Alanı */
.ds-img-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 4.5; /* Görseldeki gibi portre oranı */
  background: #eaeef1; /* Arkası gri fon (Resim transparan/PNG ise harika durur) */
  overflow: hidden;
}

.ds-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  transition: transform 0.6s ease;
}

.danisman-soft-card:hover .ds-img-wrapper img {
  transform: scale(1.05); /* Hoverda resim çok hafif büyür */
}

/* Resim Üzerindeki Gizli 'Tüm İlanları' Butonu Animasyonu */
.ds-overlay {
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 20px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
  transition: all 0.4s ease;
  opacity: 0;
}

.danisman-soft-card:hover .ds-overlay {
  bottom: 0;
  opacity: 1;
}

.btn-tum-ilanlar {
  background: #ffffff;
  color: #111;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 8px 20px;
  border-radius: 30px;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.btn-tum-ilanlar:hover {
  background: #8c6b5d; /* Logonuzun rengi */
  color: #fff;
}

/* İsim ve Unvan Bölümü */
.ds-info {
  padding: 25px 20px;
}

.ds-name {
  font-size: 15px;
  font-weight: 700;
  color: #222;
  margin: 0 0 5px 0;
  transition: color 0.3s ease;
}

.danisman-soft-card:hover .ds-name {
  color: #8c6b5d;
}

.ds-title {
  font-size: 13px;
  color: #888;
  text-transform: capitalize;
}

/* Sağ Alttaki İletişim İkonları */
.ds-icon-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #f4f5f7;
  color: #666;
  font-size: 1.1rem;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* İkonlara Özel Hover Renkleri (Geçişli) */
.ds-icon-link:hover {
  transform: translateY(-3px);
}
.ds-phone:hover {
  background: #8c6b5d;
  color: #fff;
}
.ds-wp:hover {
  background: #25d366;
  color: #fff;
}
.ds-mail:hover {
  background: #007bff;
  color: #fff;
}

/* Swiper Okları Özel Tasarım */
.danisman-oklar .swiper-button-next,
.danisman-oklar .swiper-button-prev {
  position: static !important;
  width: 40px !important;
  height: 40px !important;
  background: #f4f5f7;
  border-radius: 50%;
  color: #333 !important;
  margin: 0 !important;
  transition: all 0.3s;
}

.danisman-oklar .swiper-button-next:after,
.danisman-oklar .swiper-button-prev:after {
  font-size: 16px !important;
  font-weight: bold;
}

.danisman-oklar .swiper-button-next:hover,
.danisman-oklar .swiper-button-prev:hover {
  background: #8c6b5d;
  color: #fff !important;
}

.danisman-pagination .swiper-pagination-bullet-active {
  background: #8c6b5d;
}

.swiper-pagination-bullet {
  width: 11px !important;
  height: 8px !important;
  border-radius: 25px !important;
  margin: 0px 3px;
}

.swiper-pagination-bullet-active {
  background: #8c6b5d;
  width: 20px !important;
}

/**/

/* =========================================
   HAKKIMIZDA BÖLÜMÜ CSS KODLARI
   ========================================= */
.hakkimizda-section {
  padding:70px 0;
  position: relative;
  background-color: #fcfcfc;
  /* Hafif noktalı dünya/harita hissi veren arka plan deseni */
  background-image: radial-gradient(#e5e5e5 1px, transparent 1px);
  background-size: 20px 20px;
  overflow: hidden;
}

/* Üst Kısım: Yazı ve Görsel */
.hakkimizda-title {
  font-size: 2.2rem;
  color: #2b2b35;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 25px;
}

.hakkimizda-list {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}

.hakkimizda-list li {
  display: flex;
  align-items: center;
  font-size: 1.05rem;
  color: #555;
  margin-bottom: 15px;
  font-weight: 500;
}

.hakkimizda-check-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: #8c6b5d; /* Logonuzun/sitenizin rengi */
  color: #fff;
  border-radius: 50%;
  margin-right: 15px;
  flex-shrink: 0;
}

.hakkimizda-btn {
  display: inline-block;
  background-color: #8c6b5d;
  color: #ffffff;
  font-weight: 600;
  padding: 14px 30px;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 2px solid #8c6b5d;
}

.hakkimizda-btn:hover {
  background-color: transparent;
  color: #8c6b5d;
}

.hakkimizda-img-wrapper {
  position: relative;
  border-radius: 12px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.hakkimizda-img-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.hakkimizda-img-wrapper:hover img {
  transform: scale(1.03);
}

/* Alt Kısım: İstatistikler (Sayaç) */
.hakkimizda-stats-card {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);
  padding: 40px 0;
  margin-top: 60px;
  border: 1px solid #f2f2f2;
}

.hakkimizda-stat-item {
  text-align: center;
  padding: 15px 0;
  border-right: 1px solid #eaeaea;
}

.hakkimizda-stat-item:last-child {
  border-right: none;
}

.hakkimizda-stat-number-wrapper {
  font-size: 2.5rem;
  font-weight: 700;
  color: #8c6b5d;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
}

.hakkimizda-stat-text {
  font-size: 1.05rem;
  color: #111;
  font-weight: 600;
  margin: 0;
}

/* Mobil Uyumluluk (Responsive) */
@media (max-width: 991px) {
  .hakkimizda-title {
    font-size: 1.8rem;
  }
  .hakkimizda-img-wrapper {
    margin-top: 40px;
  }
  .hakkimizda-stat-item {
    border-right: none;
    border-bottom: 1px solid #eaeaea;
    padding: 25px 0;
  }
  .hakkimizda-stat-item:last-child {
    border-bottom: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* Tablet görünümünde sayaçları 2x2 diz */
  .hakkimizda-stat-item:nth-child(odd) {
    border-right: 1px solid #eaeaea;
  }
  .hakkimizda-stat-item:nth-last-child(-n + 2) {
    border-bottom: none;
  }
}

/* =========================================
   .yorumlar BÖLÜMÜ CSS KODLARI
   ========================================= */
.yorumlar-section {
  padding: 0px 0 70px;
  background-color: #fcfcfc; /* Kartların belirgin olması için çok hafif gri arka plan */
}

/* Yorum Kartı Tasarımı */
.yorumlar-card {
  background: #ffffff;
  border-radius: 8px;
  padding: 50px;
  text-align: left;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);
  border: 1px solid #f9f9f9;
  transition: all 0.4s ease;
  margin: 0; /* Gölgelerin kesilmemesi için */
  display: flex;
  flex-direction: column;
  height: 100%;
}

.yorumlar-card .yorumlar-isaret {
  margin-bottom: 25px;
}

.yorumlar-card .yorumlar-isaret svg {
  width: 50px;
  height: 50px;
  fill: #ccc;
}

/* Hover (Üzerine Gelme) Efekti */
.yorumlar-card:hover {
  transform: translateY(-10px); /* Yukarı kalkma */
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08); /* Gölgenin derinleşmesi */
}

/* Baş Harflerin Olduğu Avatar */
.yorumlar-avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(135deg, #8c6b5d, #a9887a);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 1px;
}

/* Yıldızlar */
.yorumlar-stars {
  color: #ffc107; /* Altın Sarısı */
  margin-bottom: 0px;
}
.yorumlar-stars svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  margin: 0 2px;
}

/* Yorum Metni */
.yorumlar-text {
  font-size: 0.95rem;
  color: #555;
  line-height: 1.7;
  font-style: italic;
  margin-bottom: 25px;
  flex-grow: 1; /* Kartların boyunu eşitlemek için yazıyı esnetir */
}

/* Müşteri Adı ve Unvanı */
.yorumlar-author {
  margin-top: auto;
}
.yorumlar-name {
  font-weight: 700;
  color: #111;
  font-size: 1.05rem;
  margin-bottom: 3px;
}
.yorumlar-role {
  font-size: 0.85rem;
  color: #888;
}