/* ===================================================================
   ADEM ASLAN — Makale / Bölge Rehberi şablonu stilleri
   (system.css üstüne yüklenir)
   =================================================================== */

/* Breadcrumb */
.crumb { display:flex; align-items:center; gap:9px; font-size:13.5px; color:var(--ink-muted); flex-wrap:wrap; }
.crumb a:hover { color:var(--accent); }
.crumb .sep { color:var(--ink-faint); }
.crumb b { color:var(--ink-soft); font-weight:500; }

/* Article hero / meta */
.art-hero h1 { font-size:clamp(2.1rem,4.2vw,3.4rem); max-width:20ch; margin:18px 0 22px; }
.art-meta { display:flex; align-items:center; gap:16px; flex-wrap:wrap; color:var(--ink-muted); font-size:14.5px; }
.art-meta .who { display:flex; align-items:center; gap:11px; }
.art-meta .who .av { width:42px; height:42px; border-radius:50%; flex:none; }
.art-meta .who b { color:var(--ink); font-weight:600; font-size:14.5px; }
.art-meta .who span { display:block; font-size:12.5px; color:var(--ink-muted); }
.art-meta .dot { width:3px; height:3px; border-radius:50%; background:var(--ink-faint); }
.art-meta .updated { color:var(--accent); font-weight:540; }
.share { display:flex; gap:8px; margin-left:auto; }
.share button { width:38px; height:38px; border-radius:50%; border:1px solid var(--line); background:transparent; color:var(--ink-soft); cursor:pointer; display:grid; place-items:center; transition:.2s; }
.share button:hover { border-color:var(--accent); color:var(--accent); }
.share svg { width:16px; height:16px; }

/* Article 2-col layout */
.art-layout { display:grid; grid-template-columns:236px minmax(0,1fr); gap:60px; align-items:start; }

/* Sticky TOC */
.toc { position:sticky; top:92px; }
.toc h4 { font-family:var(--sans); font-size:11.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-muted); margin:0 0 14px; }
.toc ul { list-style:none; margin:0; padding:0; }
.toc li { margin:0; }
.toc a { display:block; padding:8px 0 8px 16px; border-left:2px solid var(--line); color:var(--ink-muted); font-size:13.5px; line-height:1.35; transition:color .2s, border-color .2s; }
.toc a:hover { color:var(--ink); }
.toc a.active { color:var(--accent); border-left-color:var(--accent); font-weight:540; }
.toc .toc-cta { margin-top:22px; padding-top:20px; border-top:1px solid var(--line); }

/* Prose */
.prose { max-width:var(--measure); }
.prose > * + * { margin-top:1.2em; }
.prose .sec-eyebrow { font-family:var(--mono); font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--accent); margin-bottom:6px; }
.prose h2 { font-size:clamp(1.55rem,2.6vw,2.05rem); margin-top:1.9em; scroll-margin-top:96px; }
.prose h2:first-of-type { margin-top:.4em; }
.prose h3 { font-size:1.3rem; margin-top:1.5em; }
.prose p { color:var(--ink-soft); }
.prose strong { color:var(--ink); font-weight:600; }
.prose a:not(.btn) { color:var(--accent); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; text-decoration-color:var(--accent-line); }
.prose a:not(.btn):hover { text-decoration-color:var(--accent); }
.prose ul, .prose ol { padding-left:1.3em; color:var(--ink-soft); }
.prose li { margin-top:.55em; padding-left:.2em; }
.prose li::marker { color:var(--accent); }
.prose blockquote { margin:1.6em 0; padding:4px 0 4px 24px; border-left:3px solid var(--accent); font-family:var(--serif); font-style:italic; font-size:1.3rem; line-height:1.45; color:var(--ink); }

/* Steps (numbered) for alıcı rehberi reuse */
.steps { counter-reset:step; list-style:none; padding:0; }
.steps li { position:relative; padding-left:52px; margin-top:1.4em; }
.steps li::before { counter-increment:step; content:counter(step); position:absolute; left:0; top:-2px; width:34px; height:34px; border-radius:50%; background:var(--accent-tint-2); color:var(--accent); font-family:var(--serif); font-size:16px; font-weight:600; display:grid; place-items:center; }

/* Figures */
.fig { margin:1.6em 0; }
.fig .ph, .fig .media { border-radius:var(--radius); overflow:hidden; position:relative; background:var(--bg-sunken); }
.fig img { width:100%; display:block; }
.fig figcaption { margin-top:10px; font-size:13px; color:var(--ink-muted); font-family:var(--sans); display:flex; gap:8px; }
.fig figcaption .tag { font-family:var(--mono); font-size:11px; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-faint); }

/* Data table */
.table-wrap { margin:1.6em 0; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.table-cap { font-size:12.5px; color:var(--ink-muted); padding:13px 16px; background:var(--bg-sunken); border-bottom:1px solid var(--line); font-weight:540; display:flex; align-items:center; gap:8px; }
.table-scroll { overflow-x:auto; }
table.data { width:100%; border-collapse:collapse; font-size:14.5px; min-width:440px; }
table.data th, table.data td { text-align:left; padding:13px 16px; border-bottom:1px solid var(--line); }
table.data thead th { font-family:var(--sans); font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-muted); font-weight:600; background:var(--surface); }
table.data tbody tr:last-child td { border-bottom:0; }
table.data tbody tr:hover { background:var(--bg-sunken); }
table.data td.num, table.data th.num { text-align:right; font-variant-numeric:tabular-nums; }
table.data .trend-up { color:#1F8A5B; font-weight:600; }
table.data .trend-flat { color:var(--ink-muted); }
:root[data-theme="dark"] table.data .trend-up { color:#5FBF8C; }

/* Infographic bars */
.infobox { margin:1.6em 0; border:1px solid var(--line); border-radius:var(--radius); padding:24px 26px; background:var(--surface); }
.infobox .ib-h { font-family:var(--sans); font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-muted); margin-bottom:18px; }
.bars { display:flex; flex-direction:column; gap:15px; }
.bar-row { display:grid; grid-template-columns:150px 1fr auto; align-items:center; gap:16px; }
.bar-row .lbl { font-size:14px; color:var(--ink-soft); }
.bar-track { height:10px; background:var(--bg-sunken); border-radius:999px; overflow:hidden; }
.bar-fill { height:100%; background:var(--accent); border-radius:999px; }
.bar-row .val { font-variant-numeric:tabular-nums; font-size:13.5px; color:var(--ink-muted); min-width:64px; text-align:right; }

/* Key-fact callout grid */
.facts { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; margin:1.6em 0; }
.facts .f { background:var(--surface); padding:20px 22px; }
.facts .f .n { font-family:var(--serif); font-size:1.7rem; letter-spacing:-.02em; }
.facts .f .l { font-size:13px; color:var(--ink-muted); margin-top:4px; }

/* Embedded video */
.embed { margin:2em 0; }
.embed .frame { position:relative; aspect-ratio:16/9; border-radius:var(--radius); overflow:hidden; background:var(--bg-sunken); border:1px solid var(--line); }
.embed .frame img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.embed .frame .scrim { position:absolute; inset:0; background:linear-gradient(180deg,rgba(20,18,12,0) 55%,rgba(20,18,12,.55)); }
.embed .play-badge { position:absolute; inset:0; margin:auto; width:66px; height:66px; border-radius:50%; background:color-mix(in srgb,var(--accent) 92%,#000); display:grid; place-items:center; box-shadow:var(--shadow-md); }
.embed .play-badge::after { content:""; width:0; height:0; border-style:solid; border-width:12px 0 12px 19px; border-color:transparent transparent transparent var(--accent-ink); margin-left:4px; }
.embed .vcap { position:absolute; left:18px; bottom:16px; color:#fff; font-size:14px; font-weight:540; text-shadow:0 1px 4px rgba(0,0,0,.5); }
.embed .ecap { margin-top:10px; font-size:13px; color:var(--ink-muted); }

/* Global play-badge (anasayfa ile ortak) */
.play-badge { position:relative; }

/* CTA band */
.cta-band { background:var(--accent); color:var(--accent-ink); border-radius:var(--radius-lg); padding:clamp(28px,4vw,44px); display:flex; align-items:center; gap:28px; flex-wrap:wrap; margin-top:2.4em; }
.cta-band .av { width:88px; height:88px; border-radius:50%; flex:none; overflow:hidden; }
.cta-band .av img { width:100%; height:100%; object-fit:cover; }
.cta-band h3 { font-size:1.6rem; color:var(--accent-ink); }
.cta-band p { margin:8px 0 0; color:var(--accent-ink); opacity:.84; font-size:15.5px; max-width:48ch; }
.cta-band .acts { display:flex; gap:12px; margin-left:auto; flex-wrap:wrap; }
.cta-band .btn-primary { background:var(--accent-ink); color:var(--accent); }
.cta-band .btn-primary:hover { background:color-mix(in srgb,var(--accent-ink) 88%,#fff); }
.cta-band .btn-secondary { border-color:color-mix(in srgb,var(--accent-ink) 40%,transparent); color:var(--accent-ink); }
.cta-band .btn-secondary:hover { border-color:var(--accent-ink); background:color-mix(in srgb,var(--accent-ink) 12%,transparent); }

@media (max-width: 980px) {
  .art-layout { grid-template-columns:1fr; gap:0; }
  .toc { display:none; }
}
@media (max-width: 620px) {
  .facts { grid-template-columns:1fr 1fr; }
  .bar-row { grid-template-columns:110px 1fr auto; gap:12px; }
  .cta-band .acts { margin-left:0; width:100%; }
  .share { margin-left:0; }
}

/* ===================================================================
   PROJE İNCELEMESİ — özel bloklar
   =================================================================== */

/* Proje hero: görsel + temel bilgi kutusu yan yana */
.proj-hero { display:grid; grid-template-columns:1.55fr 1fr; gap:28px; align-items:stretch; }
.proj-hero .pmedia { position:relative; border-radius:var(--radius); overflow:hidden; min-height:380px; background:var(--bg-sunken); border:1px solid var(--line); }
.proj-hero .pmedia img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.proj-hero .pmedia .ribbon { position:absolute; top:16px; left:16px; display:flex; gap:8px; }
.proj-hero .pmedia .ribbon span { background:color-mix(in srgb,var(--accent) 92%,#000); color:var(--accent-ink); font-size:12px; font-weight:600; letter-spacing:.04em; padding:7px 13px; border-radius:999px; backdrop-filter:blur(6px); white-space:nowrap; }

/* Temel bilgiler kutusu */
.factbox { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:24px 26px; display:flex; flex-direction:column; }
.factbox h3 { font-family:var(--sans); font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-muted); margin:0 0 4px; }
.factbox .fb-name { font-family:var(--serif); font-size:1.7rem; line-height:1.1; margin:8px 0 2px; }
.factbox .fb-dev { font-size:13.5px; color:var(--accent); font-weight:540; }
.factbox dl { margin:18px 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--radius-sm); overflow:hidden; }
.factbox dl > div { background:var(--surface); padding:13px 15px; }
.factbox dt { font-size:11.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-faint); font-family:var(--sans); }
.factbox dd { margin:4px 0 0; font-size:15px; font-weight:540; color:var(--ink); font-family:var(--serif); }
.factbox .fb-cta { margin-top:18px; display:flex; flex-direction:column; gap:9px; }

/* Galeri grid (lightbox tetikleyici) */
.gallery { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:1.6em 0; }
.gallery .g-item { position:relative; aspect-ratio:1; border-radius:var(--radius-sm); overflow:hidden; background:var(--bg-sunken); border:1px solid var(--line); }
.gallery .g-item img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.gallery .g-item:hover img { transform:scale(1.06); }
.gallery .g-item.big { grid-column:span 2; grid-row:span 2; aspect-ratio:auto; }
.gallery .g-more { position:absolute; inset:0; background:color-mix(in srgb,var(--ink) 55%,transparent); color:#fff; display:grid; place-items:center; font-family:var(--serif); font-size:1.4rem; }

/* Lightbox */
.lightbox { position:fixed; inset:0; z-index:1000; background:color-mix(in srgb,#0a0908 92%,transparent); backdrop-filter:blur(8px); display:none; align-items:center; justify-content:center; padding:5vh 6vw; }
.lightbox.open { display:flex; }
.lightbox .lb-stage { margin:0; max-width:88vw; max-height:88vh; display:flex; flex-direction:column; align-items:center; gap:14px; }
.lightbox .lb-stage img { max-width:100%; max-height:80vh; border-radius:var(--radius); box-shadow:0 30px 80px rgba(0,0,0,.5); object-fit:contain; }
.lightbox figcaption { color:rgba(255,255,255,.82); font-size:14px; font-family:var(--sans); text-align:center; }
.lightbox .lb-close { position:absolute; top:22px; right:26px; width:46px; height:46px; border-radius:50%; border:0; background:rgba(255,255,255,.12); color:#fff; font-size:26px; line-height:1; cursor:pointer; transition:background .2s; }
.lightbox .lb-close:hover { background:rgba(255,255,255,.24); }
.lightbox .lb-nav { position:absolute; top:50%; transform:translateY(-50%); width:54px; height:54px; border-radius:50%; border:0; background:rgba(255,255,255,.12); color:#fff; font-size:30px; line-height:1; cursor:pointer; transition:background .2s; }
.lightbox .lb-nav:hover { background:rgba(255,255,255,.24); }
.lightbox .lb-prev { left:24px; }
.lightbox .lb-next { right:24px; }
.lightbox .lb-count { position:absolute; bottom:26px; left:50%; transform:translateX(-50%); color:rgba(255,255,255,.7); font-family:var(--mono); font-size:13px; letter-spacing:.08em; }

/* Artılar / eksiler */
.pros-cons { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:1.6em 0; }
.pc-card { border:1px solid var(--line); border-radius:var(--radius); padding:22px 24px; background:var(--surface); }
.pc-card h4 { font-family:var(--sans); font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; margin:0 0 14px; display:flex; align-items:center; gap:9px; }
.pc-card.pros h4 { color:#1F8A5B; }
.pc-card.cons h4 { color:#C0533B; }
:root[data-theme="dark"] .pc-card.pros h4 { color:#5FBF8C; }
:root[data-theme="dark"] .pc-card.cons h4 { color:#E08869; }
.pc-card ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px; }
.pc-card li { display:flex; gap:11px; font-size:14.5px; line-height:1.5; color:var(--ink-soft); }
.pc-card li svg { flex:none; width:18px; height:18px; margin-top:2px; }
.pc-card.pros li svg { color:#1F8A5B; }
.pc-card.cons li svg { color:#C0533B; }
:root[data-theme="dark"] .pc-card.pros li svg { color:#5FBF8C; }
:root[data-theme="dark"] .pc-card.cons li svg { color:#E08869; }

/* "Kimler için uygun" rozetleri */
.fit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:1.6em 0; }
.fit { border:1px solid var(--line); border-radius:var(--radius); padding:20px; background:var(--surface); }
.fit .ic { width:40px; height:40px; border-radius:10px; background:var(--accent-tint-2); color:var(--accent); display:grid; place-items:center; margin-bottom:13px; }
.fit .ic svg { width:21px; height:21px; }
.fit b { display:block; font-family:var(--serif); font-size:1.12rem; font-weight:500; }
.fit p { margin:6px 0 0; font-size:13.5px; color:var(--ink-muted); line-height:1.5; }
.fit.no { opacity:.92; }
.fit.no .ic { background:color-mix(in srgb,#C0533B 14%,var(--surface)); color:#C0533B; }

/* Ödeme planı zaman çizelgesi */
.payplan { margin:1.6em 0; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.payplan .pp-head { padding:18px 24px; background:var(--accent-tint); border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:baseline; gap:16px; flex-wrap:wrap; }
.payplan .pp-head b { font-family:var(--serif); font-size:1.2rem; }
.payplan .pp-head span { font-size:13.5px; color:var(--ink-muted); }
.payplan .pp-row { display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:center; padding:16px 24px; border-bottom:1px solid var(--line); }
.payplan .pp-row:last-child { border-bottom:0; }
.payplan .pp-step { width:30px; height:30px; border-radius:50%; background:var(--accent-tint-2); color:var(--accent); font-family:var(--serif); font-weight:600; display:grid; place-items:center; font-size:14px; }
.payplan .pp-label b { display:block; font-size:14.5px; font-weight:600; }
.payplan .pp-label span { font-size:13px; color:var(--ink-muted); }
.payplan .pp-pct { font-family:var(--serif); font-size:1.4rem; color:var(--accent); }

@media (max-width: 860px) {
  .proj-hero { grid-template-columns:1fr; }
  .proj-hero .pmedia { min-height:280px; }
  .pros-cons { grid-template-columns:1fr; }
  .fit-grid { grid-template-columns:1fr; }
  .gallery { grid-template-columns:repeat(3,1fr); }
}
@media (max-width: 560px) {
  .factbox dl { grid-template-columns:1fr 1fr; }
  .gallery { grid-template-columns:repeat(2,1fr); }
  .gallery .g-item.big { grid-column:span 2; }
}

/* ===================================================================
   PROJE İNCELEMELERİ — liste sayfası (filtre çubuğu + kartlar)
   =================================================================== */

/* Liste hero */
.list-hero { padding-block: clamp(40px,6vw,76px) clamp(20px,3vw,32px); }
.list-hero h1 { font-size:clamp(2.2rem,4.4vw,3.4rem); max-width:18ch; margin:16px 0 16px; }
.list-hero .lead { max-width:60ch; }

/* Sticky filtre çubuğu */
.filterbar { position:sticky; top:72px; z-index:50; background:color-mix(in srgb,var(--bg) 86%,transparent); backdrop-filter:blur(14px) saturate(150%); -webkit-backdrop-filter:blur(14px) saturate(150%); border-block:1px solid var(--line); }
.filterbar-inner { max-width:var(--maxw); margin-inline:auto; padding:14px 32px; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.fb-search { position:relative; flex:1; min-width:200px; }
.fb-search svg { position:absolute; left:14px; top:50%; transform:translateY(-50%); width:17px; height:17px; color:var(--ink-faint); }
.fb-search input { width:100%; font-family:var(--sans); font-size:14.5px; color:var(--ink); background:var(--surface); border:1px solid var(--line-strong); border-radius:var(--radius-sm); padding:11px 14px 11px 40px; outline:none; transition:border-color .2s, box-shadow .2s; }
.fb-search input:focus { border-color:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent); }
.fb-selects { display:flex; gap:10px; flex-wrap:wrap; }
.fb-selects select { font-family:var(--sans); font-size:14px; color:var(--ink); background:var(--surface); border:1px solid var(--line-strong); border-radius:var(--radius-sm); padding:11px 36px 11px 14px; cursor:pointer; appearance:none; outline:none; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%2376736B' d='M0 0h12L6 8z'/></svg>"); background-repeat:no-repeat; background-position:right 13px center; transition:border-color .2s; }
.fb-selects select:focus { border-color:var(--accent); }
.fb-count { font-size:13.5px; color:var(--ink-muted); white-space:nowrap; }
.fb-count b { color:var(--ink); font-weight:600; }

/* Durum filtre pill'leri (segment) */
.statuspills { display:flex; gap:8px; flex-wrap:wrap; }
.statuspills button { font-family:var(--sans); font-size:13.5px; font-weight:540; color:var(--ink-soft); background:var(--surface); border:1px solid var(--line-strong); padding:9px 15px; border-radius:999px; cursor:pointer; transition:.18s; display:inline-flex; align-items:center; gap:7px; }
.statuspills button:hover { border-color:var(--ink-muted); }
.statuspills button[aria-pressed="true"] { background:var(--accent); color:var(--accent-ink); border-color:var(--accent); }
.statuspills .sdot { width:7px; height:7px; border-radius:50%; }

/* Proje liste kartı (incelemeye link) */
.proj-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.proj-card { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.proj-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:var(--line-strong); }
.proj-card .pc-media { position:relative; aspect-ratio:16/11; background:var(--bg-sunken); overflow:hidden; }
.proj-card .pc-media img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.proj-card:hover .pc-media img { transform:scale(1.05); }
.proj-card .pc-status { position:absolute; top:14px; left:14px; display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:600; letter-spacing:.03em; padding:7px 12px; border-radius:999px; background:color-mix(in srgb,var(--surface) 88%,transparent); backdrop-filter:blur(8px); color:var(--ink); border:1px solid var(--line); }
.proj-card .pc-status .sdot { width:7px; height:7px; border-radius:50%; }
.proj-card .pc-reviewed { position:absolute; top:14px; right:14px; font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--accent-ink); background:color-mix(in srgb,var(--accent) 92%,#000); padding:6px 11px; border-radius:999px; display:inline-flex; align-items:center; gap:6px; }
.proj-card .pc-body { padding:20px 22px 22px; display:flex; flex-direction:column; gap:0; flex:1; }
.proj-card .pc-dev { font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); }
.proj-card .pc-name { font-family:var(--serif); font-size:1.4rem; line-height:1.15; margin:7px 0 5px; }
.proj-card .pc-loc { display:flex; align-items:center; gap:6px; font-size:13.5px; color:var(--ink-muted); }
.proj-card .pc-loc svg { width:14px; height:14px; }
.proj-card .pc-verdict { font-size:14px; line-height:1.55; color:var(--ink-soft); margin:13px 0 0; }
.proj-card .pc-stats { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--radius-sm); overflow:hidden; margin-top:16px; }
.proj-card .pc-stats > div { background:var(--surface); padding:11px 13px; }
.proj-card .pc-stats dt { font-size:10.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--ink-faint); }
.proj-card .pc-stats dd { margin:3px 0 0; font-size:14px; font-weight:600; color:var(--ink); font-family:var(--serif); }
.proj-card .pc-foot { margin-top:18px; padding-top:16px; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:12px; }
.proj-card .pc-read { font-size:14px; font-weight:540; color:var(--accent); display:inline-flex; align-items:center; gap:7px; }
.proj-card .pc-read .arrow { transition:transform .2s ease; }
.proj-card:hover .pc-read .arrow { transform:translateX(4px); }
.proj-card .pc-readtime { font-size:12.5px; color:var(--ink-faint); white-space:nowrap; }

/* "Yakında" / inceleme hazır değil kartı (soluk) */
.proj-card.soon { opacity:.86; }
.proj-card.soon .pc-foot .pc-read { color:var(--ink-muted); }

/* Boş durum */
.list-empty { text-align:center; padding:64px 0; color:var(--ink-muted); display:none; }
.list-empty.show { display:block; }
.list-empty svg { width:40px; height:40px; color:var(--ink-faint); margin-bottom:14px; }

@media (max-width: 900px) { .proj-grid { grid-template-columns:1fr 1fr; } }
@media (max-width: 600px) {
  .proj-grid { grid-template-columns:1fr; }
  .filterbar-inner { padding-inline:20px; }
  .fb-selects { width:100%; }
  .fb-selects select { flex:1; }
}

/* ===================================================================
   HAKKIMDA — kişisel sayfa
   =================================================================== */

/* Portre hero: editöryal split */
.about-hero { display:grid; grid-template-columns:1fr 0.92fr; gap:clamp(32px,5vw,72px); align-items:center; padding-block: clamp(36px,5vw,64px) clamp(28px,4vw,48px); }
.about-hero .ah-portrait { position:relative; }
.about-hero .ah-portrait .frame { position:relative; border-radius:var(--radius-lg); overflow:hidden; background:var(--bg-sunken); aspect-ratio:896/1100; }
.about-hero .ah-portrait .frame img { width:100%; height:100%; object-fit:cover; object-position:top center; }
.about-hero .ah-portrait .badge { position:absolute; left:-18px; bottom:28px; background:var(--surface); border:1px solid var(--line); box-shadow:var(--shadow-md); border-radius:var(--radius); padding:16px 20px; display:flex; align-items:center; gap:14px; }
.about-hero .ah-portrait .badge .sig { height:30px; width:auto; }
:root[data-theme="dark"] .about-hero .ah-portrait .badge .sig { filter:invert(1) brightness(1.7); }
.about-hero .ah-portrait .badge .bd b { display:block; font-family:var(--serif); font-size:1rem; line-height:1.1; }
.about-hero .ah-portrait .badge .bd span { font-size:11.5px; color:var(--ink-muted); letter-spacing:.04em; }
.about-hero h1 { font-size:clamp(2.2rem,4.4vw,3.5rem); margin:18px 0 20px; max-width:16ch; }
.about-hero .ah-intro { font-size:1.18rem; line-height:1.6; color:var(--ink-soft); max-width:48ch; }
.about-hero .ah-meta { display:flex; gap:26px; margin-top:26px; flex-wrap:wrap; }
.about-hero .ah-meta .m b { font-family:var(--serif); font-size:1.7rem; display:block; line-height:1; }
.about-hero .ah-meta .m span { font-size:13px; color:var(--ink-muted); margin-top:5px; display:block; }
.about-hero .ah-cta { display:flex; gap:12px; margin-top:30px; flex-wrap:wrap; }

/* Hikâye prose (ben dili) */
.story { max-width:var(--measure); margin-inline:auto; }
.story p { font-size:1.12rem; line-height:1.72; color:var(--ink-soft); }
.story p + p { margin-top:1.1em; }
.story p strong { color:var(--ink); font-weight:600; }
.story .pull { font-family:var(--serif); font-size:clamp(1.5rem,2.6vw,2rem); line-height:1.32; color:var(--ink); font-style:italic; text-align:center; margin:1.4em 0; max-width:24ch; margin-inline:auto; }
.story .pull .mark { color:var(--accent); }

/* Zaman çizelgesi (kariyer / projeler) */
.timeline { position:relative; margin-top:8px; }
.timeline::before { content:""; position:absolute; left:11px; top:6px; bottom:6px; width:2px; background:var(--line); }
.tl-item { position:relative; padding:0 0 30px 44px; }
.tl-item:last-child { padding-bottom:0; }
.tl-item .tl-dot { position:absolute; left:4px; top:4px; width:16px; height:16px; border-radius:50%; background:var(--surface); border:3px solid var(--accent); }
.tl-item .tl-year { font-family:var(--mono); font-size:12.5px; letter-spacing:.06em; color:var(--accent); font-weight:600; }
.tl-item h4 { font-family:var(--serif); font-size:1.22rem; font-weight:500; margin:5px 0 5px; }
.tl-item p { font-size:14.5px; color:var(--ink-muted); margin:0; line-height:1.55; }

/* Ortaklar kartları */
.partners { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:8px; }
.partner { display:flex; gap:18px; align-items:center; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:22px 24px; }
.partner .pav { width:64px; height:64px; border-radius:50%; flex:none; background:var(--bg-sunken); overflow:hidden; }
.partner .pav img { width:100%; height:100%; object-fit:cover; }
.partner b { font-family:var(--serif); font-size:1.18rem; font-weight:500; }
.partner .role { font-size:12.5px; color:var(--accent); font-weight:600; letter-spacing:.04em; text-transform:uppercase; margin:2px 0 6px; }
.partner p { font-size:13.5px; color:var(--ink-muted); margin:0; line-height:1.5; }

/* Sertifika / başarı rozetleri */
.creds { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.cred { border:1px solid var(--line); border-radius:var(--radius); padding:22px; background:var(--surface); }
.cred .ic { width:42px; height:42px; border-radius:11px; background:var(--accent-tint-2); color:var(--accent); display:grid; place-items:center; margin-bottom:14px; }
.cred .ic svg { width:22px; height:22px; }
.cred b { display:block; font-size:15px; font-weight:600; }
.cred span { font-size:13px; color:var(--ink-muted); margin-top:3px; display:block; line-height:1.45; }

/* Müşteri yorumları */
.reviews { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.review { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:26px; display:flex; flex-direction:column; }
.review .stars { display:flex; gap:3px; color:var(--accent); margin-bottom:14px; }
.review .stars svg { width:16px; height:16px; }
.review .q { font-family:var(--serif); font-size:1.1rem; line-height:1.5; color:var(--ink); margin:0 0 18px; }
.review .who { display:flex; align-items:center; gap:12px; margin-top:auto; }
.review .who .av { width:42px; height:42px; border-radius:50%; background:var(--bg-sunken); display:grid; place-items:center; font-family:var(--serif); font-weight:600; color:var(--accent); font-size:16px; flex:none; }
.review .who b { font-size:14px; font-weight:600; display:block; }
.review .who span { font-size:12.5px; color:var(--ink-muted); }

/* Sosyal medya satırı */
.socials { display:flex; gap:14px; flex-wrap:wrap; }
.social { display:inline-flex; align-items:center; gap:10px; border:1px solid var(--line-strong); border-radius:999px; padding:11px 18px; font-size:14.5px; font-weight:540; color:var(--ink); transition:.2s; }
.social:hover { border-color:var(--accent); color:var(--accent); transform:translateY(-2px); }
.social svg { width:18px; height:18px; }

@media (max-width: 900px) {
  .about-hero { grid-template-columns:1fr; }
  .about-hero .ah-portrait { max-width:420px; margin-inline:auto; order:-1; }
  .creds { grid-template-columns:1fr 1fr; }
  .reviews { grid-template-columns:1fr; }
  .partners { grid-template-columns:1fr; }
}
@media (max-width: 520px) {
  .creds { grid-template-columns:1fr; }
}

/* ===================================================================
   PORTFÖY — liste + detay
   =================================================================== */

/* Görünüm toggle (Grid / Harita) */
.view-toggle { display:inline-flex; gap:2px; background:var(--bg-sunken); border:1px solid var(--line); border-radius:var(--radius-sm); padding:3px; }
.view-toggle button { display:inline-flex; align-items:center; gap:7px; font-family:var(--sans); font-size:13.5px; font-weight:540; color:var(--ink-muted); background:transparent; border:0; padding:8px 14px; border-radius:6px; cursor:pointer; transition:.18s; }
.view-toggle button svg { width:16px; height:16px; }
.view-toggle button[aria-pressed="true"] { background:var(--surface); color:var(--ink); box-shadow:var(--shadow-sm); }

/* İlan kartı (PROPERTIES'ten render) */
.prop-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.prop-card { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.prop-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:var(--accent-line); }
.prop-card .pm { position:relative; aspect-ratio:16/9; background:var(--bg-sunken); overflow:hidden; }
.prop-card .pm img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.prop-card:hover .pm img { transform:scale(1.05); }
.prop-card .pm .type-badge { position:absolute; top:13px; left:13px; font-size:11.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:6px 12px; border-radius:999px; background:var(--accent); color:var(--accent-ink); }
.prop-card .pm .type-badge.kiralik { background:var(--ink); }
.prop-card .pm .type-badge.devren { background:#7A5A29; }
.prop-card .pm .st-badge { position:absolute; top:13px; right:13px; font-size:10.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:6px 11px; border-radius:999px; background:color-mix(in srgb,var(--surface) 90%,transparent); backdrop-filter:blur(8px); border:1px solid var(--line); color:var(--ink); }
.prop-card .pm .st-badge.firsat { background:#1F8A5B; color:#fff; border-color:transparent; }
.prop-card .pm .st-badge.kapora, .prop-card .pm .st-badge.satildi, .prop-card .pm .st-badge.kiralandi { background:color-mix(in srgb,#0a0908 62%,transparent); color:#fff; border-color:transparent; }
.prop-card .pm .sold-veil { position:absolute; inset:0; background:color-mix(in srgb,#0a0908 28%,transparent); display:none; }
.prop-card.is-closed .pm .sold-veil { display:block; }
.prop-card .pb { padding:18px 20px 20px; display:flex; flex-direction:column; flex:1; }
.prop-card .pb .reg { font-size:11.5px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--accent); }
.prop-card .pb .ttl { font-family:var(--serif); font-size:1.28rem; line-height:1.18; margin:7px 0 10px; }
.prop-card .pb .price { font-family:var(--serif); font-size:1.55rem; letter-spacing:-.01em; }
.prop-card .pb .price small { font-family:var(--sans); font-size:.8rem; color:var(--ink-muted); font-weight:500; }
.prop-card .pb .price .permo { font-family:var(--sans); font-size:.82rem; color:var(--ink-muted); font-weight:500; }
.prop-card .pb .specs { display:flex; flex-wrap:wrap; gap:6px 14px; margin-top:10px; font-size:13px; color:var(--ink-soft); }
.prop-card .pb .specs span { display:inline-flex; align-items:center; gap:6px; }
.prop-card .pb .specs svg { width:15px; height:15px; color:var(--ink-faint); }
.prop-card .pb .desc { font-size:13.5px; line-height:1.55; color:var(--ink-muted); margin:13px 0 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.prop-card .pb .foot { margin-top:16px; padding-top:14px; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; }
.prop-card .pb .foot .more { font-size:14px; font-weight:540; color:var(--accent); display:inline-flex; align-items:center; gap:7px; }
.prop-card .pb .foot .more .arrow { transition:transform .2s ease; }
.prop-card:hover .pb .foot .more .arrow { transform:translateX(4px); }
.prop-card .pb .foot .dues { font-size:12px; color:var(--ink-faint); }

/* Harita modu */
.map-layout { display:grid; grid-template-columns:minmax(360px,1fr) 1.25fr; gap:22px; align-items:start; }
.map-list { display:flex; flex-direction:column; gap:16px; max-height:calc(100vh - 180px); overflow:auto; padding-right:4px; }
.map-list .prop-card { flex-direction:row; }
.map-list .prop-card .pm { aspect-ratio:auto; width:150px; flex:none; }
.map-list .prop-card .pb { padding:14px 16px; }
.map-list .prop-card .pb .ttl { font-size:1.08rem; margin:5px 0 7px; }
.map-list .prop-card .pb .price { font-size:1.25rem; }
.map-list .prop-card .pb .desc { display:none; }
.map-list .prop-card .pb .foot { margin-top:11px; padding-top:11px; }
.map-canvas { position:sticky; top:150px; height:calc(100vh - 180px); min-height:480px; border-radius:var(--radius); overflow:hidden; border:1px solid var(--line);
  background:
    linear-gradient(color-mix(in srgb,var(--accent) 5%,transparent),color-mix(in srgb,var(--accent) 5%,transparent)),
    repeating-linear-gradient(0deg, var(--bg-sunken) 0 39px, color-mix(in srgb,var(--ink) 7%,var(--bg-sunken)) 39px 40px),
    repeating-linear-gradient(90deg, var(--bg-sunken) 0 39px, color-mix(in srgb,var(--ink) 7%,var(--bg-sunken)) 39px 40px);
}
.map-canvas .mc-note { position:absolute; left:16px; bottom:16px; font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-muted); background:color-mix(in srgb,var(--surface) 86%,transparent); backdrop-filter:blur(6px); border:1px solid var(--line); padding:7px 12px; border-radius:999px; }
.map-pin { position:absolute; transform:translate(-50%,-50%); cursor:pointer; z-index:1; }
.map-pin .dot { font-family:var(--sans); font-size:12.5px; font-weight:700; white-space:nowrap; background:var(--accent); color:var(--accent-ink); border:2px solid var(--surface); box-shadow:var(--shadow-md); padding:6px 11px; border-radius:999px; transition:transform .18s, background .18s; }
.map-pin:hover, .map-pin.active { z-index:3; }
.map-pin:hover .dot, .map-pin.active .dot { transform:scale(1.1); background:color-mix(in srgb,var(--accent) 84%,#000); }
.map-pin.is-closed .dot { background:var(--ink-muted); }
.map-pin .tag { position:absolute; left:50%; top:calc(100% + 6px); transform:translateX(-50%); white-space:nowrap; font-size:11.5px; font-weight:540; background:var(--surface); color:var(--ink); border:1px solid var(--line); padding:5px 10px; border-radius:var(--radius-sm); box-shadow:var(--shadow-md); opacity:0; pointer-events:none; transition:opacity .2s; }
.map-pin:hover .tag, .map-pin.active .tag { opacity:1; }

/* Sayfalama */
.pager { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:48px; }
.pager button { min-width:42px; height:42px; padding:0 14px; border-radius:var(--radius-sm); border:1px solid var(--line-strong); background:var(--surface); color:var(--ink-soft); font-family:var(--sans); font-size:14.5px; font-weight:540; cursor:pointer; transition:.18s; display:inline-flex; align-items:center; justify-content:center; gap:6px; }
.pager button:hover:not(:disabled) { border-color:var(--accent); color:var(--accent); }
.pager button[aria-current="true"] { background:var(--accent); color:var(--accent-ink); border-color:var(--accent); }
.pager button:disabled { opacity:.4; cursor:not-allowed; }
.pager svg { width:16px; height:16px; }

/* ---- Portföy DETAY ---- */
.detail-gallery { position:relative; }
.detail-gallery .main { position:relative; aspect-ratio:16/9; border-radius:var(--radius); overflow:hidden; background:var(--bg-sunken); border:1px solid var(--line); cursor:zoom-in; }
.detail-gallery .main img { width:100%; height:100%; object-fit:cover; }
.detail-gallery .main .badges { position:absolute; top:16px; left:16px; display:flex; gap:8px; flex-wrap:wrap; }
.detail-gallery .main .badges span { font-size:11.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:7px 13px; border-radius:999px; background:color-mix(in srgb,var(--surface) 90%,transparent); backdrop-filter:blur(8px); border:1px solid var(--line); color:var(--ink); }
.detail-gallery .main .badges span.accent { background:var(--accent); color:var(--accent-ink); border-color:transparent; }
.detail-gallery .main .zoom { position:absolute; top:16px; right:16px; display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:540; padding:9px 14px; border-radius:999px; background:color-mix(in srgb,var(--surface) 90%,transparent); backdrop-filter:blur(8px); border:1px solid var(--line); color:var(--ink); cursor:pointer; }
.detail-gallery .main .zoom svg { width:15px; height:15px; }
.detail-thumbs { display:flex; gap:10px; margin-top:12px; overflow-x:auto; padding-bottom:4px; }
.detail-thumbs button { flex:none; width:108px; aspect-ratio:16/11; border-radius:var(--radius-sm); overflow:hidden; border:2px solid transparent; background:var(--bg-sunken); cursor:pointer; padding:0; }
.detail-thumbs button img { width:100%; height:100%; object-fit:cover; }
.detail-thumbs button[aria-current="true"] { border-color:var(--accent); }

.detail-layout { display:grid; grid-template-columns:2fr 1fr; gap:48px; align-items:start; margin-top:clamp(28px,4vw,44px); }

.price-line { display:flex; align-items:baseline; gap:16px; flex-wrap:wrap; margin:6px 0 0; }
.price-line .big { font-family:var(--serif); font-size:clamp(1.9rem,3.4vw,2.6rem); letter-spacing:-.02em; }
.price-line .big small { font-family:var(--sans); font-size:1rem; color:var(--ink-muted); font-weight:500; }
.price-line .unit { font-size:14px; color:var(--ink-muted); }

/* Özellik grid (kart kart) */
.spec-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; margin:1.6em 0; }
.spec-grid .s { background:var(--surface); padding:16px 18px; display:flex; gap:12px; align-items:flex-start; }
.spec-grid .s svg { width:18px; height:18px; color:var(--accent); flex:none; margin-top:2px; }
.spec-grid .s dt { font-size:11.5px; letter-spacing:.04em; text-transform:uppercase; color:var(--ink-faint); }
.spec-grid .s dd { margin:3px 0 0; font-size:15px; font-weight:540; color:var(--ink); font-family:var(--serif); }

/* Sticky iletişim kartı */
.contact-card { position:sticky; top:92px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:24px; box-shadow:var(--shadow-sm); }
.contact-card .agent { display:flex; gap:14px; align-items:center; padding-bottom:18px; border-bottom:1px solid var(--line); }
.contact-card .agent img { width:58px; height:58px; border-radius:50%; object-fit:cover; flex:none; }
.contact-card .agent b { font-family:var(--serif); font-size:1.18rem; display:block; }
.contact-card .agent span { font-size:12.5px; color:var(--accent); font-weight:600; letter-spacing:.03em; text-transform:uppercase; }
.contact-card .quick { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:18px 0; }
.contact-card .quick a { display:inline-flex; align-items:center; justify-content:center; gap:8px; font-size:13.5px; font-weight:540; padding:11px; border-radius:var(--radius-sm); border:1px solid var(--line-strong); color:var(--ink); transition:.18s; }
.contact-card .quick a:hover { border-color:var(--accent); color:var(--accent); }
.contact-card .quick a.wa { grid-column:1 / -1; background:#25D366; color:#07261A; border-color:transparent; }
.contact-card .quick a svg { width:16px; height:16px; }
.contact-card form { display:flex; flex-direction:column; gap:11px; }
.contact-card .ref { font-size:12px; color:var(--ink-faint); font-family:var(--mono); text-align:center; margin-top:4px; }

@media (max-width: 980px) {
  .detail-layout { grid-template-columns:1fr; gap:32px; }
  .contact-card { position:static; }
  .map-layout { grid-template-columns:1fr; }
  .map-canvas { position:relative; top:0; height:340px; min-height:0; order:-1; }
  .map-list { max-height:none; overflow:visible; }
}
@media (max-width: 860px) { .prop-grid { grid-template-columns:1fr 1fr; } }
@media (max-width: 600px) {
  .prop-grid { grid-template-columns:1fr; }
  .map-list .prop-card { flex-direction:column; }
  .map-list .prop-card .pm { width:100%; aspect-ratio:16/9; }
}