/* ============================================================
   KARADENIZ EMLAK — Tasarım Sistemi
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root{
  /* renkler */
  --ink:        #0e141b;
  --ink-2:      #131c26;
  --ink-3:      #1b2531;
  --gold:       #c9a25a;
  --gold-soft:  #ddbc7f;
  --gold-deep:  #b1853e;
  --cream:      #f6f3ec;
  --cream-2:    #efe9dd;
  --paper:      #ffffff;
  --text:       #1c2630;
  --text-2:     #4a5562;
  --muted:      #6b7785;
  --line:       rgba(20,28,38,.10);
  --line-soft:  rgba(20,28,38,.06);
  --on-dark:    #edeef0;
  --on-dark-mut:rgba(237,238,240,.62);
  --on-dark-line: rgba(255,255,255,.10);

  /* tipografi */
  --display: 'Cormorant Garamond', Georgia, serif;
  --body:    'Plus Jakarta Sans', system-ui, sans-serif;
  --serif:   'Cormorant Garamond', Georgia, serif;

  /* ölçü */
  --container: 1240px;
  --radius:    14px;
  --radius-sm: 9px;
  --shadow:    0 18px 50px -22px rgba(14,20,27,.30);
  --shadow-sm: 0 8px 24px -14px rgba(14,20,27,.28);
  --ease:      cubic-bezier(.22,.61,.36,1);
}

*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{
  font-family:var(--body);
  color:var(--text);
  background:var(--paper);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; cursor:pointer; border:none; background:none; }
ul{ list-style:none; }

/* ---------- yardımcılar ---------- */
.container{ width:100%; max-width:var(--container); margin:0 auto; padding:0 28px; }
.eyebrow{
  font-family:var(--body); font-size:12.5px; font-weight:700;
  letter-spacing:.22em; text-transform:uppercase; color:var(--gold-deep);
  display:inline-flex; align-items:center; gap:10px;
}
.eyebrow::before{ content:""; width:26px; height:1.5px; background:var(--gold); display:inline-block; }
.eyebrow.center::after{ content:""; width:26px; height:1.5px; background:var(--gold); display:inline-block; }
.eyebrow.on-dark{ color:var(--gold-soft); }

h1,h2,h3,h4{ font-family:var(--display); font-weight:600; line-height:1.06; letter-spacing:-.01em; color:var(--text); }
.section-title{ font-size:clamp(32px,3.9vw,48px); }
.gold-text{ color:var(--gold-deep); }
.dark .gold-text, .on-dark .gold-text{ color:var(--gold-soft); }

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  font-family:var(--body); font-weight:600; font-size:15px; letter-spacing:.01em;
  padding:13px 26px; border-radius:10px; transition:all .35s var(--ease);
  white-space:nowrap;
}
.btn svg{ width:17px; height:17px; }
.btn-gold{ background:var(--gold); color:#1c1404; box-shadow:0 12px 26px -14px rgba(201,162,90,.9); }
.btn-gold:hover{ background:var(--gold-soft); transform:translateY(-2px); box-shadow:0 18px 34px -14px rgba(201,162,90,.95); }
.btn-outline{ border:1.5px solid var(--gold); color:var(--gold-deep); }
.btn-outline:hover{ background:var(--gold); color:#1c1404; transform:translateY(-2px); }
.btn-ghost-dark{ border:1.5px solid var(--on-dark-line); color:var(--on-dark); }
.btn-ghost-dark:hover{ border-color:var(--gold); color:var(--gold-soft); }

/* ============================================================
   LOGO
   ============================================================ */
.logo{ display:inline-flex; align-items:center; gap:13px; }
.logo .emblem{ width:38px; height:31px; flex:none; }
.logo .emblem path, .logo .emblem line{ stroke:var(--gold); }
.logo .wordmark{ display:flex; flex-direction:column; line-height:.92; }
.logo .wordmark .name{
  font-family:var(--serif); font-weight:700; font-size:23px; letter-spacing:.06em;
  color:var(--gold); 
}
.logo .wordmark .sub{
  font-family:var(--body); font-weight:600; font-size:9.5px; letter-spacing:.42em;
  color:var(--gold-soft); padding-left:3px; margin-top:1px;
}
.logo.sm .emblem{ width:30px; height:25px; }
.logo.sm .wordmark .name{ font-size:19px; }
.logo.sm .wordmark .sub{ font-size:8px; }

/* ============================================================
   HEADER / NAV
   ============================================================ */
.site-header{
  position:fixed; top:0; left:0; right:0; z-index:100;
  padding:18px 0; transition:all .4s var(--ease);
  background:linear-gradient(to bottom, rgba(10,15,21,.55), rgba(10,15,21,0));
}
.site-header.solid{
  background:rgba(12,18,25,.92); backdrop-filter:blur(14px);
  padding:11px 0; box-shadow:0 1px 0 var(--on-dark-line), 0 14px 40px -24px rgba(0,0,0,.8);
}
/* iç sayfalarda her zaman koyu zemin başlasın */
body.inner .site-header{ background:rgba(12,18,25,.92); backdrop-filter:blur(14px); box-shadow:0 1px 0 var(--on-dark-line); }
.nav-inner{ display:flex; align-items:center; justify-content:space-between; gap:24px; }
.nav-menu{ display:flex; align-items:center; gap:30px; }
.nav-menu a{
  position:relative; font-size:15px; font-weight:500; color:var(--on-dark);
  padding:6px 0; transition:color .3s var(--ease); white-space:nowrap;
}
.nav-menu a::after{
  content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px;
  background:var(--gold); transition:width .35s var(--ease);
}
.nav-menu a:hover{ color:#fff; }
.nav-menu a:hover::after, .nav-menu a.active::after{ width:100%; }
.nav-menu a.active{ color:var(--gold-soft); }
.nav-right{ display:flex; align-items:center; gap:14px; }
.nav-toggle{ display:none; width:44px; height:44px; border:1px solid var(--on-dark-line); border-radius:9px; color:var(--gold-soft); align-items:center; justify-content:center; }
.nav-toggle svg{ width:22px; height:22px; }
.nav-phone-mobile{ display:none; }

/* mobil çekmece */
.mobile-drawer{
  position:fixed; inset:0; z-index:110; pointer-events:none;
}
.mobile-drawer .backdrop{ position:absolute; inset:0; background:rgba(8,12,17,.6); opacity:0; transition:opacity .4s var(--ease); }
.mobile-drawer .panel{
  position:absolute; top:0; right:0; height:100%; width:min(82vw,360px);
  background:var(--ink); padding:26px 24px; transform:translateX(100%);
  transition:transform .42s var(--ease); display:flex; flex-direction:column; gap:8px;
  box-shadow:-30px 0 60px -30px rgba(0,0,0,.7);
}
.mobile-drawer.open{ pointer-events:auto; }
.mobile-drawer.open .backdrop{ opacity:1; }
.mobile-drawer.open .panel{ transform:translateX(0); }
.mobile-drawer .panel .top{ display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; }
.mobile-drawer .panel .close{ color:var(--on-dark-mut); width:40px; height:40px; }
.mobile-drawer .panel a.m-link{
  font-family:var(--display); font-size:19px; font-weight:600; color:var(--on-dark);
  padding:13px 4px; border-bottom:1px solid var(--on-dark-line); transition:color .25s, padding-left .25s;
}
.mobile-drawer .panel a.m-link:hover{ color:var(--gold-soft); padding-left:10px; }
.mobile-drawer .panel .btn{ margin-top:22px; }

/* ============================================================
   PLACEHOLDER GÖRSEL
   ============================================================ */
.ph{
  position:relative; width:100%; height:100%; overflow:hidden; background:#ddd6c8;
  background-image:linear-gradient(135deg,#e9e3d6 0%,#d8d0c0 55%,#cfc6b4 100%);
}
.ph::after{
  content:""; position:absolute; inset:0;
  background-image:repeating-linear-gradient(135deg, rgba(255,255,255,.18) 0 1px, transparent 1px 16px);
  mix-blend-mode:overlay;
}
.ph .ph-cap{
  position:absolute; left:0; right:0; bottom:14px; text-align:center; z-index:2;
  font-family:'Manrope',monospace; font-size:10.5px; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; color:rgba(60,52,38,.6);
}
.ph .ph-emb{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-58%);
  width:46px; height:38px; opacity:.34;
}
.ph .ph-emb path, .ph .ph-emb line{ stroke:rgba(80,68,48,.85); }
.ph.dark{ background-image:linear-gradient(140deg,#172029 0%,#0f161e 60%,#0b1117 100%); }
.ph.dark::after{ background-image:repeating-linear-gradient(135deg, rgba(255,255,255,.05) 0 1px, transparent 1px 18px); }
.ph.dark .ph-cap{ color:rgba(220,210,190,.4); }
.ph.dark .ph-emb{ opacity:.22; }
.ph.dark .ph-emb path, .ph.dark .ph-emb line{ stroke:var(--gold-soft); }
.ph-photo::after{ display:none; }

/* ============================================================
   HERO
   ============================================================ */
.hero{ position:relative; min-height:760px; display:flex; align-items:center; color:var(--on-dark); overflow:hidden; }
.hero .hero-bg{ position:absolute; inset:0; z-index:0; transform:scale(1.06); animation:kenburns 22s ease-in-out infinite alternate; }
@keyframes kenburns{ from{ transform:scale(1.06) translate(0,0);} to{ transform:scale(1.14) translate(-1.5%,-1%);} }
.hero .hero-shade{ position:absolute; inset:0; z-index:1; background:linear-gradient(105deg, rgba(10,15,21,.94) 0%, rgba(10,15,21,.74) 38%, rgba(10,15,21,.30) 70%, rgba(10,15,21,.55) 100%); }
.hero .container{ position:relative; z-index:2; padding-top:150px; padding-bottom:60px; width:100%; }
.hero h1{
  color:#fff; font-size:clamp(42px,6.6vw,92px); line-height:1.0; letter-spacing:-.015em;
  max-width:14ch; font-weight:600;
}
.hero h1 .gold-text{ color:var(--gold-soft); }
.hero .lead{ font-size:clamp(16px,1.5vw,19px); color:var(--on-dark-mut); max-width:42ch; margin-top:22px; line-height:1.55; }

/* arama kutusu */
.search-card{
  margin-top:34px; background:var(--paper); border-radius:14px; padding:7px;
  box-shadow:0 24px 60px -28px rgba(0,0,0,.55); max-width:860px;
}
.search-tabs{ display:flex; gap:4px; padding:4px 4px 8px; }
.search-tabs button{
  padding:7px 16px; border-radius:7px; font-weight:600; font-size:12.5px; color:var(--text-2);
  transition:all .3s var(--ease);
}
.search-tabs button.active{ background:var(--ink); color:#fff; }
.search-tabs button:not(.active):hover{ background:var(--cream-2); color:var(--text); }
.search-fields{ display:flex; gap:6px; flex-wrap:wrap; align-items:stretch; padding:0 4px 4px; }
.search-fields .field{ flex:1; min-width:118px; }
.search-card .select{ font-size:13px; }
.select{
  position:relative; display:flex; align-items:center; width:100%; height:42px;
  border:1px solid var(--line); border-radius:10px; padding:0 14px;
  font-size:14.5px; color:var(--text-2); background:var(--paper); cursor:pointer;
  transition:border-color .3s, box-shadow .3s;
}
.select:hover{ border-color:var(--gold); }
.select select{ -webkit-appearance:none; appearance:none; border:none; outline:none; background:none; width:100%; height:100%; font:inherit; color:inherit; cursor:pointer; padding-right:18px; }
.select .chev{ position:absolute; right:13px; width:15px; height:15px; color:var(--muted); pointer-events:none; }
.search-fields .btn{ height:42px; min-width:96px; padding:0 18px; font-size:13.5px; }

/* ============================================================
   FEATURE STRIP (ikonlar)
   ============================================================ */
.features{ background:var(--ink); color:var(--on-dark); padding:64px 0; }
.features .grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.feature{ text-align:center; padding:8px 14px; position:relative; }
.feature:not(:last-child)::after{ content:""; position:absolute; right:-10px; top:18%; height:64%; width:1px; background:var(--on-dark-line); }
.feature .ic{ width:54px; height:54px; margin:0 auto 18px; color:var(--gold-soft); display:flex; align-items:center; justify-content:center; transition:transform .4s var(--ease); }
.feature:hover .ic{ transform:translateY(-5px); }
.feature .ic svg{ width:42px; height:42px; }
.feature h3{ color:#fff; font-size:20px; margin-bottom:8px; letter-spacing:0; }
.feature p{ color:var(--on-dark-mut); font-size:14px; line-height:1.5; max-width:24ch; margin:0 auto; }

/* ============================================================
   PORTFÖY KARTLARI
   ============================================================ */
.section{ padding:84px 0; }
.section.cream{ background:var(--cream); }
.section-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:40px; }
.section-head .tt h2{ margin-top:14px; }

.cards-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.prop-card{
  background:var(--paper); border-radius:var(--radius); overflow:hidden; cursor:pointer;
  box-shadow:var(--shadow-sm); transition:transform .45s var(--ease), box-shadow .45s var(--ease);
  display:flex; flex-direction:column;
}
.prop-card:hover{ transform:translateY(-8px); box-shadow:var(--shadow); }
.prop-card .thumb{ position:relative; aspect-ratio:4/3; overflow:hidden; }
.prop-card .thumb .ph{ transition:transform .6s var(--ease); }
.prop-card:hover .thumb .ph{ transform:scale(1.07); }
.badge{
  position:absolute; top:13px; left:13px; z-index:3; padding:5px 13px; border-radius:6px;
  font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#fff;
  background:var(--ink); backdrop-filter:blur(4px);
}
.badge.kiralik{ background:var(--gold-deep); }
.badge.proje{ background:#3a4a5e; }
.prop-card .body{ padding:18px 18px 20px; display:flex; flex-direction:column; gap:6px; flex:1; }
.prop-card .loc{ font-size:12.5px; color:var(--muted); display:flex; align-items:center; gap:5px; }
.prop-card .loc svg{ width:13px; height:13px; }
.prop-card .name{ font-family:var(--display); font-weight:600; font-size:21px; letter-spacing:0; color:var(--text); }
.prop-card .meta{ display:flex; gap:14px; flex-wrap:wrap; padding-top:12px; margin-top:auto; border-top:1px solid var(--line-soft); }
.prop-card .meta span{ display:inline-flex; align-items:center; gap:5px; font-size:12.5px; color:var(--text-2); }
.prop-card .meta svg{ width:14px; height:14px; color:var(--gold-deep); }
.prop-card .price{ font-family:var(--display); font-weight:700; font-size:20px; color:var(--gold-deep); margin-top:2px; }
.prop-card .price.row{ display:flex; align-items:center; gap:6px; }
.prop-card .price.row svg{ width:14px; height:14px; }

/* yatay (liste) kart varyantı */
.prop-card.wide{ flex-direction:row; }
.prop-card.wide .thumb{ width:38%; aspect-ratio:auto; flex:none; }
.prop-card.wide .body{ flex:1; }

/* dots */
.dots{ display:flex; gap:9px; justify-content:center; margin-top:36px; }
.dots .dot{ width:9px; height:9px; border-radius:50%; background:var(--line); transition:all .3s; cursor:pointer; }
.dots .dot.active{ background:var(--gold); width:26px; border-radius:5px; }

/* ============================================================
   SAYFA BAŞLIK (iç sayfa hero)
   ============================================================ */
.page-hero{ position:relative; padding:110px 0 40px; color:var(--on-dark); overflow:hidden; min-height:220px; display:flex; align-items:flex-end; }
.page-hero .hbg{ position:absolute; inset:0; z-index:0; }
.page-hero .shade{ position:absolute; inset:0; z-index:1; background:linear-gradient(to right, rgba(10,15,21,.95) 10%, rgba(10,15,21,.55) 100%); }
.page-hero .container{ position:relative; z-index:2; }
.page-hero h1{ color:#fff; font-size:clamp(30px,4vw,46px); }
.breadcrumb{ display:flex; align-items:center; gap:9px; font-size:13.5px; color:var(--on-dark-mut); margin-top:12px; }
.breadcrumb a:hover{ color:var(--gold-soft); }
.breadcrumb svg{ width:13px; height:13px; opacity:.6; }
.breadcrumb .cur{ color:var(--gold-soft); }

/* ============================================================
   FİLTRE BAR (liste sayfaları)
   ============================================================ */
.filter-bar{ background:var(--paper); border-radius:var(--radius); box-shadow:var(--shadow-sm); padding:16px; margin-top:-40px; position:relative; z-index:5; border:1px solid var(--line-soft); }
.filter-row{ display:flex; gap:10px; flex-wrap:wrap; align-items:stretch; }
.filter-row .field{ flex:1; min-width:140px; }
.filter-row .btn{ height:52px; min-width:110px; }
.results-bar{ display:flex; justify-content:space-between; align-items:center; margin:26px 0 22px; }
.results-bar .count{ font-size:14.5px; color:var(--text-2); }
.results-bar .count b{ color:var(--text); font-weight:700; }
.results-bar .clear{ font-size:13.5px; color:var(--gold-deep); font-weight:600; display:inline-flex; gap:6px; align-items:center; transition:gap .3s; }
.results-bar .clear:hover{ gap:10px; }
.results-bar .clear svg{ width:14px; height:14px; }
.list-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }

/* sayfalama */
.pagination{ display:flex; gap:8px; justify-content:center; align-items:center; margin-top:48px; }
.pagination a{ min-width:42px; height:42px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; border-radius:9px; font-weight:600; font-size:14px; color:var(--text-2); border:1px solid var(--line); transition:all .3s var(--ease); }
.pagination a:hover{ border-color:var(--gold); color:var(--gold-deep); }
.pagination a.active{ background:var(--gold); border-color:var(--gold); color:#1c1404; }
.pagination a.nav-arrow svg{ width:16px; height:16px; }

/* ============================================================
   İLAN DETAY
   ============================================================ */
.detail-grid{ display:grid; grid-template-columns:1.5fr 1fr; gap:40px; align-items:start; }
.gallery{ display:flex; flex-direction:column; gap:12px; }
.gallery .main-img{ position:relative; aspect-ratio:16/10; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm); }
.gallery .main-img .badge{ font-size:12px; }
.gallery .more-tag{ position:absolute; right:14px; bottom:14px; background:rgba(14,20,27,.78); color:#fff; padding:7px 14px; border-radius:8px; font-size:13px; font-weight:600; z-index:3; }
.gallery .thumbs{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.gallery .thumbs .ph{ aspect-ratio:4/3; border-radius:9px; cursor:pointer; transition:transform .35s, box-shadow .35s; }
.gallery .thumbs .ph:hover{ transform:translateY(-3px); box-shadow:var(--shadow-sm); }

/* Ana resim altı thumb şeridi (galeri) — 5 görünür, ok ile kaydır */
.lg-strip-wrap{
  position:relative;
  margin-top:14px;
}
.lg-strip{
  display:flex;
  gap:10px;
  overflow-x:auto;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  padding:2px;
}
.lg-strip::-webkit-scrollbar{ display:none; }
.lg-strip > .lg-thumb{
  flex:0 0 calc((100% - 40px) / 5);
  scroll-snap-align:start;
  margin:0;
}
.lg-nav{
  position:absolute;
  top:50%; transform:translateY(-50%);
  width:38px; height:38px;
  border-radius:50%;
  border:0;
  background:rgba(255,255,255,.96);
  color:#1a1a1a;
  font-size:20px; line-height:1;
  cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  z-index:3;
  box-shadow:0 8px 20px -10px rgba(0,0,0,.4), 0 0 0 1px rgba(0,0,0,.04);
  transition:transform .15s, opacity .2s;
}
.lg-nav:hover{ transform:translateY(-50%) scale(1.08); }
.lg-nav-prev{ left:-6px; }
.lg-nav-next{ right:-6px; }
.lg-nav[disabled]{ opacity:0; pointer-events:none; }
@media (max-width:560px){
  .lg-strip > .lg-thumb{ flex:0 0 calc((100% - 24px) / 4); }
  .lg-nav{ width:32px; height:32px; font-size:18px; }
}
.lg-thumb{
  position:relative;
  aspect-ratio:4/3;
  border-radius:10px;
  overflow:hidden;
  border:0; padding:0; margin:0;
  cursor:pointer;
  background:#0e141b;
  box-shadow:0 6px 16px -10px rgba(0,0,0,.35);
  outline:2px solid transparent;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), outline-color .2s;
}
.lg-thumb:hover{ transform:translateY(-2px); box-shadow:0 12px 26px -12px rgba(0,0,0,.4); }
.lg-thumb.active{
  outline-color:var(--gold, #c5a55a);
  box-shadow:0 10px 24px -10px rgba(197,165,90,.5);
}
.lg-thumb .lg-thumb-img,
.lg-thumb video{
  position:absolute; inset:0;
  width:100%; height:100%;
  background-size:cover; background-position:center;
  object-fit:cover;
  transition:transform .6s var(--ease);
}
.lg-thumb:hover .lg-thumb-img,
.lg-thumb:hover video{ transform:scale(1.05); }
.lg-thumb .lg-thumb-play{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  font-size:18px; color:#fff;
  background:rgba(0,0,0,.32);
  pointer-events:none;
}

/* Lightbox */
.lg-lightbox{
  position:fixed; inset:0;
  background:rgba(8, 12, 17, .92);
  z-index:9999;
  display:none;
  align-items:center; justify-content:center;
  padding:60px 70px;
}
.lg-lightbox.open{ display:flex; }
.lg-stage{
  position:relative;
  max-width:100%;
  max-height:100%;
  display:flex; align-items:center; justify-content:center;
}
.lg-stage img,
.lg-stage video{
  max-width:90vw;
  max-height:84vh;
  border-radius:10px;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.6);
  background:#0e141b;
}
.lg-close, .lg-prev, .lg-next{
  position:fixed;
  width:48px; height:48px;
  border:0; border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#1a1a1a;
  font-size:24px; line-height:1;
  cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 28px -10px rgba(0,0,0,.45);
  transition:transform .15s, background .15s;
}
.lg-close{ top:20px; right:20px; font-size:28px; }
.lg-prev{ top:50%; left:18px; transform:translateY(-50%); }
.lg-next{ top:50%; right:18px; transform:translateY(-50%); }
.lg-close:hover{ transform:scale(1.08); }
.lg-prev:hover{ transform:translateY(-50%) scale(1.08); }
.lg-next:hover{ transform:translateY(-50%) scale(1.08); }
.lg-counter{
  position:fixed; bottom:22px; left:50%; transform:translateX(-50%);
  color:#fff; font-size:13px;
  background:rgba(0,0,0,.45);
  padding:7px 14px; border-radius:99px;
  letter-spacing:.06em;
}
@media (max-width:560px){
  .lg-lightbox{ padding:50px 14px; }
  .lg-prev{ left:8px; }
  .lg-next{ right:8px; }
  .lg-close{ top:12px; right:12px; }
}

/* Yeni: çoklu medya galeri (foto + video) */
.gallery .main-media{ position:absolute; inset:0; width:100%; height:100%; }
.gallery .main-photo{ background:#0e141b center/cover no-repeat; }
.gallery video.main-media{ background:#0e141b; object-fit:cover; }
/* Yatay sürüklenebilir thumb şeridi — tek satır, premium */
.gallery .thumb-wrap{ position:relative; }
.gallery .thumb-strip{
  display:flex;
  gap:10px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding:6px 2px 14px;
  scroll-behavior:smooth;
}
.gallery .thumb-strip::-webkit-scrollbar{ display:none; }
.gallery .thumb-cell{
  position:relative;
  flex:0 0 96px;
  width:96px;
  aspect-ratio:4/3;
  border-radius:10px;
  overflow:hidden;
  border:0; padding:0;
  cursor:pointer;
  background:#0e141b;
  box-shadow:0 6px 16px -10px rgba(0,0,0,.4);
  transition:transform .2s, box-shadow .25s, outline-color .2s;
  outline:2px solid transparent;
  scroll-snap-align:start;
}
.gallery .thumb-cell:hover{ transform:translateY(-2px); }
.gallery .thumb-cell.active{
  outline-color:var(--gold,#c5a55a);
  box-shadow:0 10px 26px -10px rgba(197,165,90,.5);
  transform:translateY(-2px);
}
.gallery .thumb-cell .thumb-img,
.gallery .thumb-cell video{
  position:absolute; inset:0; width:100%; height:100%;
  background-size:cover; background-position:center;
  object-fit:cover;
}
.gallery .thumb-cell .thumb-play{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  font-size:18px; color:#fff;
  background:rgba(0,0,0,.32);
  pointer-events:none;
}
/* Sol/sağ navigation okları */
.gallery .strip-nav{
  position:absolute;
  top:50%; transform:translateY(-50%);
  width:38px; height:38px;
  border-radius:50%;
  border:0;
  background:rgba(255,255,255,.96);
  color:#1a1a1a;
  cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  font-size:18px;
  z-index:3;
  box-shadow:0 8px 22px -10px rgba(0,0,0,.35), 0 0 0 1px rgba(0,0,0,.04);
  opacity:0;
  transition:opacity .2s, transform .15s;
}
.gallery .thumb-wrap:hover .strip-nav{ opacity:1; }
.gallery .strip-nav:hover{ transform:translateY(-50%) scale(1.08); }
.gallery .strip-nav.prev{ left:-6px; }
.gallery .strip-nav.next{ right:-6px; }
.gallery .strip-nav[disabled]{ opacity:0 !important; pointer-events:none; }
/* Sağa fade — kalanı çağrıştır */
.gallery .thumb-wrap::after{
  content:'';
  position:absolute; top:6px; bottom:14px; right:0;
  width:60px; pointer-events:none;
  background:linear-gradient(to right, transparent, var(--paper, #fff));
  z-index:2;
  opacity:.7;
}
.gallery .thumb-wrap.at-end::after{ opacity:0; }
@media (max-width:640px){
  .gallery .thumb-cell{ flex:0 0 78px; width:78px; border-radius:8px; }
  .gallery .strip-nav{ display:none; }
  .gallery .thumb-wrap::after{ display:none; }
}
.detail-side .loc{ font-size:14px; color:var(--muted); display:flex; gap:6px; align-items:center; }
.detail-side .loc svg{ width:15px; height:15px; }
.detail-side h1{ font-size:36px; margin:8px 0 6px; letter-spacing:-.01em; }
.detail-side .price{ font-family:var(--display); font-weight:700; font-size:34px; color:var(--gold-deep); }
.detail-side .quick{ display:flex; gap:22px; margin:20px 0; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.detail-side .quick .q{ display:flex; flex-direction:column; gap:3px; }
.detail-side .quick .q span{ font-size:12px; color:var(--muted); }
.detail-side .quick .q b{ font-family:var(--display); font-size:21px; font-weight:600; color:var(--text); display:flex; align-items:center; gap:6px; letter-spacing:0; }
.detail-side .quick .q b svg{ width:16px; height:16px; color:var(--gold-deep); }
.spec-table{ width:100%; margin-top:18px; }
.spec-table .row{ display:flex; justify-content:space-between; padding:13px 2px; font-size:14.5px; border-bottom:1px solid var(--line-soft); }
.spec-table .row span{ color:var(--text-2); }
.spec-table .row b{ font-weight:600; color:var(--text); }

.detail-desc h2{ font-size:24px; margin-bottom:14px; }
.detail-desc p{ color:var(--text-2); max-width:70ch; line-height:1.75; }
.amenities{ display:grid; grid-template-columns:repeat(5,1fr); gap:18px; margin-top:24px; }
.amenity{ text-align:center; padding:22px 12px; border:1px solid var(--line); border-radius:var(--radius-sm); transition:all .35s var(--ease); }
.amenity:hover{ border-color:var(--gold); transform:translateY(-4px); box-shadow:var(--shadow-sm); }
.amenity .ic{ width:36px; height:36px; margin:0 auto 12px; color:var(--gold-deep); }
.amenity .ic svg{ width:36px; height:36px; }
.amenity span{ font-size:13px; color:var(--text-2); font-weight:500; }

/* ============================================================
   İSTATİSTİK / NEDEN BİZ (koyu şerit)
   ============================================================ */
.stats-band{ background:var(--ink); color:var(--on-dark); border-radius:var(--radius); padding:46px 40px; margin-top:30px; }
.stats-band h2{ color:#fff; margin-bottom:30px; }
.stats-band.centered{ text-align:center; }
.stats-band.centered h2{ margin-left:auto; margin-right:auto; }
.stats-band.centered .stats-grid{ justify-items:center; }
.stats-band.centered .stat{ justify-content:center; }
.stats-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; align-items:center; }
.stat{ display:flex; gap:16px; align-items:center; text-align:left; }
.stat .ic{ width:46px; height:46px; color:var(--gold-soft); flex:none; }
.stat .ic svg{ width:46px; height:46px; }
.stat .num{ font-family:var(--display); font-weight:700; font-size:38px; color:var(--gold-soft); line-height:1; }
.stat .lbl{ font-size:13.5px; color:var(--on-dark-mut); margin-top:4px; }

/* değerler kartları */
.value-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.value-card{ background:var(--paper); border:1px solid var(--line-soft); border-radius:var(--radius); padding:30px 24px; text-align:center; transition:all .4s var(--ease); }
.value-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow); border-color:transparent; }
.value-card .ic{ width:46px; height:46px; margin:0 auto 16px; color:var(--gold-deep); }
.value-card .ic svg{ width:46px; height:46px; }
.value-card h3{ font-size:21px; margin-bottom:8px; letter-spacing:0; }
.value-card p{ font-size:13.5px; color:var(--text-2); line-height:1.55; }

/* hakkımızda intro */
.about-intro{ display:grid; grid-template-columns:1fr 1fr; gap:54px; align-items:center; }
.about-intro .txt{ text-shadow:0 1px 1px rgba(20,18,12,.05), 0 2px 6px rgba(20,18,12,.04); }
.about-intro .txt p{ color:var(--text-2); line-height:1.8; margin-top:16px; max-width:50ch; }
.about-intro .img .ph{ aspect-ratio:4/3; border-radius:var(--radius); box-shadow:var(--shadow); }

/* ============================================================
   PROJELER
   ============================================================ */
.filter-chips{ display:flex; gap:8px; flex-wrap:wrap; }
.chip{ padding:9px 20px; border-radius:9px; font-weight:600; font-size:14px; color:var(--text-2); border:1px solid var(--line); background:var(--paper); transition:all .3s var(--ease); }
.chip.active{ background:var(--ink); color:#fff; border-color:var(--ink); }
.chip:not(.active):hover{ border-color:var(--gold); color:var(--gold-deep); }
.proj-toolbar{ display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:32px; flex-wrap:wrap; }
.proj-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.proj-card{ background:var(--paper); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm); transition:all .45s var(--ease); cursor:pointer; }
.proj-card:hover{ transform:translateY(-8px); box-shadow:var(--shadow); }
.proj-card .thumb{ position:relative; aspect-ratio:16/11; overflow:hidden; }
.proj-card .thumb .ph{ transition:transform .6s var(--ease); }
.proj-card:hover .thumb .ph{ transform:scale(1.06); }
.proj-card .body{ padding:20px 22px 24px; }
.proj-card .body h3{ font-size:23px; margin-bottom:6px; letter-spacing:0; }
.proj-card .body .loc{ font-size:13px; color:var(--muted); display:flex; gap:5px; align-items:center; }
.proj-card .body .loc svg{ width:14px; height:14px; }
.proj-card .body .meta{ display:flex; gap:18px; margin-top:16px; padding-top:14px; border-top:1px solid var(--line-soft); }
.proj-card .body .meta span{ font-size:13px; color:var(--text-2); display:inline-flex; gap:6px; align-items:center; }
.proj-card .body .meta svg{ width:15px; height:15px; color:var(--gold-deep); }

/* yakında banner */
.soon{ text-align:center; padding:54px 20px; }
.soon .ic{ width:52px; height:52px; margin:0 auto 18px; color:var(--gold-deep); }
.soon .ic svg{ width:52px; height:52px; }
.soon h3{ font-size:26px; margin-bottom:10px; }
.soon p{ color:var(--text-2); max-width:46ch; margin:0 auto 24px; }

/* ============================================================
   İLETİŞİM
   ============================================================ */
.contact-grid{ display:grid; grid-template-columns:1fr 1.2fr; gap:50px; align-items:start; }
.contact-info .item{ display:flex; gap:16px; padding:18px 0; border-bottom:1px solid var(--line-soft); }
.contact-info .item .ic{ width:44px; height:44px; flex:none; border-radius:10px; background:var(--cream); color:var(--gold-deep); display:flex; align-items:center; justify-content:center; transition:all .35s var(--ease); }
.contact-info .item:hover .ic{ background:var(--gold); color:#fff; }
.contact-info .item .ic svg{ width:20px; height:20px; }
.contact-info .item .txt span{ font-size:12.5px; color:var(--muted); display:block; }
.contact-info .item .txt b{ font-weight:600; color:var(--text); font-size:15px; }
.form-card{ background:var(--paper); border:1px solid var(--line-soft); border-radius:var(--radius); padding:30px; box-shadow:var(--shadow-sm); }
.form-card h3{ font-size:21px; margin-bottom:20px; }
.input, .textarea{ width:100%; border:1px solid var(--line); border-radius:10px; padding:14px 16px; font:inherit; font-size:14.5px; color:var(--text); background:var(--paper); transition:border-color .3s, box-shadow .3s; margin-bottom:14px; }
.input:focus, .textarea:focus{ outline:none; border-color:var(--gold); box-shadow:0 0 0 3px rgba(201,162,90,.15); }
.textarea{ resize:vertical; min-height:120px; }
.form-card .btn{ width:100%; }
.map-wrap{ margin-top:30px; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm); border:1px solid var(--line-soft); }
.map-wrap iframe{ width:100%; height:340px; border:0; display:block; filter:grayscale(.2) contrast(1.02); }

/* ============================================================
   CTA ŞERİT
   ============================================================ */
.cta-band{ position:relative; overflow:hidden; border-radius:var(--radius); color:var(--on-dark); padding:48px 50px; display:flex; justify-content:space-between; align-items:center; gap:30px; flex-wrap:wrap; }
.cta-band .cbg{ position:absolute; inset:0; z-index:0; }
.cta-band .shade{ position:absolute; inset:0; z-index:1; background:linear-gradient(100deg, rgba(10,15,21,.95), rgba(10,15,21,.7)); }
.cta-band .ct, .cta-band .btn{ position:relative; z-index:2; }
.cta-band h2{ color:#fff; font-size:34px; }
.cta-band p{ color:var(--on-dark-mut); margin-top:8px; }

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{ background:var(--ink); color:var(--on-dark-mut); padding:64px 0 0; }
.footer-top{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1.4fr; gap:40px; padding-bottom:48px; }
.footer-top .col h4{ color:#fff; font-family:var(--display); font-size:15px; font-weight:600; letter-spacing:.04em; margin-bottom:20px; }
.footer-top .brand-col p{ font-size:14px; line-height:1.7; margin:18px 0 22px; max-width:34ch; }
.footer-top .col a{ display:block; font-size:14px; padding:7px 0; transition:color .25s, padding-left .25s; }
.footer-top .col a:hover{ color:var(--gold-soft); padding-left:6px; }
.footer-top .contact-line{ display:flex; gap:11px; align-items:flex-start; font-size:14px; padding:7px 0; }
.footer-top .contact-line svg{ width:16px; height:16px; color:var(--gold-soft); flex:none; margin-top:3px; }
.socials{ display:flex; gap:10px; margin-top:6px; }
.socials a{ width:40px; height:40px; border:1px solid var(--on-dark-line); border-radius:10px; display:flex; align-items:center; justify-content:center; transition:all .3s var(--ease); }
.socials a:hover{ background:var(--gold); border-color:var(--gold); color:#1c1404; transform:translateY(-3px); }
.socials svg{ width:18px; height:18px; }
.footer-bottom{ border-top:1px solid var(--on-dark-line); padding:22px 0; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; font-size:13px; }
.footer-bottom .legal{ text-align:right; }
.footer-bottom .socials{ margin-top:0; }

/* ============================================================
   SCROLL REVEAL
   ============================================================ */
.reveal{ opacity:0; transform:translateY(26px); transition:opacity .8s var(--ease), transform .8s var(--ease); }
.reveal.in{ opacity:1; transform:none; }
.reveal.d1{ transition-delay:.08s; } .reveal.d2{ transition-delay:.16s; }
.reveal.d3{ transition-delay:.24s; } .reveal.d4{ transition-delay:.32s; }
@media (prefers-reduced-motion:reduce){
  .reveal{ opacity:1; transform:none; transition:none; }
  .hero .hero-bg{ animation:none; }
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1080px){
  .cards-grid, .list-grid{ grid-template-columns:repeat(2,1fr); }
  .stats-grid{ grid-template-columns:repeat(2,1fr); gap:30px; }
  .value-grid{ grid-template-columns:repeat(2,1fr); }
  .amenities{ grid-template-columns:repeat(3,1fr); }
  .proj-grid{ grid-template-columns:repeat(2,1fr); }
  .features .grid{ grid-template-columns:repeat(2,1fr); gap:36px 20px; }
  .feature:not(:last-child)::after{ display:none; }
}
@media (max-width:980px){
  .nav-menu{ display:none; }
  .nav-toggle{ display:flex; }
  .nav-right .btn-desktop{ display:none; }
  .nav-phone-mobile{ display:flex; }
}
@media (max-width:860px){
  .detail-grid{ grid-template-columns:1fr; gap:30px; }
  .about-intro{ grid-template-columns:1fr; gap:32px; }
  .contact-grid{ grid-template-columns:1fr; gap:36px; }
  .footer-top{ grid-template-columns:1fr 1fr; gap:34px 30px; }
  .hero{ min-height:640px; }
  .hero .container{ padding-top:130px; }
}
@media (max-width:680px){
  .container{ padding:0 20px; }
  .cards-grid, .list-grid, .proj-grid{ grid-template-columns:1fr; }
  .stats-grid, .value-grid{ grid-template-columns:1fr 1fr; }
  .amenities{ grid-template-columns:repeat(2,1fr); }
  .section{ padding:60px 0; }
  .section-head{ flex-direction:column; align-items:flex-start; }
  .search-fields .field{ min-width:calc(50% - 4px); }
  .prop-card.wide{ flex-direction:column; }
  .prop-card.wide .thumb{ width:100%; aspect-ratio:4/3; }
  .cta-band{ padding:34px 26px; }
  .stats-band{ padding:34px 24px; }
  .detail-side .quick{ flex-wrap:wrap; gap:16px; }
  .footer-bottom{ grid-template-columns:1fr; justify-items:center; text-align:center; gap:18px; }
  .footer-bottom .legal{ text-align:center; }
  .footer-top{ grid-template-columns:1fr; gap:30px; }
  .search-fields .btn{ width:100%; min-width:0; }
  .filter-row .btn{ width:100%; }
  .proj-toolbar{ flex-direction:column; align-items:stretch; }
  .proj-toolbar .select{ max-width:100% !important; }
  .hero .container{ padding-top:118px; }
  .cta-band h2{ font-size:28px; }
}

/* ============================================================
   ÖNE ÇIKAN — YATAY SLIDER (kesintisiz akış)
   ============================================================ */
section[data-slider] .cards-grid{
  display:flex;
  grid-template-columns:none;
  gap:18px;
  overflow-x:auto;
  scroll-behavior:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding-bottom:6px;
}
section[data-slider] .cards-grid::-webkit-scrollbar{ display:none; }
section[data-slider] .cards-grid .prop-card{
  flex:0 0 280px;
  min-width:280px;
  max-width:280px;
}
section[data-slider] .cards-grid .prop-card .thumb{ aspect-ratio:5/4; }
section[data-slider] .cards-grid .prop-card .body{ padding:14px 15px 16px; gap:5px; }
section[data-slider] .cards-grid .prop-card .name{ font-size:18px; }
section[data-slider] .cards-grid .prop-card .price{ font-size:17px; }
section[data-slider] .cards-grid .prop-card .loc{ font-size:11.5px; }
section[data-slider] .cards-grid .prop-card .meta{ padding-top:9px; gap:11px; }
section[data-slider] .cards-grid .prop-card .meta span{ font-size:11.5px; }

@media (max-width:680px){
  section[data-slider] .cards-grid{ grid-template-columns:none; }
  section[data-slider] .cards-grid .prop-card{
    flex:0 0 78%;
    min-width:78%;
    max-width:78%;
  }
}

/* ============================================================
   ÇEREZ BANNER
   ============================================================ */
.cookie-banner{
  position:fixed; left:16px; right:16px; bottom:16px; z-index:9000;
  background:rgba(14,20,27,.96); color:var(--on-dark);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  box-shadow:0 30px 70px -28px rgba(0,0,0,.55);
  padding:18px 22px;
  transform:translateY(140%); opacity:0;
  transition:transform .55s var(--ease), opacity .35s var(--ease);
  max-width:1180px; margin:0 auto;
  backdrop-filter:blur(10px);
}
.cookie-banner.show{ transform:translateY(0); opacity:1; }
.cookie-banner .cb-inner{
  display:flex; align-items:center; gap:22px; flex-wrap:wrap;
}
.cookie-banner .cb-text{ flex:1; min-width:260px; font-size:13.5px; line-height:1.55; color:var(--on-dark-mut); }
.cookie-banner .cb-text strong{ color:var(--on-dark); display:block; margin-bottom:3px; font-size:14.5px; font-weight:600; }
.cookie-banner .cb-text a{ color:var(--gold-soft); text-decoration:underline; text-decoration-color:rgba(221,188,127,.4); text-underline-offset:3px; }
.cookie-banner .cb-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.cookie-banner .cb-actions .btn{ padding:11px 22px; font-size:13.5px; }
.cookie-banner .cb-actions .btn-outline{ border-color:rgba(255,255,255,.18); color:var(--on-dark); }
.cookie-banner .cb-actions .btn-outline:hover{ background:rgba(255,255,255,.08); color:#fff; }
@media (max-width:680px){
  .cookie-banner{ left:10px; right:10px; bottom:10px; padding:16px 18px; border-radius:13px; }
  .cookie-banner .cb-actions{ width:100%; }
  .cookie-banner .cb-actions .btn{ flex:1; }
}

/* ============================================================
   HUKUKİ SAYFA (Gizlilik / Kullanım Koşulları)
   ============================================================ */
.legal-doc{
  max-width:820px; margin:0 auto;
  font-size:15.5px; line-height:1.78; color:var(--text-2);
}
.legal-doc .legal-updated{
  font-size:12.5px; letter-spacing:.04em; color:var(--muted);
  text-transform:uppercase; font-weight:600; margin-bottom:30px;
  padding-bottom:14px; border-bottom:1px solid var(--line);
}
.legal-doc h2{
  font-family:var(--display); font-size:24px; color:var(--text);
  margin:36px 0 14px; padding-left:14px; border-left:3px solid var(--gold);
}
.legal-doc h2:first-of-type{ margin-top:0; }
.legal-doc p{ margin-bottom:16px; }
.legal-doc ul{ margin:0 0 22px 22px; padding-left:6px; }
.legal-doc ul li{ list-style:disc; margin-bottom:9px; }
.legal-doc strong{ color:var(--text); font-weight:600; }
.legal-doc a{ color:var(--gold-deep); text-decoration:underline; text-underline-offset:3px; }
.legal-doc a:hover{ color:var(--gold); }

/* ============================================================
   İLAN DETAY — YAPISAL ALAN GRIDI (sahibinden paritesi)
   ============================================================ */
.spec-table{
  display:grid; grid-template-columns:1fr 1fr; gap:0;
  border:1px solid var(--line); border-radius:12px; overflow:hidden;
  margin-top:18px; background:var(--paper);
}
.spec-table .row{
  display:grid; grid-template-columns:140px 1fr; gap:14px;
  padding:13px 18px;
  border-bottom:1px solid var(--line-soft);
  font-size:14px;
}
.spec-table .row:nth-child(odd){ background:rgba(246,243,236,.45); }
.spec-table .row .k{ color:var(--muted); font-size:12.5px; text-transform:uppercase; letter-spacing:.05em; font-weight:600; align-self:center; }
.spec-table .row .v{ color:var(--text); font-weight:500; align-self:center; }
@media (max-width:760px){
  .spec-table{ grid-template-columns:1fr; }
  .spec-table .row{ grid-template-columns:130px 1fr; padding:11px 14px; }
}

/* Footer legal links */
.footer-bottom .legal a{ color:inherit; text-decoration:none; }
.footer-bottom .legal a:hover{ color:var(--gold-soft); }

/* ============================================================
   İLAN DETAY — SPEC CHIPS (mini-card stil, sahibinden tablosunun yerine)
   ============================================================ */
.spec-chips{
  display:grid; grid-template-columns:1fr 1fr; gap:10px;
  margin-top:18px;
}
.spec-chips .chip-row{
  display:flex; align-items:center; gap:12px;
  padding:12px 14px;
  background:var(--paper, #fff);
  border:1px solid rgba(201,162,74,.18);
  border-radius:18px;
  transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);
}
.spec-chips .chip-row:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px -16px rgba(201,162,74,.55), 0 2px 6px rgba(20,15,5,.04);
  border-color:rgba(201,162,74,.35);
}
.spec-chips .chip-row .ico{
  width:34px; height:34px; flex:none;
  border-radius:10px;
  background:linear-gradient(135deg, rgba(201,162,74,.12), rgba(201,162,74,.04));
  display:flex; align-items:center; justify-content:center;
  color:var(--gold-deep);
}
.spec-chips .chip-row .ico svg{ width:17px; height:17px; }
.spec-chips .chip-row .txt{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.spec-chips .chip-row .lbl{
  font-size:10.5px; letter-spacing:.09em; text-transform:uppercase;
  color:var(--muted); font-weight:600;
}
.spec-chips .chip-row .val{
  font-size:14.5px; font-weight:600; color:var(--text);
  font-family:var(--text-font, inherit); line-height:1.3;
}
.spec-chips .chip-row.loc-row{ grid-column:1 / -1; }
.spec-chips .chip-row.loc-row .txt{ align-items:flex-start; text-align:left; }
.spec-chips .chip-row.loc-row .val.loc-val{
  font-size:13.5px;
  white-space:normal;
  word-break:keep-all;
  display:flex; flex-wrap:wrap; gap:4px 6px; justify-content:flex-start; align-items:baseline;
}
.spec-chips .chip-row.loc-row .val.loc-val .sep{
  color:var(--gold-deep); font-weight:500; opacity:.8;
}
@media (max-width:540px){
  .spec-chips{ grid-template-columns:1fr; }
}

/* ============================================================
   İLAN DETAY — AÇIKLAMA CARD + ANİMASYONLU COLLAPSE
   ============================================================ */
.descr-card{
  background:#FBF8F1;
  border:1px solid rgba(201,162,74,.22);
  border-radius:20px;
  padding:24px 28px;
}
.descr-card .descr-head{
  display:flex; justify-content:space-between; align-items:flex-start; gap:16px;
}
.descr-card .descr-head h2{ margin-bottom:0; }
.descr-card .descr-toggle{
  flex:none; width:38px; height:38px;
  border-radius:50%;
  border:1px solid rgba(201,162,74,.30);
  background:rgba(201,162,74,.06);
  color:var(--gold-deep);
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
  transition:transform .35s var(--ease), background .25s, border-color .25s;
  margin-top:6px;
}
.descr-card .descr-toggle:hover{ background:rgba(201,162,74,.14); border-color:rgba(201,162,74,.5); }
.descr-card .descr-toggle svg{ width:18px; height:18px; transition:transform .35s var(--ease); }
.descr-card .descr-body{
  position:relative;
  max-height:1600px;
  overflow:hidden;
  transition:max-height .55s cubic-bezier(.4,0,.2,1);
}
.descr-card .descr-body p{
  color:var(--text-2); line-height:1.78; margin-top:14px; max-width:70ch;
}
.descr-card.collapsed .descr-body{ max-height:180px; }
.descr-card.collapsed .descr-body::after{
  content:''; position:absolute; left:0; right:0; bottom:0; height:80px; pointer-events:none;
  background:linear-gradient(to bottom, rgba(251,248,241,0), #FBF8F1 88%);
}
.descr-card:not(.collapsed) .descr-toggle svg{ transform:rotate(180deg); }
.descr-card.no-collapse .descr-toggle{ display:none; }
.descr-card.no-collapse .descr-body{ max-height:none; }
.descr-card.no-collapse .descr-body::after{ display:none; }

/* ============================================================
   ÖNE ÇIKAN ÖZELLİKLER — PREMIUM
   ============================================================ */
.amenities{ display:grid; grid-template-columns:repeat(auto-fill, minmax(160px, 1fr)); gap:12px; margin-top:24px; }
.amenity{
  text-align:center;
  padding:16px 10px;
  background:var(--paper, #fff);
  border:1px solid rgba(201,162,74,.14);
  border-radius:14px;
  box-shadow:none;
  transition:transform .3s var(--ease), border-color .3s;
}
.amenity:hover{
  transform:translateY(-2px);
  border-color:rgba(201,162,74,.32);
}
.amenity .ic{
  width:36px; height:36px; margin:0 auto 10px;
  border-radius:0;
  background:none;
  display:flex; align-items:center; justify-content:center;
  color:var(--gold-deep);
}
.amenity:hover .ic{ background:none; }
.amenity .ic svg{ width:24px; height:24px; }
.amenity span{ font-size:12.5px; color:var(--text-2); font-weight:500; }

/* ============================================================
   LİSTELEME KARTLARI — daha kompakt, daha kibar
   ============================================================ */
.prop-card{ border-radius:18px; }
.prop-card .thumb{ aspect-ratio:5/4; }
.prop-card .body{ padding:14px 16px 16px; gap:4px; }
.prop-card .name{
  font-size:19px;
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
  overflow:hidden; text-overflow:ellipsis;
}
.prop-card .loc{ font-size:12px; }
.prop-card .loc svg{ width:12px; height:12px; }
.prop-card .meta{ padding-top:10px; gap:12px; }
.prop-card .meta span{ font-size:12px; }
.prop-card .meta svg{ width:13px; height:13px; }
.prop-card .price{ font-size:22px; font-weight:700; margin-top:6px; }

/* ============================================================
   GOOGLE İŞLETME PROFİLİ — header butonu (lang-switch solunda)
   ============================================================ */
.gbp-btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px;
  border-radius:999px;
  border:1px solid rgba(201,162,74,.35);
  background:transparent;
  color:var(--gold-deep);
  text-decoration:none;
  transition:background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);
  flex:none;
  margin-right:6px;
}
.gbp-btn:hover{
  background:rgba(201,162,74,.10);
  border-color:rgba(201,162,74,.6);
  transform:translateY(-1px);
}
.gbp-btn svg{ display:block; }
.lang-row-mobile{ display:flex; align-items:center; gap:10px; margin-top:10px; }
.lang-row-mobile .lang-switch{ margin:0; }
@media (max-width:560px){
  .gbp-btn{ width:34px; height:34px; }
}

/* Benzer ilanlar sliderı zaten compact — uyum için name biraz daha küçük, price ferah */
section[data-slider] .cards-grid .prop-card{ border-radius:16px; }
section[data-slider] .cards-grid .prop-card .name{ font-size:17px; }
section[data-slider] .cards-grid .prop-card .price{ font-size:20px; }