/* Genel tema: doğa yeşili + cam efekti */
:root{
  --green-900:#0b2a1a;
  --green-800:#0f3a23;
  --green-700:#14502f;
  --green-600:#1b6b3e;
  --glass: rgba(255,255,255,.10);
  --glass2: rgba(255,255,255,.14);
  --stroke: rgba(255,255,255,.18);
}

body{
  background: radial-gradient(1200px 800px at 20% 0%, rgba(46, 204, 113,.20), transparent 60%),
              radial-gradient(900px 700px at 80% 10%, rgba(34, 197, 94,.18), transparent 55%),
              linear-gradient(180deg, var(--green-900), #07150e 70%);
  color: #fff;
  min-height: 100vh;
}

.site-header{
  background: linear-gradient(180deg, rgba(0,0,0,.25), transparent);
}

.site-logo{
  filter: drop-shadow(0 10px 25px rgba(0,0,0,.35));
}

.site-nav{
  background: linear-gradient(90deg, rgba(20,80,47,.92), rgba(11,42,26,.92));
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
}

/* Menü: masaüstünde boydan boya, bükülme yok; gerekirse yatay kaydır */
.site-nav .navbar-nav{
  flex-wrap: nowrap;
}

.site-nav .nav-scroll{
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.site-nav .nav-scroll .nav-link{
  white-space: nowrap;
}

@media (min-width: 992px){
  .site-nav .navbar-nav{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .site-nav .nav-link{
    white-space: nowrap;
    font-size: .95rem;
  }
}

.nav-fx{
  transition: transform .15s ease, background-color .2s ease, box-shadow .2s ease;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
}

.nav-fx:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.10);
  box-shadow: 0 10px 20px rgba(0,0,0,.25);
}

.nav-link.active{
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.25);
}

.hero-slider{
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.hero-img{
  height: 440px;
  object-fit: cover;
}

@media (max-width: 768px){
  .hero-img{ height: 260px; }
}

.section-pad{
  padding: 56px 0;
}

.section-title{
  font-weight: 700;
  letter-spacing: .3px;
}

.glass-panel{
  background: var(--glass);
  border: 1px solid var(--stroke);
  box-shadow: 0 30px 60px rgba(0,0,0,.35);
}

.form-panel{
  background: var(--glass2);
  border: 1px solid var(--stroke);
  box-shadow: 0 25px 50px rgba(0,0,0,.30);
}

.land-card{
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  box-shadow: 0 16px 35px rgba(0,0,0,.35);
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.land-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 24px 60px rgba(0,0,0,.45);
  background: rgba(255,255,255,.08);
}

.land-title{
  color: #fff;
  font-weight: 650;
}

.form-control{
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
}

.form-control::placeholder{
  color: rgba(255,255,255,.55);
}

.form-control:focus{
  background: rgba(255,255,255,.12);
  color: #fff;
  border-color: rgba(255,255,255,.35);
  box-shadow: 0 0 0 .25rem rgba(34,197,94,.15);
}

.btn-light{
  box-shadow: 0 18px 40px rgba(0,0,0,.28);
}

.site-footer{
  border-top: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.35));
}

.sdm-link{
  color: rgba(255,255,255,.85);
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  transition: transform .15s ease, background-color .2s ease, box-shadow .2s ease;
}

.sdm-link:hover{
  color: #fff;
  transform: translateY(-1px);
  background: rgba(255,255,255,.10);
  box-shadow: 0 10px 22px rgba(0,0,0,.25);
}

.btn-callme{
  background: #ff8a00;
  border: 1px solid rgba(255,255,255,.18);
  color: #111;
  font-weight: 700;
  box-shadow: 0 18px 40px rgba(0,0,0,.28);
  transition: transform .15s ease, filter .2s ease;
}

.btn-callme:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
}

.modal-glass{
  background: rgba(15, 58, 35, .78);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 30px 80px rgba(0,0,0,.55);
  backdrop-filter: blur(12px);
  color: #fff;
}

.media-box{
  max-width: 890px;
  margin: 0 auto;
}

.ratio-2x1{
  aspect-ratio: 2 / 1;
}

.faq-item{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  overflow: hidden;
}

.faq-q{
  background: rgba(255,255,255,.06);
  border: 0;
  color: #fff;
}

.faq-q:focus{
  box-shadow: none;
}

.content-area{
  color: rgba(255,255,255,.90);
}
.content-area p{ color: rgba(255,255,255,.88); }
.content-area a{ color: #d7ffeb; }

.pagination .page-link{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  color: #fff;
}

.pagination .page-item.active .page-link{
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.25);
  color: #fff;
}

.pagination .page-item.disabled .page-link{
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.45);
}

/* Arsa detay galeri */
.thumb-strip{
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 6px 2px;
  -webkit-overflow-scrolling: touch;
}

.thumb-btn{
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  border-radius: 14px;
  padding: 0;
  width: 86px;
  height: 64px;
  overflow: hidden;
  flex: 0 0 auto;
  box-shadow: 0 14px 30px rgba(0,0,0,.25);
  transition: transform .15s ease, border-color .2s ease, background-color .2s ease;
}

.thumb-btn img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.thumb-btn:hover{ transform: translateY(-1px); }
.thumb-btn.active{ border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.10); }

/* Lightbox */
.lightbox-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.82);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  z-index: 2000;
}

.lightbox-overlay.is-open{ display: flex; }

.lightbox-inner{
  position: relative;
  max-width: min(1100px, 95vw);
  max-height: 90vh;
}

.lightbox-img{
  width: 100%;
  height: auto;
  max-height: 90vh;
  object-fit: contain;
  border-radius: 18px;
  box-shadow: 0 40px 100px rgba(0,0,0,.55);
}

.lightbox-close{
  position: absolute;
  top: -14px;
  right: -14px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.20);
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 22px;
  line-height: 1;
}

.lightbox-close:hover{ background: rgba(255,255,255,.18); }


/* WhatsApp sabit buton */
.whatsapp-float{
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 56px;
  height: 56px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #25d366;
  border: 2px solid rgba(255,255,255,.22);
  box-shadow: 0 18px 35px rgba(0,0,0,.35);
  z-index: 1080;
  text-decoration: none;
  transition: transform .12s ease, filter .12s ease;
}
.whatsapp-float:hover{ transform: translateY(-2px); filter: brightness(1.05); }
.whatsapp-icon{ width: 34px; height: 34px; fill: #fff; filter: drop-shadow(0 2px 3px rgba(0,0,0,.35)); }
@media (max-width: 576px){
  .whatsapp-float{ right: 14px; bottom: 14px; width: 52px; height: 52px; }
  .whatsapp-icon{ width: 32px; height: 32px; }
}


/* Dropdown - Galeri */
.dropdown-glass{
  background: rgba(8, 26, 16, .95);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
  border-radius: 16px;
  padding: .5rem;
}

/* Galeri alt menü (dropdown yerine - overflow kırpılmasın) */
.galeri-submenu-wrap{
  background: rgba(8, 26, 16, .92);
  border-bottom: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
}
.btn-submenu{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  color:#fff;
  padding: .45rem .9rem;
}
.btn-submenu:hover{
  background: rgba(255,255,255,.10);
  color:#fff;
}
.dropdown-glass .dropdown-item{
  border-radius: 12px;
  padding: .55rem .9rem;
}
.dropdown-glass .dropdown-item:hover,
.dropdown-glass .dropdown-item:focus{
  background: rgba(255,255,255,.10);
}