/* Merkez İnşaat — Global Stil (OPTIMIZE) */

/* =============== KÖK DEĞİŞKENLER =============== */
:root{
  --font-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-display:var(--font-sans);
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:800;
  --lh-tight:1.15; --lh-snug:1.25; --lh-normal:1.5;
  --track-tight:-0.02em; --track-title:-0.015em; --track-wide:0.02em;
  --step--1:clamp(12px,.72vw,14px); --step-0:clamp(14px,.9vw,16px);
  --step-1:clamp(16px,1.1vw,18px); --step-2:clamp(18px,1.4vw,22px);
  --step-3:clamp(20px,1.8vw,26px); --step-4:clamp(24px,2.4vw,32px);
  --step-5:clamp(28px,3.2vw,40px); --step-6:clamp(34px,4.2vw,52px); --step-7:clamp(40px,5.6vw,64px);

  --mx-text:#0e0f12; --mx-bg:#fff;
  --mx-brand:#e11d48; --mx-brand-strong:#be123c; --mx-brand-soft:#fff1f2; --mx-onbrand:#fff; --mx-brand-ring:rgba(225,29,72,.25);

  --mx-shadow:0 10px 30px rgba(2,6,23,.08); --mx-radius:18px; --edge-gap:20px;

  --projW:320px; --projGap:32px;
}
@media (min-width:1600px){ :root{ --projW:340px; --projGap:36px } }

/* =============== RESET / TEMEL =============== */
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%;width:100%}
html{overflow-x:hidden}
body{
  margin:0;padding:0;background:var(--mx-bg);color:var(--mx-text);
  font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--step-0);line-height:var(--lh-normal);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  min-height:100dvh;display:flex;flex-direction:column
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
figure{margin:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--mx-brand);outline-offset:2px}
.container,.mx-container{max-width:min(1200px,94vw);margin:0 auto;padding:0 12px}

/* =============== BAŞLIKLAR =============== */
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:var(--track-title);line-height:var(--lh-tight);margin:0 0 .5em;text-wrap:balance
}
h1{font-size:var(--step-6)} h2{font-size:var(--step-5)} h3{font-size:var(--step-4)}
h4{font-size:var(--step-3)} h5{font-size:var(--step-2)} h6{font-size:var(--step-1)}
.lead{font-size:var(--step-1);line-height:var(--lh-snug);color:#475569}
.eyebrow{display:inline-block;font-size:var(--step--1);font-weight:var(--fw-semibold);letter-spacing:var(--track-wide);text-transform:uppercase;color:#64748b;margin-bottom:.4rem}

/* =============== SLIDER (Hero) =============== */
.mx-slider{position:relative;overflow:hidden;box-shadow:var(--mx-shadow);border-radius:0!important}
.mx-slides{position:relative;width:100%;height:clamp(520px,72vh,880px);background:#0f1115;overflow:hidden}
.mx-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}
.mx-slide.active{opacity:1}
.mx-slide picture,.mx-slide img{width:100%;height:100%;object-fit:cover;display:block}
.mx-nav{
  position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.25);
  background:rgba(0,0,0,.45);color:#fff;font-size:28px;font-weight:700;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.25);
  backdrop-filter:blur(6px);z-index:5;transition:background .2s ease,transform .2s ease
}
.mx-prev{left:12px}.mx-next{right:12px}
.mx-nav:hover{background:rgba(0,0,0,.65);transform:translateY(-50%) scale(1.05)}
.mx-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;gap:8px;justify-content:center;z-index:4}
.mx-dot{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.25);box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer}
.mx-dot.active{background:var(--mx-brand);transform:scale(1.2);border-color:transparent}
@media (max-width:720px){
  .mx-slides{height:clamp(300px,52vh,520px)}
  .mx-slide img{object-position:50% 0}
  .mx-nav{width:42px;height:42px;font-size:24px}
  .mx-prev{left:8px}.mx-next{right:8px}
}
/* Ken Burns */
.mx-slides,.mx-slide{overflow:hidden}
.mx-slide img{transform:translate3d(var(--kb-x0,0%),var(--kb-y0,0%),0) scale(var(--kb-s0,1.08));transform-origin:50% 50%;will-change:transform;backface-visibility:hidden}
.mx-slide.active img{animation:mx-kb-panzoom var(--kb-dur,9s) ease-in-out both}
@keyframes mx-kb-panzoom{0%{transform:translate3d(var(--kb-x0,0%),var(--kb-y0,0%),0) scale(var(--kb-s0,1.08))}100%{transform:translate3d(var(--kb-x1,0%),var(--kb-y1,0%),0) scale(var(--kb-s1,1.16))}}
.mx-slide:nth-child(odd){--kb-x0:-1%;--kb-y0:-1%;--kb-x1:1%;--kb-y1:1%;--kb-s0:1.08;--kb-s1:1.16;--kb-dur:9s}
.mx-slide:nth-child(even){--kb-x0:1%;--kb-y0:0%;--kb-x1:-1%;--kb-y1:0%;--kb-s0:1.08;--kb-s1:1.16;--kb-dur:9s}
@media (max-width:720px){.mx-slide:nth-child(n){--kb-x0:0%;--kb-y0:0%;--kb-x1:0%;--kb-y1:0%;--kb-s0:1.04;--kb-s1:1.08;--kb-dur:7s}}
@media (prefers-reduced-motion:reduce){.mx-slide.active img{animation:none!important;transform:none!important}}

/* =============================== “BİZ KİMİZ?” =============================== */
.mx-about{ background:#fff; padding:clamp(16px,2vw,24px); }
.mx-about-grid{
  display:grid; gap:18px;
  grid-template-columns:minmax(560px,50vw) 1fr;
  grid-template-rows: 1fr auto auto 1fr;
  grid-template-areas:
    "photo ."
    "photo head"
    "photo more"
    "photo .";
  align-items:stretch;
}
.mx-card{ background:#fff; border:1px solid #e6e8ee; border-radius:16px; box-shadow:0 16px 40px rgba(0,0,0,.08); padding:clamp(16px,2.4vw,24px); }
.mx-photo{ grid-area:photo; border-radius:16px; overflow:hidden; box-shadow:0 16px 40px rgba(0,0,0,.08); height:100%; min-height:600px; }
.mx-photo img{ width:100%; height:100%; object-fit:cover; object-position:center; }
.mx-about-head{ grid-area:head; display:flex; flex-direction:column; justify-content:center; }
.mx-about-head h2{ font-size: var(--step-5); letter-spacing: var(--track-tight); }
.mx-about-head .lead{ margin:0; color:#4b5563; }
.mx-about-more{ grid-area:more; }
.mx-about-more p{ margin:0 0 14px; color:#4b5563; }
.mx-cta{ display:inline-flex; align-items:center; justify-content:center; padding:12px 18px; border-radius:999px; background:linear-gradient(180deg,#f43f5e,#e11d48); color:var(--mx-onbrand); font-weight:800; text-decoration:none; border:1px solid var(--mx-brand-strong); box-shadow:0 6px 18px rgba(225,29,72,.25); }
.mx-cta:hover{ filter:brightness(1.06); }
@media (max-width:900px){
  .mx-about-grid{ grid-template-columns:1fr; grid-template-rows:auto; grid-template-areas:"photo" "head" "more"; gap:12px; }
  .mx-photo{ min-height:0; height:auto; aspect-ratio:16/9; border-radius:16px; overflow:hidden; }
  .mx-about-head,.mx-about-more{ padding:12px; border-radius:12px; }
}

/* =============================== VİZYON / MİSYON =============================== */
.mx-vision{ background:#fff; padding:clamp(16px,2vw,24px) 0; }
.mx-vision .mx-container{ max-width:min(96vw,2100px); padding-inline:var(--edge-gap); }
.mx-vision-grid{ display:grid; gap:18px; justify-items:stretch; grid-template-columns:1fr 1fr; grid-template-areas:"text img"; align-items:stretch; }
.mx-textcard{
  grid-area:text; background:#fff; border:1px solid #e6e8ee; border-radius:16px; box-shadow:0 16px 40px rgba(0,0,0,.08);
  padding:clamp(16px,2.4vw,24px); display:flex; flex-direction:column; gap:clamp(16px,1.6vw,22px);
}
.mx-textcard h3{ font-size: var(--step-4); letter-spacing: var(--track-tight); }
.mx-vision-figure{ grid-area:img; width:100%; min-height:420px; height:100%; border-radius:16px; overflow:hidden; box-shadow:0 16px 40px rgba(0,0,0,.08); }
.mx-vision-figure img{ width:100%; height:100%; object-fit:cover; }
@media (min-width:1024px){
  #vizyon-misyon{ --bleed:25px; }
  #vizyon-misyon .mx-container{ overflow:visible; }
  #vizyon-misyon .mx-textcard{ margin-left: calc(-1 * var(--bleed)); padding-left: calc(var(--bleed) + clamp(16px, 2.4vw, 24px)); }
  #vizyon-misyon .mx-vision-grid > .mx-vision-figure{ width: calc(100% + var(--bleed)); }
}
@media (max-width:980px){
  .mx-vision-grid{ grid-template-columns:1fr; grid-template-areas:"img" "text"; gap:12px; }
  .mx-vision-figure{ aspect-ratio:16/9; height:auto; min-height:0; border-radius:16px; overflow:hidden; }
  .mx-textcard{ margin:0; padding:12px; border-radius:16px; }
}

/* =============================== PROJELER (kartlar) =============================== */
.mx-projects{ padding: clamp(28px,4vw,44px) 0; }
.mx-sec-title{ font-size: var(--step-5); font-weight: var(--fw-bold); letter-spacing: var(--track-tight); text-align:center; margin: 0 0 clamp(12px, 2vw, 18px); color:#0f172a; }
.mx-project-grid{ display:flex; flex-wrap:wrap; gap:var(--projGap); justify-content:center; align-items:flex-start; list-style:none; padding:0; margin:0; }
.mx-project-grid > li{ flex:0 0 var(--projW); }
.mx-proj{ display:block; color:inherit; text-decoration:none; }
.mx-proj-fig{ aspect-ratio:16/9; border-radius:18px; overflow:hidden; box-shadow:0 12px 28px rgba(0,0,0,.12); background:#f4f6f8; }
.mx-proj-fig img{ width:100%; height:100%; object-fit:cover; }
.mx-proj-title{ display:block; text-align:center; margin-top:10px; font-size: var(--step-2); font-weight: var(--fw-semibold); letter-spacing: var(--track-tight); }
@media (max-width:1023px){ .mx-project-grid{ gap:18px } .mx-project-grid > li{ flex:0 0 calc((100% - 2 * 18px) / 3) } }
@media (max-width:600px){
  .mx-project-grid{ gap:14px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); justify-items:center }
  .mx-project-grid > li{ flex:initial; width:100%; max-width:420px }
  .mx-proj-fig{ width:100%; aspect-ratio:4/3 }
}
@media (min-width:1024px){ .mx-project-grid{ display:flex; flex-wrap:wrap; gap:var(--projGap); justify-content:center } .mx-project-grid > li{ flex:0 0 calc((100% - 3 * var(--projGap)) / 4); max-width:calc((100% - 3 * var(--projGap)) / 4) } }

/* =============================== SAYFA HERO (Projects/Blog) =============================== */
.page-hero{
  position:relative; min-height: clamp(520px, 68vh, 820px);
  display:grid; place-items:center; text-align:center; color:#fff; isolation:isolate;
}
.page-hero::before{ content:""; position:absolute; inset:0; background:rgba(0,0,0,.35); z-index:0; }
.page-hero .container{ position:relative; z-index:1; }
.page-hero h1{ margin:0 0 8px; font-weight:800; font-size:clamp(32px,6vw,56px); letter-spacing:.3px; }
.page-hero .breadcrumbs{ margin:0; font-weight:600; opacity:.9; }
.page-hero .breadcrumbs a{ color:#fff; text-decoration:none; }
.page-hero .breadcrumbs span{ opacity:.7; padding:0 6px; }

/* İlk tanımlar (üstte kalır; en alttaki Override eder) */
.page-hero--projects{
  background:url("/assets/projectbanner.png") center / cover no-repeat;
  border-bottom-left-radius:14px; border-bottom-right-radius:14px;
  box-shadow:0 12px 34px rgba(0,0,0,.18);
}
.bg-blog{
  background:url("/assets/blogbanner.png") center / cover no-repeat;
  border-bottom-left-radius:14px; border-bottom-right-radius:14px;
  box-shadow:0 12px 34px rgba(0,0,0,.18);
}

/* Yüksek ekranlarda biraz daha yüksek */
@media (min-width:1400px){ .page-hero{ min-height: clamp(620px,72vh,900px) } }
@media (max-width:560px){ .page-hero{ min-height: clamp(360px,55vh,600px) } }

/* =============================== GALERİ GRID =============================== */
.grid{ list-style:none; margin:20px 0 36px; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
@media (max-width:980px){ .grid{ grid-template-columns:repeat(2,1fr) } }
@media (max-width:560px){ .grid{ grid-template-columns:1fr } }
.grid li{ border:1px solid #e5e7eb; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 14px 34px rgba(2,6,23,.08) }
.grid img{width:100%; aspect-ratio:16/10; object-fit:cover}

/* =============================== LIGHTBOX =============================== */
.lb[hidden]{display:none!important}
.lb{
  position:fixed;inset:0;z-index:2147483646!important;
  display:grid;grid-template-rows:auto 1fr auto;
  background:rgba(15,23,42,.92)!important;touch-action:none
}
.lb-top{display:flex;justify-content:space-between;align-items:center;padding:max(8px,env(safe-area-inset-top)) max(16px,3vw) 8px;background:transparent!important}
.lb-title{color:#fff;font-weight:700}
.lb-close{border:0;background:rgba(255,255,255,.1);color:#fff;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.2);cursor:pointer}
.lb-main{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px max(16px,3vw) max(12px,env(safe-area-inset-bottom));min-height:0}
.lb-main img{
  display:block;background:#000;border-radius:14px;width:auto;height:auto;object-fit:contain;
  max-width:calc(100vw - 140px);max-height:calc(100svh - 160px);box-shadow:0 26px 80px rgba(0,0,0,.55);user-select:none;-webkit-user-drag:none
}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:999px;border:0;background:#fff;color:#0f172a;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.lb-prev{left:24px}.lb-next{right:24px}
.lb-dots{display:flex;gap:8px;justify-content:center;padding:10px 0 max(12px,env(safe-area-inset-bottom))}
.lb-dots button{width:8px;height:8px;border-radius:999px;border:0;background:#cbd5e1;opacity:.95;cursor:pointer}
.lb-dots button[aria-current="true"]{background:var(--mx-brand);transform:scale(1.12)}
@media (max-width:560px){
  .lb-main{padding:12px max(16px,3vw) max(10px,env(safe-area-inset-bottom))}
  .lb-main img{max-width:calc(100vw - 110px);max-height:calc(100svh - 140px)}
  .lb-nav{width:44px;height:44px}.lb-prev{left:16px}.lb-next{right:16px}
}

/* =============================== YARDIMCI & RESETLER =============================== */
.latest-thumb,.mx-blog-fig img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}
.latest-card,.mx-blog-card{transition:transform .15s ease,box-shadow .15s ease}
.latest-card:hover,.mx-blog-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(2,6,23,.08)}
html.lb-open,body.lb-open{overflow:hidden!important;overscroll-behavior:none!important}

/* === TOP-GAP RESET (header boşluğu) === */
html,body{margin-top:0!important;padding-top:0!important}
body > :first-child{margin-top:0!important;padding-top:0!important}
.site-header + .sticky-spacer,
.site-header + .header-spacer,
.site-header + .nav-spacer,
.header-spacer,.sticky-spacer,.nav-spacer,
.site-header + .empty-space,
.site-header + .spacer{display:none!important;height:0!important;margin:0!important;padding:0!important;border:0!important}
body.has-fixed-header,body.header-fixed,html[data-header-fixed="true"],#page,.site-wrap,main{padding-top:0!important;margin-top:0!important}
#wpadminbar{position:fixed!important;top:0;left:0;right:0}

/* =============================== FOOTER =============================== */
.m-footer{
  --m-max:1100px; --m-pad-y:14px; --m-border:#e9e9e9;
  margin-top:auto; background:#fff; color:#111; border-top:1px solid var(--m-border);
  font-size:14px; line-height:1.5;
}
.m-footer__wrap{ max-width:var(--m-max); margin:0 auto; padding:var(--m-pad-y) 12px; }
.m-footer__grid{ display:grid; gap:10px 12px; align-items:center; grid-template-columns:1fr; grid-template-areas:"brand" "info" "social"; }
.m-footer__brand{ grid-area:brand; justify-self:start; }
.m-footer__brand img{ height:40px; width:auto; display:block; }
.m-footer__contact{ grid-area:info; list-style:none; padding:0; margin:0; display:grid; gap:4px; color:#334155; }
.m-footer__contact b{ color:#111; }
.m-footer__social{ grid-area:social; display:flex; gap:10px; align-items:center; justify-self:start; }
.m-ico{ display:inline-flex; padding:6px; border-radius:8px; border:1px solid #eef2f7; }
.m-ico:hover{ background:#f7f7f9; }
.m-footer__legal{ margin-top:10px; padding-top:10px; border-top:1px solid var(--m-border); text-align:center; font-size:12px; color:#444; }
@media(min-width:1024px){
  .m-footer__grid{ grid-template-columns:1fr auto 1fr; grid-template-areas:"brand info social"; gap:16px; }
  .m-footer__contact{ justify-self:center; text-align:center; }
  .m-footer__social{ justify-self:end; }
}

/* =============================== BLOG (liste + detay) =============================== */
.mx-blog{ padding: clamp(28px,4vw,44px) 0; background:#fff; }
.mx-blog .mx-container{ max-width:min(1200px,94vw); margin:0 auto; padding:0 12px; }
.mx-blog-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom: clamp(12px,2vw,18px); }
.mx-blog-head h2{ margin:0; font-weight:800; font-size: clamp(22px, 2.4vw, 34px); }
.mx-blog-head .mx-cta{ display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; border-radius:999px; font-weight:800; background:transparent; border:1px solid #e5e7eb; color:#0f172a; text-decoration:none; }
.mx-blog-head .mx-cta:hover{ background:#f7f7f9; }
.mx-blog-grid{ list-style:none; margin:0; padding:0; display:grid; gap:16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width:980px){ .mx-blog-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width:560px){ .mx-blog-grid{ grid-template-columns: 1fr; } }
.mx-blog-card{ border:1px solid #e5e7eb; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 14px 34px rgba(2,6,23,.08); display:block; min-height:100%; transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.mx-blog-card:hover{ transform:translateY(-2px); box-shadow:0 16px 34px rgba(2,6,23,.10); border-color:#dbe2ea; }
.mx-blog-link{ display:block; color:inherit; text-decoration:none; }
.mx-blog-fig{ aspect-ratio:16/9; background:#f4f6f8; }
.mx-blog-fig img{ width:100%; height:100%; object-fit:cover; display:block; }
.mx-blog-body{ padding:14px; display:grid; gap:6px; }
.mx-blog-date{ font-size:12px; color:#6b7280; }
.mx-blog-title{ margin:0; font-size:var(--step-2); font-weight:var(--fw-semibold); line-height:var(--lh-snug); }
.mx-blog-excerpt{ margin:0; color:#445; font-size:14px; }
.mx-blog-more{ margin-top:6px; font-weight:700; font-size:14px; color:var(--mx-brand-strong); }
.post-hero{
  position:relative; isolation:isolate; min-height: clamp(240px, 36vh, 440px);
  display:grid; place-items:end start; color:#fff; border-bottom:1px solid #eaeaea;
  background:#0f1115; border-radius:18px; overflow:hidden; box-shadow:0 14px 34px rgba(0,0,0,.12); margin-bottom:16px;
}
.post-hero::before{ content:""; position:absolute; inset:0; z-index:0; background: var(--post-hero, none) center/cover no-repeat; }
.post-hero__overlay{ position:absolute; inset:0; z-index:1; background: linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.55) 60%, rgba(0,0,0,.65)); }
.post-hero__inner{ position:relative; z-index:2; width:min(1100px, 94vw); margin:0 auto; padding: clamp(14px, 2.4vw, 20px) clamp(14px, 2.4vw, 20px) clamp(18px, 4vw, 28px); }
.post-breadcrumbs{display:flex; gap:8px; align-items:center; opacity:.95; font-weight:600}
.post-breadcrumbs a{color:#fff; text-decoration:none}
.post-breadcrumbs a:hover{text-decoration:underline}
.post-title{ margin:8px 0 6px; font-family: var(--font-display); font-weight:900; font-size: var(--step-6); text-wrap:balance; }
.post-meta{display:flex; gap:8px; align-items:center; opacity:.95; font-weight:600; color:#e5e7eb}
.post{ background:#fff; color:#111; }
.post-wrap{ width:min(1100px, 94vw); margin:0 auto; display:grid; grid-template-columns: 260px 1fr; gap: clamp(14px,2vw,20px); padding: clamp(16px, 2.4vw, 24px) clamp(12px, 2vw, 18px) clamp(22px, 3vw, 28px); }
@media (max-width:980px){ .post-wrap{ grid-template-columns: 1fr; } }
.post-toc{ position:sticky; top:86px; align-self:start; border:1px solid #e6e8ee; border-radius:14px; background:#fff; box-shadow:0 10px 26px rgba(0,0,0,.06); padding:12px; }
.post-toc h3{margin:0 0 8px; font-size:14px; color:#0f172a}
.post-toc ul{margin:0; padding:0; list-style:none; display:grid; gap:6px}
.post-toc a{display:block; padding:6px 8px; border-radius:10px; color:#111; text-decoration:none; font-size:14px}
.post-toc a:hover{background:#f6f7fb}
.post-toc .is-active{background:var(--mx-brand-soft); color:var(--mx-brand-strong); font-weight:700}
.post-content{
  border:1px solid #e6e8ee; border-radius:16px; background:#fff; box-shadow:0 16px 40px rgba(0,0,0,.08);
  padding: clamp(16px, 2.4vw, 24px); color:#0e0f12; font-size:18px; line-height:1.8;
}
.post-content .lead{font-size:clamp(16px,2.2vw,18px); color:#374151}
.post-content h2{ margin:18px 0 8px; font-size: var(--step-4); scroll-margin-top:100px; }
.post-content h3{ margin:14px 0 6px; font-size: var(--step-3); scroll-margin-top:100px; }
.post-content p, .post-content li{ color:#1f2937; }
.post-content blockquote{ margin:14px 0; padding:12px 14px; border-left:4px solid var(--mx-brand); background:#fdf2f3; color:#0f172a; border-radius:8px; }
.post-figure{ margin:14px 0; }
.post-figure img{ width:100%; height:auto; border-radius:12px; }
.post-figure figcaption{ font-size:12px; color:#6b7280; margin-top:6px; }
@media (max-width:720px){ .post-content{font-size:16.5px} }
.post-author{ margin-top:14px; display:flex; gap:12px; align-items:center; border:1px solid #e6e8ee; border-radius:14px; background:#fff; box-shadow:0 12px 28px rgba(0,0,0,.06); padding:12px 14px; }
.post-author__avatar{ width:44px; height:44px; border-radius:50%; object-fit:cover }
.post-actions{ margin-top:12px; display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; align-items:center; }
.post-share{ display:flex; gap:8px; flex-wrap:wrap }
.share-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:8px 12px; border-radius:10px; border:1px solid #e6e8ee; background:#fff; font-weight:800; text-decoration:none; }
.share-btn:hover{ background:#f6f7fb }
.post-nav{ display:flex; gap:10px; }
.post-prev,.post-next{ display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border-radius:10px; border:1px solid #e6e8ee; background:#fff; text-decoration:none; font-weight:800; }
.post-prev:hover,.post-next:hover{ background:#f6f7fb }

/* =============================== AYIRICI =============================== */
.mx-divider{ padding: clamp(12px,3vw,20px) 0; background:#fff; }
.mx-sep{
  position: relative; display: block; height:1px; width:100%; border:0;
  --sep-mid: 50%;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #e5e7eb 12%, var(--mx-brand) var(--sep-mid), #e5e7eb 88%, rgba(255,255,255,0) 100%);
  border-radius: 2px; box-shadow: 0 6px 18px rgba(0,0,0,.04) inset;
}
.mx-sep::after{
  content:""; position:absolute; left:var(--sep-mid); top:50%; transform:translate(-50%,-50%) rotate(45deg);
  width:10px; height:10px; background:#fff; border:1px solid #e5e7eb; box-shadow:0 4px 14px rgba(0,0,0,.08); border-radius:2px;
}
@media (max-width:560px){ .mx-divider{ padding:12px 0 } .mx-sep::after{ width:8px; height:8px } }
@media (min-width:1024px){ .mx-sep{ --sep-mid: calc(47% + 10px) } }

/* =============================== SON 3 İLAN =============================== */
.latest-listings{ padding: clamp(22px,3.6vw,36px) 0; background:#fff; }
.latest-listings .mx-container{ max-width: min(1200px, 94vw); margin: 0 auto; padding: 0 12px; }
.latest-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom: clamp(12px,2vw,18px); }
.latest-head h2{ margin:0; font-weight:800; font-size: clamp(22px, 2.4vw, 34px); }
.latest-all{ display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; border-radius:999px; font-weight:800; background:transparent; border:1px solid #e5e7eb; color:#0f172a; text-decoration:none; }
.latest-all:hover{ background:#f7f7f9; }
.latest-grid{ display:grid; gap:16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width:980px){ .latest-grid{ grid-template-columns: repeat(2, minmax(0,1fr)) } }
@media (max-width:560px){ .latest-grid{ grid-template-columns: 1fr } }
.latest-card{ background:#fff; border:1px solid #e6e8ee; border-radius:16px; overflow:hidden; box-shadow:0 12px 28px rgba(2,6,23,.06); display:flex; flex-direction:column; min-height:100%; transition: transform .12s ease, box-shadow .2s ease, border-color .2s ease; }
.latest-card:hover{ transform:translateY(-3px); box-shadow:0 16px 34px rgba(2,6,23,.10); border-color:#dbe2ea; }
.latest-thumb{ aspect-ratio:16/9; width:100%; height:auto; object-fit:cover; background:#f1f5f9; display:block; }
.latest-body{ padding:12px 12px 14px; display:grid; gap:6px; }
.latest-title{ margin:0; font-weight:900; font-size: clamp(15px, 1.8vw, 18px); color:#0f172a; line-height:1.25; }
.latest-meta{ color:#475569; font-size:13px; display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.latest-price{ font-weight:900; color:#0f172a; }
.latest-badge{ display:inline-flex; align-items:center; justify-content:center; padding:2px 8px; border-radius:999px; font-size:12px; font-weight:800; background:var(--mx-brand-soft); color:var(--mx-brand-strong); border:1px solid #fecdd3; }
.latest-skel{ height:240px; border-radius:16px; background:linear-gradient(90deg, #f3f4f6 25%, #e5e7eb 37%, #f3f4f6 63%); background-size:400% 100%; animation:latest-shimmer 1.2s infinite; border:1px solid #eceff3; }
@keyframes latest-shimmer{ 0%{background-position:100% 0} 100%{background-position:0 0} }

/* =============================== DUYURU / MARQUEE =============================== */
.mx-promo{ position:relative; background:#e11d48; color:#fff; overflow:hidden; box-shadow:0 10px 25px rgba(225,29,72,.2) inset; }
.mx-promo a{ color:#fff; text-decoration:underline; font-weight:800 }
.mx-promo__track{ overflow:hidden }
.mx-promo__lane{ display:flex; gap:2.5rem; width:max-content; padding:.75rem 3.25rem; animation:promo-scroll var(--speed,22s) linear infinite; will-change: transform }
.mx-promo__lane > span{ white-space:nowrap; font-weight:900; letter-spacing:.2px }
@keyframes promo-scroll{ to{ transform:translateX(-50%) } }
.mx-promo::before,.mx-promo::after{ content:""; position:absolute; top:0; bottom:0; width:40px; pointer-events:none }
.mx-promo::before{ left:0;  background:linear-gradient(90deg,#e11d48,rgba(225,29,72,0)) }
.mx-promo::after{  right:0; background:linear-gradient(270deg,#e11d48,rgba(225,29,72,0)) }
.mx-promo__close{ position:absolute; right:.5rem; top:.35rem; background:#ffffff1f; color:#fff; border:0; border-radius:8px; padding:.25rem .5rem; cursor:pointer }
.mx-promo:hover .mx-promo__lane, .mx-promo.paused .mx-promo__lane { animation-play-state: paused }

/* =============================== CTA / KÜÇÜK BİLEŞENLER =============================== */
.mx-cta-row{ display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.75rem }
.btn{ display:inline-flex; align-items:center; gap:.5rem; font-weight:800; border-radius:999px; padding:.6rem 1rem; text-decoration:none }
.btn-primary{ background:#e11d48; color:#fff }
.btn-secondary{ background:#f8fafc; color:#0f172a; border:1px solid #e5e7eb }

/* WhatsApp FAB */
.wa-fab{
  position:fixed; right:16px; bottom:16px; z-index:60;
  width:56px; height:56px; border-radius:999px; display:flex; align-items:center; justify-content:center;
  background:#22c55e; color:#fff; box-shadow:0 10px 24px rgba(2,6,23,.18);
}
@media (min-width:992px){ .wa-fab{ display:none } }

/* =============================== NAV / MENÜ (görünüm) =============================== */
.nav-desktop a{ font-family: var(--font-display); font-weight: var(--fw-semibold); letter-spacing:0; font-size:var(--step-0); padding:10px 12px; }
.nav-desktop a.active,.nav-desktop a.is-active{ color:var(--mx-brand-strong); box-shadow: inset 0 -2px 0 var(--mx-brand); }
.header-cta{ font-family:var(--font-display); font-weight:var(--fw-bold); letter-spacing:var(--track-tight); font-size:var(--step-0) }
.nav-has-dropdown{ position:relative }
.nav-dropdown-toggle{ background:transparent; border:0; cursor:pointer; display:flex; align-items:center; gap:6px; padding:10px 12px; color:inherit; font:inherit }
.nav-dropdown-toggle .caret{ transition: transform .2s ease; transform-origin:50% 50% }
.nav-dropdown{
  position:absolute; left:0; top:calc(100% + 8px); min-width:240px;
  background:#fff; border:1px solid #e6e8ee; border-radius:12px;
  box-shadow:0 16px 40px rgba(0,0,0,.12); padding:8px 0;
  opacity:0; visibility:hidden; transform: translateY(6px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s; z-index:1000;
}
.nav-dropdown a{ display:block; padding:10px 14px; text-decoration:none; color:#0f172a; font-weight:600; white-space:nowrap }
.nav-dropdown a:hover{ background:var(--mx-brand-soft); color:var(--mx-brand-strong) }
@media (hover:hover){
  .nav-has-dropdown:hover > .nav-dropdown,
  .nav-has-dropdown:focus-within > .nav-dropdown{ opacity:1; visibility:visible; transform:none }
  .nav-has-dropdown:hover .caret,
  .nav-has-dropdown:focus-within .caret{ transform: rotate(180deg) }
}
.nav-has-dropdown.is-open > .nav-dropdown{ opacity:1; visibility:visible; transform:none }
.nav-has-dropdown.is-open .caret{ transform: rotate(180deg) }
.nav-desktop, .nav-desktop ul, .nav-desktop li{ list-style:none; margin:0; padding:0 }
.nav-desktop .nav-dropdown-toggle{
  appearance:none; background:transparent; border:0; padding:10px 12px; margin:0; color:inherit;
  font:inherit; font-family:var(--font-display); font-weight:700; font-size:var(--step-0);
  letter-spacing:0; line-height:1; display:inline-flex; align-items:center; gap:6px; border-radius:8px; cursor:pointer; text-decoration:none;
}
.nav-desktop .nav-dropdown-toggle:hover{ color:var(--mx-brand-strong); box-shadow: inset 0 -2px 0 var(--mx-brand); text-decoration:none }
.nav-has-dropdown.is-open > .nav-dropdown-toggle,
.nav-desktop .nav-dropdown-toggle[aria-expanded="true"]{ color:var(--mx-brand-strong); box-shadow: inset 0 -2px 0 var(--mx-brand) }

/* =============================== HEADER ↔ SLIDER boşluk fix =============================== */
.site-header{ position:fixed!important; top:0; left:0; right:0; background:transparent; z-index:1400 }
.header-dock{ margin:8px auto 0!important }
.mx-slider{ margin-top:0!important; transform:translateZ(0) }

/* =============================== HERO GÖRSEL FIT OVERRIDE (EZER) =============================== */
/* Görseli kırpmadan, her zaman hero alanına sığdırır; masaüstü + mobil */
.page-hero--projects,
.bg-blog{
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-size:contain !important;   /* tam sığsın */
  background-attachment:scroll !important; /* mobil/Safari kırpma hatalarını engeller */
  background-color:#0f1115 !important;  /* letterbox bölgeleri için koyu arka plan */
}
/* === HERO tam kapla (Projects + Blog) — final override === */
.page-hero.page-hero--projects,
.page-hero.bg-blog {
  background-size: cover !important;          /* alanı tamamen kapla */
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed;
}

/* iOS/Android fixed arka plan performans düzeltmesi */
@supports (-webkit-touch-callout: none) {
  .page-hero.page-hero--projects,
  .page-hero.bg-blog {
    background-attachment: scroll !important; /* mobile'da jitter yok */
  }
}

/* Boy yüksekliği: cihazlara göre dengeli */
.page-hero{
  min-height: clamp(460px, 62vh, 820px);
}
@media (max-width: 560px){
  .page-hero{ min-height: clamp(360px, 55vh, 600px); }
}