/* Galeri Tab Butonları (Pill/Toggle Stili) */
.daire-galeri-section .nav-tabs {
  border-bottom: none;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

.daire-galeri-section .nav-tabs .nav-item {
  margin-bottom: 0;
}

.daire-galeri-section .nav-tabs .nav-link {
  border: 1px solid #004A98;
  border-radius: 50px;
  color: #004A98;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  transition: all 0.3s ease;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  text-decoration: none; /* a etiketi için alt çizgiyi kaldır */
}

.daire-galeri-section .nav-tabs .nav-link:not(.active):hover {
  background-color: #f0f8ff;
  color: #003366;
  border-color: #003366;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.daire-galeri-section .nav-tabs .nav-link.active {
  background-color: #004A98;
  color: #ffffff;
  border-color: #004A98;
  box-shadow: 0 4px 12px rgba(0, 74, 152, 0.3);
  transform: translateY(-2px);
}

/* Galeri Karusel İçeriği (Resimler için) */
.daire-galeri-section .mini-video-wrapper .item a {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 8px; /* Köşeleri yuvarlat */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.daire-galeri-section .mini-video-wrapper .item a img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3; /* Oranı koru */
  object-fit: cover; /* Resmi sığdır */
  transition: transform 0.3s ease;
}

/* Hover efekti (resimler için) */
 .daire-galeri-section .mini-video-wrapper .item a:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

 .daire-galeri-section .mini-video-wrapper .item a:hover img {
  transform: scale(1.05);
}

/* Videolar için play butonu stilini koru */
 #tab-videolar-content .item a .video-play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: rgba(0,74,152,0.8); /* Mavi arkaplan */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}
 #tab-videolar-content .item a .video-play-button img {
   width: 18px; /* İkon boyutu */
   height: 18px;
   filter: brightness(0) invert(1); /* İkonu beyaz yap */
   transition: none; /* İkonun scale olmasını engelle */
   aspect-ratio: auto; /* İkon için aspect ratio'yu sıfırla */
   object-fit: contain;
}
 #tab-videolar-content .item a:hover .video-play-button {
   background: rgba(0, 50, 100, 0.9); /* Hover'da koyu mavi */
}
  /* Resimlerdeki aspect-ratio, video thumbnail'lerini bozabilir, o yüzden video için sıfırlayalım */
  #tab-videolar-content .item a img {
    aspect-ratio: auto;
    object-fit: initial;
  }
  
/* Harita Konumlandırma ve Z-Index Düzeltmesi */
.konut-secenekleri-section {
    position: relative; /* İçindeki absolute eleman buna göre konumlanır */
    overflow: hidden; /* Haritanın taşmasını engelle (isteğe bağlı) */
}
.back-image-section {
    position: absolute;
    top: 55%; /* Dikey konumu biraz ayarlayalım */
    left: 50%;
    transform: translate(-50%, -50%); /* Tam ortala */
    width: 75%; /* Genişliği biraz küçültelim */
    max-width: 900px; /* Çok büyümesini engelleyelim */
    z-index: -1;  /* <<< ARKAYA GÖNDER */
    pointer-events: none;
}

/* ===== İllere Göre Dağılım Stilleri ===== */
.dagilim-section {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #fff;
}

/* 500.000 sayısı için puntoyu büyütüyoruz */
.dagilim-section .cardiumTitle h2 {
    font-size: 4.5rem; /* 72px, 500.000 için daha büyük */
    font-weight: 900;
    color: #1a2a44; /* Koyu mavi */
    line-height: 1.1;
}

/* KONUT DAĞILIMI yazısı için stil */
.dagilim-section .cardiumTitle .dagilim-alt-baslik {
    font-size: 2rem; /* 32px */
    font-weight: 700;
    color: #D91E2E; /* Kırmızı */
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 5px;
}

.dagilim-harita-wrapper {
  margin-top: 40px; /* Başlıktan sonra boşluk */
}

.dagilim-harita {
  max-width: 1200px; /* Harita için max genişlik */
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
/* ===== Bitiş ===== */


/* ===== Ana Slider Navigasyon Butonları (Scroll ile Kaybolan) ===== */

.home-slider-wrapper {
  position: relative; 
  z-index: 1; 
}

.main-slider-nav {
  position: absolute; 
  right: 30px; 
  bottom: 30px; 
  z-index: 100; 
  display: flex;
  flex-direction: row; 
  gap: 15px; 
}

.main-slider-nav .custom-nav-btn {
  background-color: rgba(255, 255, 255, 0.3); 
  border: 1px solid rgba(255, 255, 255, 0.7); 
  border-radius: 50%;
  width: 50px;
  height: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center; 
  justify-content: center; 
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.main-slider-nav .custom-nav-btn:hover {
  background-color: rgba(255, 255, 255, 0.6); 
  border-color: #fff;
  transform: scale(1.05);
}

.main-slider-nav .custom-nav-btn img {
  width: 18px; 
  height: 18px;
}
/* ===== Bitiş ===== */

/* ===== Slayt 2 ve 3 Görsel Boyutlandırma ===== */

/* --- Slide 2 Başlık Görseli --- */
@media (min-width: 992px) { 
  #slide-2 .title-image {
    max-width: 600px;
  }
}
@media (max-width: 767px) { 
  #slide-2 .title-image {
    max-width: 420px;
  }
}

/* --- Slide 3 Başlık Görseli --- */
@media (min-width: 992px) { 
  #slide-3 .title-image {
    max-width: 600px;
  }
}
@media (max-width: 767px) { 
  #slide-3 .title-image {
    max-width: 380px;
  }
}
/* ===== Bitiş ===== */
  
/* ===== 3. Slayt Sağ Görsel Boyut ve Konum Ayarı (DÜZELTİLDİ) ===== */
#slide-3 .slider-absolute-image {
  /* Orijinal sağ alt konumlandırma stilini koruyoruz ama boyut ve pozisyonu ayarlıyoruz */
  bottom: auto; /* Orijinal bottom: -50px'i iptal */
  top: 60%; 
  transform: translateY(-60%); 
  right: 100px; 
}

#slide-3 .slider-absolute-image img {
  max-width: 1000px; 
  width: 100%; 
}

/* Mobil için boyut ve konum ayarı (DÜZELTİLDİ VE EKSİK KURAL EKLENDİ) */
@media (max-width: 767px) {
   #slide-3 .slider-absolute-image {
      top: 70%; 
      transform: translateY(-50%); 
      right: -40px; 
   }
   /* EKSİK OLAN MOBİL BOYUTLANDIRMA KURALI EKLENDİ */
   #slide-3 .slider-absolute-image img {
      max-width: 120vw; /* Ekran genişliğinin %70'i kadar */
   }
}
  
  /* ===== 3. Slayt Tablet Görünüm Ayarları ===== */
@media (min-width: 768px) and (max-width: 991px) {
   /* Tablet için sağ görselin dikey konumu */
   #slide-3 .slider-absolute-image {
      top: 58%; /* Masaüstü (%60) ve mobil (%55) arası bir değer */
      transform: translateY(-55%); /* Ortalamayı ayarla */
      right: 60px; /* Masaüstü (100px) ve mobil (15px) arası bir değer */
   }
   /* Tablet için sağ görselin boyutu */
   #slide-3 .slider-absolute-image img {
       max-width: 700px; /* Masaüstü (1000px) ve mobil (~500-600px) arası bir değer */
   }
   /* İsteğe bağlı: Tablet için başlık görselinin boyutu */
   #slide-3 .title-image {
       max-width: 500px; /* Masaüstü (600px) ve mobil (420px) arası */
   }
.home-slider-wrapper .d-table-cell {
    position: relative;
    z-index: 5;
}