:root{
    --ink:#0F2545;
    --ink-soft:#183A66;
    --stone:#E9EEF4;
    --stone-dark:#D7E1EC;
    --paper:#F7F9FC;
    --olive:#2E7DBE;
    --olive-dark:#1F5D91;
    --rust:#E08A2E;
    --rust-soft:#EDA653;
    --line: rgba(15,37,69,0.14);
    --line-on-ink: rgba(247,249,252,0.20);
    --text: #101C2E;
    --text-soft: rgba(16,28,46,0.60);
    --text-on-ink: #F7F9FC;
    --text-on-ink-soft: rgba(247,249,252,0.68);
    --radius: 2px;
    --maxw: 1180px;
  }

  *,*::before,*::after{ box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  @media (prefers-reduced-motion: reduce){
    html{ scroll-behavior:auto; }
    *,*::before,*::after{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important; }
  }

  body{
    margin:0;
    background:var(--paper);
    color:var(--text);
    font-family:'Inter', sans-serif;
    font-size:16px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }

  h1,h2,h3,h4{
    font-family:'Poppins', sans-serif;
    font-weight:500;
    margin:0;
    color:inherit;
    letter-spacing:-0.01em;
  }

  em{ font-style:italic; font-family:'Poppins', sans-serif; font-weight:500; color:var(--rust-soft); }

  a{ color:inherit; text-decoration:none; }

  .mono{
    font-family:'IBM Plex Mono', monospace;
    letter-spacing:0.02em;
  }

  .eyebrow{
    font-family:'IBM Plex Mono', monospace;
    font-size:0.72rem;
    letter-spacing:0.16em;
    text-transform:uppercase;
    color:var(--rust);
    display:flex;
    align-items:center;
    gap:0.6em;
    margin-bottom:1.1em;
  }
  .eyebrow::before{
    content:"";
    width:22px; height:1px;
    background:var(--rust);
    display:inline-block;
  }

  .wrap{
    max-width:var(--maxw);
    margin:0 auto;
    padding:0 clamp(20px, 5vw, 56px);
  }

  img{ max-width:100%; display:block; }

  button{ font-family:inherit; cursor:pointer; }

  :focus-visible{
    outline:2px solid var(--rust);
    outline-offset:3px;
  }

  /* ---------- NAV ---------- */
  header.site{
    position:sticky; top:0; z-index:100;
    background:rgba(15,37,69,0.96);
    backdrop-filter:blur(10px);
    border-bottom:1px solid rgba(255,255,255,0.10);
  }
  /* Koyu üst barda yazılar açık renk olur */
  header.site .brand .name{ color:var(--text-on-ink); }
  header.site .brand .sub{ color:rgba(247,249,252,0.55); }
  header.site nav.links a{ color:rgba(247,249,252,0.86); }
  header.site nav.links a:hover{ color:#fff; }
  header.site .nav-cta{ border-color:rgba(255,255,255,0.45); color:var(--text-on-ink); }
  header.site .nav-cta:hover{ background:var(--rust); border-color:var(--rust); color:#fff; }
  header.site .nav-call{ border-color:rgba(255,255,255,0.35); color:var(--text-on-ink); }
  header.site .nav-call:hover{ background:var(--rust); border-color:var(--rust); color:#fff; }
  header.site .burger span{ background:var(--text-on-ink); }
  .nav{
    display:flex; align-items:center; justify-content:space-between;
    gap:18px;
    padding:14px clamp(20px,5vw,56px);
    max-width:var(--maxw); margin:0 auto;
  }
  .brand{
    display:flex; flex-direction:row; align-items:center; gap:12px;
    flex-shrink:0;
  }
  .brand-mark{ flex-shrink:0; display:block; width:40px; height:40px; }
  .brand-text{ display:flex; flex-direction:column; line-height:1.05; }
  .brand .name{
    font-family:'Poppins', sans-serif; font-weight:600; font-size:1.22rem;
    white-space:nowrap;
  }
  .brand .sub{
    font-family:'IBM Plex Mono', monospace; font-size:0.56rem;
    letter-spacing:0.08em; text-transform:uppercase; color:var(--text-soft);
    margin-top:3px; white-space:nowrap;
  }
  nav.links{
    display:flex; gap:clamp(10px, 1.6vw, 26px); align-items:center;
    flex-wrap:nowrap;
  }
  nav.links a{
    font-size:0.88rem; color:var(--text); position:relative; padding:4px 0;
    white-space:nowrap;
  }
  nav.links a::after{
    content:""; position:absolute; left:0; right:100%; bottom:0; height:1px;
    background:var(--rust); transition:right 0.25s ease;
  }
  nav.links a:hover::after{ right:0; }
  .nav-cta{
    border:1px solid var(--ink); padding:9px 18px; font-size:0.84rem;
    white-space:nowrap; flex-shrink:0;
  }
  .nav-cta:hover{ background:var(--ink); color:var(--paper); }
  .nav-right{ display:flex; align-items:center; gap:16px; flex-shrink:0; }
  /* Telefon numarası üst barda yazı olarak gösterilmiyor: menü ile çakışıyordu.
     Yerine kompakt bir arama ikonu var, numara ise mobil menüde ve iletişim bölümünde. */
  .nav-phone{ display:none !important; }
  .nav-call{
    display:flex; align-items:center; justify-content:center;
    width:38px; height:38px; flex-shrink:0;
    border:1px solid var(--line); border-radius:50%;
    color:var(--ink); transition:background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
  }
  .nav-call:hover{ background:var(--ink); color:var(--paper); border-color:var(--ink); }
  .nav-call svg{ display:block; }
  @media (max-width:960px){ .nav-call{ display:none; } }

  /* Orta genişlikte: alt başlık ve telefonu gizleyip menüye yer aç */
  @media (max-width:1180px){
    .brand .sub{ display:none; }
  }
  @media (max-width:1080px){
    nav.links{ gap:14px; }
    nav.links a{ font-size:0.84rem; }
  }

  .burger{
    display:none; flex-direction:column; gap:5px; background:none; border:none; padding:6px;
  }
  .burger span{ width:22px; height:1.5px; background:var(--ink); display:block; }

  /* ---------- HERO ---------- */
  /* ============================================================
     HERO — editoryal ikili düzen
     Sol: markanın tezi. Sağ: gerçek portföyden dönüşümlü ilan penceresi.
     ============================================================ */
  .hero{
    position:relative; overflow:hidden;
    background:
      radial-gradient(120% 90% at 78% 18%, #1B3F6E 0%, rgba(27,63,110,0) 62%),
      linear-gradient(178deg, #0F2545 0%, #0B1B33 100%);
    color:var(--text-on-ink);
    padding:clamp(64px,7vw,104px) 0 clamp(56px,6vw,84px);
  }
  /* İnce doku: çok hafif diyagonal tarama, düz zemini kırar */
  .hero::before{
    content:""; position:absolute; inset:0; pointer-events:none; z-index:1;
    background-image:repeating-linear-gradient(
      118deg, rgba(255,255,255,0.028) 0 1px, transparent 1px 46px);
  }
  /* Sol perde: siluet ışıkları metnin okunurluğunu bozmasın.
     Sağa doğru şeffaflaşır, böylece manzara açıkta kalır. */
  .hero::after{
    content:""; position:absolute; inset:0; pointer-events:none; z-index:1;
    background:linear-gradient(100deg,
      rgba(11,26,50,0.94) 0%,
      rgba(11,26,50,0.80) 26%,
      rgba(11,26,50,0.42) 46%,
      rgba(11,26,50,0.06) 62%,
      rgba(11,26,50,0) 74%);
  }
  @media (max-width:960px){
    /* Tek sütuna düşünce perde tüm genişliği kaplasın */
    .hero::after{
      background:linear-gradient(180deg,
        rgba(11,26,50,0.92) 0%,
        rgba(11,26,50,0.72) 46%,
        rgba(11,26,50,0.30) 74%,
        rgba(11,26,50,0) 100%);
    }
  }

  /* ---- arka plan: Mersin silueti ---- */
  .hero-skyline{
    position:absolute; left:0; right:0; bottom:0; top:0;
    z-index:0; overflow:hidden; pointer-events:none;
  }
  .hero-skyline svg{
    position:absolute; bottom:0; left:50%; transform:translateX(-50%);
    width:100%; min-width:1200px;
    height:clamp(360px, 62%, 620px);
    display:block;
  }
  /* Katmanlar uzaktan yakına doğru açılır — atmosferik derinlik */
  .hero-skyline .sky-far  > *{ fill:#183459; }
  .hero-skyline .sky-mid  > *{ fill:#1E4274; }
  .hero-skyline .sky-near > *{ fill:#26548E; }
  .hero-skyline .sky-fore > *{ fill:#2E64A6; }
  .hero-skyline .sky-lights > *{
    fill:#E89E4A;
    animation:pencereYan 5s ease-in-out infinite alternate;
  }
  .hero-skyline .sky-lights > *:nth-child(3n){   animation-delay:1.1s; }
  .hero-skyline .sky-lights > *:nth-child(3n+1){ animation-delay:2.3s; }
  .hero-skyline .sky-lights > *:nth-child(5n){   animation-delay:3.4s; }
  @keyframes pencereYan{
    0%, 55% { opacity:0.92; }
    100%    { opacity:0.32; }
  }
  @media (prefers-reduced-motion: reduce){
    .hero-skyline .sky-lights > *{ animation:none; opacity:0.75; }
  }
  @media (max-width:960px){
    .hero-skyline svg{ height:clamp(240px, 44%, 380px); }
  }

  .hero-inner{
    position:relative; z-index:2;
    display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,0.98fr);
    gap:clamp(36px,5vw,80px); align-items:center;
  }

  /* ---- sol: söz ---- */
  .hero-kas{
    display:flex; align-items:center; gap:12px;
    font-family:'IBM Plex Mono', monospace;
    font-size:0.7rem; letter-spacing:0.2em; text-transform:uppercase;
    color:var(--rust-soft); margin-bottom:26px;
  }
  .kas-cizgi{ width:34px; height:1px; background:var(--rust); flex-shrink:0; }

  .hero-baslik{
    font-family:'Poppins', sans-serif; font-weight:600;
    font-size:clamp(2.5rem, 5.2vw, 4.3rem);
    line-height:1.02; letter-spacing:-0.03em; margin:0;
  }
  .hero-baslik em{
    font-style:italic; font-weight:600;
    color:var(--rust); font-family:'Poppins', sans-serif;
  }

  .hero-lede{
    max-width:44ch; margin-top:24px;
    color:rgba(214,226,241,0.82); font-size:1.02rem; line-height:1.65;
  }

  .hero-cta-row{ display:flex; gap:12px; margin-top:34px; flex-wrap:wrap; }

  /* künye: iddiayı sayıyla destekler */
  .hero-kunye{
    display:flex; gap:clamp(24px,3vw,44px); flex-wrap:wrap;
    margin:44px 0 0; padding-top:24px;
    border-top:1px solid rgba(255,255,255,0.12);
  }
  .hero-kunye div{ margin:0; }
  .hero-kunye dt{
    font-family:'IBM Plex Mono', monospace; font-size:0.64rem;
    letter-spacing:0.14em; text-transform:uppercase;
    color:rgba(190,208,230,0.6); margin-bottom:7px;
  }
  .hero-kunye dd{
    margin:0; font-family:'Poppins', sans-serif; font-weight:600;
    font-size:1.32rem; color:#fff; letter-spacing:-0.01em;
  }

  /* ---- sağ: portföy penceresi (imza öğe) ---- */
  /* ============================================================
     PORTFÖY MOZAİĞİ
     Tek ilan yerine pazar genişliği gösterilir: her karo bir ilçe.
     Asimetrik düzen, editoryal bir his verir ve tıklanabilir.
     ============================================================ */
  .mozaik{
    position:relative;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    grid-template-rows:repeat(3, 1fr);
    gap:10px;
    aspect-ratio:1/1.06;
  }
  /* Asimetrik yerleşim: büyük karo sol üstte, diğerleri çevresinde */
  .karo-1{ grid-column:1 / 3; grid-row:1 / 3; }
  .karo-2{ grid-column:3 / 4; grid-row:1 / 2; }
  .karo-3{ grid-column:3 / 4; grid-row:2 / 3; }
  .karo-4{ grid-column:1 / 2; grid-row:3 / 4; }
  .karo-5{ grid-column:2 / 4; grid-row:3 / 4; }

  .mozaik-karo{
    position:relative; overflow:hidden; display:block;
    background:#0B1B33; color:inherit;
    box-shadow:0 18px 42px -26px rgba(0,0,0,0.8);
  }
  .mozaik-karo img{
    width:100%; height:100%; object-fit:cover; display:block;
    transition:transform 0.9s cubic-bezier(.2,.7,.3,1), filter 0.5s ease;
    filter:saturate(0.85) brightness(0.88);
  }
  .mozaik-karo:hover img{
    transform:scale(1.07);
    filter:saturate(1) brightness(1);
  }
  .karo-perde{
    position:absolute; inset:0;
    background:linear-gradient(to top,
      rgba(8,20,40,0.90) 0%,
      rgba(8,20,40,0.45) 34%,
      rgba(8,20,40,0.04) 66%);
    transition:opacity 0.4s ease;
  }
  .mozaik-karo:hover .karo-perde{ opacity:0.72; }

  .karo-yazi{
    position:absolute; left:16px; right:14px; bottom:13px;
    display:flex; flex-direction:column; gap:3px; z-index:2;
  }
  .karo-yazi b{
    font-family:'Poppins', sans-serif; font-weight:600;
    font-size:1.02rem; color:#fff; letter-spacing:-0.01em;
    line-height:1.15;
  }
  .karo-yazi i{
    font-style:normal; font-family:'IBM Plex Mono', monospace;
    font-size:0.66rem; letter-spacing:0.1em; text-transform:uppercase;
    color:var(--rust-soft);
  }
  /* Büyük karoda tipografi de büyür */
  .karo-1 .karo-yazi b{ font-size:1.5rem; }
  .karo-1 .karo-yazi{ left:22px; bottom:20px; }

  /* İnce turuncu üst çizgi — markanın imzası */
  .mozaik-karo::before{
    content:""; position:absolute; left:0; top:0; height:3px; width:0;
    background:var(--rust); z-index:3;
    transition:width 0.5s cubic-bezier(.2,.7,.3,1);
  }
  .karo-1::before{ width:56px; }
  .mozaik-karo:hover::before{ width:100%; }

  /* Mozaik başlığı: sayı iddiadan daha ikna edicidir.
     Karoların üstünde durur, hiçbir görseli kapatmaz. */
  .mozaik-sarmal{ display:flex; flex-direction:column; gap:14px; }
  .mozaik-baslik{
    display:flex; align-items:baseline; justify-content:space-between;
    gap:16px; padding-bottom:12px;
    border-bottom:1px solid rgba(255,255,255,0.14);
  }
  .mozaik-etiket{
    font-family:'IBM Plex Mono', monospace; font-size:0.64rem;
    letter-spacing:0.18em; text-transform:uppercase;
    color:rgba(200,216,236,0.66);
  }
  .mozaik-ozet{
    font-family:'IBM Plex Mono', monospace; font-size:0.7rem;
    letter-spacing:0.06em; color:rgba(214,226,241,0.8); white-space:nowrap;
  }
  .mozaik-ozet b{
    font-family:'Poppins', sans-serif; font-weight:700;
    font-size:1.02rem; color:var(--rust); letter-spacing:-0.01em;
  }

  /* ---- hero mobil ---- */
  @media (max-width:940px){
    .hero{ padding-top:clamp(48px,8vw,72px); }
    .hero-inner{ grid-template-columns:1fr; gap:38px; }
    .hero-baslik{ font-size:clamp(2.2rem,8.6vw,3.1rem); }
    .hero-lede{ max-width:100%; font-size:0.97rem; }
    .hero-kunye{ margin-top:34px; gap:26px; }
    .hero-kunye dd{ font-size:1.16rem; }
    /* Mozaik dar ekranda yatay düzene geçer */
    .mozaik{ aspect-ratio:4/3; gap:8px; }
    .karo-1 .karo-yazi b{ font-size:1.3rem; }
    .mozaik-ozet{ font-size:0.66rem; }
  }
  @media (max-width:560px){
    /* Beş karo dar ekranda sıkışmasın: üçe düşer, düzen sadeleşir */
    .mozaik{
      grid-template-columns:repeat(2, 1fr);
      grid-template-rows:repeat(2, 1fr);
      aspect-ratio:1/0.92;
    }
    .karo-1{ grid-column:1 / 3; grid-row:1 / 2; }
    .karo-2{ grid-column:1 / 2; grid-row:2 / 3; }
    .karo-3{ grid-column:2 / 3; grid-row:2 / 3; }
    .karo-4, .karo-5{ display:none; }
    .karo-yazi{ left:13px; bottom:11px; }
    .karo-yazi b{ font-size:0.95rem; }
  }
  @media (max-width:440px){
    .hero-cta-row{ flex-direction:column; }
    .hero-cta-row .btn{ width:100%; justify-content:center; }
    .hero-kunye{ gap:20px; }
    .hero-kunye div{ min-width:82px; }
  }

  @media (prefers-reduced-motion: reduce){
    .mozaik-karo img{ transition:none; }
    .mozaik-karo:hover img{ transform:none; }
  }

  .btn{
    display:inline-flex; align-items:center; gap:10px;
    padding:14px 26px; font-size:0.92rem; border:1px solid currentColor;
    transition:all 0.2s ease;
  }
  .btn-primary{ background:var(--rust); border-color:var(--rust); color:var(--paper); }
  .btn-primary:hover{ background:var(--rust-soft); border-color:var(--rust-soft); }
  .btn-ghost{ color:var(--text-on-ink); }
  .btn-ghost:hover{ background:rgba(251,249,244,0.08); }
  .btn-dark{ color:var(--ink); border-color:var(--ink); }
  .btn-dark:hover{ background:var(--ink); color:var(--paper); }

  /* search / filter panel */
  .panel{
    position:relative; z-index:3;
    background:var(--paper); color:var(--text);
    margin-top:clamp(44px,6vw,70px);
    padding:22px clamp(18px,3vw,32px);
    display:grid; grid-template-columns:repeat(4,1fr) auto;
    gap:0;
    box-shadow:0 30px 60px -30px rgba(0,0,0,0.45);
  }
  .panel-field{
    padding:0 22px; border-right:1px solid var(--line);
    display:flex; flex-direction:column; gap:6px;
  }
  .panel-field:first-child{ padding-left:0; }
  .panel-field label{
    font-family:'IBM Plex Mono', monospace; font-size:0.62rem; letter-spacing:0.1em;
    text-transform:uppercase; color:var(--text-soft);
  }
  .panel-field select{
    border:none; background:none; font-family:'Inter', sans-serif; font-size:0.92rem;
    color:var(--text); padding:0; appearance:none;
  }
  .panel-go{
    background:var(--ink); color:var(--paper); border:none; padding:0 30px;
    font-size:0.86rem; display:flex; align-items:center; gap:8px;
  }
  .panel-go:hover{ background:var(--ink-soft); }

  @media (max-width:860px){
    .panel{ grid-template-columns:1fr 1fr; row-gap:18px; column-gap:18px; }
    .panel-field{ border-right:none; padding:0; }
    .panel-go{ grid-column:1 / -1; padding:14px; justify-content:center; margin-top:6px; }
  }
  @media (max-width:480px){
    .panel{ grid-template-columns:1fr; }
  }

  /* ---------- SECTION SHELLS ---------- */
  section{ padding:clamp(70px,10vw,110px) 0; }
  .section-head{
    display:flex; justify-content:space-between; align-items:flex-end; gap:30px;
    margin-bottom:clamp(40px,6vw,64px); flex-wrap:wrap;
  }
  .section-head h2{ font-size:clamp(1.9rem, 3.4vw, 2.7rem); max-width:16ch; }
  .section-head p{ max-width:34ch; color:var(--text-soft); font-size:0.96rem; }

  /* ---------- STATS ---------- */
  .stats{ background:var(--stone); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .stats .wrap{
    display:grid; grid-template-columns:repeat(4,1fr);
    padding-top:clamp(36px,5vw,54px); padding-bottom:clamp(36px,5vw,54px);
  }
  .stat{ padding:0 22px; border-left:1px solid var(--line); }
  .stat:first-child{ border-left:none; padding-left:0; }
  .stat .num{ font-family:'Poppins', sans-serif; font-size:clamp(2rem,3.6vw,2.9rem); font-weight:500; color:var(--ink); }
  .stat .label{ font-family:'IBM Plex Mono', monospace; font-size:0.7rem; letter-spacing:0.06em; color:var(--text-soft); margin-top:8px; }
  @media (max-width:760px){
    .stats .wrap{ grid-template-columns:1fr 1fr; row-gap:26px; }
    .stat:nth-child(3){ border-left:none; }
  }

  /* ---------- LISTINGS ---------- */
  .listings-bar{
    display:flex; gap:10px; flex-wrap:wrap; margin-bottom:36px;
  }
  .chip{
    font-family:'IBM Plex Mono', monospace; font-size:0.74rem;
    border:1px solid var(--line); padding:8px 16px; background:none; color:var(--text-soft);
    transition:all 0.15s ease;
  }
  .chip.active, .chip:hover{ border-color:var(--ink); color:var(--ink); background:var(--stone); }

  .grid-listings{
    display:grid; grid-template-columns:repeat(3, 1fr); gap:2px;
    background:var(--line);
    border:1px solid var(--line);
  }
  @media (max-width:920px){ .grid-listings{ grid-template-columns:1fr 1fr; } }
  @media (max-width:620px){ .grid-listings{ grid-template-columns:1fr; } }

  .card{
    background:var(--paper); padding:0; display:flex; flex-direction:column;
    transition:transform 0.25s ease;
  }
  .card-plot{
    aspect-ratio:4/3; position:relative; overflow:hidden;
    background:linear-gradient(160deg,#E4DFCF, #CFCBB6);
  }
  .card-plot svg{ position:absolute; inset:0; width:100%; height:100%; }
  .card-plot .status{
    position:absolute; top:14px; left:14px; z-index:2;
    font-family:'IBM Plex Mono', monospace; font-size:0.64rem; letter-spacing:0.08em;
    text-transform:uppercase; background:var(--ink); color:var(--paper); padding:5px 10px;
  }
  .card-plot .stamp{
    position:absolute; bottom:12px; right:12px; z-index:2;
    width:56px; height:56px; border:1px solid rgba(20,38,46,0.4); border-radius:50%;
    display:flex; align-items:center; justify-content:center; text-align:center;
    font-family:'IBM Plex Mono', monospace; font-size:0.5rem; line-height:1.25;
    color:var(--ink-soft); background:rgba(251,249,244,0.55);
  }
  .card-body{ padding:24px; display:flex; flex-direction:column; gap:12px; flex:1; color:inherit; }
  a.card-body:hover{ text-decoration:none; }
  a.card-body:hover .card-title{ color:var(--rust); }
  .card-title{ transition:color 0.18s ease; }
  .card-more{
    font-family:'IBM Plex Mono', monospace; font-size:0.7rem; letter-spacing:0.06em;
    color:var(--rust); margin-top:2px; opacity:0; transform:translateX(-4px);
    transition:opacity 0.2s ease, transform 0.2s ease;
  }
  a.card-body:hover .card-more{ opacity:1; transform:translateX(0); }
  @media (hover:none){ .card-more{ opacity:1; transform:none; } }
  .card-region{ font-family:'IBM Plex Mono', monospace; font-size:0.68rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--rust); }
  .card-title{ font-size:1.24rem; }
  .card-desc{ font-size:0.88rem; color:var(--text-soft); flex:1; }
  .card-foot{
    display:flex; justify-content:space-between; align-items:center;
    border-top:1px solid var(--line); padding-top:14px; margin-top:4px;
  }
  .card-parcel{ font-family:'IBM Plex Mono', monospace; font-size:0.72rem; color:var(--text-soft); }
  .card-price{ font-family:'Poppins', sans-serif; font-weight:500; font-size:1.05rem; }

  .listings-more{ text-align:center; margin-top:44px; }

  /* ---------- RENTAL CARD GALLERY ---------- */
  .card-plot.gallery{ cursor:pointer; }
  .card-plot.gallery img{ width:100%; height:100%; object-fit:cover; display:block; }
  .card-plot .photo-count{
    position:absolute; bottom:12px; left:12px; z-index:2;
    font-family:'IBM Plex Mono', monospace; font-size:0.68rem;
    background:rgba(20,38,46,0.72); color:var(--paper); padding:5px 10px;
    display:flex; align-items:center; gap:5px;
  }
  .card-plot .photo-count::before{ content:"⛶"; font-size:0.8rem; }
  .card-tags{ display:flex; gap:6px; flex-wrap:wrap; margin-top:2px; }
  .card-tag{
    font-family:'IBM Plex Mono', monospace; font-size:0.62rem; letter-spacing:0.03em;
    color:var(--text-soft); border:1px solid var(--line); padding:3px 8px;
  }

  /* ---------- LIGHTBOX ---------- */
  .lightbox{
    position:fixed; inset:0; z-index:1000; background:rgba(15,20,19,0.94);
    display:none; align-items:center; justify-content:center;
  }
  .lightbox.open{ display:flex; }
  .lb-img{ max-width:88vw; max-height:82vh; object-fit:contain; box-shadow:0 20px 60px rgba(0,0,0,0.5); }
  .lb-close{
    position:absolute; top:22px; right:26px; background:none; border:none;
    color:var(--text-on-ink); font-size:1.6rem; line-height:1; padding:8px;
  }
  .lb-nav{
    position:absolute; top:50%; transform:translateY(-50%);
    background:rgba(251,249,244,0.08); border:1px solid var(--line-on-ink); color:var(--text-on-ink);
    font-size:2rem; width:52px; height:52px; line-height:1; border-radius:50%;
  }
  .lb-nav:hover{ background:rgba(251,249,244,0.18); }
  .lb-prev{ left:20px; } .lb-next{ right:20px; }
  .lb-count{
    position:absolute; bottom:24px; left:50%; transform:translateX(-50%);
    color:var(--text-on-ink-soft); font-size:0.78rem;
  }
  @media (max-width:640px){
    .lb-nav{ width:40px; height:40px; font-size:1.5rem; }
    .lb-prev{ left:8px; } .lb-next{ right:8px; }
  }

  /* ---------- REGIONS ---------- */
  .regions{ background:var(--ink); color:var(--text-on-ink); }
  .regions .section-head p{ color:var(--text-on-ink-soft); }
  .region-list{ border-top:1px solid var(--line-on-ink); }
  .region-row{
    display:grid; grid-template-columns:60px 1.3fr 2fr auto;
    align-items:center; gap:24px;
    padding:26px 0; border-bottom:1px solid var(--line-on-ink);
    transition:padding-left 0.25s ease;
  }
  .region-row:hover{ padding-left:14px; }
  .region-row .rn{ font-family:'IBM Plex Mono', monospace; color:var(--text-on-ink-soft); font-size:0.8rem; }
  .region-row h3{ font-size:1.4rem; font-weight:500; }
  .region-row p{ color:var(--text-on-ink-soft); font-size:0.88rem; margin:0; }
  .region-row .coord{ font-family:'IBM Plex Mono', monospace; font-size:0.68rem; color:var(--text-on-ink-soft); white-space:nowrap; }
  @media (max-width:760px){
    .region-row{ grid-template-columns:40px 1fr; row-gap:8px; }
    .region-row .coord{ display:none; }
    .region-row p{ grid-column:2/3; }
  }

  /* ---------- PROCESS ---------- */
  .process-list{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-top:1px solid var(--line); }
  .process-item{ padding:30px 26px 30px 0; border-right:1px solid var(--line); position:relative; }
  .process-item:last-child{ border-right:none; }
  .process-item .pn{ font-family:'IBM Plex Mono', monospace; font-size:0.72rem; color:var(--rust); }
  .process-item h3{ font-size:1.14rem; margin-top:14px; margin-bottom:10px; }
  .process-item p{ font-size:0.86rem; color:var(--text-soft); }
  .team-grid{ grid-template-columns:repeat(3,1fr); }
  @media (max-width:860px){
    .process-list{ grid-template-columns:1fr; }
    .process-item{ border-right:none; border-bottom:1px solid var(--line); padding:26px 0; }
    .process-item:last-child{ border-bottom:none; }
  }

  /* ---------- TESTIMONIALS ---------- */
  .testimonials{ background:var(--stone); }
  .t-grid{ display:grid; grid-template-columns:1.1fr 1fr; gap:60px; align-items:start; }
  .t-quote{ font-family:'Poppins', sans-serif; font-style:italic; font-size:clamp(1.3rem,2.4vw,1.7rem); line-height:1.4; }
  .t-name{ margin-top:20px; font-family:'IBM Plex Mono', monospace; font-size:0.76rem; color:var(--text-soft); }
  .t-side{ border-left:1px solid var(--line); padding-left:40px; display:flex; flex-direction:column; gap:26px; }
  .t-mini p{ font-size:0.88rem; color:var(--text-soft); margin:6px 0 0; }
  .t-mini .t-name-mini{ font-family:'IBM Plex Mono', monospace; font-size:0.74rem; color:var(--ink); }
  @media (max-width:860px){ .t-grid{ grid-template-columns:1fr; gap:36px; } .t-side{ border-left:none; padding-left:0; border-top:1px solid var(--line); padding-top:26px; } }

  /* ---------- ABOUT ---------- */
  .about-grid{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:70px; align-items:center; }
  .about-figure{
    aspect-ratio:3/4; background:linear-gradient(200deg,#DFDACB,#8E9678);
    position:relative; overflow:hidden;
  }
  .about-figure svg{ position:absolute; inset:0; width:100%; height:100%; }
  .about-text p{ color:var(--text-soft); font-size:0.98rem; margin-top:18px; }
  .about-text h2{ font-size:clamp(1.9rem,3vw,2.5rem); }
  .about-list{ margin-top:28px; display:flex; flex-direction:column; gap:14px; }
  .about-list li{ list-style:none; display:flex; gap:14px; font-size:0.9rem; align-items:baseline; }
  .about-list li::before{ content:"—"; color:var(--rust); font-family:'IBM Plex Mono', monospace; }
  @media (max-width:860px){ .about-grid{ grid-template-columns:1fr; gap:36px; } }

  /* ---------- CONTACT ---------- */
  .contact{ background:var(--ink); color:var(--text-on-ink); }
  .contact .section-head p{ color:var(--text-on-ink-soft); }
  .c-grid{ display:grid; grid-template-columns:1fr 1fr; gap:70px; }
  .c-info dl{ margin:0; }
  .c-info dt{ font-family:'IBM Plex Mono', monospace; font-size:0.68rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-on-ink-soft); margin-top:26px; }
  .c-info dt:first-child{ margin-top:0; }
  .c-info dd{ margin:6px 0 0; font-size:1.05rem; }
  .field{ margin-bottom:20px; display:flex; flex-direction:column; gap:8px; }
  .field label{ font-family:'IBM Plex Mono', monospace; font-size:0.68rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--text-on-ink-soft); }
  .field input, .field textarea{
    background:transparent; border:none; border-bottom:1px solid var(--line-on-ink);
    color:var(--text-on-ink); font-family:'Inter', sans-serif; font-size:0.98rem; padding:10px 0;
    resize:vertical;
  }
  .field input::placeholder, .field textarea::placeholder{ color:rgba(243,239,228,0.35); }
  .field input:focus, .field textarea:focus{ outline:none; border-bottom-color:var(--rust-soft); }
  .contact form .btn{ margin-top:8px; width:100%; justify-content:center; }
  /* ---------- SABİT WHATSAPP BUTONU ---------- */
  .wa-float{
    position:fixed; right:22px; bottom:22px; z-index:900;
    display:flex; align-items:center; gap:0;
    background:#25D366; color:#fff;
    padding:14px; border-radius:999px;
    box-shadow:0 8px 26px rgba(0,0,0,0.28);
    transition:gap 0.28s ease, padding 0.28s ease, background 0.2s ease;
    overflow:hidden;
  }
  .wa-float:hover{ background:#1FB855; gap:10px; padding:14px 22px 14px 16px; }
  .wa-float svg{ flex-shrink:0; display:block; }
  .wa-label{
    max-width:0; opacity:0; white-space:nowrap;
    font-size:0.92rem; font-weight:600; font-family:'Poppins', sans-serif;
    transition:max-width 0.28s ease, opacity 0.22s ease;
  }
  .wa-float:hover .wa-label{ max-width:140px; opacity:1; }
  @media (max-width:640px){
    .wa-float{ right:16px; bottom:16px; padding:13px; }
    .wa-float:hover{ padding:13px; gap:0; }
    .wa-float:hover .wa-label{ max-width:0; opacity:0; }
  }

  .form-alert{
    padding:14px 16px; margin-bottom:22px; font-size:0.9rem; line-height:1.5;
    border:1px solid;
  }
  .form-ok{ background:rgba(46,125,190,0.16); border-color:var(--olive); color:var(--text-on-ink); }
  .form-err{ background:rgba(224,138,46,0.16); border-color:var(--rust); color:var(--text-on-ink); }
  @media (max-width:860px){ .c-grid{ grid-template-columns:1fr; gap:44px; } }

  /* ---------- FOOTER ---------- */
  /* Alt bilgi şeridi, üst bar ve sosyal medya görselleriyle aynı
     lacivert zemini kullanır — logo doğrudan üzerinde durur. */
  footer{ padding:50px 0 34px; background:var(--ink); color:var(--text-on-ink); }
  .f-top{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:30px; padding-bottom:34px; border-bottom:1px solid var(--line-on-ink); }
  .f-brand .name{ font-family:'Poppins', sans-serif; font-size:1.3rem; color:var(--text-on-ink); }
  .f-brand .tag{ font-family:'IBM Plex Mono', monospace; font-size:0.7rem; color:var(--rust-soft); margin-top:6px; letter-spacing:0.06em; }
  .f-cols{ display:flex; gap:60px; flex-wrap:wrap; }
  .f-col h4{ font-family:'IBM Plex Mono', monospace; font-size:0.66rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--text-on-ink-soft); margin-bottom:14px; font-weight:500; }
  .f-col a, .f-col span{ display:block; font-size:0.86rem; margin-bottom:9px; color:var(--text-on-ink-soft); }
  .f-col a:hover{ color:var(--rust-soft); }
  .f-col a:hover{ color:var(--rust); }
  .f-bottom{ display:flex; justify-content:space-between; padding-top:24px; font-family:'IBM Plex Mono', monospace; font-size:0.72rem; color:var(--text-on-ink-soft); flex-wrap:wrap; gap:10px; }

  /* ---------- REVEAL ---------- */
  .reveal{ opacity:0; transform:translateY(18px); transition:opacity 0.7s ease, transform 0.7s ease; }
  .reveal.in{ opacity:1; transform:translateY(0); }

  /* Menü içindeki telefon linki yalnızca açılır mobil menüde görünsün */
  .nav-menu-phone{ display:none; }

  /* ---------- NAV MOBILE ---------- */
  /* Menü, sıkışmaya başlamadan önce hamburger'e dönsün */
  @media (max-width:960px){
    nav.links{ display:none; }
    .burger{ display:flex; }
    nav.links.open{
      display:flex; flex-direction:column; position:absolute; top:100%; left:0; right:0;
      background:rgba(15,37,69,0.98); border-bottom:1px solid rgba(255,255,255,0.10);
      padding:20px clamp(20px,5vw,56px) 26px; gap:16px;
      box-shadow:0 14px 30px -18px rgba(0,0,0,0.5);
    }
    nav.links.open a{ font-size:1rem; padding:6px 0; }
    nav.links.open .nav-menu-phone{
      display:block; color:var(--rust-soft); font-weight:600;
      padding-top:14px; margin-top:6px; border-top:1px solid rgba(255,255,255,0.14);
    }
  }

  /* Küçük telefonlarda marka yazısını sadeleştir */
  @media (max-width:420px){
    .brand .name{ font-size:1.05rem; }
    .brand-mark{ width:34px; height:34px; }
    .nav-cta{ padding:8px 13px; font-size:0.78rem; }
    .nav{ gap:10px; padding-left:16px; padding-right:16px; }
    .nav-right{ gap:10px; }
  }

  /* ============================================================
     İLAN DETAY SAYFASI
     ============================================================ */
  .detail-wrap{ padding-top:clamp(30px,5vw,48px); padding-bottom:clamp(60px,9vw,100px); }

  .breadcrumb{
    font-family:'IBM Plex Mono', monospace; font-size:0.72rem; letter-spacing:0.04em;
    color:var(--text-soft); margin-bottom:26px;
  }
  .breadcrumb a{ color:var(--text-soft); }
  .breadcrumb a:hover{ color:var(--rust); }
  .breadcrumb span{ margin:0 8px; opacity:0.5; }

  .detail-head{ margin-bottom:30px; }
  .detail-badges{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
  .badge-pill{
    font-family:'IBM Plex Mono', monospace; font-size:0.68rem; letter-spacing:0.08em;
    text-transform:uppercase; padding:6px 12px; border:1px solid var(--line);
  }
  .badge-sale{ background:var(--ink); color:var(--paper); border-color:var(--ink); }
  .badge-rent{ background:var(--rust); color:#fff; border-color:var(--rust); }
  .detail-head h1{
    font-size:clamp(1.7rem, 3.4vw, 2.6rem); line-height:1.15; margin-bottom:12px;
  }
  .detail-loc{
    font-family:'IBM Plex Mono', monospace; font-size:0.82rem; color:var(--rust);
    letter-spacing:0.04em;
  }

  .detail-grid{
    display:grid; grid-template-columns:1.55fr 1fr; gap:clamp(28px,4vw,52px);
    align-items:start;
  }
  @media (max-width:900px){ .detail-grid{ grid-template-columns:1fr; } }

  /* --- galeri --- */
  .gal-main{
    position:relative; aspect-ratio:4/3; background:var(--stone);
    overflow:hidden; border:1px solid var(--line); cursor:zoom-in;
  }
  .gal-main img{ width:100%; height:100%; object-fit:cover; display:block; }
  .gal-main .gal-count{
    position:absolute; bottom:14px; left:14px;
    font-family:'IBM Plex Mono', monospace; font-size:0.7rem;
    background:rgba(15,37,69,0.78); color:#fff; padding:6px 12px;
  }
  .gal-arrow{
    position:absolute; top:50%; transform:translateY(-50%);
    width:44px; height:44px; border-radius:50%; border:none;
    background:rgba(255,255,255,0.9); color:var(--ink);
    font-size:1.5rem; line-height:1; display:flex; align-items:center; justify-content:center;
    box-shadow:0 3px 12px rgba(0,0,0,0.16);
  }
  .gal-arrow:hover{ background:#fff; }
  .gal-prev{ left:12px; } .gal-next{ right:12px; }

  .gal-thumbs{
    display:grid; grid-template-columns:repeat(auto-fill, minmax(88px,1fr));
    gap:8px; margin-top:10px;
  }
  .gal-thumbs button{
    aspect-ratio:4/3; padding:0; border:1px solid var(--line); background:var(--stone);
    overflow:hidden; opacity:0.62; transition:opacity 0.18s ease, border-color 0.18s ease;
  }
  .gal-thumbs button img{ width:100%; height:100%; object-fit:cover; display:block; }
  .gal-thumbs button.active{ opacity:1; border-color:var(--rust); }
  .gal-thumbs button:hover{ opacity:1; }

  .no-photo{
    aspect-ratio:4/3; border:1px dashed var(--line); background:var(--stone);
    display:flex; align-items:center; justify-content:center;
    color:var(--text-soft); font-size:0.9rem;
  }

  /* --- yan panel --- */
  .detail-aside{ position:sticky; top:96px; }
  .price-card{
    background:var(--ink); color:var(--text-on-ink); padding:28px; margin-bottom:18px;
  }
  .price-card .lbl{
    font-family:'IBM Plex Mono', monospace; font-size:0.66rem; letter-spacing:0.1em;
    text-transform:uppercase; color:var(--text-on-ink-soft); margin-bottom:8px;
  }
  .price-card .val{
    font-family:'Poppins', sans-serif; font-weight:600;
    font-size:clamp(1.5rem,2.6vw,2rem); line-height:1.15;
  }
  .price-card .ref{
    font-family:'IBM Plex Mono', monospace; font-size:0.7rem;
    color:var(--text-on-ink-soft); margin-top:14px;
    padding-top:14px; border-top:1px solid var(--line-on-ink);
  }
  .cta-stack{ display:flex; flex-direction:column; gap:10px; }
  .cta-stack .btn{ width:100%; justify-content:center; }
  .btn-wa{ background:#25D366; border-color:#25D366; color:#fff; }
  .btn-wa:hover{ background:#1FB855; border-color:#1FB855; }

  /* --- özellik tablosu --- */
  .spec-table{ width:100%; border-collapse:collapse; margin-top:8px; }
  .spec-table tr{ border-bottom:1px solid var(--line); }
  .spec-table td{ padding:13px 0; font-size:0.92rem; vertical-align:top; }
  .spec-table td:first-child{
    font-family:'IBM Plex Mono', monospace; font-size:0.7rem; letter-spacing:0.05em;
    text-transform:uppercase; color:var(--text-soft); width:46%;
  }

  .detail-section{ margin-top:44px; }
  .detail-section h2{
    font-size:1.25rem; margin-bottom:16px;
    padding-bottom:12px; border-bottom:1px solid var(--line);
  }
  .detail-desc{ font-size:0.98rem; color:var(--text-soft); line-height:1.75; white-space:pre-line; }

  .tag-row{ display:flex; gap:8px; flex-wrap:wrap; }
  .tag-row span{
    font-family:'IBM Plex Mono', monospace; font-size:0.72rem;
    border:1px solid var(--line); padding:7px 13px; color:var(--text-soft);
  }

  /* --- benzer ilanlar --- */
  .similar{ background:var(--stone); border-top:1px solid var(--line); }

  /* --- 404 --- */
  .notfound{ text-align:center; padding:clamp(70px,12vw,130px) 0; }
  .notfound h1{ font-size:clamp(1.8rem,4vw,2.6rem); margin-bottom:14px; }
  .notfound p{ color:var(--text-soft); margin-bottom:28px; }

  /* ============================================================
     MOBİL GENEL DÜZELTMELER
     ============================================================ */
  @media (max-width:860px){
    .section-head{ flex-direction:column; align-items:flex-start; gap:16px; }
    .section-head h2{ max-width:100%; }
    .section-head p{ max-width:100%; }
    .listings-bar{ gap:8px; }
    .chip{ font-size:0.7rem; padding:7px 13px; }
  }

  @media (max-width:640px){
    /* İlan detay sayfası */
    .detail-aside{ position:static; }
    .gal-thumbs{ grid-template-columns:repeat(auto-fill, minmax(68px,1fr)); }
    .breadcrumb{ font-size:0.66rem; line-height:1.9; }
    .price-card{ padding:22px; }
    .spec-table td{ font-size:0.88rem; padding:11px 0; }
    /* Uzun başlıklar taşmasın */
    .detail-head h1{ font-size:1.55rem; }
    .card-title{ font-size:1.1rem; }
  }

  /* Taşmayı kesin olarak engelle */
  img, video{ max-width:100%; height:auto; }
  body{ overflow-x:hidden; }
  .wrap{ width:100%; }
  /* Logo ve ikonlar sabit boyutlu kalsın */
  .wa-float svg, .btn svg{ height:auto; }

  /* ---------- KADEMELİ İLAN GÖSTERİMİ ---------- */
  /* Başlangıçta ilk 12 ilan gösterilir; gerisi butonla açılır.
     Bu sayede sayfa açılışında onlarca fotoğraf birden indirilmez. */
  .card-gizli{ display:none !important; }

  .listings-more{
    text-align:center; margin-top:44px;
    display:flex; gap:12px; justify-content:center; flex-wrap:wrap;
  }
  .btn-outline-dark{
    background:none; color:var(--ink); border:1px solid var(--line);
  }
  .btn-outline-dark:hover{ background:var(--stone); border-color:var(--ink); }
  #kiralik .btn-dark{ background:var(--ink); border-color:var(--ink); color:var(--paper); }
  #kiralik .btn-dark:hover{ background:var(--ink-soft); }

  /* ============================================================
     BÖLGE SAYFASI
     ============================================================ */
  .bolge-bas{ background:var(--ink); color:var(--text-on-ink); padding:clamp(28px,5vw,52px) 0 clamp(30px,4vw,44px); }
  .bolge-bas .breadcrumb{ color:rgba(214,226,241,0.6); margin-bottom:20px; }
  .bolge-bas .breadcrumb a{ color:rgba(214,226,241,0.8); }
  .bolge-bas .breadcrumb a:hover{ color:var(--rust-soft); }
  .bolge-bas h1{ font-size:clamp(1.8rem,4vw,2.9rem); line-height:1.12; margin-bottom:14px; }
  .bolge-lede{ color:var(--text-on-ink-soft); max-width:60ch; font-size:1rem; }
  .bolge-lede strong{ color:var(--rust-soft); }

  .bolge-veri{ display:flex; gap:clamp(24px,4vw,54px); flex-wrap:wrap; margin-top:30px;
    padding-top:24px; border-top:1px solid var(--line-on-ink); }
  .bolge-veri > div{ display:flex; flex-direction:column; gap:5px; }
  .veri-k{ font-family:'IBM Plex Mono',monospace; font-size:0.62rem; letter-spacing:0.12em;
    text-transform:uppercase; color:rgba(214,226,241,0.6); }
  .veri-k small{ font-size:0.9em; opacity:0.7; text-transform:none; letter-spacing:0; }
  .veri-d{ font-family:'Poppins',sans-serif; font-weight:600; font-size:1.6rem; line-height:1; }
  .veri-d i{ font-style:normal; font-size:0.72rem; color:var(--rust-soft); margin-left:2px; }

  .bolge-sekme{ display:flex; gap:8px; flex-wrap:wrap; margin-top:26px; }
  .bolge-sekme a{ font-family:'IBM Plex Mono',monospace; font-size:0.74rem; padding:9px 16px;
    border:1px solid var(--line-on-ink); color:rgba(214,226,241,0.85); }
  .bolge-sekme a:hover{ border-color:var(--rust); color:#fff; }
  .bolge-sekme a.aktif{ background:var(--rust); border-color:var(--rust); color:#fff; }

  .bolge-mahalle{ background:var(--stone); padding:clamp(26px,4vw,40px) 0; border-bottom:1px solid var(--line); }
  .bolge-mahalle h2{ font-size:1.02rem; margin-bottom:14px; }
  .mahalle-liste{ display:flex; gap:8px; flex-wrap:wrap; }
  .mahalle-etiket{ font-size:0.85rem; background:#fff; border:1px solid var(--line); padding:7px 13px; }
  .mahalle-etiket i{ font-style:normal; font-family:'IBM Plex Mono',monospace; font-size:0.68rem;
    color:var(--rust); margin-left:5px; }

  .bolge-ilanlar{ padding:clamp(40px,6vw,64px) 0; }
  .bos-uyari{ padding:44px 24px; text-align:center; color:var(--text-soft);
    border:1px dashed var(--line); background:#fff; }

  .bolge-cta{ background:var(--ink); color:var(--text-on-ink); padding:clamp(40px,6vw,64px) 0; }
  .cta-govde{ display:flex; justify-content:space-between; align-items:center; gap:30px; flex-wrap:wrap; }
  .cta-govde h2{ font-size:clamp(1.3rem,2.4vw,1.8rem); margin-bottom:10px; }
  .cta-govde p{ color:var(--text-on-ink-soft); max-width:52ch; font-size:0.94rem; }
  .cta-butonlar{ display:flex; gap:10px; flex-wrap:wrap; }
  .btn-outline-light{ border:1px solid rgba(255,255,255,0.5); color:#fff; background:none; }
  .btn-outline-light:hover{ background:rgba(255,255,255,0.1); }

  .diger-bolge{ padding:clamp(40px,6vw,64px) 0; background:var(--stone); }
  .diger-bolge h2{ font-size:1.15rem; margin-bottom:20px; }
  .bolge-kartlar{ display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:12px; }
  .bolge-kart{ background:#fff; border:1px solid var(--line); padding:18px;
    display:flex; flex-direction:column; gap:4px; transition:border-color .2s ease, transform .2s ease; }
  .bolge-kart:hover{ border-color:var(--rust); transform:translateY(-2px); text-decoration:none; }
  .bolge-kart b{ font-family:'Poppins',sans-serif; font-size:1.02rem; color:var(--ink); }
  .bolge-kart i{ font-style:normal; font-family:'IBM Plex Mono',monospace; font-size:0.7rem; color:var(--rust); }
  .bolge-kart span{ font-size:0.76rem; color:var(--text-soft); }

  /* ---- Satıldı / Kiralandı damgası ---- */
  .card-damga{
    position:absolute; top:14px; left:14px; z-index:3;
    font-family:'IBM Plex Mono',monospace; font-size:0.64rem; letter-spacing:0.12em;
    background:#1B2A3D; color:#fff; padding:6px 12px; border:1px solid rgba(255,255,255,0.25);
  }
  .card-kapali .card-plot img,
  .card-kapali .card-plot svg{ filter:grayscale(0.85) brightness(0.82); }
  .card-kapali .card-price{ text-decoration:line-through; opacity:0.55; }

  /* ---- Favori butonu ---- */
  .favori-btn{
    position:absolute; top:12px; right:12px; z-index:4;
    width:34px; height:34px; border-radius:50%; border:none; cursor:pointer;
    background:rgba(255,255,255,0.9); color:#8C9AAF;
    display:flex; align-items:center; justify-content:center;
    transition:background .18s ease, transform .18s ease;
  }
  .favori-btn svg{ fill:none; stroke:#5B6B80; stroke-width:1.8; }
  .favori-btn:hover{ background:#fff; transform:scale(1.08); }
  .favori-btn.secili svg{ fill:var(--rust); stroke:var(--rust); }

  /* ============================================================
     KREDİ HESAPLAYICI
     ============================================================ */
  .hesap{ background:var(--stone); }
  .hesap-govde{ display:grid; grid-template-columns:1fr 0.9fr; gap:clamp(28px,4vw,56px); align-items:start; }
  .hesap-form{ background:#fff; border:1px solid var(--line); padding:clamp(22px,3vw,32px); }
  .hesap-satir{ margin-bottom:20px; }
  .hesap-satir label{ display:flex; justify-content:space-between; align-items:baseline;
    font-family:'IBM Plex Mono',monospace; font-size:0.68rem; letter-spacing:0.08em;
    text-transform:uppercase; color:var(--text-soft); margin-bottom:8px; }
  .hesap-satir label b{ font-family:'Poppins',sans-serif; font-size:0.98rem; color:var(--ink);
    text-transform:none; letter-spacing:0; }
  .hesap-satir input[type=range]{ width:100%; accent-color:var(--rust); }
  .hesap-satir input[type=number]{ width:100%; padding:11px 13px; border:1px solid var(--line); font-size:1rem; }
  .hesap-sonuc{ background:var(--ink); color:var(--text-on-ink); padding:clamp(24px,3vw,34px); }
  .hesap-sonuc .taksit-k{ font-family:'IBM Plex Mono',monospace; font-size:0.66rem;
    letter-spacing:0.12em; text-transform:uppercase; color:var(--text-on-ink-soft); }
  .hesap-sonuc .taksit-d{ font-family:'Poppins',sans-serif; font-weight:700;
    font-size:clamp(1.9rem,4vw,2.7rem); color:var(--rust); line-height:1.1; margin:8px 0 22px; }
  .hesap-ozet{ display:flex; flex-direction:column; gap:12px; }
  .hesap-ozet div{ display:flex; justify-content:space-between; font-size:0.9rem;
    padding-bottom:10px; border-bottom:1px solid var(--line-on-ink); }
  .hesap-ozet span:first-child{ color:var(--text-on-ink-soft); }
  .hesap-not{ font-size:0.76rem; color:var(--text-on-ink-soft); margin-top:18px; line-height:1.6; }

  /* ============================================================
     DEĞERLEME FORMU
     ============================================================ */
  .degerleme{ background:var(--ink); color:var(--text-on-ink); }
  .deger-govde{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,4vw,60px); align-items:start; }
  .deger-adim{ display:flex; gap:14px; margin-bottom:22px; }
  .deger-adim .no{ flex-shrink:0; width:30px; height:30px; border:1px solid var(--rust);
    color:var(--rust); display:flex; align-items:center; justify-content:center;
    font-family:'IBM Plex Mono',monospace; font-size:0.8rem; }
  .deger-adim b{ display:block; margin-bottom:4px; font-family:'Poppins',sans-serif; font-size:0.98rem; }
  .deger-adim p{ color:var(--text-on-ink-soft); font-size:0.88rem; margin:0; }
  .deger-form{ background:rgba(255,255,255,0.05); border:1px solid var(--line-on-ink);
    padding:clamp(22px,3vw,32px); }

  /* ============================================================
     SIK SORULAN SORULAR
     ============================================================ */
  .sss-liste{ max-width:820px; }
  .sss-ogesi{ border-bottom:1px solid var(--line); }
  .sss-soru{ width:100%; background:none; border:none; text-align:left; cursor:pointer;
    padding:20px 40px 20px 0; position:relative;
    font-family:'Poppins',sans-serif; font-size:1.02rem; color:var(--ink); }
  .sss-soru::after{ content:"+"; position:absolute; right:6px; top:50%; transform:translateY(-50%);
    font-size:1.3rem; color:var(--rust); transition:transform .25s ease; }
  .sss-ogesi.acik .sss-soru::after{ content:"−"; }
  .sss-cevap{ max-height:0; overflow:hidden; transition:max-height .35s ease; }
  .sss-cevap p{ padding:0 40px 22px 0; color:var(--text-soft); font-size:0.94rem; line-height:1.75; margin:0; }
  .sss-ogesi.acik .sss-cevap{ max-height:420px; }

  /* ============================================================
     DANIŞMAN KARTLARI
     ============================================================ */
  .danisman-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px; }
  .danisman{ background:#fff; border:1px solid var(--line); padding:26px 24px;
    display:flex; flex-direction:column; gap:12px; }
  .danisman-bas{ display:flex; align-items:center; gap:14px; }
  .danisman-harf{ width:52px; height:52px; flex-shrink:0; border-radius:50%;
    background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center;
    font-family:'Poppins',sans-serif; font-weight:600; font-size:1.1rem; }
  .danisman h3{ font-size:1.06rem; margin:0; }
  .danisman .unvan{ font-family:'IBM Plex Mono',monospace; font-size:0.64rem;
    letter-spacing:0.1em; text-transform:uppercase; color:var(--rust); }
  .danisman .uzmanlik{ font-size:0.86rem; color:var(--text-soft); line-height:1.65; flex:1; }
  .danisman .btn{ width:100%; justify-content:center; font-size:0.84rem; padding:11px; }

  /* ---- bölge/hesap/değerleme mobil ---- */
  @media (max-width:860px){
    .hesap-govde, .deger-govde{ grid-template-columns:1fr; }
    .bolge-veri{ gap:22px; }
    .veri-d{ font-size:1.32rem; }
    .cta-govde{ flex-direction:column; align-items:flex-start; }
    .cta-butonlar{ width:100%; }
    .cta-butonlar .btn{ flex:1 1 auto; justify-content:center; }
  }

  /* Bölge satırları artık tıklanabilir bağlantı */
  a.region-row{ color:inherit; text-decoration:none; }
  a.region-row:hover{ text-decoration:none; }
  a.region-row:hover h3{ color:var(--rust-soft); }
  a.region-row .coord{ color:var(--rust-soft); }
  a.region-row h3{ transition:color .2s ease; }

  /* ---- Koyu zeminli bölümlerde açıklama yazısı okunurluğu ---- */
  .degerleme .section-head p,
  .bolge-cta .section-head p,
  .hero .section-head p{ color:var(--text-on-ink-soft); }
  .degerleme .section-head h2{ color:var(--text-on-ink); }
  .degerleme .field label{ color:rgba(214,226,241,0.72); }
  .degerleme .field input,
  .degerleme .field select,
  .degerleme .field textarea{
    background:rgba(255,255,255,0.06);
    border:1px solid var(--line-on-ink);
    color:var(--text-on-ink);
  }
  .degerleme .field input::placeholder,
  .degerleme .field textarea::placeholder{ color:rgba(214,226,241,0.4); }
  .degerleme .field select{ color:var(--text-on-ink); }
  .degerleme .field select option{ background:var(--ink); color:var(--text-on-ink); }

  /* Fotoğrafı olmayan mozaik karosu için marka desenli zemin */
  .karo-bos{
    position:absolute; inset:0;
    background:
      linear-gradient(135deg, #16345C 0%, #20508A 100%),
      repeating-linear-gradient(45deg, rgba(255,255,255,0.04) 0 2px, transparent 2px 12px);
    background-blend-mode:overlay;
  }

  /* ============================================================
     PORTFÖY SAYFASI (gayrimenkuller.php)
     ============================================================ */
  .pf-bas{ background:var(--ink); color:var(--text-on-ink); padding:clamp(26px,4vw,44px) 0 0; }
  .pf-bas .breadcrumb{ color:rgba(214,226,241,0.6); margin-bottom:16px; }
  .pf-bas .breadcrumb a{ color:rgba(214,226,241,0.82); }
  .pf-bas h1{ font-size:clamp(1.7rem,3.4vw,2.5rem); margin-bottom:8px; }
  .pf-lede{ color:var(--text-on-ink-soft); font-size:0.94rem; }
  .pf-lede strong{ color:var(--rust-soft); }
  .pf-kategori{ display:flex; gap:6px; flex-wrap:wrap; margin-top:26px; }
  .pf-kategori a{
    font-size:0.84rem; padding:11px 17px; color:rgba(214,226,241,0.85);
    border:1px solid var(--line-on-ink); border-bottom:none;
  }
  .pf-kategori a i{ font-style:normal; font-family:'IBM Plex Mono',monospace;
    font-size:0.7rem; opacity:0.62; margin-left:5px; }
  .pf-kategori a:hover{ color:#fff; border-color:var(--rust); }
  .pf-kategori a.aktif{ background:var(--paper); color:var(--ink); border-color:var(--paper); font-weight:600; }
  .pf-kategori a.aktif i{ color:var(--rust); opacity:1; }

  .pf-govde{ padding:clamp(26px,4vw,44px) 0 clamp(50px,7vw,80px); }
  .pf-duzen{ display:grid; grid-template-columns:264px 1fr; gap:clamp(20px,3vw,36px); align-items:start; }

  .pf-filtre{ background:#fff; border:1px solid var(--line); padding:20px; position:sticky; top:90px; }
  .pf-f-bas{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:16px; }
  .pf-f-bas h2{ font-size:0.95rem; margin:0; }
  .pf-temizle{ font-size:0.76rem; color:var(--rust); }
  .pf-alan{ margin-bottom:16px; }
  .pf-alan label{ display:block; font-family:'IBM Plex Mono',monospace; font-size:0.66rem;
    letter-spacing:0.08em; text-transform:uppercase; color:var(--text-soft); margin-bottom:7px; }
  .pf-alan input[type=text], .pf-alan input[type=number], .pf-alan select{
    width:100%; padding:10px 12px; border:1px solid var(--line); font-size:0.9rem; font-family:inherit; }
  .pf-secim{ display:flex; flex-direction:column; gap:7px; }
  .pf-secim label{ display:flex; align-items:center; gap:8px; font-family:inherit;
    font-size:0.88rem; text-transform:none; letter-spacing:0; color:var(--text); margin:0; }
  .pf-secim input{ width:auto; }
  .pf-ikili{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .pf-yardim{ margin-top:18px; padding-top:16px; border-top:1px solid var(--line);
    font-size:0.8rem; color:var(--text-soft); line-height:1.65; }
  .pf-yardim a{ color:var(--rust); font-weight:600; }

  .pf-arac{ display:flex; justify-content:space-between; align-items:center; gap:14px;
    flex-wrap:wrap; margin-bottom:20px; padding-bottom:14px; border-bottom:1px solid var(--line); }
  .pf-gorunum{ display:flex; gap:5px; }
  .pf-gorunum a{ padding:8px 13px; border:1px solid var(--line); background:#fff;
    color:var(--text-soft); font-size:0.86rem; }
  .pf-gorunum a.aktif{ background:var(--ink); color:#fff; border-color:var(--ink); }
  .pf-sirala{ display:flex; align-items:center; gap:9px; }
  .pf-sirala label{ font-family:'IBM Plex Mono',monospace; font-size:0.68rem;
    text-transform:uppercase; letter-spacing:0.08em; color:var(--text-soft); }
  .pf-sirala select{ padding:8px 11px; border:1px solid var(--line); font-size:0.86rem;
    font-family:inherit; background:#fff; }

  /* liste görünümü */
  .pf-liste{ display:flex; flex-direction:column; gap:14px; }
  .pf-satir{ display:grid; grid-template-columns:216px 1fr 190px; gap:18px;
    background:#fff; border:1px solid var(--line); align-items:center; }
  .pf-satir-foto{ position:relative; aspect-ratio:4/3; overflow:hidden; background:var(--stone); display:block; }
  .pf-satir-foto img{ width:100%; height:100%; object-fit:cover; display:block; }
  .pf-satir-govde{ padding:16px 0; min-width:0; }
  .pf-satir-ust{ display:flex; gap:6px; margin-bottom:8px; }
  .pf-etiket{ font-family:'IBM Plex Mono',monospace; font-size:0.62rem; letter-spacing:0.08em;
    text-transform:uppercase; padding:4px 9px; background:var(--stone); color:var(--text-soft); }
  .pf-etiket.sat{ background:var(--ink); color:#fff; }
  .pf-etiket.kir{ background:var(--rust); color:#fff; }
  .pf-satir-govde h3{ font-size:1.05rem; margin:0 0 6px; }
  .pf-satir-govde h3 a{ color:var(--ink); }
  .pf-satir-govde h3 a:hover{ color:var(--rust); }
  .pf-satir-yer{ font-family:'IBM Plex Mono',monospace; font-size:0.74rem; color:var(--rust); }
  .pf-satir-ozel{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
  .pf-satir-ozel span{ font-size:0.78rem; color:var(--text-soft);
    border:1px solid var(--line); padding:4px 9px; }
  .pf-satir-fiyat{ padding:16px 20px 16px 0; text-align:right; }
  .pf-satir-fiyat strong{ display:block; font-family:'Poppins',sans-serif; font-weight:600;
    font-size:1.15rem; color:var(--ink); margin-bottom:10px; }
  .pf-satir-fiyat .btn{ font-size:0.8rem; padding:9px 16px; }

  /* harita */
  .pf-harita{ height:min(74vh, 640px); border:1px solid var(--line); }
  .pf-harita-not{ font-size:0.8rem; color:var(--text-soft); margin-top:10px; }
  .harita-pin span{
    display:inline-block; padding:5px 9px; color:#fff; font-family:'Poppins',sans-serif;
    font-weight:600; font-size:0.74rem; white-space:nowrap; border-radius:3px;
    box-shadow:0 3px 10px rgba(0,0,0,0.28); transform:translate(-50%,-50%);
  }
  .harita-balon{ width:210px; }
  .harita-balon img{ width:100%; height:112px; object-fit:cover; margin-bottom:8px; display:block; }
  .harita-balon b{ display:block; font-size:0.9rem; line-height:1.35; margin-bottom:3px; color:var(--ink); }
  .harita-balon span{ display:block; font-size:0.74rem; color:#6b7c92; }
  .harita-balon i{ display:block; font-style:normal; font-weight:600; color:var(--rust);
    margin:6px 0 8px; font-size:0.95rem; }
  .harita-balon a{ font-size:0.8rem; color:var(--ink); font-weight:600; }

  @media (max-width:960px){
    .pf-duzen{ grid-template-columns:1fr; }
    .pf-filtre{ position:static; }
    .pf-satir{ grid-template-columns:150px 1fr; }
    .pf-satir-fiyat{ grid-column:1 / -1; text-align:left; padding:0 16px 16px; display:flex;
      align-items:center; justify-content:space-between; gap:12px; }
    .pf-satir-fiyat strong{ margin:0; }
  }
  @media (max-width:560px){
    .pf-satir{ grid-template-columns:1fr; }
    .pf-satir-foto{ aspect-ratio:16/9; }
    .pf-satir-govde{ padding:14px 16px 0; }
  }

  /* ============================================================
     METİN SAYFALARI (KVKK, çerez)
     ============================================================ */
  .metin-bas{ background:var(--ink); color:var(--text-on-ink); padding:clamp(26px,4vw,44px) 0; }
  .metin-bas .breadcrumb{ color:rgba(214,226,241,0.6); margin-bottom:14px; }
  .metin-bas .breadcrumb a{ color:rgba(214,226,241,0.82); }
  .metin-bas h1{ font-size:clamp(1.5rem,3vw,2.1rem); }
  .metin-sekme{ display:flex; gap:8px; margin-top:20px; }
  .metin-sekme a{ font-size:0.82rem; padding:9px 16px; border:1px solid var(--line-on-ink);
    color:rgba(214,226,241,0.85); }
  .metin-sekme a.aktif{ background:var(--rust); border-color:var(--rust); color:#fff; }
  .metin-govde{ padding:clamp(34px,5vw,60px) 0; }
  .metin-icerik{ max-width:820px; }
  .metin-icerik h2{ font-size:1.08rem; margin:30px 0 12px; padding-bottom:8px;
    border-bottom:1px solid var(--line); }
  .metin-icerik h2:first-child{ margin-top:0; }
  .metin-icerik p{ color:var(--text-soft); line-height:1.8; margin-bottom:14px; font-size:0.94rem; }
  .metin-icerik ul{ margin:0 0 16px; padding-left:20px; }
  .metin-icerik li{ color:var(--text-soft); line-height:1.75; margin-bottom:7px; font-size:0.94rem; }
  .metin-tablo{ width:100%; border-collapse:collapse; margin:12px 0 20px; }
  .metin-tablo td{ border:1px solid var(--line); padding:11px 14px; font-size:0.9rem;
    color:var(--text-soft); vertical-align:top; }
  .metin-tablo td:first-child{ background:var(--stone); font-weight:600; color:var(--ink); width:32%; }
  .metin-not{ margin-top:34px; padding:16px 18px; background:var(--stone);
    border:1px solid var(--line); font-size:0.88rem; }

  /* ============================================================
     DANIŞMAN SAYFASI
     ============================================================ */
  .dn-bas{ background:var(--ink); color:var(--text-on-ink); padding:clamp(26px,4vw,46px) 0; }
  .dn-bas .breadcrumb{ color:rgba(214,226,241,0.6); margin-bottom:20px; }
  .dn-bas .breadcrumb a{ color:rgba(214,226,241,0.82); }
  .dn-kimlik{ display:flex; align-items:center; gap:18px; }
  .dn-harf{ width:76px; height:76px; flex-shrink:0; border-radius:50%;
    background:var(--rust); color:#fff; display:flex; align-items:center; justify-content:center;
    font-family:'Poppins',sans-serif; font-weight:600; font-size:1.6rem; }
  .dn-kimlik h1{ font-size:clamp(1.5rem,3vw,2.1rem); margin:0 0 4px; }
  .dn-unvan{ font-family:'IBM Plex Mono',monospace; font-size:0.72rem; letter-spacing:0.1em;
    text-transform:uppercase; color:var(--rust-soft); }
  .dn-butonlar{ display:flex; gap:10px; flex-wrap:wrap; margin-top:24px; }
  .dn-govde{ padding:clamp(34px,5vw,58px) 0; }
  .dn-duzen{ display:grid; grid-template-columns:1fr 300px; gap:clamp(28px,4vw,54px); align-items:start; }
  .dn-duzen h2{ font-size:1.08rem; margin:0 0 14px; padding-bottom:9px; border-bottom:1px solid var(--line); }
  .dn-metin{ color:var(--text-soft); line-height:1.85; font-size:0.96rem; }
  .dn-liste{ margin:0; padding-left:18px; }
  .dn-liste li{ color:var(--text-soft); line-height:1.8; margin-bottom:8px; }
  .dn-yan{ background:var(--stone); border:1px solid var(--line); padding:22px; }
  .dn-yan h3{ font-size:0.88rem; margin:0 0 12px; }
  .dn-bolgeler{ display:flex; gap:7px; flex-wrap:wrap; }
  .dn-bolgeler a{ font-size:0.82rem; background:#fff; border:1px solid var(--line);
    padding:7px 13px; color:var(--ink); }
  .dn-bolgeler a:hover{ border-color:var(--rust); color:var(--rust); }
  .dn-not{ margin-top:18px; padding-top:16px; border-top:1px solid var(--line);
    font-size:0.82rem; color:var(--text-soft); line-height:1.65; }
  .dn-diger{ background:var(--stone); padding:clamp(34px,5vw,58px) 0; border-top:1px solid var(--line); }
  .dn-diger h2{ font-size:1.1rem; margin-bottom:18px; }
  @media (max-width:860px){ .dn-duzen{ grid-template-columns:1fr; } }

  /* ============================================================
     VİDEO GALERİSİ
     ============================================================ */
  .vd-bas{ background:var(--ink); color:var(--text-on-ink); padding:clamp(26px,4vw,44px) 0; }
  .vd-bas .breadcrumb{ color:rgba(214,226,241,0.6); margin-bottom:14px; }
  .vd-bas .breadcrumb a{ color:rgba(214,226,241,0.82); }
  .vd-bas h1{ font-size:clamp(1.6rem,3.2vw,2.3rem); margin-bottom:8px; }
  .vd-lede{ color:var(--text-on-ink-soft); font-size:0.94rem; }
  .vd-govde{ padding:clamp(34px,5vw,58px) 0; }
  .vd-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:22px; }
  .vd-kart{ background:#fff; border:1px solid var(--line); }
  .vd-cerceve{ position:relative; padding-top:56.25%; background:#000; }
  .vd-cerceve iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
  .vd-kart h3{ font-size:1rem; margin:0; padding:16px 18px 0; }
  .vd-kart p{ font-size:0.86rem; color:var(--text-soft); margin:8px 0 0; padding:0 18px 18px; line-height:1.6; }

  /* ============================================================
     FOOTER EKLERİ: bülten, sosyal, yasal
     ============================================================ */
  .f-bulten{ display:flex; justify-content:space-between; align-items:center; gap:22px;
    flex-wrap:wrap; padding:24px 0; border-bottom:1px solid var(--line-on-ink); }
  .f-bulten b{ display:block; font-family:'Poppins',sans-serif; font-size:1rem;
    color:var(--text-on-ink); margin-bottom:4px; }
  .f-bulten span{ font-size:0.86rem; color:var(--text-on-ink-soft); }
  .f-bulten-form{ display:flex; gap:8px; flex-wrap:wrap; }
  .f-bulten-form input{ padding:12px 14px; border:1px solid var(--line-on-ink);
    background:rgba(255,255,255,0.06); color:var(--text-on-ink); font-size:0.9rem;
    font-family:inherit; min-width:230px; }
  .f-bulten-form input::placeholder{ color:rgba(214,226,241,0.45); }
  .f-sosyal{ display:flex; align-items:center; gap:16px; flex-wrap:wrap;
    padding:20px 0; border-bottom:1px solid var(--line-on-ink); }
  .f-sosyal span{ font-family:'IBM Plex Mono',monospace; font-size:0.66rem;
    letter-spacing:0.1em; text-transform:uppercase; color:var(--text-on-ink-soft); }
  .f-sosyal a{ font-size:0.86rem; color:var(--text-on-ink-soft); }
  .f-sosyal a:hover{ color:var(--rust-soft); }
  .f-yasal{ display:flex; gap:16px; }
  .f-yasal a{ color:var(--text-on-ink-soft); }
  .f-yasal a:hover{ color:var(--rust-soft); }

  /* ============================================================
     ÇEREZ BANDI
     ============================================================ */
  .cerez-bant{
    position:fixed; left:16px; right:16px; bottom:16px; z-index:1200;
    background:var(--ink); color:var(--text-on-ink);
    border:1px solid var(--line-on-ink);
    padding:16px 20px; display:flex; align-items:center; gap:18px; flex-wrap:wrap;
    box-shadow:0 20px 50px -20px rgba(0,0,0,0.7);
  }
  .cerez-bant p{ margin:0; font-size:0.86rem; line-height:1.6; flex:1; min-width:240px;
    color:var(--text-on-ink-soft); }
  .cerez-bant a{ color:var(--rust-soft); text-decoration:underline; }
  .cerez-bant .btn{ padding:10px 22px; font-size:0.86rem; }
  @media (max-width:600px){
    .cerez-bant{ left:10px; right:10px; bottom:76px; padding:14px 16px; }
    .cerez-bant .btn{ width:100%; justify-content:center; }
  }

  /* ============================================================
     MOBİL YAPIŞKAN İLETİŞİM ÇUBUĞU
     ============================================================ */
  .mobil-cubuk{ display:none; }
  @media (max-width:768px){
    .mobil-cubuk{
      display:grid; grid-template-columns:1fr 1fr 1fr;
      position:fixed; left:0; right:0; bottom:0; z-index:1100;
      background:var(--ink); border-top:1px solid var(--line-on-ink);
    }
    .mobil-cubuk a{
      display:flex; align-items:center; justify-content:center; gap:7px;
      padding:14px 6px; color:var(--text-on-ink); font-size:0.84rem; font-weight:600;
      border-right:1px solid var(--line-on-ink);
    }
    .mobil-cubuk a:last-child{ border-right:none; }
    .mobil-cubuk a.wa{ background:#25D366; color:#fff; }
    /* Yüzen buton mobilde çubukla çakışmasın */
    .wa-float{ display:none; }
    body{ padding-bottom:54px; }
  }

  /* ============================================================
     EKİP SAYFASI
     ============================================================ */
  .ek-bas{ background:var(--ink); color:var(--text-on-ink); padding:clamp(26px,4vw,46px) 0; }
  .ek-bas .breadcrumb{ color:rgba(214,226,241,0.6); margin-bottom:14px; }
  .ek-bas .breadcrumb a{ color:rgba(214,226,241,0.82); }
  .ek-bas h1{ font-size:clamp(1.7rem,3.4vw,2.5rem); margin-bottom:10px; }
  .ek-lede{ color:var(--text-on-ink-soft); max-width:62ch; font-size:0.98rem; }
  .ek-lede strong{ color:var(--rust-soft); }

  .ek-govde{ padding:clamp(28px,4vw,48px) 0 clamp(50px,7vw,80px); background:#F4F7FB; }

  /* Rol sekmeleri */
  .ek-sekme{
    display:flex; gap:4px; flex-wrap:wrap; background:#E8EFF8;
    padding:6px; border-radius:999px; margin:0 auto clamp(26px,4vw,42px);
    width:fit-content; max-width:100%;
  }
  .ek-sekme a{
    padding:11px 22px; border-radius:999px; font-size:0.88rem; font-weight:600;
    color:var(--text-soft); white-space:nowrap; transition:all .18s ease;
  }
  .ek-sekme a:hover{ color:var(--ink); }
  .ek-sekme a.aktif{ background:#fff; color:var(--ink); box-shadow:0 2px 8px rgba(15,37,69,0.1); }

  .ek-duzen{ display:grid; grid-template-columns:340px 1fr; gap:clamp(24px,4vw,48px); align-items:start; }

  /* Sol tanıtım paneli */
  .ek-vitrin{
    background:linear-gradient(150deg,#EFE7DE 0%,#F5DFC9 45%,#DDE6F0 100%);
    border-radius:22px; overflow:hidden; position:sticky; top:96px;
    display:flex; flex-direction:column;
  }
  .ek-vitrin > img{ width:100%; height:auto; display:block; }
  .ek-vitrin-marka{
    padding:48px 28px; text-align:center; display:flex; flex-direction:column;
    align-items:center; gap:6px;
  }
  .ek-vitrin-marka img{ margin-bottom:12px; }
  .ek-vitrin-marka b{
    font-family:'Poppins',sans-serif; font-weight:700; font-size:1.25rem;
    letter-spacing:0.04em; color:var(--ink);
  }
  .ek-vitrin-marka span{
    font-family:'IBM Plex Mono',monospace; font-size:0.72rem; letter-spacing:0.22em;
    color:var(--ink); opacity:0.75;
  }
  .ek-vitrin-marka i{
    font-style:normal; font-size:0.8rem; color:#7A6A58; margin-top:10px;
  }
  .ek-vitrin-alt{
    background:var(--ink); color:var(--text-on-ink); padding:16px 22px;
    display:flex; flex-direction:column; gap:3px; margin-top:auto;
  }
  .ek-vitrin-k{
    font-family:'IBM Plex Mono',monospace; font-size:0.64rem; letter-spacing:0.12em;
    text-transform:uppercase; color:var(--rust-soft);
  }
  .ek-vitrin-d{ font-size:0.92rem; }

  /* Kişi listesi */
  .ek-liste{ background:#fff; border-radius:18px; padding:clamp(22px,3vw,34px); }
  .ek-grup-ad{
    font-size:1.18rem; color:#2E7DBE; margin:0 0 22px;
  }
  .ek-satir{
    display:grid; grid-template-columns:1fr auto auto; gap:20px; align-items:center;
    padding:20px 0; border-bottom:1px solid var(--line);
  }
  .ek-satir:last-child{ border-bottom:none; }
  .ek-kimlik{ display:flex; align-items:center; gap:14px; min-width:0; }
  .ek-harf{
    width:50px; height:50px; flex-shrink:0; border-radius:50%;
    background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center;
    font-family:'Poppins',sans-serif; font-weight:600; font-size:1rem;
  }
  .ek-avatar{
    width:50px; height:50px; flex-shrink:0; border-radius:50%;
    object-fit:cover; display:block;
  }
  .ek-isim h3{ font-size:1.06rem; margin:0 0 3px; }
  .ek-isim h3 a{ color:var(--ink); }
  .ek-isim h3 a:hover{ color:var(--rust); }
  .ek-unvan{ font-size:0.82rem; color:var(--text-soft); }
  .ek-iletisim{ display:flex; flex-direction:column; gap:3px; text-align:right; }
  .ek-tel{ font-family:'IBM Plex Mono',monospace; font-size:0.86rem; color:var(--ink); font-weight:500; }
  .ek-tel:hover{ color:var(--rust); }
  .ek-eposta{ font-size:0.8rem; color:var(--text-soft); }
  .ek-eposta:hover{ color:var(--rust); }
  .ek-eylem{ display:flex; align-items:center; gap:10px; }
  .ek-wa{
    width:38px; height:38px; border-radius:50%; background:#25D366; color:#fff;
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
    transition:transform .18s ease;
  }
  .ek-wa:hover{ transform:scale(1.08); }
  .ek-profil{
    font-family:'IBM Plex Mono',monospace; font-size:0.74rem; color:var(--rust);
    white-space:nowrap;
  }

  .ek-kariyer{ background:var(--ink); color:var(--text-on-ink); padding:clamp(38px,5vw,60px) 0; }
  .ek-kariyer h2{ font-size:clamp(1.25rem,2.4vw,1.7rem); margin-bottom:10px; }
  .ek-kariyer p{ color:var(--text-on-ink-soft); max-width:56ch; font-size:0.94rem; }

  /* Danışman detayında fotoğraf */
  .dn-foto{
    width:76px; height:76px; border-radius:50%; object-fit:cover;
    flex-shrink:0; display:block;
  }

  @media (max-width:900px){
    .ek-duzen{ grid-template-columns:1fr; }
    .ek-vitrin{ position:static; max-width:420px; margin:0 auto; }
    .ek-satir{ grid-template-columns:1fr; gap:12px; }
    .ek-iletisim{ text-align:left; }
    .ek-eylem{ justify-content:flex-start; }
  }
  @media (max-width:560px){
    .ek-sekme{ border-radius:14px; width:100%; }
    .ek-sekme a{ flex:1 1 auto; text-align:center; padding:10px 14px; font-size:0.8rem; }
  }

  /* ---------- 404 SAYFASI ---------- */
  .hata-bas{ background:var(--ink); color:var(--text-on-ink);
    padding:clamp(46px,8vw,90px) 0; text-align:center; }
  .hata-kod{ font-family:'Poppins',sans-serif; font-weight:700;
    font-size:clamp(4rem,14vw,8rem); line-height:1; color:var(--rust); letter-spacing:-0.04em; }
  .hata-bas h1{ font-size:clamp(1.4rem,3vw,2.1rem); margin:10px 0 12px; }
  .hata-bas p{ color:var(--text-on-ink-soft); max-width:52ch; margin:0 auto; font-size:0.96rem; }
  .hata-butonlar{ display:flex; gap:10px; justify-content:center;
    flex-wrap:wrap; margin-top:28px; }
  .hata-bolge{ padding:clamp(34px,5vw,56px) 0; background:var(--stone); }
  .hata-bolge h2, .hata-ilan h2{ font-size:1.12rem; margin-bottom:18px; }
  .hata-ilan{ padding:clamp(34px,5vw,56px) 0; }

  /* ============================================================
     YETKİ BELGESİ / GÜVEN ŞERİDİ
     ============================================================ */

  /* İlan detayındaki küçük rozet */
  .yetki-rozet{ display:flex; align-items:flex-start; gap:11px;
    background:var(--stone); border:1px solid var(--line);
    padding:14px 16px; margin-bottom:14px; }
  .yetki-rozet svg{ flex-shrink:0; color:var(--rust); margin-top:2px; }
  .yetki-rozet span{ font-size:0.8rem; color:var(--text-soft); line-height:1.55; }
  .yetki-rozet b{ display:block; color:var(--ink); font-size:0.88rem; margin-bottom:2px; }

  /* ============================================================
     YETKİ BELGESİ / GÜVEN BÖLÜMÜ
     ============================================================ */
  .yetki{ background:var(--ink); color:var(--text-on-ink); }
  .yetki-govde{ display:grid; grid-template-columns:1fr 340px;
    gap:clamp(30px,4vw,60px); align-items:start; }
  .yetki h2{ font-size:clamp(1.5rem,2.9vw,2.2rem); margin:8px 0 14px; max-width:20ch; }
  .yetki-lede{ color:var(--text-on-ink-soft); font-size:1rem; line-height:1.8; max-width:56ch; }
  .yetki-lede strong{ color:var(--rust-soft); }

  .yetki-maddeler{ display:grid; grid-template-columns:1fr 1fr;
    gap:22px 30px; margin-top:34px; }
  .yetki-madde{ display:flex; gap:13px; }
  .ym-no{ flex-shrink:0; font-family:'IBM Plex Mono',monospace; font-size:0.72rem;
    color:var(--rust); border:1px solid var(--rust); width:30px; height:30px;
    display:flex; align-items:center; justify-content:center; }
  .yetki-madde b{ display:block; font-family:'Poppins',sans-serif;
    font-size:0.98rem; margin-bottom:5px; }
  .yetki-madde p{ color:var(--text-on-ink-soft); font-size:0.87rem;
    line-height:1.65; margin:0; }

  .yetki-rozet{ background:rgba(255,255,255,0.05); border:1px solid var(--line-on-ink);
    padding:28px 26px; text-align:center; }
  .yr-ikon{ color:var(--rust); display:flex; justify-content:center; margin-bottom:14px; }
  .yetki-rozet b{ display:block; font-family:'Poppins',sans-serif; font-size:1.05rem;
    margin-bottom:10px; }
  .yetki-rozet p{ color:var(--text-on-ink-soft); font-size:0.86rem;
    line-height:1.7; margin:0 0 20px; }
  .yetki-rozet .btn{ width:100%; justify-content:center; }
  .yr-not{ display:block; margin-top:14px; font-family:'IBM Plex Mono',monospace;
    font-size:0.66rem; letter-spacing:0.1em; text-transform:uppercase;
    color:rgba(214,226,241,0.5); }

  /* İlan kartında ve detayda küçük yetki rozeti */
  .yetki-etiket{
    display:inline-flex; align-items:center; gap:5px;
    font-family:'IBM Plex Mono',monospace; font-size:0.62rem; letter-spacing:0.06em;
    text-transform:uppercase; color:var(--olive);
    border:1px solid rgba(46,125,190,0.4); background:rgba(46,125,190,0.08);
    padding:4px 9px;
  }
  .yetki-etiket svg{ flex-shrink:0; }

  @media (max-width:900px){
    .yetki-govde{ grid-template-columns:1fr; }
    .yetki-maddeler{ grid-template-columns:1fr; gap:18px; }
  }

  /* ============================================================
     KURUMSAL GÜVENCE BÖLÜMÜ
     ============================================================ */
  .guvence{ background:var(--ink); color:var(--text-on-ink); }
  .gv-bas{ max-width:62ch; margin-bottom:clamp(30px,4vw,48px); }
  .gv-bas h2{ font-size:clamp(1.5rem,3vw,2.25rem); margin:8px 0 14px; line-height:1.2; }
  .gv-bas p{ color:var(--text-on-ink-soft); font-size:1rem; line-height:1.8; }

  .gv-govde{ display:grid; grid-template-columns:340px 1fr;
    gap:clamp(26px,3.5vw,52px); align-items:start; }

  /* --- Belge kartı --- */
  .gv-belge{
    background:linear-gradient(160deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02));
    border:1px solid var(--line-on-ink); padding:26px 24px;
    position:relative; overflow:hidden;
  }
  .gv-belge::before{
    content:""; position:absolute; left:0; top:0; width:100%; height:3px;
    background:linear-gradient(90deg, var(--rust), var(--rust-soft));
  }
  .gv-belge-ust{ display:flex; gap:13px; align-items:flex-start;
    padding-bottom:18px; border-bottom:1px solid var(--line-on-ink); }
  .gv-arma{ flex-shrink:0; width:44px; height:44px; display:flex;
    align-items:center; justify-content:center; color:var(--rust);
    border:1px solid rgba(224,138,46,0.4); }
  .gv-belge-tur{ display:block; font-family:'Poppins',sans-serif;
    font-weight:600; font-size:0.98rem; line-height:1.3; margin-bottom:4px; }
  .gv-belge-veren{ display:block; font-family:'IBM Plex Mono',monospace;
    font-size:0.66rem; letter-spacing:0.08em; text-transform:uppercase;
    color:var(--text-on-ink-soft); }

  .gv-numara{ padding:20px 0 16px; }
  .gv-numara-k{ display:block; font-family:'IBM Plex Mono',monospace;
    font-size:0.63rem; letter-spacing:0.14em; text-transform:uppercase;
    color:rgba(214,226,241,0.6); margin-bottom:7px; }
  .gv-numara-d{ display:block; font-family:'IBM Plex Mono',monospace;
    font-size:1.6rem; font-weight:500; letter-spacing:0.06em; color:var(--rust); }

  .gv-dogrula{
    display:inline-flex; align-items:center; gap:7px;
    font-size:0.82rem; color:var(--text-on-ink);
    border-bottom:1px solid rgba(224,138,46,0.5); padding-bottom:2px;
    transition:color .2s ease, border-color .2s ease;
  }
  .gv-dogrula:hover{ color:var(--rust-soft); border-color:var(--rust-soft); text-decoration:none; }
  .gv-belge-not{ margin:20px 0 0; padding-top:16px;
    border-top:1px solid var(--line-on-ink);
    font-size:0.78rem; line-height:1.65; color:rgba(214,226,241,0.62); }

  /* --- Maddeler --- */
  .gv-maddeler{ display:grid; grid-template-columns:1fr 1fr; gap:24px 32px; }
  .gv-madde{ display:flex; gap:13px; }
  .gv-no{ flex-shrink:0; width:30px; height:30px;
    display:flex; align-items:center; justify-content:center;
    font-family:'IBM Plex Mono',monospace; font-size:0.7rem;
    color:var(--rust); border:1px solid rgba(224,138,46,0.45); }
  .gv-madde b{ display:block; font-family:'Poppins',sans-serif;
    font-size:0.96rem; margin-bottom:6px; }
  .gv-madde p{ margin:0; font-size:0.86rem; line-height:1.7;
    color:var(--text-on-ink-soft); }

  /* --- Kayıt şeridi --- */
  .gv-kayitlar{ display:grid; grid-template-columns:repeat(4,1fr);
    gap:1px; background:var(--line-on-ink);
    border:1px solid var(--line-on-ink); margin-top:clamp(30px,4vw,48px); }
  .gv-kayit{ background:var(--ink); padding:20px 22px; }
  .gv-kayit-k{ display:block; font-family:'IBM Plex Mono',monospace;
    font-size:0.62rem; letter-spacing:0.12em; text-transform:uppercase;
    color:rgba(214,226,241,0.55); margin-bottom:8px; }
  .gv-kayit-d{ display:block; font-family:'Poppins',sans-serif;
    font-weight:600; font-size:1.05rem; margin-bottom:4px; }
  .gv-kayit-a{ display:block; font-size:0.76rem; color:var(--text-on-ink-soft);
    line-height:1.5; }

  @media (max-width:980px){
    .gv-govde{ grid-template-columns:1fr; }
    .gv-kayitlar{ grid-template-columns:1fr 1fr; }
  }
  @media (max-width:620px){
    .gv-maddeler{ grid-template-columns:1fr; gap:20px; }
    .gv-kayitlar{ grid-template-columns:1fr; }
    .gv-numara-d{ font-size:1.35rem; }
  }

  /* ============================================================
     MOBİL DÜZELTMELER
     ============================================================ */

  /* ---- Çerez bandı: mobilde buton rahat basılabilsin ---- */
  @media (max-width:600px){
    .cerez-bant{
      left:0; right:0; bottom:0;
      flex-direction:column; align-items:stretch; gap:12px;
      padding:16px 18px calc(16px + env(safe-area-inset-bottom, 0px));
      border-left:none; border-right:none; border-bottom:none;
      z-index:1300;                 /* mobil çubuğun üstünde kalsın */
      max-height:60vh; overflow-y:auto;
    }
    .cerez-bant p{ font-size:0.84rem; min-width:0; }
    .cerez-bant .btn{
      width:100%; justify-content:center;
      padding:14px; font-size:0.95rem; font-weight:600;
      min-height:48px;              /* parmakla rahat basılır */
    }
    /* Bant açıkken alt çubuk gizlensin, çakışmasın */
    body.cerez-acik .mobil-cubuk{ display:none; }
    body.cerez-acik{ padding-bottom:0; }
  }

  /* ---- Galeri: parmakla kaydırma ---- */
  .lightbox{ touch-action:pan-y; }
  .lightbox .lb-img{
    -webkit-user-select:none; user-select:none;
    -webkit-user-drag:none;
    pointer-events:none;            /* kaydırma resme takılmasın */
  }
  @media (max-width:768px){
    /* Oklar parmakla basılacak kadar büyük olsun */
    .lightbox .lb-nav{
      width:52px; height:52px; font-size:1.8rem;
      background:rgba(15,37,69,0.55); border-radius:50%;
    }
    .lightbox .lb-prev{ left:8px; }
    .lightbox .lb-next{ right:8px; }
    .lightbox .lb-close{ width:48px; height:48px; font-size:1.5rem; }
    /* Kaydırma ipucu */
    .lightbox .lb-count::after{
      content:"  ·  kaydırarak geçin";
      opacity:0.7; font-size:0.9em;
    }
  }

  /* ---- Sayı kutuları: telefonda sayı klavyesi açılsın ---- */
  input[inputmode="numeric"]{ -moz-appearance:textfield; }
  input[inputmode="numeric"]::-webkit-outer-spin-button,
  input[inputmode="numeric"]::-webkit-inner-spin-button{
    -webkit-appearance:none; margin:0;
  }