/* v8 · sade yenileme: yapışkan başlık, kart renkleri, akıcı geçişler, hızlı iletişim çubuğu */
:root{--ease:cubic-bezier(.2,.7,.2,1);--leaf:#2f6b45;--leaf-soft:#e2eed6;--clay:#7a5a2e;--clay-soft:#f2e6cf;--slate:#3d5560;--slate-soft:#e1e9ec;--price:#1f5a3d}

/* Başlık: kaydırınca ince, buzlu cam bir şerit olarak üstte kalır */
.header{position:sticky;top:0;z-index:60;transition:height .35s var(--ease),background .35s,box-shadow .35s}
.header:before{content:"";position:absolute;inset:0 -40px;z-index:-1;background:#f6f2eaf5;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);opacity:0;transition:opacity .35s;border-bottom:1px solid #e3e1d6}
.header.is-scrolled{height:74px}
.header.is-scrolled:before{opacity:1}
.header.is-scrolled .brand img{width:160px}
.brand img{transition:width .35s var(--ease)}
.header nav a{position:relative}
.header nav a:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.header nav a:hover:after,.header nav a.active:after{transform:scaleX(1)}

/* Sade ana sayfa: yer tutucu bölüm ve anlamsız sayaç kaldırıldı */
#insights,.hero-index{display:none!important}

/* Düğmeler: dokununca hafif basılma hissi */
.button,.pills button,.quick-card,.portfolio-open,.round-link{transition:transform .2s var(--ease),background .2s,box-shadow .2s,color .2s}
.button:active,.pills button:active,.quick-card:active,.portfolio-open:active{transform:scale(.97)}
.quick-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #2c3d2a12}
.quick-card>span:last-child,.quick-card svg{transition:transform .3s var(--ease)}
.quick-card:hover .icon-tile{background:var(--ink);color:#fff;border-color:var(--ink)}
.icon-tile{transition:background .25s,color .25s,border-color .25s}

/* Portföy kartları: gerçek fotoğrafa saygı, net fiyat, tür rengi */
.portfolio-card{transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s;background:linear-gradient(160deg,#fffffff2,#fffffff0 55%,#f7f3ea);box-shadow:0 1px 0 #fff inset,0 4px 14px #4b44300a}
.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #2a3b2a1c}
.portfolio-image img,.portfolio-card:nth-child(n) img{filter:saturate(.92) contrast(1.02);transform:none;object-position:50% 50%;transition:transform .7s var(--ease),filter .4s}
.portfolio-card:hover .portfolio-image img{transform:scale(1.045);filter:saturate(1)}
.image-type{position:absolute;right:12px;top:12px;font-size:10px;font-weight:650;letter-spacing:.3px;padding:5px 10px;border-radius:10px;background:#ffffffeb;color:var(--ink);box-shadow:0 2px 8px #0000000f}
.portfolio-card[data-kind=arsa] .image-type{background:var(--leaf-soft);color:var(--leaf)}
.portfolio-card[data-kind=daire] .image-type{background:var(--clay-soft);color:var(--clay)}
.portfolio-card[data-kind=proje] .image-type{background:var(--slate-soft);color:var(--slate)}
.portfolio-card[data-kind=arsa]{border-top:3px solid #b9d39c}
.portfolio-card[data-kind=daire]{border-top:3px solid #e2c999}
.portfolio-card[data-kind=proje]{border-top:3px solid #b9cbd2}
.portfolio-meta{font-weight:600;color:#6c7a60}
.portfolio-body h3 a{transition:color .2s}
.portfolio-card:hover h3 a{color:var(--price)}
.portfolio-facts dt{font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:#8b917f}
.portfolio-facts dd{margin:2px 0 0;font-weight:600;color:var(--ink)}
.portfolio-bottom strong{font-size:16px;font-weight:700;color:var(--price);font-variant-numeric:tabular-nums;letter-spacing:-.2px}
.portfolio-open{display:grid;place-items:center}
.portfolio-card:hover .portfolio-open{background:var(--ink);color:#fff;border-color:var(--ink)}

/* Kaydırınca beliren bölümler (yalnızca ekran dışındakiler, hareket azaltma tercihine uyar) */
.rv{opacity:0;transform:translateY(22px)}
.rv.in{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}

/* Hızlı iletişim: mobilde alt çubuk, masaüstünde yüzen WhatsApp düğmesi */
.qc-bar,.qc-fab{font-family:var(--font);-webkit-font-smoothing:antialiased}
.qc-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;gap:8px;padding:10px max(12px,env(safe-area-inset-left,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-right,0px));background:#f7f4ecf0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid #e1dfd3;transform:translateY(110%);transition:transform .45s var(--ease)}
.qc-bar.show{transform:none}
.qc-bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border-radius:12px;font-size:13px;font-weight:650;border:1px solid #d9ddcf;background:#fff;color:var(--ink)}
.qc-bar a.wa{background:#1f5a3d;border-color:#1f5a3d;color:#fff}
.qc-bar svg{width:18px;height:18px}
.qc-fab{position:fixed;right:max(24px,env(safe-area-inset-right,0px));bottom:24px;z-index:70;display:flex;align-items:center;gap:0;height:54px;padding:0 17px;border-radius:30px;background:#1f5a3d;color:#fff;box-shadow:0 12px 30px #12392a40;font-size:13px;font-weight:650;transform:translateY(140%);transition:transform .45s var(--ease),gap .3s var(--ease),padding .3s}
.qc-fab.show{transform:none}
.qc-fab span{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .35s var(--ease)}
.qc-fab:hover{gap:9px;padding:0 22px}
.qc-fab:hover span{max-width:160px}
.qc-fab svg{width:21px;height:21px}
@media(max-width:760px){
  .qc-bar{display:flex}.qc-fab{display:none}
  body.has-qc{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}
  .header.is-scrolled{height:66px}.header.is-scrolled .brand img{width:132px}
  .header{position:sticky!important}.header:before{inset:0 -16px}
  .image-type{display:none}
  .portfolio-bottom strong{font-size:15px}
  #toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){.rv{opacity:1!important;transform:none!important}.portfolio-card:hover,.quick-card:hover{transform:none}}

/* Açılış (yalnızca ana sayfa, oturumda bir kez) */
html.intro-on{background:#061d1a}
html.intro-on body{visibility:hidden}
.intro-v8{position:fixed;inset:0;z-index:9999;background:#061d1a;visibility:visible;transition:opacity .8s var(--ease),transform .9s var(--ease),filter .8s}
.intro-v8 canvas{display:block;width:100%;height:100%}
.intro-v8-tag{position:absolute;left:0;right:0;margin:0;text-align:center;color:#b6ec6c;font:600 12px/1.4 var(--font);letter-spacing:.38em;text-transform:uppercase;opacity:0;transform:translateY(10px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.intro-v8-tag.show{opacity:.92;transform:none}
.intro-v8-skip{position:absolute;right:max(20px,env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));background:none;border:1px solid #eff1e244;color:#eff1e2cc;border-radius:20px;padding:7px 16px;font:500 12px var(--font);cursor:pointer}
.intro-v8-skip:hover{border-color:#b6ec6c;color:#b6ec6c}
.intro-v8.leave{opacity:0;transform:scale(1.06);filter:blur(6px);pointer-events:none}
html.intro-reveal .hero-photo>img{animation:heroSettle 1.8s var(--ease) both}
@keyframes heroSettle{from{transform:scale(1.08)}}

/* Yazı animasyonları */
.tx .wd{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .07em .12em 0;margin:0 -.07em -.12em 0}
.tx .wd>span{display:inline-block;transform:translateY(110%);opacity:0;transition:transform .95s var(--ease),opacity .5s;transition-delay:calc(var(--i,0) * 55ms)}
.tx.go .wd>span{transform:none;opacity:1}
.fx{opacity:0;transform:translateY(12px);transition:opacity .9s var(--ease) .25s,transform .9s var(--ease) .25s}
.fx.go{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.tx .wd>span,.fx{opacity:1!important;transform:none!important}.intro-v8{display:none}}