/* =========================================================
   Pera Mülk Gayrimenkul — KMG "Mülk" şablonu
   ========================================================= */

:root{
  /* Palet: Orman (varsayılan) */
  --c-bg:#ffffff;
  --c-bg-alt:#f2f4ef;
  --c-surface:#ffffff;
  --c-text:#15211b;
  --c-text-soft:#57645c;
  --c-line:#e0e6de;
  --c-primary:#1e3a2c;
  --c-on-primary:#ffffff;
  --c-accent:#8b6832;
  --c-ink:#11231a;
  --c-on-ink:#eef1ea;

  /* Yazı tipleri: Galeri */
  --f-display:'Instrument Serif', Georgia, serif;
  --f-body:'Geist', system-ui, sans-serif;

  /* Köşeler */
  --r-sm:6px;
  --r-md:14px;
  --r-lg:28px;
  --r-btn:999px;

  --fs:1;
  --fs-num:1;
  --ease:cubic-bezier(.16,1,.3,1);
  --wrap:1320px;
  --gut:clamp(20px, 4vw, 48px);
  --sec:clamp(80px, 12vw, 160px);
  --shadow:0 30px 60px -30px rgba(0,0,0,.25);
  --shadow-lg:0 50px 100px -40px rgba(0,0,0,.35);
  --ink-line:color-mix(in oklab, var(--c-on-ink) 16%, var(--c-ink));
  --ink-soft:color-mix(in oklab, var(--c-on-ink) 68%, var(--c-ink));
}

/* Serif olmayan başlık fontlarında büyük başlıkları biraz küçült */
html[data-fd="sans"]{--fs:.84;--fs-num:.9}

/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--c-bg);color:var(--c-text);
  font-family:var(--f-body);font-size:clamp(16px, .2vw + 15.4px, 17px);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:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
h1,h2,h3,h4,p,ol,ul,dl,dd,figure,blockquote{margin:0}
ol,ul{list-style:none;padding:0}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--c-primary);outline-offset:3px}
::selection{background:color-mix(in oklab, var(--c-primary) 22%, var(--c-bg))}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ic,.brand__mark{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.skip{position:absolute;left:16px;top:-60px;z-index:200;background:var(--c-primary);color:var(--c-on-primary);padding:10px 16px;border-radius:var(--r-sm)}
.skip:focus{top:16px}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.sec{padding-block:var(--sec)}
.sec--alt{background:var(--c-bg-alt)}
html.is-locked{overflow:hidden}
[hidden]{display:none!important}

/* ---------- Tipografi ---------- */
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:22px;font-size:12px;font-weight:600;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--c-text-soft)}
.eyebrow__no{display:inline-flex;align-items:center;gap:12px;color:var(--c-accent);font-variant-numeric:tabular-nums}
.eyebrow__no::after{content:"";width:28px;height:1px;background:currentColor;opacity:.6}
.eyebrow--ink{color:var(--ink-soft)}
.eyebrow--ink .eyebrow__no{color:color-mix(in oklab, var(--c-accent) 55%, var(--c-on-ink))}
.h2{font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs) * clamp(2.4rem, 5vw, 4.5rem));line-height:1;letter-spacing:-.022em;text-wrap:balance}
.h2 em,.hero__title em,.footer__big em{font-style:italic;font-weight:inherit}
.h2 em{color:var(--c-accent)}
.lead{color:var(--c-text-soft);font-size:1.1rem;max-width:46ch;margin-top:24px}

.shead{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:28px 64px;margin-bottom:clamp(40px, 5vw, 64px)}
.shead--stack{display:block}
.shead__lead{color:var(--c-text-soft);max-width:46ch;justify-self:end;font-size:1.05rem}

/* ---------- Butonlar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:var(--r-btn);border:1px solid transparent;font-weight:600;font-size:15px;letter-spacing:.005em;white-space:nowrap;transition:background-color .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),transform .5s var(--ease)}
.btn .ic{width:18px;height:18px;transition:transform .5s var(--ease)}
.btn:hover .ic{transform:translateX(4px)}
.btn:active{transform:scale(.98)}
.btn--primary{background:var(--c-primary);color:var(--c-on-primary)}
.btn--primary:hover{background:color-mix(in oklab, var(--c-primary) 84%, var(--c-text))}
.btn--ghost{border-color:var(--c-line);color:var(--c-text)}
.btn--ghost:hover{background:var(--c-bg-alt);border-color:color-mix(in oklab, var(--c-line) 60%, var(--c-text))}
.btn--onink{background:var(--c-on-ink);color:var(--c-ink)}
.btn--onink:hover{background:color-mix(in oklab, var(--c-on-ink) 86%, var(--c-ink))}
.btn--wide{width:100%;min-height:54px;margin-top:26px}
.iconbtn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--c-line);color:var(--c-text);transition:background-color .3s var(--ease),transform .5s var(--ease)}
.iconbtn:hover{background:var(--c-bg-alt)}
.iconbtn .ic{width:18px;height:18px}

/* =========================================================
   ÜST MENÜ
   ========================================================= */
.nav{position:fixed;inset:0 0 auto 0;z-index:60;padding:12px;pointer-events:none}
.nav__bar{
  pointer-events:auto;position:relative;z-index:2;display:flex;align-items:center;gap:24px;height:76px;
  padding:0 clamp(16px, 2.6vw, 34px);border-radius:var(--r-lg);color:rgba(255,255,255,1);
  border:1px solid transparent;
  transition:height .6s var(--ease),background-color .5s var(--ease),color .4s var(--ease),box-shadow .6s var(--ease),border-color .5s var(--ease),border-radius .5s var(--ease);
}
.nav.is-solid .nav__bar{
  height:64px;border-radius:var(--r-md);color:var(--c-text);
  background:color-mix(in oklab, var(--c-bg) 86%, transparent);
  -webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);
  border-color:color-mix(in oklab, var(--c-line) 80%, transparent);box-shadow:0 20px 40px -28px rgba(0,0,0,.3);
}
.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}
.brand__mark{width:34px;height:34px;stroke-width:1.4}
.brand__text{display:flex;flex-direction:column;gap:3px}
.brand__name{font-family:var(--f-display);font-weight:500;font-size:1.5rem;line-height:1;letter-spacing:-.01em}
.brand__sub{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;opacity:.72;line-height:1}
.nav__links{display:flex;gap:30px;margin-inline:auto}
.nav__links a{position:relative;font-size:14.5px;font-weight:500;padding:6px 0}
.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.nav__links a:hover::after{transform:scaleX(1);transform-origin:left}
.nav__actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.nav__links + .nav__actions{margin-left:0}
.nav__phone{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:0 10px;min-height:44px;opacity:.92}
.nav__phone .ic{width:17px;height:17px}
.favbtn{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid color-mix(in oklab, currentColor 30%, transparent);transition:background-color .3s var(--ease),border-color .3s}
.favbtn:hover{background:color-mix(in oklab, currentColor 10%, transparent)}
.favbtn .ic{width:19px;height:19px}
.favbtn__count{position:absolute;top:-3px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:var(--r-btn);background:var(--c-accent);color:var(--c-on-primary);font-size:11px;font-weight:700;line-height:20px;text-align:center;transform:scale(0);transition:transform .5s var(--ease)}
.favbtn__count.has{transform:scale(1)}
.favbtn__count.bump{animation:bump .6s var(--ease)}
@keyframes bump{40%{transform:scale(1.35)}100%{transform:scale(1)}}
.nav__cta{min-height:44px;padding:0 18px;font-size:14px}
.burger{display:none;position:relative;width:44px;height:44px;border-radius:50%}
.burger span{position:absolute;left:12px;right:12px;height:1.5px;background:currentColor;transition:transform .6s var(--ease),top .6s var(--ease)}
.burger span:first-child{top:18px}
.burger span:last-child{top:25px}
.nav.is-open .burger span:first-child{top:21.5px;transform:rotate(45deg)}
.nav.is-open .burger span:last-child{top:21.5px;transform:rotate(-45deg)}
.nav.is-open .nav__bar{color:var(--c-on-ink);background:transparent;box-shadow:none;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.nav.is-open .nav__cta,.nav.is-open .favbtn{opacity:0;pointer-events:none}

.mnav{
  position:fixed;inset:0;z-index:1;pointer-events:none;visibility:hidden;
  display:flex;flex-direction:column;justify-content:space-between;
  padding:120px var(--gut) 40px;background:var(--c-ink);color:var(--c-on-ink);
  clip-path:inset(0 0 100% 0);transition:clip-path .8s var(--ease),visibility 0s .8s;
}
.nav.is-open .mnav{pointer-events:auto;visibility:visible;clip-path:inset(0 0 0 0);transition:clip-path .8s var(--ease)}
.mnav__links{display:flex;flex-direction:column}
.mnav__links a{display:flex;align-items:baseline;gap:18px;padding:10px 0;border-bottom:1px solid var(--ink-line);font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs) * clamp(2.2rem, 9vw, 3.4rem));line-height:1.1;letter-spacing:-.02em;transform:translateY(24px);opacity:0;transition:transform .8s var(--ease),opacity .6s var(--ease)}
.mnav__links small{font-family:var(--f-body);font-size:12px;letter-spacing:.14em;color:var(--ink-soft)}
.nav.is-open .mnav__links a{transform:none;opacity:1}
.nav.is-open .mnav__links a:nth-child(2){transition-delay:.05s}
.nav.is-open .mnav__links a:nth-child(3){transition-delay:.1s}
.nav.is-open .mnav__links a:nth-child(4){transition-delay:.15s}
.nav.is-open .mnav__links a:nth-child(5){transition-delay:.2s}
.nav.is-open .mnav__links a:nth-child(6){transition-delay:.25s}
.mnav__foot{display:flex;flex-direction:column;gap:6px;color:var(--ink-soft);font-size:15px}
.mnav__foot a{min-height:32px;display:inline-flex;align-items:center}

/* =========================================================
   KAPAK
   ========================================================= */
.hero{position:relative;padding:12px 12px 0}
.hero__frame{position:relative;height:clamp(620px, calc(100svh - 84px), 900px);border-radius:var(--r-lg);overflow:hidden;isolation:isolate;color:rgba(255,255,255,1);background:var(--c-ink)}
.hero__media{position:absolute;inset:0;z-index:-2;transform:translate3d(0,var(--py,0px),0);will-change:transform}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;animation:heroIn 2.6s var(--ease) both}
@keyframes heroIn{from{transform:scale(1.08)}to{transform:scale(1.001)}}
.hero__shade{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(to bottom, rgba(0,0,0,.42) 0%, rgba(0,0,0,0) 24%),
  linear-gradient(to top, rgba(0,0,0,.7) 0%, rgba(0,0,0,.34) 36%, rgba(0,0,0,0) 64%),
  linear-gradient(to right, rgba(0,0,0,.28) 0%, rgba(0,0,0,0) 55%)}
.hero__content{position:absolute;left:clamp(22px, 5vw, 80px);right:clamp(22px, 5vw, 80px);bottom:clamp(150px, 14vw, 186px);max-width:900px}
.hero__eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;font-size:12.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;opacity:.92}
.hero__eyebrow .dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,1);box-shadow:0 0 0 4px rgba(255,255,255,.18)}
.hero__title{font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs) * clamp(3.1rem, 7.6vw, 7.8rem));line-height:.94;letter-spacing:-.03em;text-wrap:balance}
.hero__title span,.hero__title em{display:block}
.hero__title em{opacity:.94}
.hero__lead{max-width:44ch;margin-top:26px;font-size:clamp(1rem, .4vw + .9rem, 1.15rem);line-height:1.6;opacity:.88}

.hero__pick{
  position:absolute;right:clamp(22px, 4vw, 56px);bottom:clamp(150px, 14vw, 186px);width:340px;display:flex;align-items:center;gap:14px;
  padding:10px 16px 10px 10px;border-radius:var(--r-md);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);
  -webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);transition:background-color .4s var(--ease),transform .6s var(--ease)
}
.hero__pick:hover{background:rgba(255,255,255,.2);transform:translateY(-3px)}
.hero__pick-img{width:86px;height:68px;border-radius:var(--r-sm);overflow:hidden;flex-shrink:0}
.hero__pick-img img{width:100%;height:100%;object-fit:cover}
.hero__pick-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.hero__pick-label{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.75}
.hero__pick-title{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero__pick-price{font-family:var(--f-display);font-size:calc(var(--fs-num) * 1.35rem);line-height:1.1;letter-spacing:-.01em}
.hero__pick-arrow{margin-left:auto;transition:transform .5s var(--ease)}
.hero__pick:hover .hero__pick-arrow{transform:translate(3px,-3px)}

/* ---------- Arama paneli ---------- */
.search{
  position:relative;z-index:5;width:min(1200px, calc(100% - 2 * var(--gut)));margin:-112px auto 0;
  padding:12px;border-radius:var(--r-lg);background:var(--c-surface);border:1px solid var(--c-line);
  box-shadow:var(--shadow-lg);
}
.search__top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 4px 12px}
.search__tabs{position:relative;display:inline-flex;padding:4px;border-radius:var(--r-btn);background:var(--c-bg-alt)}
.search__tabs button{position:relative;z-index:1;min-height:38px;padding:0 20px;border-radius:var(--r-btn);font-size:14px;font-weight:600;color:var(--c-text-soft);transition:color .4s var(--ease)}
.search__tabs button.is-active{color:var(--c-on-primary)}
.search__ink{position:absolute;top:4px;bottom:4px;left:0;width:0;border-radius:var(--r-btn);background:var(--c-primary);transform:translateX(var(--ink-x,4px));width:var(--ink-w,90px);transition:transform .6s var(--ease),width .6s var(--ease)}
.search__meta{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--c-text-soft);padding-right:8px}
.live{position:relative;width:8px;height:8px;border-radius:50%;background:var(--c-accent)}
.live::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--c-accent);animation:pulse 2.4s var(--ease) infinite;opacity:0}
@keyframes pulse{0%{transform:scale(.6);opacity:.8}100%{transform:scale(1.8);opacity:0}}
html.kmg-static .live::after{display:none}

.search__row{display:grid;grid-template-columns:repeat(3, minmax(0,1fr)) minmax(0,1.5fr) auto;align-items:stretch;border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-bg)}
.sf{position:relative;display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:72px;padding:12px 38px 12px 20px;cursor:pointer;transition:background-color .3s var(--ease)}
.sf + .sf::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:1px;background:var(--c-line)}
.sf:first-child{border-radius:var(--r-md) 0 0 var(--r-md)}
.sf:hover{background:var(--c-bg-alt)}
.sf:focus-within{background:var(--c-bg-alt)}
.sf__label{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-soft);line-height:1.2}
.sf select{appearance:none;-webkit-appearance:none;width:100%;border:0;background:transparent;padding:2px 0;font-size:16px;font-weight:500;color:var(--c-text);cursor:pointer;outline:none;text-overflow:ellipsis}
.sf select option,.sf select optgroup{color:var(--c-text);background:var(--c-surface)}
.sf__chev{position:absolute;right:14px;bottom:20px;width:16px;height:16px;color:var(--c-text-soft);pointer-events:none;transition:transform .4s var(--ease)}
.sf:hover .sf__chev{transform:translateY(2px)}
.sf--price{cursor:default}
.sf__pair{display:flex;align-items:center;gap:8px}
.sf__pair select{flex:1;min-width:0;padding-right:4px}
.sf__dash{color:var(--c-text-soft)}
.search__go{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:6px;padding:0 26px;min-width:210px;border-radius:var(--r-btn);background:var(--c-primary);color:var(--c-on-primary);font-size:15px;font-weight:600;transition:background-color .35s var(--ease),transform .5s var(--ease)}
.search__go:hover{background:color-mix(in oklab, var(--c-primary) 84%, var(--c-text))}
.search__go:active{transform:scale(.98)}
.search__go b{font-variant-numeric:tabular-nums}
.search__go .ic{width:19px;height:19px}

/* =========================================================
   İLANLAR
   ========================================================= */
.listings{padding-top:clamp(88px, 10vw, 136px)}
.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;padding-bottom:22px;margin-bottom:40px;border-bottom:1px solid var(--c-line)}
.seg{display:inline-flex;padding:4px;border:1px solid var(--c-line);border-radius:var(--r-btn)}
.seg button{min-height:38px;padding:0 18px;border-radius:var(--r-btn);font-size:14px;font-weight:500;color:var(--c-text-soft);transition:background-color .35s var(--ease),color .35s var(--ease)}
.seg button:hover{color:var(--c-text)}
.seg button.is-active{background:var(--c-text);color:var(--c-bg)}
.chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1;min-width:0}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px 0 14px;border-radius:var(--r-btn);background:var(--c-bg-alt);border:1px solid var(--c-line);font-size:13px;font-weight:500;animation:chipIn .5s var(--ease) both}
.chip .ic{width:14px;height:14px;opacity:.6;transition:opacity .3s,transform .4s var(--ease)}
.chip:hover .ic{opacity:1;transform:rotate(90deg)}
.chips__clear{font-size:13px;font-weight:500;color:var(--c-text-soft);text-decoration:underline;text-underline-offset:3px;padding:6px 4px;min-height:34px}
.chips__clear:hover{color:var(--c-text)}
@keyframes chipIn{from{opacity:0;transform:scale(.9)}}
.toolbar__end{display:flex;align-items:center;gap:20px;margin-left:auto}
.count{display:flex;align-items:baseline;gap:6px;color:var(--c-text-soft);font-size:14px}
.count b{font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs-num) * 1.9rem);line-height:1;color:var(--c-text);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sort{position:relative;display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--c-text-soft)}
.sort select{appearance:none;-webkit-appearance:none;min-height:40px;padding:0 38px 0 16px;border:1px solid var(--c-line);border-radius:var(--r-btn);background:var(--c-bg);font-size:14px;font-weight:500;color:var(--c-text);cursor:pointer}
.sort .ic{position:absolute;right:13px;width:15px;height:15px;pointer-events:none;color:var(--c-text-soft)}

.grid{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:56px 28px}
.card{position:relative;display:flex;flex-direction:column;min-width:0}
.card.is-entering{animation:cardIn .9s var(--ease) both;animation-delay:calc(var(--i, 0) * 55ms)}
@keyframes cardIn{from{opacity:0;transform:translateY(22px)}}
.card__media{position:relative;z-index:3;aspect-ratio:4 / 3.05;border-radius:var(--r-md);overflow:hidden;background:var(--c-bg-alt);isolation:isolate;pointer-events:none}
.card__media .heart{pointer-events:auto}
.card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--ease),opacity .8s var(--ease)}
.card__img--b{opacity:0;transform:scale(1.1)}
.card:hover .card__img--a{transform:scale(1.07)}
.card:hover .card__img--b{opacity:1;transform:scale(1.035)}
.card__media::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(to top, rgba(0,0,0,.42), rgba(0,0,0,0));z-index:1;pointer-events:none}
.card__tags{position:absolute;top:14px;left:14px;z-index:2;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}
.tag{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-text);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1}
.tag--deal{background:var(--c-primary);color:var(--c-on-primary)}
.tag--new{background:var(--c-accent);color:var(--c-on-primary)}
.tag--line{background:transparent;border:1px solid var(--c-line);color:var(--c-text-soft)}
.card__count{position:absolute;right:14px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,1);font-size:12.5px;font-weight:500;pointer-events:none}
.card__count .ic{width:16px;height:16px}
.card__dots{position:absolute;left:14px;bottom:16px;z-index:2;display:flex;gap:5px;pointer-events:none}
.card__dots i{width:14px;height:2px;border-radius:var(--r-sm);background:rgba(255,255,255,.45);transition:background-color .5s var(--ease),width .5s var(--ease)}
.card__dots i:first-child{background:rgba(255,255,255,1);width:22px}
.card:hover .card__dots i:first-child{background:rgba(255,255,255,.45);width:14px}
.card:hover .card__dots i:nth-child(2){background:rgba(255,255,255,1);width:22px}

.heart{position:absolute;top:12px;right:12px;z-index:3;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:color-mix(in oklab, var(--c-surface) 88%, transparent);color:var(--c-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .5s var(--ease),color .3s}
.heart:hover{transform:scale(1.08)}
.heart .ic{width:20px;height:20px;transition:fill .3s var(--ease)}
.heart[aria-pressed="true"]{color:var(--c-accent)}
.heart[aria-pressed="true"] .ic{fill:currentColor}
.heart.pop .ic{animation:heartPop .6s var(--ease)}
@keyframes heartPop{30%{transform:scale(1.35)}60%{transform:scale(.92)}100%{transform:scale(1)}}

.card__body{display:flex;flex-direction:column;padding:20px 2px 0}
.card__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.card__price{font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs-num) * clamp(1.75rem, 2.1vw, 2.15rem));line-height:1;letter-spacing:-.025em;font-variant-numeric:lining-nums;white-space:nowrap}
.card__price small{font-family:var(--f-body);font-size:.82rem;font-weight:500;letter-spacing:0;color:var(--c-text-soft);margin-left:4px}
.card__ref{font-size:11.5px;font-weight:500;letter-spacing:.08em;color:var(--c-text-soft);white-space:nowrap}
.card__title{margin-top:10px;font-size:1.02rem;font-weight:500;line-height:1.4}
.card__link{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .6s var(--ease)}
.card:hover .card__link{background-size:100% 1px}
.card__link::after{content:"";position:absolute;inset:0;z-index:2}
.card__link:focus-visible{outline:none}
.card:has(.card__link:focus-visible){outline:2px solid var(--c-primary);outline-offset:8px;border-radius:var(--r-md)}
.card__loc{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:.9rem;color:var(--c-text-soft)}
.card__loc .ic{width:16px;height:16px}
.card__specs{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px;padding-top:14px;border-top:1px solid var(--c-line);font-size:.9rem}
.card__specs li{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.card__specs .ic{width:18px;height:18px;color:var(--c-text-soft)}

.grid__note{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) auto;align-items:center;gap:24px clamp(24px, 4vw, 56px);padding:clamp(28px, 4vw, 52px);border-radius:var(--r-lg);background:var(--c-ink);color:var(--c-on-ink);position:relative;overflow:hidden;isolation:isolate}
.grid__note::before{content:"";position:absolute;right:-60px;top:-80px;width:320px;height:320px;border-radius:50%;border:1px solid var(--ink-line);z-index:-1}
.grid__note::after{content:"";position:absolute;right:40px;top:-20px;width:200px;height:200px;border-radius:50%;border:1px solid var(--ink-line);z-index:-1}
.grid__note h3{font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs) * clamp(1.9rem, 3vw, 2.8rem));line-height:1.02;letter-spacing:-.02em;text-wrap:balance}
.grid__note h3 em{font-style:italic;color:color-mix(in oklab, var(--c-accent) 50%, var(--c-on-ink))}
.grid__note p{color:var(--ink-soft);max-width:44ch}
.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:clamp(48px, 7vw, 88px) 24px;border:1px dashed color-mix(in oklab, var(--c-line) 50%, var(--c-text-soft));border-radius:var(--r-lg)}
.empty[hidden]{display:none}
.empty__ic{width:44px;height:44px;fill:none;stroke:var(--c-text-soft);stroke-width:1.2;margin-bottom:6px}
.empty h3{font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs) * clamp(1.6rem, 2.6vw, 2.2rem));line-height:1.1}
.empty p{color:var(--c-text-soft);max-width:48ch}
.empty__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px}

/* =========================================================
   SEMTLER
   ========================================================= */
.bento{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));grid-template-rows:repeat(2, clamp(250px, 24vw, 340px));gap:16px;grid-template-areas:"a b b c" "a d e f"}
.area--a{grid-area:a}.area--b{grid-area:b}.area--c{grid-area:c}.area--d{grid-area:d}.area--e{grid-area:e}.area--f{grid-area:f}
.area{position:relative;display:block;overflow:hidden;border-radius:var(--r-md);color:rgba(255,255,255,1);isolation:isolate;background:var(--c-ink)}
.area img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.6s var(--ease)}
.area:hover img{transform:scale(1.06)}
.area::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top, rgba(0,0,0,.72) 0%, rgba(0,0,0,.2) 45%, rgba(0,0,0,0) 70%);transition:opacity .6s var(--ease)}
.area__side{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;min-height:26px;padding:0 11px;border-radius:var(--r-btn);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.area__body{position:absolute;left:20px;right:20px;bottom:18px;display:flex;flex-direction:column;gap:6px}
.area__name{font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs) * clamp(1.8rem, 2.5vw, 2.5rem));line-height:1;letter-spacing:-.02em}
.area--a .area__name{font-size:calc(var(--fs) * clamp(2.4rem, 4vw, 3.8rem))}
.area__note{font-size:.95rem;line-height:1.5;opacity:.86;max-width:34ch}
.area__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.28);font-size:13px;font-weight:500}
.area__meta .ic{width:18px;height:18px;transition:transform .5s var(--ease)}
.area:hover .area__meta .ic{transform:translateX(5px)}

/* =========================================================
   HİZMETLER
   ========================================================= */
.services__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(40px, 6vw, 100px);align-items:start}
.services__media{position:sticky;top:104px;aspect-ratio:4 / 5;border-radius:var(--r-lg);overflow:hidden;background:var(--c-bg-alt)}
.services__stack img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .9s var(--ease),transform 1.8s var(--ease)}
.services__stack img.is-active{opacity:1;transform:scale(1)}
.services__index{position:absolute;left:20px;bottom:20px;display:inline-flex;align-items:baseline;gap:4px;padding:8px 14px;border-radius:var(--r-btn);background:rgba(0,0,0,.34);color:rgba(255,255,255,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px;letter-spacing:.06em}
.services__index b{font-family:var(--f-display);font-weight:500;font-size:1.3rem;letter-spacing:0}
.services__list .shead{margin-bottom:clamp(32px, 4vw, 48px)}
.svc-list{border-top:1px solid var(--c-line)}
.svc{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) 28px;gap:18px;padding:32px 0 34px;border-bottom:1px solid var(--c-line);cursor:default;outline-offset:6px}
.svc::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:var(--c-primary);transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease)}
.svc.is-active::before{transform:scaleX(1)}
.svc__no{font-family:var(--f-display);font-size:1.35rem;line-height:1.3;color:var(--c-text-soft);transition:color .4s}
.svc.is-active .svc__no{color:var(--c-accent)}
.svc__title{font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs) * clamp(1.65rem, 2.5vw, 2.3rem));line-height:1.05;letter-spacing:-.015em}
.svc__text{margin-top:12px;color:var(--c-text-soft);max-width:54ch}
.svc__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.svc__tags li{padding:5px 12px;border:1px solid var(--c-line);border-radius:var(--r-btn);font-size:12.5px;color:var(--c-text-soft)}
.svc__arrow{margin-top:8px;color:var(--c-text-soft);transform:rotate(-45deg);transition:transform .6s var(--ease),color .4s}
.svc.is-active .svc__arrow{color:var(--c-primary);transform:rotate(0)}

/* =========================================================
   RAKAMLAR
   ========================================================= */
.stats{background:var(--c-ink);color:var(--c-on-ink);padding-block:clamp(88px, 11vw, 150px)}
.stats__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:48px clamp(40px, 7vw, 120px);align-items:start}
.stats__title{font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs) * clamp(2.2rem, 4.2vw, 3.8rem));line-height:1.02;letter-spacing:-.02em;text-wrap:balance}
.stats__list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink-line)}
.stat{display:flex;flex-direction:column-reverse;justify-content:flex-end;padding:30px 0 32px;border-bottom:1px solid var(--ink-line)}
.stat:nth-child(odd){padding-right:32px;border-right:1px solid var(--ink-line)}
.stat:nth-child(even){padding-left:32px}
.stat dd{font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs-num) * clamp(3rem, 6vw, 5.6rem));line-height:.95;letter-spacing:-.035em;font-variant-numeric:lining-nums}
.stat dt{margin-top:12px;font-size:15px;color:var(--ink-soft);max-width:24ch}

/* =========================================================
   DANIŞMANLAR
   ========================================================= */
.team__grid{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:28px}
.agent:nth-child(even){margin-top:56px}
.agent__img{aspect-ratio:4 / 5;border-radius:var(--r-md);overflow:hidden;background:var(--c-bg-alt)}
.agent__img img{width:100%;height:100%;object-fit:cover;filter:saturate(.86);transition:transform 1.4s var(--ease),filter .8s var(--ease)}
.agent:hover .agent__img img{transform:scale(1.045);filter:saturate(1)}
.agent__name{margin-top:20px;font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs) * 1.65rem);line-height:1.1;letter-spacing:-.01em}
.agent__role{margin-top:4px;font-size:.92rem;color:var(--c-text-soft)}
.agent__link{display:inline-flex;align-items:center;min-height:36px;margin-top:8px;font-size:14px;font-weight:500;background-image:linear-gradient(currentColor,currentColor);background-size:100% 1px;background-repeat:no-repeat;background-position:0 78%;transition:background-size .6s var(--ease)}
.agent__link:hover{background-size:0 1px;background-position:100% 78%}

/* =========================================================
   YORUMLAR
   ========================================================= */
.reviews__grid{display:grid;grid-template-columns:repeat(12, minmax(0,1fr));gap:20px}
.quote{grid-column:span 5;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:clamp(26px, 3.2vw, 44px);border-radius:var(--r-lg);background:var(--c-surface);border:1px solid var(--c-line)}
.quote--big{grid-column:1 / span 7;grid-row:span 2;background:var(--c-primary);color:var(--c-on-primary);border-color:transparent}
.quote__mark{font-family:var(--f-display);font-size:7rem;line-height:.7;height:52px;color:color-mix(in oklab, var(--c-on-primary) 55%, var(--c-primary))}
.quote blockquote{font-size:1.06rem;line-height:1.65}
.quote--big blockquote{font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs) * clamp(1.6rem, 2.6vw, 2.45rem));line-height:1.18;letter-spacing:-.012em;text-wrap:pretty}
.quote figcaption{display:flex;flex-direction:column;gap:2px;padding-top:18px;border-top:1px solid var(--c-line);font-size:14px}
.quote figcaption b{font-weight:600;font-size:15px}
.quote figcaption span{color:var(--c-text-soft)}
.quote--big figcaption{border-color:color-mix(in oklab, var(--c-on-primary) 22%, var(--c-primary))}
.quote--big figcaption span{color:color-mix(in oklab, var(--c-on-primary) 72%, var(--c-primary))}

/* =========================================================
   DEĞERLEME + FORMLAR
   ========================================================= */
.valuation__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px, 6vw, 96px);align-items:start}
.steps{margin-top:44px;border-top:1px solid var(--c-line)}
.steps li{display:grid;grid-template-columns:48px 1fr;align-items:center;padding:18px 0;border-bottom:1px solid var(--c-line)}
.steps span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--c-line);font-family:var(--f-display);font-size:1.1rem;color:var(--c-accent)}
.formcard{position:relative;padding:clamp(24px, 3.4vw, 44px);border-radius:var(--r-lg);background:var(--c-surface);border:1px solid var(--c-line);box-shadow:var(--shadow)}
.form__grid{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:18px 16px}
.field{grid-column:span 2;display:flex;flex-direction:column;min-width:0}
.field--full{grid-column:1 / -1}
.field--half{grid-column:span 1}
.field > span:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:13px;font-weight:500}
.field > span:first-child small{font-weight:400;color:var(--c-text-soft)}
.field input:not([type="range"]):not([type="checkbox"]),.field select,.field textarea{
  width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--c-line);border-radius:var(--r-sm);background:var(--c-bg);color:var(--c-text);font-size:15px;
  transition:border-color .3s var(--ease),box-shadow .3s var(--ease)
}
.field textarea{resize:vertical;min-height:88px;line-height:1.5}
.field input::placeholder,.field textarea::placeholder{color:color-mix(in oklab, var(--c-text-soft) 75%, var(--c-bg))}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--c-primary) 18%, transparent)}
.select{position:relative;display:block}
.select select{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer}
.select .ic{position:absolute;right:13px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--c-text-soft);pointer-events:none}
.field__err{display:none;margin-top:6px;font-style:normal;font-size:12.5px;font-weight:500;color:var(--c-accent)}
.field.is-invalid .field__err{display:block}
.field.is-invalid input,.field.is-invalid select{border-color:var(--c-accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--c-accent) 16%, transparent)}
.field__hint{margin-top:6px;font-size:12.5px;color:var(--c-text-soft)}
.check{grid-column:1 / -1;display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:13.5px;line-height:1.5;color:var(--c-text-soft);cursor:pointer}
.check input{position:absolute;opacity:0;width:1px;height:1px}
.check__box{display:grid;place-items:center;width:22px;height:22px;margin-top:1px;border:1px solid color-mix(in oklab, var(--c-line) 50%, var(--c-text-soft));border-radius:var(--r-sm);background:var(--c-bg);color:var(--c-on-primary);transition:background-color .3s,border-color .3s}
.check__box .ic{width:14px;height:14px;stroke-width:2.2;opacity:0;transform:scale(.6);transition:opacity .3s,transform .4s var(--ease)}
.check input:checked + .check__box{background:var(--c-primary);border-color:var(--c-primary)}
.check input:checked + .check__box .ic{opacity:1;transform:none}
.check input:focus-visible + .check__box{outline:2px solid var(--c-primary);outline-offset:2px}
.check.is-invalid .check__box{border-color:var(--c-accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--c-accent) 16%, transparent)}

.success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:40px 8px}
.success[hidden]{display:none}
.success__ic{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:color-mix(in oklab, var(--c-primary) 12%, var(--c-surface));color:var(--c-primary);margin-bottom:8px;animation:pop .8s var(--ease) both}
.success__ic .ic{width:30px;height:30px;stroke-width:1.8}
@keyframes pop{from{transform:scale(.4)}}
.success h3:focus{outline:none}
.success h3{font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs) * clamp(1.8rem, 2.6vw, 2.4rem));line-height:1.1}
.success p{color:var(--c-text-soft);max-width:40ch}
.success p a{color:var(--c-text);text-decoration:underline;text-underline-offset:3px}
.success .btn{margin-top:12px}
.success--sm{padding:28px 18px;border:1px solid var(--c-line);border-radius:var(--r-md)}
.success--sm h3{font-size:1.6rem}

/* =========================================================
   İLETİŞİM
   ========================================================= */
.contact__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px, 6vw, 96px);align-items:stretch}
.contact__list{margin-top:40px;border-top:1px solid var(--c-line)}
.contact__list li{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid var(--c-line)}
.contact__list .ic{width:22px;height:22px;margin-top:3px;color:var(--c-primary)}
.contact__list small{display:block;margin-bottom:3px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-soft)}
.contact__list a,.contact__list span{font-size:1.05rem}
.contact__list a:hover{text-decoration:underline;text-underline-offset:3px}
.contact__note{margin-top:20px;font-size:14px;color:var(--c-text-soft)}
.contact__map{position:relative;min-height:480px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--c-line);
  background-color:var(--c-bg);
  background-image:linear-gradient(var(--c-line) 1px, transparent 1px),linear-gradient(90deg, var(--c-line) 1px, transparent 1px);
  background-size:44px 44px;background-position:-1px -1px}
.contact__pin{position:absolute;left:18px;bottom:18px;right:18px;z-index:2;display:flex;align-items:center;gap:14px;max-width:420px;padding:14px 16px;border-radius:var(--r-md);background:var(--c-surface);border:1px solid var(--c-line);box-shadow:var(--shadow)}
.contact__pin-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--c-primary);color:var(--c-on-primary);flex-shrink:0}
.contact__pin-mark .brand__mark{width:24px;height:24px}
.contact__pin b{display:block;font-weight:600;font-size:15px}
.contact__pin span{display:block;font-size:13px;color:var(--c-text-soft);line-height:1.4}
.contact__pin a{margin-left:auto;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:var(--r-btn);border:1px solid var(--c-line);font-size:13px;font-weight:600;white-space:nowrap;transition:background-color .3s}
.contact__pin a:hover{background:var(--c-bg-alt)}
.contact__pin a .ic{width:15px;height:15px}
.contact__map iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;filter:grayscale(.9) contrast(1.04)}

/* =========================================================
   ALTBİLGİ
   ========================================================= */
.footer{background:var(--c-ink);color:var(--c-on-ink);padding:clamp(72px, 9vw, 128px) 0 28px}
.footer__top{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-bottom:56px;border-bottom:1px solid var(--ink-line)}
.footer__big{font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs) * clamp(2.4rem, 5.6vw, 5.2rem));line-height:1;letter-spacing:-.025em;max-width:15ch}
.footer__big span,.footer__big em{display:block}
.footer__big em{color:color-mix(in oklab, var(--c-accent) 50%, var(--c-on-ink))}
.footer__cols{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3, minmax(0,1fr));gap:40px;padding:56px 0}
.footer__brand p{margin-top:20px;color:var(--ink-soft);max-width:36ch;font-size:15px}
.footer__col{display:flex;flex-direction:column;gap:2px;font-size:15px}
.footer__col h4{margin-bottom:14px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}
.footer__col a,.footer__col span{padding:4px 0;color:color-mix(in oklab, var(--c-on-ink) 90%, var(--c-ink))}
.footer__col a{min-height:32px;display:inline-flex;align-items:center;width:fit-content;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 85%;transition:background-size .5s var(--ease)}
.footer__col a:hover{background-size:100% 1px}
.footer__legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding-top:24px;border-top:1px solid var(--ink-line);font-size:13px;color:var(--ink-soft)}
.footer__top-link{display:inline-flex;align-items:center;gap:6px;min-height:36px}
.footer__top-link .ic{width:16px;height:16px;transition:transform .5s var(--ease)}
.footer__top-link:hover .ic{transform:translate(2px,-2px)}

/* =========================================================
   İLAN DETAYI
   ========================================================= */
.modal,.drawer{position:fixed;inset:0;z-index:100}
.modal[hidden],.drawer[hidden]{display:none}
.modal__backdrop,.drawer__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .5s var(--ease)}
.modal.is-open .modal__backdrop,.drawer.is-open .drawer__backdrop{opacity:1}
.modal__panel{
  position:absolute;inset:24px;margin-inline:auto;max-width:1240px;display:flex;flex-direction:column;overflow:hidden;
  border-radius:var(--r-lg);background:var(--c-bg);box-shadow:0 60px 120px -40px rgba(0,0,0,.5);
  opacity:0;transform:translateY(40px) scale(.985);transition:opacity .5s var(--ease),transform .8s var(--ease)
}
.modal.is-open .modal__panel{opacity:1;transform:none}
.modal__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px 12px 24px;border-bottom:1px solid var(--c-line)}
.modal__ref{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-soft)}
.modal__bar-actions{display:flex;align-items:center;gap:8px}
.heart--bar{position:static;width:auto;height:44px;padding:0 16px 0 14px;gap:8px;display:inline-flex;border-radius:var(--r-btn);border:1px solid var(--c-line);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:14px;font-weight:500}
.heart--bar:hover{transform:none;background:var(--c-bg-alt)}
.modal__scroll{flex:1;overflow-y:auto;overscroll-behavior:contain}

.gal{position:relative;height:min(62vh, 640px);min-height:280px;background:var(--c-ink);overflow:hidden}
.gal__stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity .7s var(--ease),transform 1.2s var(--ease)}
.gal__stage img.is-active{opacity:1;transform:none}
.gal__nav{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:52px;height:52px;margin-top:-26px;border-radius:50%;background:color-mix(in oklab, var(--c-surface) 90%, transparent);color:var(--c-text);box-shadow:0 12px 30px -12px rgba(0,0,0,.4);transition:transform .5s var(--ease)}
.gal__nav:hover{transform:scale(1.07)}
.gal__nav--prev{left:20px}
.gal__nav--next{right:20px}
.gal__count{position:absolute;right:20px;bottom:18px;z-index:2;padding:6px 12px;border-radius:var(--r-btn);background:rgba(0,0,0,.45);color:rgba(255,255,255,1);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.gal__thumbs{display:flex;gap:10px;padding:14px 24px;overflow-x:auto;border-bottom:1px solid var(--c-line);scrollbar-width:thin}
.gal__thumbs button{flex:0 0 auto;width:104px;height:72px;border-radius:var(--r-sm);overflow:hidden;opacity:.5;outline:2px solid transparent;outline-offset:2px;transition:opacity .3s,outline-color .3s}
.gal__thumbs button:hover{opacity:.85}
.gal__thumbs button.is-active{opacity:1;outline-color:var(--c-primary)}
.gal__thumbs img{width:100%;height:100%;object-fit:cover}

.m-body{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(32px, 4vw, 64px);padding:36px clamp(20px, 3vw, 44px) 56px}
.m-tags{display:flex;flex-wrap:wrap;gap:6px}
.m-title{margin:14px 0 10px;font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs) * clamp(2rem, 3.4vw, 3.1rem));line-height:1.04;letter-spacing:-.02em;text-wrap:balance}
.m-loc{display:flex;align-items:center;gap:8px;color:var(--c-text-soft)}
.m-loc .ic{width:18px;height:18px}
.m-keys{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));margin-top:28px;border:1px solid var(--c-line);border-radius:var(--r-md)}
.m-keys li{display:flex;flex-direction:column;gap:6px;padding:16px 18px;min-width:0}
.m-keys li + li{border-left:1px solid var(--c-line)}
.m-keys .ic{width:20px;height:20px;color:var(--c-text-soft)}
.m-keys small{font-size:12px;color:var(--c-text-soft)}
.m-keys b{font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs-num) * 1.45rem);line-height:1;letter-spacing:-.01em;white-space:nowrap}
.m-sub{margin:44px 0 16px;font-family:var(--f-body);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--c-text-soft)}
.m-desc p{max-width:68ch;line-height:1.72}
.m-desc p + p{margin-top:1em}
.m-table{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.m-table div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--c-line);font-size:15px}
.m-table dt{color:var(--c-text-soft)}
.m-table dd{font-weight:500;text-align:right}

.calc{margin-top:48px;padding:clamp(22px, 3vw, 32px);border-radius:var(--r-lg);background:var(--c-bg-alt)}
.calc[hidden]{display:none}
.calc__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px}
.calc__head .m-sub{margin:0}
.calc__head p{font-size:13px;color:var(--c-text-soft)}
.calc__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;margin-top:22px}
.calc__inputs{display:grid;gap:18px}
.calc__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.calc .field > span:first-child b{font-weight:600;color:var(--c-primary);font-variant-numeric:tabular-nums}
.calc input[type="range"]{width:100%;height:28px;accent-color:var(--c-primary);cursor:pointer;margin:0}
.calc__out{display:flex;flex-direction:column;padding:24px;border-radius:var(--r-md);background:var(--c-primary);color:var(--c-on-primary)}
.calc__label{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.calc__pay{margin-top:8px;font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs-num) * clamp(2.3rem, 3.6vw, 3.2rem));line-height:1;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.calc__bar{height:6px;margin:20px 0 6px;border-radius:var(--r-btn);background:color-mix(in oklab, var(--c-on-primary) 22%, var(--c-primary));overflow:hidden}
.calc__bar span{display:block;height:100%;width:50%;border-radius:inherit;background:var(--c-on-primary);transition:width .6s var(--ease)}
.calc__dl{margin-top:10px}
.calc__dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid color-mix(in oklab, var(--c-on-primary) 18%, var(--c-primary));font-size:14px}
.calc__dl div:last-child{border-bottom:0}
.calc__dl dt{opacity:.78}
.calc__dl dd{font-weight:600;font-variant-numeric:tabular-nums}
.rentbox{margin-top:48px;padding:clamp(22px, 3vw, 32px);border-radius:var(--r-lg);background:var(--c-bg-alt)}
.rentbox[hidden]{display:none}
.rentbox .m-sub{margin:0 0 14px}
.rentbox ul{display:grid;gap:10px}
.rentbox li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start}
.rentbox .ic{width:18px;height:18px;margin-top:3px;color:var(--c-primary)}

.m-aside{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;gap:16px}
.m-price{padding:22px 24px;border-radius:var(--r-md);background:var(--c-surface);border:1px solid var(--c-line)}
.m-price__deal{display:block;font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--c-accent)}
.m-price strong{display:block;margin-top:8px;font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs-num) * clamp(2.2rem, 3vw, 2.9rem));line-height:1;letter-spacing:-.03em;font-variant-numeric:lining-nums}
.m-price strong small{font-family:var(--f-body);font-size:1rem;letter-spacing:0;color:var(--c-text-soft);margin-left:4px;font-weight:500}
.m-price > small{display:block;margin-top:10px;font-size:13.5px;color:var(--c-text-soft)}
.m-agent{display:grid;grid-template-columns:60px 1fr;gap:14px;align-items:center;padding:16px;border-radius:var(--r-md);border:1px solid var(--c-line)}
.m-agent img{width:60px;height:60px;border-radius:50%;object-fit:cover}
.m-agent b{display:block;font-weight:600}
.m-agent span{display:block;font-size:13px;color:var(--c-text-soft)}
.m-agent a{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:14px;font-weight:500;min-height:30px}
.m-agent a .ic{width:15px;height:15px}
.m-form{display:grid;gap:14px;padding:22px;border-radius:var(--r-md);border:1px solid var(--c-line);background:var(--c-surface)}
.m-form h3{font-family:var(--f-display);font-weight:500;font-size:1.6rem;line-height:1.1;letter-spacing:-.01em}
.m-form .field{grid-column:auto}
.m-form .btn--wide{margin-top:4px}

/* ---------- Favoriler ---------- */
.drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(440px, 100%);display:flex;flex-direction:column;background:var(--c-bg);box-shadow:-40px 0 80px -40px rgba(0,0,0,.4);transform:translateX(100%);transition:transform .7s var(--ease)}
.drawer.is-open .drawer__panel{transform:none}
.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 18px 18px 24px;border-bottom:1px solid var(--c-line)}
.drawer__head h2{display:flex;align-items:baseline;gap:10px;font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs) * 1.9rem);line-height:1;letter-spacing:-.015em}
.drawer__head h2 span{font-family:var(--f-body);font-size:14px;color:var(--c-text-soft)}
.drawer__list{flex:1;overflow-y:auto;padding:8px 24px}
.fav{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--c-line)}
.fav__img{width:96px;height:72px;border-radius:var(--r-sm);overflow:hidden}
.fav__img img{width:100%;height:100%;object-fit:cover}
.fav__open{text-align:left;display:flex;flex-direction:column;gap:2px;min-width:0}
.fav__open b{font-family:var(--f-display);font-weight:500;font-size:calc(var(--fs-num) * 1.35rem);line-height:1.1;letter-spacing:-.015em}
.fav__open b small{font-family:var(--f-body);font-size:.78rem;color:var(--c-text-soft);margin-left:4px;letter-spacing:0}
.fav__open > span{font-size:13.5px;color:var(--c-text-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.drawer__empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px 32px;text-align:center;color:var(--c-text-soft)}
.drawer__empty[hidden]{display:none}
.drawer__empty .ic{width:36px;height:36px;stroke-width:1.2}

.toast{position:fixed;left:50%;bottom:24px;z-index:120;display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--r-btn);background:var(--c-ink);color:var(--c-on-ink);font-size:14px;font-weight:500;box-shadow:0 20px 40px -20px rgba(0,0,0,.45);opacity:0;transform:translate(-50%, 16px);pointer-events:none;transition:opacity .4s var(--ease),transform .6s var(--ease)}
.toast.is-show{opacity:1;transform:translate(-50%, 0)}
.toast .ic{width:18px;height:18px;color:color-mix(in oklab, var(--c-accent) 55%, var(--c-on-ink))}

/* =========================================================
   DUYARLI
   ========================================================= */
@media (max-width: 1200px){
  .nav__phone{display:none}
  .nav__links{gap:22px}
  .search__row{grid-template-columns:repeat(3, minmax(0,1fr)) minmax(0,1.4fr)}
  .search__go{grid-column:1 / -1;min-height:56px;margin:0 6px 6px}
  }
@media (max-width: 1060px){
  .hero__pick{display:none}
  .grid{grid-template-columns:repeat(2, minmax(0,1fr))}
  .team__grid{grid-template-columns:repeat(2, minmax(0,1fr))}
  .agent:nth-child(even){margin-top:40px}
  .m-body{grid-template-columns:minmax(0,1fr) 340px}
}
@media (max-width: 960px){
  .nav__links{display:none}
  .burger{display:block}
  .shead{grid-template-columns:1fr}
  .shead__lead{justify-self:start}
  .search__row{grid-template-columns:repeat(2, minmax(0,1fr))}
  .sf::before{display:none}
  .sf:first-child{grid-column:1 / -1;border-radius:var(--r-md) var(--r-md) 0 0}
  .sf + .sf{border-top:1px solid var(--c-line)}
  .sf:nth-child(3){border-left:1px solid var(--c-line)}
  .sf--price{grid-column:1 / -1}
  .grid__note{grid-template-columns:1fr}
  .bento{grid-template-columns:repeat(2, minmax(0,1fr));grid-template-rows:none;grid-auto-rows:clamp(220px, 40vw, 320px);grid-template-areas:"a b" "a c" "d e" "f f"}
  .services__grid{grid-template-columns:1fr}
  .services__media{position:relative;top:0;aspect-ratio:16 / 10}
  .stats__grid{grid-template-columns:1fr}
  .reviews__grid{grid-template-columns:1fr 1fr}
  .quote,.quote--big{grid-column:auto}
  .quote--big{grid-column:1 / -1;grid-row:auto}
  .valuation__grid,.contact__grid{grid-template-columns:1fr}
  .contact__map{min-height:420px}
  .footer__cols{grid-template-columns:1fr 1fr}
  .footer__brand{grid-column:1 / -1}
  .modal__panel{inset:12px}
  .m-body{grid-template-columns:1fr}
  .m-aside{position:static}
  .m-keys{grid-template-columns:repeat(2, minmax(0,1fr))}
  .m-keys li:nth-child(3){border-left:0}
  .m-keys li:nth-child(n+3){border-top:1px solid var(--c-line)}
  .calc__grid{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .nav{padding:8px}
  .nav__bar{height:64px;padding:0 8px 0 14px}
  .nav.is-solid .nav__bar{height:60px}
  .nav__cta{display:none}
  .brand__mark{width:30px;height:30px}
  .brand__name{font-size:1.3rem}
  .hero{padding:8px 8px 0}
  .hero__frame{height:max(600px, calc(100svh - 16px))}
  .hero__content{bottom:120px}
  .hero__title{font-size:calc(var(--fs) * clamp(2.9rem, 13vw, 4rem))}
  .hero__lead{font-size:1rem}
  .search{margin-top:-80px;width:calc(100% - 32px);padding:10px}
  .search__top{padding-bottom:10px}
  .search__meta{display:none}
  .search__tabs{width:100%}
  .search__tabs button{flex:1}
  .sf{min-height:64px;padding:10px 34px 10px 16px}
  .sf__chev{bottom:16px;right:12px}
  .toolbar{gap:14px}
  .seg{width:100%}
  .seg button{flex:1;padding:0 10px}
  .toolbar__end{width:100%;justify-content:space-between;margin-left:0}
  .grid{grid-template-columns:1fr;gap:44px}
  .bento{grid-template-columns:1fr;grid-auto-rows:minmax(250px, auto);grid-template-areas:"a" "b" "c" "d" "e" "f"}
  .area--a{min-height:380px}
  .hero__eyebrow{font-size:11px;letter-spacing:.1em}
  .contact__pin a{display:none}
  .team__grid{gap:20px 14px}
  .agent:nth-child(even){margin-top:32px}
  .agent__name{font-size:calc(var(--fs) * 1.3rem)}
  .agent__role{font-size:.85rem}
  .stats__list{grid-template-columns:1fr 1fr}
  .stat:nth-child(odd){padding-right:16px}
  .stat:nth-child(even){padding-left:16px}
  .stat dd{font-size:calc(var(--fs-num) * clamp(2.4rem, 12vw, 3.4rem))}
  .stat dt{font-size:14px}
  .reviews__grid{grid-template-columns:1fr}
  .form__grid{grid-template-columns:1fr 1fr}
  .field{grid-column:1 / -1}
  .field--half{grid-column:span 1}
  .footer__top{flex-direction:column;align-items:flex-start}
  .footer__cols{grid-template-columns:1fr;gap:32px;padding:44px 0}
  .modal__panel{inset:0;border-radius:0}
  .gal{height:auto;aspect-ratio:4 / 3;min-height:0}
  .gal__nav{width:44px;height:44px;margin-top:-22px}
  .gal__nav--prev{left:12px}
  .gal__nav--next{right:12px}
  .gal__thumbs{padding:12px 16px}
  .gal__thumbs button{width:80px;height:58px}
  .m-body{padding:28px 18px 40px}
  .m-table{grid-template-columns:1fr}
  .calc__row{grid-template-columns:1fr 1fr}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .hero__media{transform:none!important}
}