/* ==========================================
   Dağevim Sakarya — Ana Stil Dosyası
   Tema: Doğa / Ahşap / Dağ / Sadelik
   ========================================== */

/* --- Değişkenler --- */
:root {
  --renk-zemin:        #f7f3ee;  /* krem / kağıt beyazı */
  --renk-zemin-2:      #ede8e0;  /* açık bej */
  --renk-birincil:     #4a6741;  /* koyu orman yeşili */
  --renk-birincil-k:   #375534;  /* daha koyu yeşil */
  --renk-ikincil:      #8b5e3c;  /* ahşap kahve */
  --renk-ikincil-a:    #c49a6c;  /* açık ahşap */
  --renk-metin:        #2c2416;  /* koyu kahverengi metin */
  --renk-metin-a:      #5c4a32;  /* açık metin */
  --renk-cizgi:        #d4c9b8;  /* ince ayraç */
  --renk-beyaz:        #ffffff;
  --renk-kart-golge:   rgba(44,36,22,.10);
  --font-baslik:       'Playfair Display', Georgia, serif;
  --font-metin:        'Inter', system-ui, -apple-system, sans-serif;
  --gecis:             .25s ease;
  --yuvarlatma:        6px;
  --yuvarlatma-b:      12px;
  --genislik:          1200px;
}

/* --- Sıfırlama --- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
  font-family: var(--font-metin);
  background-color: var(--renk-zemin);
  color: var(--renk-metin);
  line-height: 1.7;
  overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; }
button { cursor: pointer; font-family: inherit; }

/* --- Tipografi --- */
h1, h2, h3, h4 {
  font-family: var(--font-baslik);
  line-height: 1.25;
  color: var(--renk-metin);
}
h1 { font-size: clamp(2rem, 5vw, 3.2rem); }
h2 { font-size: clamp(1.5rem, 3.5vw, 2.4rem); }
h3 { font-size: clamp(1.2rem, 2.5vw, 1.75rem); }
h4 { font-size: 1.1rem; }
p  { margin-bottom: 1rem; }
p:last-child { margin-bottom: 0; }

/* --- Düzen yardımcıları --- */
.kapsayici {
  max-width: var(--genislik);
  margin: 0 auto;
  padding: 0 24px;
}
.bolum {
  padding: 80px 0;
}
.bolum--kucuk {
  padding: 50px 0;
}
.bolum--koyu {
  background-color: var(--renk-zemin-2);
}
.baslik-merkez {
  text-align: center;
  margin-bottom: 52px;
}
.baslik-merkez .alt-baslik {
  display: block;
  color: var(--renk-ikincil);
  font-size: .9rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 500;
}
.baslik-merkez h2 {
  margin-bottom: 14px;
}
.baslik-merkez p {
  color: var(--renk-metin-a);
  max-width: 600px;
  margin: 0 auto;
}
.ayraç {
  width: 60px;
  height: 3px;
  background: var(--renk-ikincil-a);
  margin: 16px auto 0;
  border-radius: 2px;
}

/* --- Butonlar --- */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 26px;
  border-radius: var(--yuvarlatma);
  font-size: .95rem;
  font-weight: 600;
  transition: background var(--gecis), transform var(--gecis), box-shadow var(--gecis);
  border: 2px solid transparent;
  white-space: nowrap;
}
.btn:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,.15); }
.btn:active { transform: translateY(0); }

.btn-birincil {
  background: var(--renk-birincil);
  color: var(--renk-beyaz);
  border-color: var(--renk-birincil);
}
.btn-birincil:hover { background: var(--renk-birincil-k); border-color: var(--renk-birincil-k); }

.btn-ikincil {
  background: var(--renk-ikincil);
  color: var(--renk-beyaz);
  border-color: var(--renk-ikincil);
}
.btn-ikincil:hover { background: #7a4f30; border-color: #7a4f30; }

.btn-cizgi {
  background: transparent;
  color: var(--renk-birincil);
  border-color: var(--renk-birincil);
}
.btn-cizgi:hover { background: var(--renk-birincil); color: var(--renk-beyaz); }

.btn-beyaz {
  background: var(--renk-beyaz);
  color: var(--renk-birincil);
  border-color: var(--renk-beyaz);
}
.btn-beyaz:hover { background: var(--renk-zemin); border-color: var(--renk-zemin); }

.btn-whatsapp {
  background: var(--renk-birincil);
  color: #fff;
  border-color: var(--renk-birincil);
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.btn-whatsapp:hover { filter: brightness(1.12); color: #fff; }

/* --- Header --- */
#header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  background: rgba(247, 243, 238, .96);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--renk-cizgi);
  transition: box-shadow var(--gecis);
}
#header.scrolled { box-shadow: 0 2px 20px rgba(44,36,22,.12); }
.header-ic {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
}
.logo {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.logo:hover { text-decoration: none; }
.logo::after, .logo:hover::after { display: none !important; }
.logo-img { height: 42px; width: auto; max-width: 160px; object-fit: contain; }
.logo-metin { font-family: var(--font-baslik); }
.logo-metin span:first-child {
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--renk-birincil);
  line-height: 1;
}
.logo-metin span:last-child {
  display: block;
  font-size: .7rem;
  color: var(--renk-ikincil);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.nav-menu {
  display: flex;
  align-items: center;
  gap: 32px;
}
.nav-menu a {
  font-size: .92rem;
  font-weight: 500;
  color: var(--renk-metin-a);
  position: relative;
  transition: color var(--gecis);
  padding-bottom: 2px;
}
/* Sadece regular nav linkleri — sosyal ikon linkleri hariç */
.nav-menu a:not(.sosyal-link)::after {
  content: '';
  position: absolute;
  bottom: -2px; left: 0;
  width: 0; height: 2px;
  background: var(--renk-birincil);
  transition: width var(--gecis);
}
.nav-menu a:not(.sosyal-link):hover,
.nav-menu a:not(.sosyal-link).aktif { color: var(--renk-birincil); }
.nav-menu a:not(.sosyal-link):hover::after,
.nav-menu a:not(.sosyal-link).aktif::after { width: 100%; }
.header-cta { display: flex; align-items: center; gap: 16px; }
.nav-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  padding: 4px;
}
.nav-toggle span {
  display: block;
  width: 24px; height: 2px;
  background: var(--renk-metin);
  border-radius: 2px;
  transition: all var(--gecis);
}
.nav-toggle.acik span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle.acik span:nth-child(2) { opacity: 0; }
.nav-toggle.acik span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ─── Nav Dropdown (Şubeler) ─────────────────────────────────── */
.nav-dropdown-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.nav-dropdown-wrapper > a {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.nav-dropdown-ok {
  font-size: .7rem;
  transition: transform .2s;
  display: inline-block;
  line-height: 1;
  margin-top: 1px;
}
.nav-dropdown-wrapper:hover .nav-dropdown-ok { transform: rotate(180deg); }
.nav-dropdown {
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  transform: translateX(-50%);
  background: var(--renk-zemin);
  border: 1px solid var(--renk-cizgi);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(44,36,22,.12);
  min-width: 200px;
  padding: 6px 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s, visibility .18s, transform .18s;
  transform: translateX(-50%) translateY(-6px);
  z-index: 200;
}
.nav-dropdown-wrapper:hover .nav-dropdown,
.nav-dropdown-wrapper.acik .nav-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.nav-dropdown a {
  display: block;
  padding: 9px 18px;
  font-size: .86rem;
  color: var(--renk-metin) !important;
  white-space: nowrap;
  transition: background .15s, color .15s;
}
.nav-dropdown a:hover { background: var(--renk-zemin-2); color: var(--renk-birincil) !important; }
.nav-dropdown a::after { display: none !important; }
/* Bağlantı çizgisi — dropdown ile trigger arasındaki boşluğu doldurur */
.nav-dropdown::before {
  content: '';
  position: absolute;
  top: -14px; left: 0; right: 0;
  height: 14px;
}

/* --- Hero --- */
.hero {
  position: relative;
  min-height: 100svh;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.hero-arka {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  transform-origin: center;
}
.hero-arka::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to right,
    rgba(20,28,16,.75) 0%,
    rgba(20,28,16,.40) 60%,
    transparent 100%);
}
.hero-icerik {
  position: relative;
  z-index: 1;
  max-width: 650px;
  color: var(--renk-beyaz);
  padding: 100px 0 60px;
}
.hero-ust-etiket {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,.15);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 50px;
  padding: 6px 16px;
  font-size: .82rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.hero-ust-etiket .nokta {
  width: 6px; height: 6px;
  background: var(--renk-ikincil-a);
  border-radius: 50%;
}
.hero-icerik h1 {
  color: var(--renk-beyaz);
  margin-bottom: 20px;
  text-shadow: 0 2px 12px rgba(0,0,0,.3);
}
.hero-icerik p {
  font-size: 1.1rem;
  opacity: .9;
  margin-bottom: 36px;
  text-shadow: 0 1px 6px rgba(0,0,0,.2);
}
.hero-butonlar { display: flex; flex-wrap: wrap; gap: 14px; }
.hero-scroll {
  position: absolute;
  bottom: 32px; left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: rgba(255,255,255,.6);
  font-size: .75rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  animation: scroll-sallan 2.5s ease infinite;
}
.hero-scroll .ok {
  width: 1px; height: 40px;
  background: linear-gradient(to bottom, transparent, rgba(255,255,255,.5));
}
@keyframes scroll-sallan {
  0%,100% { transform: translateX(-50%) translateY(0); }
  50%     { transform: translateX(-50%) translateY(6px); }
}

/* --- Şube tanıtım şeridi --- */
.sube-serit-bolum { padding: 24px 0; }
.sube-serit-ic {
  display: flex;
  gap: 12px;
}
.sube-serit-kart {
  flex: 1;
  position: relative;
  height: 160px;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
  display: block;
  min-width: 0;
}
.sube-serit-kart img,
.sube-serit-renk {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}
.sube-serit-kart:hover img,
.sube-serit-kart:hover .sube-serit-renk { transform: scale(1.06); }
.sube-serit-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.68) 0%, rgba(0,0,0,.1) 60%, transparent 100%);
  border-radius: 10px;
}
.sube-serit-metin {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 12px 14px;
  color: #fff;
  line-height: 1.3;
}
.sube-serit-metin strong { display: block; font-size: .92rem; font-weight: 600; }
.sube-serit-metin span {
  display: flex; align-items: center; gap: 3px;
  font-size: .74rem; opacity: .85; margin-top: 3px;
}
@media (max-width: 640px) {
  .sube-serit-ic { flex-wrap: wrap; }
  .sube-serit-kart { flex: 0 0 calc(50% - 6px); height: 120px; }
}
@media (max-width: 380px) {
  .sube-serit-kart { flex: 0 0 100%; }
}

/* --- Özellikler şeridi (eski — CSS sınıfları kaldı, HTML'de kullanılmıyor) --- */
.ozellik-serit { background: var(--renk-birincil); padding: 28px 0; }
.ozellik-serit-ic { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; }
.ozellik-item { display: flex; align-items: center; gap: 14px; padding: 0 28px; border-right: 1px solid rgba(255,255,255,.2); color: var(--renk-beyaz); }
.ozellik-item:last-child { border-right: none; }
.ozellik-item .ikon { font-size: 1.8rem; flex-shrink: 0; opacity: .9; }
.ozellik-item-metin strong { display: block; font-size: .95rem; margin-bottom: 2px; }
.ozellik-item-metin span { font-size: .8rem; opacity: .75; }

/* --- Hakkında --- */
.hakkinda-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}
.hakkinda-gorsel-alan {
  position: relative;
}
.hakkinda-gorsel-ana {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  border-radius: var(--yuvarlatma-b);
  box-shadow: 0 20px 60px rgba(44,36,22,.2);
}
.hakkinda-gorsel-kucuk {
  position: absolute;
  bottom: -24px;
  right: -24px;
  width: 52%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: var(--yuvarlatma-b);
  border: 4px solid var(--renk-beyaz);
  box-shadow: 0 10px 30px rgba(44,36,22,.2);
}
.hakkinda-metin .alt-etiket {
  display: block;
  color: var(--renk-ikincil);
  font-size: .85rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 12px;
}
.hakkinda-metin h2 { margin-bottom: 20px; }
.hakkinda-metin p { color: var(--renk-metin-a); margin-bottom: 16px; }
.hakkinda-vurgular {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 28px 0 32px;
}
.vurgu-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.vurgu-item .vurgu-ikon {
  width: 36px; height: 36px;
  background: var(--renk-zemin-2);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 1rem;
  flex-shrink: 0;
}
.vurgu-item .vurgu-ikon .anasayfa-svg-ikon { color: var(--renk-birincil); }
.anasayfa-emoji-ikon { line-height: 1; }
.vurgu-item-metin strong { display: block; font-size: .9rem; color: var(--renk-metin); }
.vurgu-item-metin span { font-size: .8rem; color: var(--renk-metin-a); }

/* --- Yorum / Şube showcase slot --- */
.yorum-slot {
  padding: 56px 0;
  background: var(--renk-birincil);
  border-top: none;
  border-bottom: none;
}
.yorum-slot-baslik {
  font-size: 1.75rem;
  font-family: var(--font-baslik);
  color: #fff;
  margin: 0;
  line-height: 1.2;
}
.yorum-slot--sube-sayfa {
  background: var(--renk-zemin);
  border-top: 1px solid var(--renk-cizgi);
  border-bottom: none;
}
.yorum-slot-ust {
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; margin-bottom: 28px; flex-wrap: wrap;
}
.yorum-tum-btn {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: .85rem; color: rgba(255,255,255,.85);
  border: 1px solid rgba(255,255,255,.45); border-radius: 20px;
  padding: 6px 14px; white-space: nowrap; text-decoration: none; flex-shrink: 0;
  transition: background .15s, color .15s, border-color .15s;
}
.yorum-tum-btn:hover { background: rgba(255,255,255,.15); color: #fff; border-color: rgba(255,255,255,.8); }
/* Slider */
.yorum-karusel {
  display: flex; gap: 16px;
  overflow-x: auto; scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--renk-cizgi) transparent;
  padding-bottom: 8px;
}
.yorum-karusel::-webkit-scrollbar { height: 4px; }
.yorum-karusel::-webkit-scrollbar-track { background: transparent; }
.yorum-karusel::-webkit-scrollbar-thumb { background: var(--renk-cizgi); border-radius: 2px; }
@media (max-width: 640px) {
  .yorum-karusel { scrollbar-width: none; }
  .yorum-karusel::-webkit-scrollbar { display: none; }
}
.yorum-kart {
  flex: 0 0 300px; scroll-snap-align: start;
  background: #fff; border: 1px solid var(--renk-cizgi); border-radius: 12px;
  padding: 20px; display: flex; flex-direction: column; gap: 12px;
}
.yorum-kart-ust { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.yorum-avatar {
  width: 42px; height: 42px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-weight: 700; font-size: .9rem; flex-shrink: 0; overflow: hidden;
}
.yorum-avatar img { width: 100%; height: 100%; object-fit: cover; }
.yorum-kimlik { flex: 1; min-width: 0; }
.yorum-kimlik strong { display: block; font-size: .88rem; color: var(--renk-metin); line-height: 1.2; }
.yorum-kimlik span { font-size: .76rem; color: var(--renk-metin-a); }
.yorum-yildizlar { font-size: .95rem; white-space: nowrap; margin-left: auto; }
.yy-dolu { color: #f59e0b; }
.yy-bos  { color: #d1d5db; }
.yorum-metin {
  font-size: .875rem; color: var(--renk-metin-a); line-height: 1.6; margin: 0; flex: 1;
}
.yorum-devami {
  color: var(--renk-birincil); font-size: .8rem;
  text-decoration: none; margin-left: 4px; white-space: nowrap;
}
.yorum-devami:hover { text-decoration: underline; }
.yorum-tarih { font-size: .75rem; color: #9ca3af; margin: 0; }
.sube-showcase-grid { display: flex; gap: 16px; flex-wrap: wrap; }
.sube-showcase-kart {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 14px 10px 10px; background: #fff;
  border: 1px solid var(--renk-cizgi); border-radius: 10px;
  text-decoration: none; color: var(--renk-metin);
  transition: border-color .15s, box-shadow .15s;
}
.sube-showcase-kart:hover { border-color: var(--renk-birincil); box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.sube-showcase-gorsel {
  width: 56px; height: 56px; border-radius: 8px; overflow: hidden; flex-shrink: 0;
  background: var(--renk-zemin-2); display: flex; align-items: center;
  justify-content: center; color: var(--renk-metin-a);
}
.sube-showcase-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.sube-showcase-yok { opacity: .4; }
.sube-showcase-icerik strong { display: block; font-size: .9rem; }
.sube-showcase-icerik span {
  display: flex; align-items: center; gap: 3px;
  font-size: .78rem; color: var(--renk-metin-a); margin-top: 2px;
}

/* --- Neden Dağevim grid --- */
.neden-kart-ikon { font-size: 2.4rem; margin-bottom: 14px; line-height: 1; }
.neden-kart-ikon .anasayfa-svg-ikon { color: var(--renk-birincil); }
.neden-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

/* --- Evler kartları --- */
.evler-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.ev-kart {
  background: var(--renk-beyaz);
  border-radius: var(--yuvarlatma-b);
  overflow: hidden;
  box-shadow: 0 4px 20px var(--renk-kart-golge);
  transition: transform var(--gecis), box-shadow var(--gecis);
  display: flex;
  flex-direction: column;
}
.ev-kart:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(44,36,22,.18);
}
.ev-kart-gorsel {
  position: relative;
  aspect-ratio: 4/3;
  overflow: hidden;
}
.ev-kart-gorsel img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}
.ev-kart:hover .ev-kart-gorsel img { transform: scale(1.06); }
.ev-kart-rozet {
  position: absolute;
  top: 14px; left: 14px;
  background: var(--renk-ikincil);
  color: var(--renk-beyaz);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 50px;
}
.ev-kart-icerik {
  padding: 22px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ev-kart-icerik h3 {
  font-size: 1.2rem;
  margin-bottom: 8px;
}
.ev-kart-icerik p {
  font-size: .88rem;
  color: var(--renk-metin-a);
  flex: 1;
  margin-bottom: 16px;
}
.ev-kart-bilgiler {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--renk-cizgi);
}
.ev-bilgi-etiket {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: .8rem;
  color: var(--renk-metin-a);
}
.ev-bilgi-etiket .etiket-ikon { display: flex; align-items: center; color: var(--renk-birincil); flex-shrink: 0; }
.ev-bilgi-etiket .etiket-ikon svg { display: block; }

/* Ev kart CTA span (şube kart içinde tam link olduğundan span kullanılır) */
.ev-kart-cta {
  display: inline-flex; align-items: center; gap: 6px;
  margin-top: auto; padding: 10px 0;
  font-size: .85rem; font-weight: 600;
  color: var(--renk-birincil);
  transition: gap var(--gecis);
}
.ev-kart:hover .ev-kart-cta { gap: 10px; }

/* Şube Kimlik Kartı (detay sidebar) */
.sube-kimlik-kart { border-left: 4px solid var(--renk-birincil) !important; }
.sube-kimlik-etiket { display: flex; align-items: center; gap: 5px; font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--renk-birincil); margin-bottom: 6px; }
.sube-kimlik-etiket svg { flex-shrink: 0; }
.sube-kimlik-ad { display: block; font-size: 1rem; font-weight: 700; color: var(--renk-metin); }
.sube-kimlik-konum { font-size: .85rem; color: var(--renk-metin-a); margin-top: 2px; }
.sube-kimlik-tel { display: flex; align-items: center; gap: 7px; margin-top: 10px; font-size: .88rem; color: var(--renk-birincil); transition: opacity var(--gecis); }
.sube-kimlik-tel:hover { opacity: .8; }
.sube-kimlik-tel svg { flex-shrink: 0; }

/* --- Admin düzenle butonu (sadece giriş yapmış admin/root görebilir) --- */
.admin-duzenle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  padding: 4px 6px;
  border-radius: 6px;
  background: rgba(74, 103, 65, .12);
  color: var(--renk-birincil);
  border: 1px solid rgba(74, 103, 65, .25);
  vertical-align: middle;
  line-height: 1;
  transition: background var(--gecis), color var(--gecis), border-color var(--gecis);
  text-decoration: none;
  flex-shrink: 0;
}
.admin-duzenle-btn:hover {
  background: var(--renk-birincil);
  color: #fff;
  border-color: var(--renk-birincil);
}
/* Hero üzerinde (açık arka plan için) */
.admin-duzenle-btn--hero {
  background: rgba(255, 255, 255, .18);
  color: #fff;
  border-color: rgba(255, 255, 255, .4);
}
.admin-duzenle-btn--hero:hover {
  background: rgba(255, 255, 255, .35);
  border-color: #fff;
  color: #fff;
}

/* --- Ev detay sayfası --- */
.ev-detay-hero {
  margin-top: 70px;
  position: relative;
  height: 250px;
  overflow: hidden;
}
@media (min-width: 769px) {
  .ev-detay-hero { height: 55vh; min-height: 380px; }
}
.ev-detay-hero img {
  width: 100%; height: 100%;
  object-fit: cover;
}
.ev-detay-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(20,28,16,.5) 0%, transparent 50%);
}

.ev-detay-kapsayici {
  max-width: var(--genislik);
  margin: 0 auto;
  padding: 0 24px;
  padding-top: 48px;
  padding-bottom: 80px;
}
.ev-detay-grid {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 48px;
  align-items: start;
}
/* Grid öğelerinde overflow:auto çalışması için zorunlu */
.ev-detay-ana { min-width: 0; }
.ev-detay-ana h1 { margin-bottom: 8px; }
.ev-detay-tip {
  display: inline-block;
  background: var(--renk-zemin-2);
  color: var(--renk-ikincil);
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 50px;
  margin-bottom: 20px;
}
.ev-detay-ozet {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  margin: 20px 0 28px;
  padding: 18px 0;
  border-top: 1px solid var(--renk-cizgi);
  border-bottom: 1px solid var(--renk-cizgi);
}
.ozet-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ozet-item .ozet-ikon {
  width: 48px; height: 48px;
  background: var(--renk-zemin-2);
  border: 1.5px solid var(--renk-cizgi);
  border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  color: var(--renk-birincil);
  flex-shrink: 0;
}
.ozet-ikon svg { display: block; }
.ozet-item-metin small { display: block; font-size: .7rem; color: var(--renk-metin-a); text-transform: uppercase; letter-spacing: .07em; margin-bottom: 2px; }
.ozet-item-metin strong { font-size: .95rem; color: var(--renk-metin); }

.ev-detay-aciklama { color: var(--renk-metin-a); line-height: 1.8; margin-bottom: 36px; }
.ev-detay-aciklama h2 { color: var(--renk-metin); margin: 28px 0 12px; font-size: 1.4rem; }

/* İçerik h2 başlıkları — daha fazla nefes */
.ev-detay-ana h2 {
  font-size: 1.45rem;
  margin-top: 48px;
  margin-bottom: 22px;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--renk-cizgi);
}

.ozellikler-listesi {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 24px;
  margin-top: 4px;
}
.ozellik-madde {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: .92rem;
  color: var(--renk-metin);
  line-height: 1.4;
}
.ozellik-madde::before {
  content: '';
  width: 20px; height: 20px;
  background: var(--renk-birincil);
  color: var(--renk-beyaz);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  flex-shrink: 0;
}

/* Detay yan panel */
.ev-detay-yan {
  position: sticky;
  top: 90px;
}
.rezervasyon-kart {
  background: var(--renk-beyaz);
  border-radius: var(--yuvarlatma-b);
  padding: 28px;
  box-shadow: 0 8px 32px rgba(44,36,22,.12);
  margin-bottom: 20px;
}
.rezervasyon-kart h3 { margin-bottom: 18px; font-size: 1.15rem; font-weight: 600; }

/* Genel Bilgiler sidebar kartı */
.genel-bilgi-kart { background: var(--renk-zemin-2) !important; box-shadow: none !important; border: 1.5px solid var(--renk-cizgi); }
.genel-bilgi-baslik { font-family: var(--font-ana) !important; font-size: .92rem !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .06em; color: var(--renk-metin-a) !important; margin-bottom: 14px !important; }
.genel-bilgi-liste { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.genel-bilgi-madde { display: flex; align-items: center; gap: 10px; font-size: .875rem; color: var(--renk-metin); line-height: 1.4; }
.gb-check { color: var(--renk-birincil); flex-shrink: 0; width: 18px; height: 18px; }
.rezervasyon-kart .btn { width: 100%; justify-content: center; padding: 14px; font-size: 1rem; }
.rezervasyon-kart .tel-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
  color: var(--renk-metin-a);
  font-size: .9rem;
  transition: color var(--gecis);
}
.rezervasyon-kart .tel-link:hover { color: var(--renk-birincil); }

/* --- Galeri --- */
.galeri-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.galeri-item {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: var(--yuvarlatma);
  cursor: pointer;
}
.galeri-item img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}
.galeri-item:hover img { transform: scale(1.08); }
.galeri-item::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(20,28,16,0);
  transition: background .3s;
}
.galeri-item:hover::after { background: rgba(20,28,16,.18); }
.galeri-item .buyut-ikon {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%) scale(.7);
  opacity: 0;
  z-index: 1;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(4px);
  width: 44px; height: 44px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: var(--renk-birincil);
  transition: all .3s ease;
}
.buyut-ikon svg { display: block; }
.galeri-item:hover .buyut-ikon { opacity: 1; transform: translate(-50%,-50%) scale(1); }
.galeri-item--genis { grid-column: span 2; grid-row: span 2; }
.galeri-item--yuksek { grid-row: span 2; }

/* --- Lightbox / Modal Galeri --- */
.lightbox {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0,0,0,.95);
  align-items: center;
  justify-content: center;
}
.lightbox.acik { display: flex; }
.lightbox-icerik {
  position: relative;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lightbox-icerik img {
  max-width: 90vw;
  max-height: 85vh;
  object-fit: contain;
  border-radius: var(--yuvarlatma);
  user-select: none;
}
.lightbox-kapat {
  position: absolute;
  top: -20px; right: -20px;
  width: 44px; height: 44px;
  background: rgba(255,255,255,.15);
  border: none;
  border-radius: 50%;
  color: #fff;
  font-size: 1.4rem;
  display: flex; align-items: center; justify-content: center;
  transition: background var(--gecis);
}
.lightbox-kapat:hover { background: rgba(255,255,255,.3); }
.lightbox-nav {
  position: absolute;
  top: 50%; transform: translateY(-50%);
  background: rgba(255,255,255,.15);
  border: none;
  color: #fff;
  width: 52px; height: 52px;
  border-radius: 50%;
  font-size: 1.4rem;
  display: flex; align-items: center; justify-content: center;
  transition: background var(--gecis);
}
.lightbox-nav:hover { background: rgba(255,255,255,.3); }
.lightbox-nav-sol { right: calc(100% + 16px); }
.lightbox-nav-sag { left: calc(100% + 16px); }
.lightbox-sayac {
  position: absolute;
  bottom: -36px; left: 50%;
  transform: translateX(-50%);
  color: rgba(255,255,255,.6);
  font-size: .85rem;
}

/* --- Video --- */
.video-alan {
  position: relative;
  aspect-ratio: 16/9;
  border-radius: var(--yuvarlatma-b);
  overflow: hidden;
  background: #111;
  margin-top: 32px;
}
.video-alan iframe {
  width: 100%; height: 100%;
  border: none;
}
.video-alan--shorts {
  aspect-ratio: 9/16;
  max-width: 320px;
}
.ev-video-galeri {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-top: 12px;
  overflow-x: auto;
  overflow-y: visible;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 8px;
  /* Kapsayıcıyı ebeveyn genişliğine kilitle */
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.ev-video-item {
  flex: 0 0 auto;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  /* Standard 16:9 — sağda peek görünsün */
  width: calc(220px * 16 / 9);        /* ~391px */
  max-width: calc(100% - 48px);
}
.ev-video-item--shorts {
  width: calc(220px * 9 / 16);        /* ~124px */
  max-width: none;
}
/* Video çerçevesi: tüm tiplerde sabit 220px yükseklik */
.ev-video-cerceve {
  height: 220px;
  border-radius: var(--yuvarlatma-b, 8px);
  overflow: hidden;
  background: #111;
  flex-shrink: 0;
}
.ev-video-cerceve iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.ev-video-baslik {
  margin: 0 0 8px;
  font-size: .9rem;
  font-weight: 600;
  color: var(--renk-metin-h, #374151);
}

/* Galeri - Shorts kart: uniform 16:9 cards (lightbox still shows portrait) */
.galeri-platform-rozet--shorts {
  background: #7c3aed;
}

/* Lightbox - Shorts portrait */
.galeri-lb-medya.lb-medya--shorts iframe {
  width: auto;
  height: min(75vh, 580px);
  aspect-ratio: 9/16;
}

/* --- İletişim --- */
.iletisim-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 60px;
  align-items: start;
}
.iletisim-bilgi h2 { margin-bottom: 16px; }
.iletisim-bilgi p { color: var(--renk-metin-a); margin-bottom: 32px; }
.iletisim-detay-list { display: flex; flex-direction: column; gap: 20px; }
.iletisim-detay-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.iletisim-detay-item .id-ikon {
  width: 44px; height: 44px;
  background: var(--renk-zemin-2);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
}
.iletisim-detay-item-metin small {
  display: block;
  font-size: .75rem;
  color: var(--renk-metin-a);
  text-transform: uppercase;
  letter-spacing: .07em;
  margin-bottom: 2px;
}
.iletisim-detay-item-metin a,
.iletisim-detay-item-metin span {
  font-size: .95rem;
  color: var(--renk-metin);
  transition: color var(--gecis);
}
.iletisim-detay-item-metin a:hover { color: var(--renk-birincil); }

/* Form */
.form {
  background: var(--renk-beyaz);
  padding: 36px;
  border-radius: var(--yuvarlatma-b);
  box-shadow: 0 6px 28px var(--renk-kart-golge);
}
.form h3 { margin-bottom: 24px; }
.form-grup {
  margin-bottom: 18px;
}
.form-grup label {
  display: block;
  font-size: .85rem;
  font-weight: 600;
  color: var(--renk-metin-a);
  margin-bottom: 6px;
  letter-spacing: .03em;
}
.form-grup input,
.form-grup textarea,
.form-grup select {
  width: 100%;
  padding: 11px 14px;
  border: 1.5px solid var(--renk-cizgi);
  border-radius: var(--yuvarlatma);
  font-size: .92rem;
  font-family: inherit;
  color: var(--renk-metin);
  background: var(--renk-zemin);
  transition: border-color var(--gecis), box-shadow var(--gecis);
  outline: none;
}
.form-grup input:focus,
.form-grup textarea:focus,
.form-grup select:focus {
  border-color: var(--renk-birincil);
  box-shadow: 0 0 0 3px rgba(74,103,65,.15);
}
.form-grup textarea { resize: vertical; min-height: 120px; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-mesaj {
  padding: 12px 16px;
  border-radius: var(--yuvarlatma);
  margin-top: 14px;
  font-size: .9rem;
  display: none;
}
.form-mesaj.basarili { background: #e8f5e9; color: #2e7d32; border: 1px solid #a5d6a7; display: block; }
.form-mesaj.hata     { background: #ffebee; color: #c62828; border: 1px solid #ef9a9a; display: block; }

/* --- FAQ / SSS Accordion --- */
.faq-bolum { background: var(--renk-krem); }
.faq-baslik { text-align: center; margin-bottom: 40px; }
.faq-baslik h2 { font-family: var(--yazi-baslik); font-size: clamp(1.6rem, 4vw, 2.2rem); color: var(--renk-koyu); margin-bottom: 10px; }
.faq-baslik p  { color: var(--renk-metin-ik); max-width: 520px; margin: 0 auto; }

.faq-liste { max-width: 760px; margin: 0 auto; }
.faq-liste details {
  border-bottom: 1px solid rgba(0,0,0,.1);
}
.faq-liste details:first-child { border-top: 1px solid rgba(0,0,0,.1); }

.faq-liste summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px 0;
  cursor: pointer;
  font-weight: 600;
  font-size: .95rem;
  color: var(--renk-koyu);
  list-style: none;
  user-select: none;
}
.faq-liste summary::-webkit-details-marker { display: none; }
.faq-liste summary::after {
  content: '+';
  flex-shrink: 0;
  width: 22px; height: 22px;
  border-radius: 50%;
  border: 1.5px solid var(--renk-birincil);
  color: var(--renk-birincil);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem; font-weight: 400; line-height: 1;
  transition: transform .2s, background .2s;
}
.faq-liste details[open] > summary::after {
  content: '−';
  background: var(--renk-birincil);
  color: #fff;
  transform: rotate(0deg);
}
.faq-liste .faq-cevap {
  padding: 0 0 18px;
  color: var(--renk-metin-ik);
  line-height: 1.75;
  font-size: .93rem;
  max-width: 680px;
  animation: faqAc .18s ease;
}
@keyframes faqAc { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

/* SSS sayfası: filtre sekmeleri */
.faq-filtre { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 32px; }
.faq-filtre-btn {
  padding: 6px 16px; border-radius: 20px; border: 1.5px solid var(--renk-birincil);
  background: transparent; color: var(--renk-birincil); cursor: pointer;
  font-size: .85rem; font-weight: 600; transition: background .15s, color .15s;
}
.faq-filtre-btn.aktif, .faq-filtre-btn:hover {
  background: var(--renk-birincil); color: #fff;
}
.faq-grup { display: none; }
.faq-grup.aktif { display: block; }

/* ── Hava Durumu Widget ─────────────────────────────────────────────────── */
.hava-kart { padding: 16px; }

.hava-kart-baslik { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:10px; gap:8px; }
.hava-kart-baslik h3 { margin:0; font-size:1rem; }
.hava-guncelleme-saati { font-size:.68rem; color:#9ca3af; white-space:nowrap; }

/* Sekmeler */
.hava-sekmeler { display:flex; gap:3px; background:#f1f5f9; border-radius:16px; padding:3px; margin-bottom:14px; }
.hava-sekme {
  flex:1; padding:5px 0; border:none; background:transparent;
  border-radius:13px; font-size:.78rem; cursor:pointer; color:#6b7280; transition:.15s;
}
.hava-sekme.hava-sekme-aktif { background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.12); font-weight:600; color:#111; }

/* Bugün paneli */
.hava-simdi { display:flex; align-items:center; gap:14px; margin-bottom:12px; }
.hava-simdi-ikon { font-size:2.8rem; line-height:1; flex-shrink:0; }
.hava-sicaklik { font-size:2.2rem; font-weight:700; line-height:1; color:var(--renk-metin); }
.hava-derece { font-size:1.1rem; font-weight:400; }
.hava-durum-metin { font-size:.82rem; color:#6b7280; margin-top:2px; }

.hava-detay-satirlar { display:flex; flex-direction:column; gap:5px; border-top:1px solid var(--renk-cizgi); padding-top:10px; }
.hava-detay-satir {
  display:flex; justify-content:space-between; align-items:center;
  font-size:.8rem; color:#4b5563;
}
.hava-detay-satir span:last-child { font-size:.82rem; color:var(--renk-metin); }

/* 7 Günlük panel */
.hava-tahmin-liste { display:flex; flex-direction:column; gap:0; }
.hava-tahmin-satir {
  display:grid; grid-template-columns:2.5rem 1.6rem 1fr auto;
  align-items:center; gap:6px;
  padding:5px 0; border-bottom:1px solid #f3f4f6; font-size:.8rem;
}
.hava-tahmin-satir:last-child { border-bottom:none; }
.ht-gun { font-weight:600; color:var(--renk-metin); }
.ht-ikon { font-size:1.05rem; text-align:center; }
.ht-sicak { color:var(--renk-metin); }
.ht-min { color:#9ca3af; font-size:.76rem; }
.ht-yagis { font-size:.72rem; color:#3b82f6; text-align:right; min-width:3rem; }

/* Kaynak notu */
.hava-kaynak { font-size:.65rem; color:#d1d5db; text-align:right; margin-top:10px; }
.hava-kaynak a { color:#d1d5db; text-decoration:none; }
.hava-kaynak a:hover { color:#9ca3af; }

/* Mobil — widget sidebar altına geçince tam genişlikte güzel durur, ekstra şey gerekmez */
@media (max-width: 768px) {
  .hava-simdi-ikon { font-size:2.4rem; }
  .hava-sicaklik   { font-size:2rem; }
}

/* --- Footer --- */
#footer {
  background: #1e2419;
  color: rgba(255,255,255,.7);
  padding: 60px 0 0;
}
.footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 40px;
  padding-bottom: 48px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.footer-logo { margin-bottom: 16px; display: flex; align-items: center; gap: 10px; }
.footer-logo .logo-metin span:first-child { color: #fff; }
.footer-logo .logo-metin span:last-child { color: rgba(255,255,255,.5); }
.footer-logo-img { height: 42px; width: auto; max-width: 160px; object-fit: contain; }
.footer-hakkinda { font-size: .88rem; line-height: 1.7; margin-bottom: 20px; }

/* Sosyal medya ikonları — ortak temel */
.sosyal-linkler { display: flex; gap: 8px; flex-wrap: wrap; }
.sosyal-link {
  width: 38px; height: 38px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 1rem;
  transition: all .22s ease;
  flex-shrink: 0;
}

/* Footer: koyu arka plan */
.sosyal-linkler .sosyal-link {
  background: rgba(255,255,255,.12);
  color: rgba(255,255,255,.8);
  border: 1px solid rgba(255,255,255,.18);
}
.sosyal-linkler .sosyal-link:hover {
  background: rgba(255,255,255,.25);
  color: #fff;
  border-color: rgba(255,255,255,.35);
  transform: translateY(-2px);
}

/* Header navigasyon: açık arka plan */
.nav-sosyal { display: flex; align-items: center; gap: 6px; margin-left: 8px; }
.nav-sosyal .sosyal-link {
  background: var(--renk-zemin-2);
  color: var(--renk-metin-a);
  border: 1px solid var(--renk-cizgi);
}
.nav-sosyal .sosyal-link:hover {
  background: var(--renk-birincil);
  color: #fff;
  border-color: transparent;
  transform: translateY(-2px);
}
.footer-baslik {
  font-family: var(--font-baslik);
  color: #fff;
  font-size: 1rem;
  margin-bottom: 16px;
}
.footer-linkler { display: flex; flex-direction: column; gap: 8px; }
.footer-linkler a {
  font-size: .88rem;
  color: rgba(255,255,255,.6);
  transition: color var(--gecis);
}
.footer-linkler a:hover { color: var(--renk-ikincil-a); }
.footer-alt {
  padding: 20px 0;
  font-size: .8rem;
  color: rgba(255,255,255,.4);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px 16px;
}

/* ─── Footer İletişim Accordion ─────────────────────────────── */
.footer-iletisim-alani { display: flex; flex-direction: column; gap: 0; }
.footer-iletisim-merkez { margin-bottom: 14px; }
.footer-iletisim-satir {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 6px;
}
.footer-iletisim-satir a,
.footer-iletisim-satir span {
  font-size: .84rem;
  color: rgba(255,255,255,.6);
  line-height: 1.5;
}
.footer-iletisim-satir a:hover { color: var(--renk-ikincil-a); }
.footer-harita-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: .8rem;
  color: var(--renk-ikincil-a) !important;
  margin-top: 2px;
}
.footer-harita-link:hover { color: #fff !important; }
.footer-sube-akordeon { border-top: 1px solid rgba(255,255,255,.1); }
.footer-sube-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 9px 0;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.7);
  font-size: .86rem;
  font-weight: 600;
  cursor: pointer;
  text-align: left;
  transition: color .18s;
}
.footer-sube-btn:hover { color: #fff; }
.footer-sube-btn .sube-ok {
  font-size: .7rem;
  transition: transform .2s;
  flex-shrink: 0;
}
.footer-sube-btn.acik .sube-ok { transform: rotate(180deg); }
.footer-sube-icerik {
  padding: 8px 0 12px;
  display: none;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.footer-sube-icerik.acik { display: flex; flex-direction: column; gap: 4px; }

/* --- Breadcrumb --- */
.breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .85rem;
  color: var(--renk-metin-a);
  margin-bottom: 20px;
}
.breadcrumb a { color: var(--renk-birincil); }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb span { opacity: .5; }

/* --- Sayfa başlık bandı --- */
.sayfa-banner {
  margin-top: 70px;
  background: var(--renk-zemin-2);
  padding: 52px 0;
  border-bottom: 1px solid var(--renk-cizgi);
}
.sayfa-banner h1 { margin-bottom: 8px; }
.sayfa-banner p { color: var(--renk-metin-a); }

/* --- Yükleniyor skeleton --- */
.iskelet {
  background: linear-gradient(90deg, var(--renk-zemin-2) 25%, var(--renk-cizgi) 50%, var(--renk-zemin-2) 75%);
  background-size: 200% 100%;
  animation: iskelet-anim 1.4s infinite;
  border-radius: var(--yuvarlatma);
}
@keyframes iskelet-anim { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

/* --- Harita --- */
.harita-alan {
  border-radius: var(--yuvarlatma-b);
  overflow: hidden;
  height: 300px;
  margin-top: 32px;
  box-shadow: 0 4px 16px var(--renk-kart-golge);
}
.harita-alan iframe { width: 100%; height: 100%; border: none; }

/* --- Scroll to top --- */
.yukari-btn {
  position: fixed;
  bottom: 28px; right: 28px;
  width: 46px; height: 46px;
  background: var(--renk-birincil);
  color: #fff;
  border-radius: 50%;
  border: none;
  font-size: 1.2rem;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 16px rgba(0,0,0,.2);
  opacity: 0; visibility: hidden;
  transform: translateY(12px);
  transition: all var(--gecis);
  z-index: 500;
}
.yukari-btn.gorunur { opacity: 1; visibility: visible; transform: translateY(0); }
.yukari-btn:hover { background: var(--renk-birincil-k); }

/* =============================================
   ANASAYFA ŞUBE SEKMELERİ
   ============================================= */
.sube-sekme-nav {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 20px;
  justify-content: center;
}
.sube-sekme {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 20px;
  border: 1.5px solid var(--renk-cizgi);
  border-radius: 30px;
  background: var(--renk-beyaz);
  color: var(--renk-metin-a);
  font-size: .88rem;
  font-weight: 500;
  cursor: pointer;
  transition: all .22s ease;
  font-family: var(--font-metin);
  white-space: nowrap;
  box-shadow: 0 1px 4px var(--renk-kart-golge);
}
.sube-sekme:hover {
  border-color: var(--renk-ikincil);
  color: var(--renk-metin);
  box-shadow: 0 2px 8px var(--renk-kart-golge);
}
.sube-sekme.aktif {
  color: #fff;
  border-color: transparent;
  box-shadow: 0 3px 12px rgba(0,0,0,.18);
}
/* Aktif pill'de nokta beyaz olur — renkli arka planda görünür */
.sube-sekme-nokta {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex-shrink: 0;
  transition: background .22s ease;
}
.sube-sekme.aktif .sube-sekme-nokta {
  background: rgba(255,255,255,.75) !important;
  outline: 2px solid rgba(255,255,255,.3);
  outline-offset: 1px;
}

/* Bilgi Bandı */
.sube-bilgi-bandi {
  background: var(--renk-beyaz);
  border: 1.5px solid var(--renk-cizgi);
  border-radius: var(--yuvarlatma-b);
  padding: 14px 20px;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  box-shadow: 0 1px 6px var(--renk-kart-golge);
}
.sube-bilgi-sol {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.sube-bilgi-lokasyon {
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--renk-metin-a);
}
.sube-bilgi-aciklama {
  font-size: .9rem;
  color: var(--renk-metin);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sube-bilgi-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 20px;
  background: var(--renk-birincil);
  color: #fff;
  border-radius: var(--yuvarlatma);
  font-size: .85rem;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background var(--gecis);
}
.sube-bilgi-btn:hover { background: var(--renk-birincil-k); }

/* Şube Panelleri */
.sube-panel { display: none; }
.sube-panel.aktif {
  display: block;
  animation: subeGiris .28s ease;
}
@keyframes subeGiris {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: none; }
}

/* =============================================
   ŞUBE TEMA SİSTEMİ
   Renk değişkenleri body[data-tema] üzerinden override edilir.
   ============================================= */

[data-tema="mavi"] {
  --renk-birincil:   #2c6b9e;
  --renk-birincil-k: #1f4f78;
  --renk-ikincil:    #5b8fc9;
  --renk-ikincil-a:  #9bbfe0;
  --renk-zemin:      #f0f5f9;
  --renk-zemin-2:    #e0ecf5;
  --renk-metin:      #1a2d40;
  --renk-metin-a:    #3a5570;
  --renk-cizgi:      #b8cfe0;
  --renk-kart-golge: rgba(28,64,100,.10);
}

[data-tema="toprak"] {
  --renk-birincil:   #8b4f1a;
  --renk-birincil-k: #6b3b12;
  --renk-ikincil:    #c47a40;
  --renk-ikincil-a:  #e0aa78;
  --renk-zemin:      #faf5f0;
  --renk-zemin-2:    #f0e8df;
  --renk-metin:      #2c1a0a;
  --renk-metin-a:    #5c3e28;
  --renk-cizgi:      #d4b898;
  --renk-kart-golge: rgba(80,40,10,.10);
}

[data-tema="mor"] {
  --renk-birincil:   #6b3f8a;
  --renk-birincil-k: #4f2e68;
  --renk-ikincil:    #9b7ab0;
  --renk-ikincil-a:  #c4a8d8;
  --renk-zemin:      #f5f0f9;
  --renk-zemin-2:    #ede5f5;
  --renk-metin:      #251535;
  --renk-metin-a:    #503870;
  --renk-cizgi:      #c8b0e0;
  --renk-kart-golge: rgba(60,30,90,.10);
}

/* --- Şube Konum Bandı --- */
.sube-konum-bandi {
  background: var(--renk-birincil);
  color: #fff;
  padding: 8px 0;
  font-size: .85rem;
  font-family: var(--font-metin);
}
.sube-konum-bandi-ic {
  max-width: var(--genislik);
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.sube-konum-bandi-ikon { font-size: 1rem; flex-shrink: 0; display: flex; align-items: center; color: var(--renk-birincil); }
.sube-konum-bandi-etiket {
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .75;
  background: rgba(0,0,0,.18);
  padding: 2px 7px;
  border-radius: 20px;
}
.sube-konum-bandi-ad { font-weight: 700; font-size: .95rem; }
.sube-konum-bandi-konum { opacity: .85; }
.sube-konum-bandi-ayirac { opacity: .4; }
.sube-konum-bandi-link {
  margin-left: auto;
  color: rgba(255,255,255,.8);
  font-size: .8rem;
  border-bottom: 1px solid rgba(255,255,255,.3);
  transition: color var(--gecis);
}
.sube-konum-bandi-link:hover { color: #fff; }

/* --- Şubelerimiz Sayfası --- */
.subeler-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 40px;
}
.sube-kart {
  background: #fff;
  border-radius: var(--yuvarlatma-b);
  overflow: hidden;
  box-shadow: 0 2px 12px var(--renk-kart-golge);
  transition: transform var(--gecis), box-shadow var(--gecis);
  display: flex;
  flex-direction: column;
}
.sube-kart:hover { transform: translateY(-4px); box-shadow: 0 8px 28px var(--renk-kart-golge); }
.sube-kart-gorsel {
  aspect-ratio: 16/9;
  overflow: hidden;
  position: relative;
}
.sube-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.sube-kart:hover .sube-kart-gorsel img { transform: scale(1.05); }
.sube-kart-gorsel-yok {
  aspect-ratio: 16/9;
  background: linear-gradient(135deg, var(--renk-birincil), var(--renk-ikincil));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
}
.sube-tema-serit {
  height: 4px;
  background: var(--sube-renk, var(--renk-birincil));
}
.sube-kart-icerik { padding: 20px; flex: 1; display: flex; flex-direction: column; gap: 8px; }
.sube-kart-konum {
  font-size: .78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--sube-renk, var(--renk-birincil));
  display: flex;
  align-items: center;
  gap: 4px;
}
.sube-kart-adi { font-family: var(--font-baslik); font-size: 1.2rem; font-weight: 700; }
.sube-kart-aciklama { font-size: .88rem; color: var(--renk-metin-a); flex: 1; }
.sube-kart-meta {
  font-size: .8rem;
  color: var(--renk-metin-a);
  padding-top: 10px;
  border-top: 1px solid var(--renk-cizgi);
  display: flex;
  gap: 14px;
}
.sube-merkez-rozet {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: .7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  background: var(--renk-birincil);
  color: #fff;
  padding: 3px 8px;
  border-radius: 20px;
}
.sube-kart-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 14px;
  padding: 9px 18px;
  background: var(--sube-renk, var(--renk-birincil));
  color: #fff;
  border-radius: var(--yuvarlatma);
  font-size: .88rem;
  font-weight: 600;
  transition: opacity var(--gecis);
  align-self: flex-start;
}
.sube-kart-btn:hover { opacity: .88; }

/* --- Şube Anasayfası --- */
.sube-hero {
  min-height: 380px;
  background: linear-gradient(135deg, var(--renk-birincil) 0%, var(--renk-birincil-k) 100%);
  display: flex;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
}
.sube-hero-gorsel {
  position: absolute;
  inset: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  opacity: .45;
}
.sube-hero-icerik {
  position: relative;
  z-index: 1;
  color: #fff;
  padding: 48px 24px;
  max-width: var(--genislik);
  margin: 0 auto;
  width: 100%;
}
.sube-hero-etiket {
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  opacity: .8;
  margin-bottom: 8px;
}
.sube-hero-baslik { font-size: clamp(2rem, 4vw, 3rem); color: #fff; }
.sube-hero-konum { margin-top: 8px; opacity: .85; display: flex; align-items: center; gap: 6px; }
.sube-evler-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 32px;
}
.sube-bilgi-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 16px;
}
.sube-bilgi-kutu {
  background: #fff;
  border-radius: var(--yuvarlatma-b);
  padding: 20px 24px;
  box-shadow: 0 2px 8px var(--renk-kart-golge);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.sube-bilgi-kutu h4 { font-size: .85rem; color: var(--renk-metin-a); text-transform: uppercase; letter-spacing: .06em; }
.sube-bilgi-kutu p { font-size: .95rem; margin: 0; }

/* --- Responsive: Şubeler --- */
@media (max-width: 900px) {
  .subeler-grid { grid-template-columns: repeat(2, 1fr); }
  .sube-evler-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .subeler-grid { grid-template-columns: 1fr; }
  .sube-evler-grid { grid-template-columns: 1fr; }
  .sube-bilgi-grid { grid-template-columns: 1fr; }
}

/* --- Responsive --- */
@media (max-width: 1024px) {
  .evler-grid { grid-template-columns: repeat(2, 1fr); }
  .galeri-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .hakkinda-grid { gap: 40px; }
  .ev-detay-grid { grid-template-columns: 1fr 300px; gap: 32px; }
  .ozellik-serit-ic { grid-template-columns: repeat(2, 1fr); }
  .ozellik-item:nth-child(2) { border-right: none; }
  .ozellik-item:nth-child(3) { border-top: 1px solid rgba(255,255,255,.2); }
  .ozellik-item:nth-child(4) { border-top: 1px solid rgba(255,255,255,.2); border-right: none; }
}

@media (max-width: 768px) {
  .bolum { padding: 56px 0; }
  .nav-menu { display: none; flex-direction: column; gap: 0; }
  .nav-menu.acik {
    display: flex;
    position: absolute;
    top: 70px; left: 0; right: 0;
    background: var(--renk-zemin);
    border-bottom: 1px solid var(--renk-cizgi);
    padding: 16px 24px;
    box-shadow: 0 8px 24px rgba(44,36,22,.12);
  }
  /* Sosyal ikon linkleri hariç — onların stili ayrı */
  .nav-menu.acik a:not(.sosyal-link) {
    padding: 12px 0;
    border-bottom: 1px solid var(--renk-cizgi);
    width: 100%;
  }
  .nav-sosyal { border-bottom: none; }
  .nav-sosyal {
    margin-left: 0;
    padding-top: 12px;
    border-top: 1px solid var(--renk-cizgi);
    width: 100%;
    justify-content: flex-start;
  }
  .nav-toggle { display: flex; }
  /* CTA'yı tamamen gizle — nav-toggle sağa yaslanır */
  .header-cta { display: none; }
  /* Mobil dropdown: inline expand */
  .nav-dropdown-wrapper { flex-direction: column; align-items: flex-start; width: 100%; }
  .nav-dropdown-wrapper > a { width: 100%; justify-content: space-between; }
  .nav-dropdown {
    position: static;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: none;
    padding: 0 0 0 16px;
    display: none;
    min-width: unset;
  }
  .nav-dropdown-wrapper.acik .nav-dropdown { display: block; }
  .nav-dropdown a {
    padding: 10px 0;
    border-bottom: 1px solid var(--renk-cizgi);
    color: var(--renk-metin-a) !important;
    font-size: .88rem;
  }
  .nav-dropdown a:hover { background: none; color: var(--renk-birincil) !important; }
  .neden-grid { grid-template-columns: 1fr; gap: 16px; }
  /* Evler: yatay kaydırmalı carousel */
  .evler-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 16px;
    padding-bottom: 16px;
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
    scrollbar-width: none;
  }
  .evler-grid::-webkit-scrollbar { display: none; }
  .evler-grid .ev-kart {
    flex: 0 0 80%;
    scroll-snap-align: start;
    min-width: 0;
  }
  /* Son kartta sağda padding alanı bırak */
  .evler-grid .ev-kart:last-child { margin-right: 24px; }

  /* Bilgi bandı: açıklama metni mobilden kaldır */
  .sube-bilgi-aciklama { display: none; }
  .hakkinda-grid { grid-template-columns: 1fr; }
  .hakkinda-gorsel-alan { order: -1; }
  .hakkinda-gorsel-kucuk { display: none; }
  .iletisim-grid { grid-template-columns: 1fr; }
  .ev-detay-grid { grid-template-columns: 1fr; }
  .ev-detay-yan { position: static; }
  .galeri-grid { grid-template-columns: repeat(2, 1fr); }
  .galeri-item--genis { grid-column: span 1; grid-row: span 1; }
  .galeri-item--yuksek { grid-row: span 1; }
  .footer-grid { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .ozellikler-listesi { grid-template-columns: 1fr; }
  .hakkinda-vurgular { grid-template-columns: 1fr; }
  .ozellik-serit-ic { grid-template-columns: 1fr 1fr; }
  .hero-arka { background-attachment: scroll; }
  .lightbox-nav-sol { right: auto; left: 10px; top: auto; bottom: 10px; transform: none; }
  .lightbox-nav-sag { left: auto; right: 10px; top: auto; bottom: 10px; transform: none; }
}

@media (max-width: 480px) {
  .kapsayici { padding: 0 16px; }
  .evler-grid { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; }
  .evler-grid .ev-kart:last-child { margin-right: 16px; }
  .galeri-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
  .ev-detay-ozet { gap: 14px; }
  .hero-icerik h1 { font-size: 1.9rem; }
  .ozellik-serit-ic { grid-template-columns: 1fr; }
  .ozellik-item { border-right: none; border-top: 1px solid rgba(255,255,255,.2); }
  .ozellik-item:first-child { border-top: none; }
}

/* --- Animasyonlar --- */
.fade-up {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .6s ease, transform .6s ease;
}
.fade-up.gorunur { opacity: 1; transform: translateY(0); }

/* --- Yardımcılar --- */
.metin-merkez { text-align: center; }
.mt-0 { margin-top: 0 !important; }
.mt-8 { margin-top: 8px; }
.mt-16 { margin-top: 16px; }
.mt-24 { margin-top: 24px; }
.mt-32 { margin-top: 32px; }
.mb-0 { margin-bottom: 0 !important; }
.gizli { display: none !important; }

/* =============================================
   REZERVASyon WIDGET
   ============================================= */

/* Hero içi kapsayıcı — hero'nun alt kısmında */
.rez-widget-hero-kapsul {
  position: absolute;
  bottom: 36px;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 0 20px;
}

/* Hero formu — yatay şerit */
.rez-widget-form--hero {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  background: rgba(15, 20, 12, .6);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  padding: 18px 20px;
}
.rez-widget-form--hero .rez-alan {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
  min-width: 0;
}
.rez-widget-form--hero .rez-alan--dar { flex: 0 0 90px; }
.rez-widget-form--hero label {
  font-size: .7rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(255,255,255,.65);
  white-space: nowrap;
}
.rez-widget-form--hero input[type="date"],
.rez-widget-form--hero select {
  width: 100%;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  color: var(--renk-beyaz);
  font-size: .88rem;
  padding: 9px 11px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  color-scheme: dark;
}
.rez-widget-form--hero input[type="date"]:focus,
.rez-widget-form--hero select:focus {
  outline: none;
  border-color: rgba(255,255,255,.45);
  background: rgba(255,255,255,.16);
}
.rez-widget-form--hero select option {
  color: #1a1a1a;
  background: #fff;
}
.rez-widget-form--hero .rez-btn {
  flex-shrink: 0;
  background: var(--renk-birincil);
  color: var(--renk-beyaz);
  border: none;
  border-radius: 8px;
  padding: 10px 22px;
  font-size: .88rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background .2s, transform .15s;
  align-self: flex-end;
}
.rez-widget-form--hero .rez-btn:hover { background: var(--renk-birincil-k); }
.rez-widget-form--hero .rez-btn:active { transform: scale(.97); }

/* Hero scroll gizleme — widget açıkken */
.hero--con-widget .hero-scroll { display: none; }

/* ── Sidebar formu ── */
.rez-widget-form--sidebar {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.rez-widget-form--sidebar .rez-alan {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.rez-widget-form--sidebar label {
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--renk-metin-ik);
}
.rez-widget-form--sidebar input[type="date"],
.rez-widget-form--sidebar select {
  width: 100%;
  border: 1px solid var(--renk-cizgi);
  border-radius: 7px;
  background: var(--renk-arka);
  color: var(--renk-metin);
  font-size: .85rem;
  padding: 8px 10px;
  cursor: pointer;
}
.rez-widget-form--sidebar input[type="date"]:focus,
.rez-widget-form--sidebar select:focus {
  outline: none;
  border-color: var(--renk-birincil);
}
.rez-widget-form--sidebar .rez-btn {
  grid-column: 1 / -1;
  width: 100%;
  background: var(--renk-birincil);
  color: var(--renk-beyaz);
  border: none;
  border-radius: 8px;
  padding: 11px;
  font-size: .9rem;
  font-weight: 600;
  cursor: pointer;
  transition: background .2s;
  margin-top: 2px;
}
.rez-widget-form--sidebar .rez-btn:hover { background: var(--renk-birincil-k); }

/* ── Mobil FAB — artık yalnızca mob-bar yok, eski class şimdi gizli ── */
.rez-fab-btn { display: none !important; }

/* ── Mobil Alt Bar ── */
.mob-bar {
  display: none;
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index: 150;
  background: var(--renk-beyaz);
  border-top: 1px solid var(--renk-cizgi);
  box-shadow: 0 -2px 16px rgba(0,0,0,.08);
  padding-bottom: env(safe-area-inset-bottom, 0px);
  /* Scroll ile görünür olana kadar gizli */
  transform: translateY(100%);
  transition: transform .35s cubic-bezier(.32,0,.15,1);
}
.mob-bar.gorunur { transform: translateY(0); }
.mob-bar-ic {
  display: flex;
  align-items: stretch;
  height: 58px;
}
.mob-bar-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  background: none;
  border: none;
  color: var(--renk-metin-ik);
  font-size: .65rem;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding: 6px 4px;
  transition: color .15s, background .15s;
  -webkit-tap-highlight-color: transparent;
  border-right: 1px solid var(--renk-cizgi);
}
.mob-bar-item:last-child { border-right: none; }
.mob-bar-item:active { background: var(--renk-arka); }
.mob-bar-item svg { transition: transform .15s; }
.mob-bar-item:active svg { transform: scale(.9); }

/* Tüm itemlar aynı renk */
.mob-bar-rez,
.mob-bar-wa,
.mob-bar-tel  { color: var(--renk-metin-ik); }
/* Yukarı — dar, sadece ikon */
.mob-bar-yukari { flex: 0 0 50px; color: var(--renk-metin-ik); }

/* ── Bottom Sheet Modal ── */
.rez-modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 200;
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  align-items: flex-end;
  justify-content: center;
}
.rez-modal-overlay.aktif {
  display: flex;
}
.rez-modal-panel {
  background: var(--renk-beyaz);
  border-radius: 20px 20px 0 0;
  padding: 0 20px 32px;
  width: 100%;
  max-width: 560px;
  transform: translateY(100%);
  transition: transform .32s cubic-bezier(.32,0,.15,1);
  outline: none;
  max-height: 92svh;
  overflow-y: auto;
}
.rez-modal-overlay.aktif .rez-modal-panel {
  transform: translateY(0);
}
.rez-modal-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0 14px;
  border-bottom: 1px solid var(--renk-cizgi);
  margin-bottom: 18px;
  position: sticky;
  top: 0;
  background: var(--renk-beyaz);
  z-index: 1;
}
.rez-modal-ust strong { font-size: 1rem; }
.rez-modal-kapat {
  background: none;
  border: none;
  font-size: 1.1rem;
  cursor: pointer;
  color: var(--renk-metin-ik);
  line-height: 1;
  padding: 4px 8px;
  border-radius: 6px;
}
.rez-modal-kapat:hover { background: var(--renk-arka); }

/* ── Modal form stili (sidebar ile aynı ama tam genişlik) ── */
.rez-widget-form--modal {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.rez-widget-form--modal .rez-alan {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.rez-widget-form--modal label {
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--renk-metin-ik);
}
.rez-widget-form--modal input[type="date"],
.rez-widget-form--modal select {
  width: 100%;
  border: 1px solid var(--renk-cizgi);
  border-radius: 8px;
  background: var(--renk-arka);
  color: var(--renk-metin);
  font-size: .95rem;
  padding: 11px 12px;
  cursor: pointer;
}
.rez-widget-form--modal input[type="date"]:focus,
.rez-widget-form--modal select:focus {
  outline: none;
  border-color: var(--renk-birincil);
}
.rez-widget-form--modal .rez-btn {
  grid-column: 1 / -1;
  width: 100%;
  background: var(--renk-birincil);
  color: var(--renk-beyaz);
  border: none;
  border-radius: 10px;
  padding: 14px;
  font-size: .95rem;
  font-weight: 600;
  cursor: pointer;
  margin-top: 4px;
  transition: background .2s;
}
.rez-widget-form--modal .rez-btn:hover { background: var(--renk-birincil-k); }

/* ── Responsive ── */
@media (max-width: 900px) {
  .rez-widget-form--hero {
    flex-wrap: wrap;
  }
  .rez-widget-form--hero .rez-alan { flex: 1 1 calc(50% - 10px); }
  .rez-widget-form--hero .rez-alan--dar { flex: 1 1 calc(50% - 10px); }
  .rez-widget-form--hero .rez-btn { width: 100%; }
}
@media (max-width: 768px) {
  /* Hero form gizle — mob-bar devreye girer */
  .rez-widget-hero-kapsul { display: none; }
  /* Mob-bar aktif et (transform ile gizli başlar, JS .gorunur ekler) */
  .mob-bar { display: flex; }
  /* Yukarı çık FAB'ı gizle — mob-bar içinde var */
  .yukari-btn { display: none !important; }
  /* İçerik mob-bar'ın altında kalmasın (bar görününce padding eklenir) */
  body.mob-bar-aktif { padding-bottom: calc(58px + env(safe-area-inset-bottom, 0px)); }
  footer, #footer { margin-bottom: 0; }
}
@media (max-width: 640px) {
  .rez-widget-form--modal { grid-template-columns: 1fr; }
}

/* =============================================
   GALERİ SAYFASI
   ============================================= */

/* Tip seçici (pill row) */
.galeri-tip-sekme {
  display: flex;
  gap: 4px;
  background: var(--renk-zemin-2);
  border-radius: 32px;
  padding: 4px;
  width: fit-content;
  border: 1px solid var(--renk-cizgi);
}
.galeri-tip-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 20px;
  border-radius: 28px;
  border: none;
  background: transparent;
  color: var(--renk-metin-a);
  font-size: .88rem;
  font-family: var(--font-metin);
  font-weight: 500;
  cursor: pointer;
  transition: all .2s;
}
.galeri-tip-btn.aktif {
  background: var(--renk-beyaz);
  color: var(--renk-metin);
  box-shadow: 0 2px 8px var(--renk-kart-golge);
  font-weight: 600;
}
.galeri-sayac-rozet {
  background: var(--renk-cizgi);
  color: var(--renk-metin-a);
  font-size: .7rem;
  font-weight: 700;
  padding: 1px 7px;
  border-radius: 20px;
  min-width: 22px;
  text-align: center;
  transition: background .2s, color .2s;
}
.galeri-tip-btn.aktif .galeri-sayac-rozet {
  background: var(--renk-birincil);
  color: #fff;
}

/* Etiket pills */
.galeri-etiket-serit {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.galeri-etiket-label {
  font-size: .78rem;
  font-weight: 700;
  color: var(--renk-metin-a);
  text-transform: uppercase;
  letter-spacing: .06em;
  white-space: nowrap;
  min-width: 58px;   /* tüm label'lar aynı genişlikte → butonlar hizalı başlar */
}
.galeri-etiket-btn {
  padding: 4px 13px;
  border-radius: 20px;
  border: 1.5px solid var(--renk-cizgi);
  background: transparent;
  color: var(--renk-metin-a);
  font-size: .8rem;
  font-family: var(--font-metin);
  cursor: pointer;
  transition: all .18s;
}
.galeri-etiket-btn.aktif {
  background: var(--renk-birincil);
  border-color: var(--renk-birincil);
  color: #fff;
}

/* Şube pills — etiket butonuyla aynı base, farklı aktif rengi */
.galeri-sube-btn {
  padding: 4px 13px;
  border-radius: 20px;
  border: 1.5px solid var(--renk-cizgi);
  background: transparent;
  font-size: .8rem;
  color: var(--renk-metin-a);
  cursor: pointer;
  transition: all .18s;
}
.galeri-sube-btn.aktif {
  background: var(--renk-ikincil);
  border-color: var(--renk-ikincil);
  color: #fff;
}
.galeri-sube-btn:hover:not(.aktif) {
  border-color: var(--renk-ikincil);
  color: var(--renk-ikincil);
}

/* Daha fazla göster */
.galeri-daha-fazla-kapsam {
  text-align: center;
  margin-top: 40px;
  display: none;
}
.galeri-daha-fazla-sayac {
  font-size: .83rem;
  color: var(--renk-metin-a);
  margin-bottom: 14px;
}
.galeri-daha-fazla-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 36px;
  border-radius: 40px;
  border: 2px solid var(--renk-birincil);
  background: transparent;
  color: var(--renk-birincil);
  font-size: .95rem;
  font-weight: 600;
  font-family: var(--font-metin);
  cursor: pointer;
  transition: background .2s, color .2s, transform .15s;
  letter-spacing: .02em;
}
.galeri-daha-fazla-btn:hover {
  background: var(--renk-birincil);
  color: #fff;
  transform: translateY(-1px);
}
.galeri-daha-fazla-btn:active { transform: translateY(0); }

/* Ev pills — şube butonuyla aynı base, farklı aktif rengi */
.galeri-ev-btn {
  padding: 4px 13px;
  border-radius: 20px;
  border: 1.5px solid var(--renk-cizgi);
  background: transparent;
  font-size: .8rem;
  color: var(--renk-metin-a);
  cursor: pointer;
  transition: all .18s;
  font-family: var(--font-metin);
}
.galeri-ev-btn.aktif {
  background: #2d6a8f;
  border-color: #2d6a8f;
  color: #fff;
}
.galeri-ev-btn:hover:not(.aktif) {
  border-color: #2d6a8f;
  color: #2d6a8f;
}

@media (max-width: 600px) {
  .galeri-etiket-serit { gap: 6px; }
  .galeri-etiket-label {
    width: 100%;
    min-width: unset;
    margin-bottom: 2px;
  }
}

/* Bölüm başlığı */
.galeri-bolum-baslik {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  margin-top: 48px;
  padding-top: 40px;
  border-top: 1px solid var(--renk-cizgi);
}
#galeri-foto-bolum .galeri-bolum-baslik { border-top: none; margin-top: 0; padding-top: 0; }
.galeri-bolum-baslik h2 { font-size: 1.35rem; margin: 0; }
.galeri-bolum-sayisi {
  background: var(--renk-zemin-2);
  color: var(--renk-metin-a);
  font-size: .72rem;
  font-weight: 700;
  padding: 2px 9px;
  border-radius: 20px;
  border: 1px solid var(--renk-cizgi);
}

/* Fotoğraf masonry grid */
.galeri-foto-grid {
  columns: 3;
  column-gap: 12px;
}
.galeri-foto-item {
  break-inside: avoid;
  margin-bottom: 12px;
  border-radius: var(--yuvarlatma-b);
  overflow: hidden;
  cursor: pointer;
  position: relative;
  display: block;
}
.galeri-foto-item img {
  width: 100%;
  display: block;
  transition: transform .4s ease;
}
.galeri-foto-item:hover img { transform: scale(1.04); }
.galeri-foto-item-hover {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .28s;
  display: flex;
  align-items: flex-end;
  padding: 14px;
}
.galeri-foto-item:hover .galeri-foto-item-hover { background: rgba(0,0,0,.3); }
.galeri-foto-ev-rozet {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: .72rem;
  font-weight: 600;
  color: #fff;
  background: rgba(0,0,0,.48);
  border: 1px solid rgba(255,255,255,.22);
  padding: 3px 10px;
  border-radius: 20px;
  opacity: 0;
  transform: translateY(5px);
  transition: all .25s;
  backdrop-filter: blur(3px);
  pointer-events: none;
}
.galeri-foto-item:hover .galeri-foto-ev-rozet { opacity: 1; transform: translateY(0); }

/* Video kart grid */
.galeri-video-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}
.galeri-video-kart {
  border-radius: var(--yuvarlatma-b);
  overflow: hidden;
  border: 1px solid var(--renk-cizgi);
  background: var(--renk-beyaz);
  box-shadow: 0 2px 10px var(--renk-kart-golge);
  cursor: pointer;
  transition: transform .2s, box-shadow .2s;
}
.galeri-video-kart:hover { transform: translateY(-3px); box-shadow: 0 8px 24px var(--renk-kart-golge); }
.galeri-video-thumb {
  aspect-ratio: 16/9;
  position: relative;
  overflow: hidden;
  background: #111;
}
.galeri-video-thumb img { width:100%;height:100%;object-fit:cover;transition:transform .4s; }
.galeri-video-kart:hover .galeri-video-thumb img { transform: scale(1.04); }
.galeri-video-oynat {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.2);
  transition: background .2s;
}
.galeri-video-kart:hover .galeri-video-oynat { background: rgba(0,0,0,.42); }
.galeri-video-oynat-ikon {
  width: 54px; height: 54px;
  background: rgba(255,255,255,.92);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  transition: transform .2s;
}
.galeri-video-kart:hover .galeri-video-oynat-ikon { transform: scale(1.1); }
.galeri-video-oynat-ikon svg { width:22px;height:22px;fill:#222;margin-left:3px; }
.galeri-platform-rozet {
  position: absolute;
  top: 8px; right: 8px;
  background: rgba(0,0,0,.68);
  color: #fff;
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 2px 8px;
  border-radius: 20px;
  backdrop-filter: blur(4px);
}
.galeri-video-kart-bilgi { padding: 14px 16px; }
.galeri-video-kart-baslik {
  font-size: .9rem;
  font-weight: 600;
  color: var(--renk-metin);
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.galeri-video-kart-aciklama {
  font-size: .8rem;
  color: var(--renk-metin-a);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.galeri-video-ev-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: .76rem;
  color: var(--renk-birincil);
  margin-top: 8px;
  font-weight: 500;
  text-decoration: none;
}
.galeri-video-ev-link:hover { text-decoration: underline; }

/* Boş durum */
.galeri-bos {
  text-align: center;
  padding: 48px 20px;
  color: var(--renk-metin-a);
}
.galeri-bos .bos-ikon { font-size: 2.5rem; margin-bottom: 12px; opacity: .45; }

/* Galeri Lightbox — mevcut .lightbox CSS üzerine ek */
.galeri-lightbox .lightbox-kapat {
  position: absolute;
  top: 20px; right: 20px;
  left: auto;
}
.galeri-lightbox .lightbox-nav {
  position: absolute;
  top: 50%; left: auto; right: auto;
  transform: translateY(-50%);
}
.galeri-lightbox .lightbox-nav-sol { left: 16px; right: auto; }
.galeri-lightbox .lightbox-nav-sag { right: 16px; left: auto; }
.galeri-lightbox .lightbox-sayac {
  position: absolute;
  bottom: 20px; left: 50%;
  transform: translateX(-50%);
}
.galeri-lb-icerik {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: min(1100px, 90vw);
  max-height: 92vh;
  overflow-y: auto;
  scrollbar-width: none;
}
.galeri-lb-icerik::-webkit-scrollbar { display: none; }
.galeri-lb-medya {
  display: flex;
  align-items: center;
  justify-content: center;
}
.galeri-lb-medya img {
  max-width: min(1100px, 88vw);
  max-height: 78vh;
  object-fit: contain;
  border-radius: var(--yuvarlatma-b);
  user-select: none;
  display: block;
}
.galeri-lb-medya iframe,
.galeri-lb-medya video {
  width: min(900px, 88vw);
  aspect-ratio: 16/9;
  border: none;
  border-radius: var(--yuvarlatma-b);
  display: block;
}
.galeri-lb-bilgi {
  margin-top: 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 0 16px 8px;
}
.galeri-lb-baslik {
  font-size: 1rem;
  font-weight: 600;
  color: rgba(255,255,255,.9);
}
.galeri-lb-aciklama {
  font-size: .85rem;
  color: rgba(255,255,255,.6);
  max-width: 600px;
}
.galeri-lb-ev-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .82rem;
  color: rgba(255,255,255,.75);
  border: 1px solid rgba(255,255,255,.22);
  padding: 5px 16px;
  border-radius: 20px;
  text-decoration: none;
  transition: all .2s;
  margin-top: 4px;
}
.galeri-lb-ev-link:hover { background: rgba(255,255,255,.1); color: #fff; border-color: rgba(255,255,255,.4); }

/* Galeri responsive */
@media (max-width: 900px) {
  .galeri-foto-grid { columns: 2; }
  .galeri-video-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .galeri-foto-grid { columns: 2; column-gap: 8px; }
  .galeri-foto-item { margin-bottom: 8px; }
  .galeri-video-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .galeri-lb-medya img { max-height: 65vh; }
  .galeri-lb-medya iframe, .galeri-lb-medya video { width: 95vw; }
  .galeri-lightbox .lightbox-nav-sol { left: 8px; }
  .galeri-lightbox .lightbox-nav-sag { right: 8px; }
  .galeri-tip-sekme { width: 100%; }
  .galeri-tip-btn { flex: 1; justify-content: center; padding: 8px 10px; font-size: .82rem; }
}
@media (max-width: 400px) {
  .galeri-foto-grid { columns: 1; }
  .galeri-video-grid { grid-template-columns: 1fr; }
}

/* =============================================
   İÇERİK SAYFALARI (metin / gorsel şablonları)
   ============================================= */

/* Kapak görseli */
.icerik-kapak {
  margin-bottom: 40px;
  border-radius: var(--yuvarlatma-b);
  overflow: hidden;
  max-height: 460px;
}
.icerik-kapak-img {
  width: 100%;
  height: 100%;
  max-height: 460px;
  object-fit: cover;
  display: block;
}

/* Ana metin alanı */
.icerik-govde {
  max-width: 960px;
  margin: 0 auto 48px;
  font-size: 1rem;
  line-height: 1.85;
  color: var(--renk-metin);
}
.icerik-govde--dar {
  max-width: 720px;
}
.icerik-govde h2 {
  font-family: var(--font-baslik);
  font-size: 1.65rem;
  font-weight: 700;
  margin: 2rem 0 .75rem;
  color: var(--renk-metin);
}
.icerik-govde h3 {
  font-size: 1.2rem;
  font-weight: 600;
  margin: 1.5rem 0 .6rem;
}
.icerik-govde p { margin: 0 0 1.1rem; }
.icerik-govde ul,
.icerik-govde ol { padding-left: 1.6rem; margin: .75rem 0 1rem; }
.icerik-govde li { margin-bottom: .35rem; }
.icerik-govde a  { color: var(--renk-birincil); text-decoration: underline; }
.icerik-govde a:hover { color: var(--renk-ikincil); }
.icerik-govde strong { font-weight: 600; }
.icerik-govde em { font-style: italic; }
.icerik-govde blockquote {
  border-left: 4px solid var(--renk-birincil);
  padding-left: 20px;
  margin: 1.5rem 0;
  font-style: italic;
  color: var(--renk-metin-a);
}

/* Görsel galerisi */
.icerik-galeri {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
  margin-top: 40px;
}
.icerik-galeri-item {
  border-radius: var(--yuvarlatma);
  overflow: hidden;
  display: block;
  aspect-ratio: 4/3;
  cursor: zoom-in;
  transition: transform .2s, box-shadow .2s;
  box-shadow: 0 2px 8px var(--renk-kart-golge);
}
.icerik-galeri-item:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 20px var(--renk-kart-golge);
}
.icerik-galeri-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s;
}
.icerik-galeri-item:hover img { transform: scale(1.05); }

/* Responsive */
@media (max-width: 768px) {
  .icerik-kapak  { max-height: 280px; }
  .icerik-kapak-img { max-height: 280px; }
  .icerik-govde { font-size: .95rem; }
  .icerik-govde h2 { font-size: 1.35rem; }
  .icerik-galeri { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}
@media (max-width: 480px) {
  .icerik-galeri { grid-template-columns: 1fr 1fr; gap: 8px; }
}

/* ---- Çerez Banner ---- */
#cerez-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: rgba(26, 32, 44, 0.96);
  backdrop-filter: blur(6px);
  transform: translateY(100%);
  transition: transform .35s ease;
}
#cerez-banner.gorunur {
  transform: translateY(0);
}
.cerez-ic {
  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
.cerez-ic p {
  margin: 0;
  font-size: .88rem;
  color: rgba(255,255,255,.85);
  line-height: 1.5;
}
.cerez-ic a {
  color: var(--renk-birincil-a, #9dc97a);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cerez-btn {
  flex-shrink: 0;
  background: var(--renk-birincil, #4a7c59);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 20px;
  font-size: .88rem;
  font-weight: 600;
  cursor: pointer;
  transition: background .2s;
  white-space: nowrap;
}
.cerez-btn:hover { background: var(--renk-birincil-k, #3d6b4a); }

/* mob-bar açıkken banner biraz yukarıda dursun */
.mob-bar-aktif #cerez-banner { bottom: var(--mob-bar-h, 60px); }

/* Footer politika linkleri */
.footer-politika {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.footer-politika a {
  color: rgba(255,255,255,.5);
  text-decoration: none;
  transition: color .2s;
}
.footer-politika a:hover { color: rgba(255,255,255,.85); }
.footer-politika span { color: rgba(255,255,255,.3); }