/* ==========================================================================
   İç sayfalar — tasarımı olmayan sayfalar tasarım sistemiyle (Tasarım/_referans/son/tasarim_sistemi.html):
   sayfa başı, içerik tipografisi, tablo, paket kartı. Kırılım 64em (ana sayfayla aynı).
   sayfalar.php, tema/sablonlar/* şablonlarında otomatik yüklenir.
   ========================================================================== */
@layer sifirla, token, temel, bilesen, yerlesim, sayfa, efekt, yardimci;

@layer sayfa {

.bolum--ust-az{padding-top:clamp(24px, calc(2.2857vw + 15.09px), 48px)}

/* ---------- Sayfa başı ---------- */
.sbas{padding-block:clamp(8px, calc(1.5238vw + 2.06px), 24px) clamp(8px, calc(1.5238vw + 2.06px), 24px)}
.sbas__ic{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.sbas .breadcrumb{margin-bottom:clamp(8px, calc(1.1429vw + 3.54px), 20px)}
.sbas__baslik{font-size:clamp(38px, calc(2.4762vw + 28.34px), 64px);line-height:1;max-width:18ch}
.sbas__giris{margin-top:4px;max-width:62ch}
.sbas__tarih{display:inline-flex;align-items:flex-start;gap:8px;margin-top:4px;font-size:14px;color:var(--ink-500)}
.sbas__tarih .ikon{margin-top:2px;color:var(--brand-700)}

/* ---------- Paket kartları (tasarım sistemi 06: beyaz kart + koyu ışık kenarlı kart) ---------- */
.paket-izgara{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.paket{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:14px;border-radius:var(--r-kart);background:#fff;border:1px solid var(--stone-200);padding:28px 24px}
.paket__ad{font-size:26px;line-height:1.1}
.paket__aciklama{font-size:15px;line-height:1.5;color:var(--ink-500)}
.paket__fiyat{display:flex;flex-direction:column;gap:4px;padding-block:6px 4px}
.paket__tutar{font-size:clamp(34px, calc(.9524vw + 30.29px), 44px);line-height:1.05;color:var(--ink-900)}
.paket__birim{font-size:13px;color:var(--ink-500)}
.paket__liste{list-style:none;padding:14px 0 0;border-top:1px solid var(--stone-200);display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.45}
.paket__liste li{display:flex;gap:10px;align-items:flex-start}
.paket__liste .ikon{margin-top:1px;color:var(--brand-700)}
.paket__dugme{margin-top:auto;height:52px}
.paket--one{background:var(--night-900);border-color:var(--night-800);color:var(--snow-50);box-shadow:0 30px 60px -30px rgba(12,17,32,.55)}
.paket--one .paket__aciklama,.paket--one .paket__birim{color:rgba(251,250,247,.66)}
.paket--one .paket__tutar{color:var(--brand-300);text-shadow:0 0 40px rgba(255,138,61,.5)}
.paket--one .paket__liste{border-top-color:rgba(251,250,247,.12)}
.paket--one .paket__liste .ikon{color:var(--brand-300)}
.paket__aur{z-index:-1;right:-120px;top:-140px;width:360px;height:300px;background:radial-gradient(closest-side,rgba(255,106,19,.38),rgba(255,106,19,0));filter:blur(40px)}
.paket__rozet{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:var(--r-hap);font-size:13px;font-weight:600;background:rgba(255,181,71,.14);color:var(--brand-300)}
@media (min-width:64em){
  .paket-izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
  .paket{padding:36px 32px;gap:16px}
  .paket__ad{font-size:30px}
  .paket__dugme{height:54px}
}

/* ---------- Tablo ---------- */
.tablo-kap{position:relative;overflow-x:auto;border-radius:20px;border:1px solid var(--stone-300);background:#fff;overscroll-behavior-x:contain}
.tablo,.yazi table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.45}
.tablo{min-width:600px}
.tablo th,.tablo td,.yazi th,.yazi td{padding:14px 16px;border-bottom:1px solid var(--stone-200);text-align:left;vertical-align:middle}
.tablo tbody tr:last-child>*{border-bottom:0}
.tablo thead th,.yazi thead th{background:var(--stone-100);font-family:var(--font-disp);letter-spacing:-.02em;font-size:17px;font-weight:700;white-space:nowrap}
.tablo tbody th{font-weight:500}
.tablo td,.tablo thead th:not(:first-child){text-align:center}
.tablo td{color:var(--ink-700);font-size:14px}
.tablo th:first-child{position:sticky;left:0;z-index:1;background:#fff;min-width:200px}
.tablo thead th:first-child{background:var(--stone-100)}
.tablo thead .tablo__one{color:var(--brand-700)}
.tablo__evet{display:inline-block;color:var(--brand-600);vertical-align:middle}
.tablo__yok{color:var(--stone-400)}
.tablo-kap:focus-visible{outline-offset:2px}

/* ---------- Karşılaştırma + dahil olmayanlar ---------- */
.karsilastirma__izgara{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.haric{border-radius:var(--r-kart);background:var(--stone-100);border:1px solid rgba(18,21,28,.06);padding:24px}
.haric__baslik{font-size:22px}
.haric__liste{list-style:none;padding:0;margin-top:14px;display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:1.5;color:var(--ink-700)}
.haric__liste li{display:flex;gap:10px}
.haric__liste li::before{content:'';flex:none;width:12px;height:2px;margin-top:11px;border-radius:2px;background:var(--brand-500)}
@media (min-width:64em){
  .karsilastirma__izgara{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:start}
  .tablo{min-width:0}
  .haric{padding:32px;position:sticky;top:calc(var(--ust-bosluk) + var(--ust-h) + 24px)}
  .haric__baslik{font-size:24px}
}

/* ---------- İçerik tipografisi (panelden gelen HTML) ---------- */
.yazi{max-width:72ch;font-size:clamp(16px, calc(.1905vw + 15.26px), 18px);line-height:1.7;color:var(--ink-800)}
.yazi>*+*{margin-top:1em}
.yazi h2{margin-top:1.8em;font-size:clamp(26px, calc(.9524vw + 22.29px), 36px);line-height:1.1;color:var(--ink-900)}
.yazi h3{margin-top:1.6em;font-size:clamp(20px, calc(.381vw + 18.51px), 24px);line-height:1.2;color:var(--ink-900)}
.yazi>:first-child{margin-top:0}
.yazi ul,.yazi ol{padding-left:1.25em}
.yazi li+li{margin-top:.4em}
.yazi li::marker{color:var(--brand-600)}
.yazi a{text-decoration:underline;text-underline-offset:3px}
.yazi strong{color:var(--ink-900)}
.yazi table{width:100%;border:1px solid var(--stone-300);border-radius:16px;overflow:hidden;font-size:15px}
.yazi td,.yazi th{overflow-wrap:anywhere}
.yazi tbody tr:last-child>*{border-bottom:0}
.yazi blockquote{border-left:3px solid var(--brand-500);padding-left:18px;color:var(--ink-700)}
.yazi blockquote>*+*{margin-top:.75em}
.yazi img{border-radius:16px}

} /* @layer sayfa */

@layer sayfa {
/* ---------- Genel içerik sayfası ---------- */
.sayfa-govde .kap{display:flex;flex-direction:column;gap:clamp(24px, calc(1.5238vw + 18.06px), 40px)}
.alt-sayfalar{display:flex;flex-wrap:wrap;gap:8px}
.alt-sayfalar .hap{text-decoration:none;align-self:auto}
.alt-sayfalar .hap[aria-current=page]{background:var(--ink-900);color:var(--snow-50);border-color:var(--ink-900)}
.sayfa-gorsel img{width:100%;border-radius:var(--r-kart);aspect-ratio:16/7;object-fit:cover}
.sayfa-govde--yasal .yazi{font-size:16px}
.sayfa-govde .tekil-medya,.sayfa-govde .galeri{max-width:72ch}
}

@layer sayfa {
/* ---------- Liste (hub) sayfaları ---------- */
.hub-nav{margin-top:6px}
.hub-nav__sayi{color:var(--ink-500);font-size:12px}
.hub-grup{scroll-margin-top:100px;padding-bottom:0}
.hub-grup:not(:has(+ .hub-grup)){padding-bottom:var(--bolum)}
.hub-grup .bolum-bas{margin-bottom:clamp(14px, calc(1.1429vw + 9.54px), 24px)}
.hub-grup__baslik{font-size:clamp(28px, calc(1.1429vw + 23.54px), 40px)}
.hub-grup+.hub-grup{padding-top:clamp(32px, calc(2.2857vw + 23.09px), 56px)}
}

@layer sayfa {
.ornek-not{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;color:var(--ink-500)}
.ornek-not .ikon{color:var(--brand-700)}
.ornek-not .rozet{align-self:auto}
}

/* ==========================================================================
   Hizmet detay, bölge ve referans sayfaları (TASARIM_PLANI §6.2/§6.3)
   ========================================================================== */
@layer sayfa {

/* Cevap-önce özet kutusu (yapay zekâ ve Google'ın alıntılayacağı paragraf) */
.ozet-kutu{margin-top:6px;max-width:760px;border-radius:20px;background:#fff;border:1px solid var(--stone-200);border-left:3px solid var(--brand-500);padding:18px 20px}
.ozet-kutu__etiket{display:block;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-700);margin-bottom:6px}
.ozet-kutu p{font-size:var(--govde-l);line-height:1.55;color:var(--ink-800)}

/* Görsel + faydalar */
.hizmet-gorsel{display:flex;flex-direction:column;gap:14px;margin-top:clamp(16px, calc(1.5238vw + 10.06px), 32px)}
.hizmet-gorsel__kap img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-kart)}
.fayda{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.fayda .hap{align-self:auto}
@media (min-width:64em){
  .hizmet-gorsel__kap img{aspect-ratio:16/6}
  .hizmet-gorsel .fayda{margin-top:-58px;padding-left:24px;position:relative}
  .hizmet-gorsel .fayda .hap{box-shadow:var(--golge-cam);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
}

/* Kapsam listesi */
.dahil__izgara{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.dahil__dugme{align-self:flex-start;margin-top:8px}
.dahil__liste{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.dahil__liste li{display:flex;gap:12px;align-items:flex-start;border-radius:16px;background:#fff;border:1px solid var(--stone-200);padding:14px 16px;font-size:16px;line-height:1.45;font-weight:500}
.dahil__liste .ikon{flex:none;margin-top:1px;color:var(--brand-600)}
@media (min-width:40em){ .dahil__liste{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:64em){
  .dahil__izgara{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}
  .dahil .bolum-bas{position:sticky;top:calc(var(--ust-bosluk) + var(--ust-h) + 24px)}
}

/* Süreç adımları */
.adimlar__liste{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;counter-reset:adim}
.adimlar__oge{display:flex;flex-direction:column;gap:8px;border-radius:var(--r-kart);background:var(--stone-100);border:1px solid rgba(18,21,28,.06);padding:22px}
.adimlar__no{font-size:15px;font-weight:700;color:var(--brand-700)}
.adimlar__baslik{font-size:21px;line-height:1.2}
.adimlar__metin{font-size:15px;line-height:1.55;color:var(--ink-500)}
@media (min-width:40em){ .adimlar__liste{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:64em){
  .adimlar__liste{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
  .adimlar__oge{padding:28px;gap:10px}
  .adimlar__no{font-size:40px;line-height:1;color:var(--brand-500)}
}

/* Ücret */
.ucret__izgara{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.ucret__ozet{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;gap:10px;border-radius:var(--r-kart);background:var(--night-900);border:1px solid var(--night-800);color:var(--snow-50);padding:28px 24px}
.ucret__ozet .ust-baslik{color:var(--brand-300)}
.ucret__aur{z-index:-1;right:-120px;top:-140px;width:380px;height:300px;background:radial-gradient(closest-side,rgba(255,106,19,.36),rgba(255,106,19,0));filter:blur(40px)}
.ucret__baslik{font-size:clamp(28px, calc(.7619vw + 25.03px), 36px)}
.ucret__tutar{font-size:clamp(40px, calc(1.5238vw + 34.06px), 56px);line-height:1.05;margin-top:6px}
.ucret__birim{font-size:14px;color:rgba(251,250,247,.66)}
.ucret__metin{font-size:16px;line-height:1.55;color:rgba(251,250,247,.78)}
.ucret__eylem{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:10px}
.ucret__eylem .metin-link{color:var(--brand-300)}
.tablo__baslik{caption-side:top;text-align:left;padding:16px 16px 12px;font-family:var(--font-disp);letter-spacing:-.02em;font-weight:700;font-size:20px}
.tablo--iki{min-width:0}
.tablo--iki td{text-align:left;font-size:15px}
.tablo--iki th:first-child{position:static;min-width:0}
@media (min-width:64em){
  .ucret__izgara:has(.tablo-kap){grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:start}
  .ucret__ozet{padding:40px}
}

/* Neden biz */
.neden__izgara{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.neden__kart{display:flex;flex-direction:column;gap:6px;border-radius:var(--r-kart);background:#fff;border:1px solid var(--stone-200);padding:24px}
.neden__rakam{font-size:clamp(36px, calc(1.1429vw + 31.54px), 48px);line-height:1;color:var(--brand-600)}
.neden__etiket{font-weight:600}
.neden__metin{font-size:15px;line-height:1.55;color:var(--ink-500)}
@media (min-width:64em){ .neden__izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .neden__kart{padding:32px} }

/* Tek vaka (yatay) */
@media (min-width:64em){
  .vakalar--tek .vaka{flex-direction:row}
  .vakalar--tek .vaka__kapak{height:auto;min-height:300px;flex:0 0 46%}
}

.ilgili .bolum-bas,.rehber .bolum-bas,.vakalar--tek .bolum-bas{margin-bottom:clamp(16px, calc(2.6667vw + 5.6px), 44px)}

} /* @layer sayfa */

@layer sayfa {
/* ---------- Referans vaka detay ---------- */
.vaka-kunye{margin-top:4px}
.vaka-kunye .rozet{align-self:center}
.vaka-detay__izgara{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:16px}
.vaka-detay__gorsel img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-kart)}
.vaka-detay__sonuc{justify-content:center}
.vaka-detay__sonuc .ucret__tutar{font-size:clamp(44px, calc(1.5238vw + 38.06px), 60px)}
@media (min-width:40em){ .vaka-adim{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (min-width:64em){
  .vaka-detay__izgara{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;margin-bottom:24px}
  .vaka-detay__gorsel img{aspect-ratio:auto;height:100%;min-height:380px}
  .vaka-adim{grid-template-columns:repeat(3,minmax(0,1fr))}
}
}

@layer sayfa {
/* ---------- Yorum kartı (ızgara) ---------- */
.yorum-izgara{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.yorum-kart{display:flex;flex-direction:column;gap:12px;margin:0;border-radius:var(--r-kart);background:#fff;border:1px solid var(--stone-200);padding:24px}
.yorum-kart blockquote{margin:0}
.yorum-kart p{font-size:17px;line-height:1.55}
.yorum-kart figcaption{margin-top:auto;font-size:14px;color:var(--ink-500)}
.yorum-kart strong{color:var(--ink-900);font-weight:600}
@media (min-width:40em){ .yorum-izgara{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:64em){ .yorum-izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .yorum-kart{padding:28px} }

/* ---------- Bölge: zorluk → çözüm ---------- */
.zorluk__izgara{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.zorluk__kart{display:flex;flex-direction:column;gap:12px;border-radius:var(--r-kart);background:var(--stone-100);border:1px solid rgba(18,21,28,.06);padding:24px}
.zorluk__sorun{font-size:20px;line-height:1.25}
.zorluk__cozum{display:flex;gap:10px;font-size:15px;line-height:1.55;color:var(--ink-700)}
.zorluk__cozum .ikon{flex:none;margin-top:2px;color:var(--brand-600)}
@media (min-width:64em){ .zorluk__izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .zorluk__kart{padding:32px} }
.mahalle{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.mahalle .hap{align-self:auto}
a.hap{text-decoration:none;color:inherit;transition:border-color .2s,color .2s}
a.hap:hover{border-color:var(--brand-500);color:var(--brand-700)}
.mahalle-kunye{border-radius:var(--r-kart);background:#fff;border:1px solid var(--stone-200);padding:clamp(20px, calc(1.5vw + 14px), 32px)}
.mahalle-kunye__baslik{font-size:clamp(22px, calc(.5714vw + 19.77px), 28px);line-height:1.15;color:var(--ink-900)}
.mahalle-kunye__liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:18px 28px;margin-top:18px}
.mahalle-kunye__liste dt{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500)}
.mahalle-kunye__liste dd{margin:4px 0 0;font-size:17px;color:var(--ink-900)}
.mahalle-kunye__kaynak{margin-top:18px;font-size:13px;color:var(--ink-500)}
.bolge-bas .bolum-bas{margin-bottom:clamp(16px, calc(2.6667vw + 5.6px), 44px)}
}

@layer sayfa {
/* ---------- Rehber yazısı ---------- */
.yazi-kunye{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:2px;font-size:14px;color:var(--ink-500)}
.yazi-kunye>span{display:inline-flex;align-items:center;gap:6px}
.yazi-kunye .ikon{color:var(--brand-700)}
.yazi-duzen__izgara{display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.yazi-duzen__metin{display:flex;flex-direction:column;gap:24px;min-width:0}
.yazi-gorsel img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-kart)}
.yazi-duzen .yazi{max-width:none}
.yazi h2{scroll-margin-top:110px}
.yazi-imza{display:flex;gap:10px;align-items:flex-start;padding-top:20px;border-top:1px solid var(--stone-300);font-size:14px;line-height:1.55;color:var(--ink-500)}
.yazi-imza svg{flex:none;margin-top:2px}
.yazi-imza strong{color:var(--ink-900)}
.toc{border-radius:20px;background:var(--stone-100);border:1px solid rgba(18,21,28,.06);padding:18px 20px}
.toc summary{display:flex;justify-content:space-between;align-items:center;font-weight:600}
.toc__baslik{font-weight:600;margin-bottom:10px}
.toc ol{margin:12px 0 0;padding-left:1.2em;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.4}
.toc__baslik+ol{margin-top:0}
.toc li::marker{color:var(--brand-600);font-weight:600}
.toc a{color:var(--ink-700);text-decoration:none}
.toc a:hover{color:var(--brand-700)}
.yazi-duzen__yan{display:flex;flex-direction:column;gap:16px}
.yan-cta{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:12px;border-radius:var(--r-kart);background:var(--night-900);border:1px solid var(--night-800);color:var(--snow-50);padding:26px}
.yan-cta__baslik{font-size:24px;line-height:1.1;font-weight:700}
.yan-cta__metin{font-size:15px;line-height:1.5;color:rgba(251,250,247,.72)}
.yan-cta .btn{height:52px;margin-top:4px}
.yan-cta__tel{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--snow-50);text-decoration:none;font-weight:600}
.yan-cta__tel:hover{color:var(--brand-300)}
@media (min-width:64em){
  .yazi-duzen__izgara{grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
  .yazi-duzen__metin{max-width:760px}
  .yazi-duzen__yan{position:sticky;top:calc(var(--ust-bosluk) + var(--ust-h) + 24px)}
}

/* ---------- Sayfalama ---------- */
.sayfalama{margin-top:32px}
.sayfalama ul,.sayfalama ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sayfalama a,.sayfalama span{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 14px;border-radius:var(--r-hap);border:1px solid var(--stone-400);background:#fff;color:var(--ink-900);text-decoration:none;font-weight:600}
.sayfalama [aria-current]{background:var(--ink-900);color:var(--snow-50);border-color:var(--ink-900)}
}

@layer sayfa {
/* ---------- Sözlük ---------- */
.harf-nav{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.harf-nav a{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--stone-300);font-weight:600;text-decoration:none;color:var(--ink-900)}
.harf-nav a:hover{border-color:var(--brand-500);color:var(--brand-700)}
.sozluk__grup{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding-block:20px;border-top:1px solid var(--stone-300);scroll-margin-top:100px}
.sozluk__harf{font-size:40px;line-height:1;color:var(--brand-600)}
.sozluk__liste{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:0}
.sozluk__oge dt{font-family:var(--font-disp);letter-spacing:-.02em;font-weight:700;font-size:20px}
.sozluk__oge dt a{color:var(--ink-900);text-decoration:none}
.sozluk__oge dt a:hover{color:var(--brand-700)}
.sozluk__oge dd{margin:4px 0 0;font-size:15px;line-height:1.55;color:var(--ink-500)}
.sozluk__yazi{margin-top:32px}
.terim-komsu{margin-top:8px}
dfn{font-style:normal;font-weight:700}
@media (min-width:64em){
  .sozluk__grup{grid-template-columns:120px minmax(0,1fr);gap:24px;padding-block:28px}
  .sozluk__liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 40px}
}
}

@layer sayfa {
/* ---------- Yorumlar sayfası ---------- */
.yorum-sayfa{display:flex;flex-direction:column;gap:24px}
.puan-kart{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;border-radius:var(--r-kart);background:var(--night-900);border:1px solid var(--night-800);color:var(--snow-50);padding:24px 28px}
.puan-kart__deger{font-size:clamp(56px, calc(1.5238vw + 50.06px), 72px);line-height:1}
.puan-kart__yildiz{font-size:20px}
.puan-kart__metin{color:rgba(251,250,247,.72)}
.puan-kart .btn{margin-left:auto}
@media (max-width:39.99em){ .puan-kart .btn{margin-left:0;width:100%} }
.sss-grup{scroll-margin-top:100px}
}

@layer sayfa {
/* ---------- Araçlar ---------- */
.arac{scroll-margin-top:90px}
.arac__izgara{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.arac__form{display:flex;flex-direction:column;gap:14px;border-radius:var(--r-kart);background:#fff;border:1px solid var(--stone-200);padding:24px 20px}
.arac__baslik{font-size:clamp(28px, calc(.7619vw + 25.03px), 36px)}
.arac__not{font-size:15px;line-height:1.55;color:var(--ink-500)}
.arac__alanlar{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.arac__dugme{align-self:flex-start;height:50px}
.js .arac__dugme{display:none}
.arac__sonuc{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:10px;border-radius:var(--r-kart);background:var(--night-900);border:1px solid var(--night-800);color:var(--snow-50);padding:26px 24px}
.arac__sonuc-etiket{font-size:14px;color:rgba(251,250,247,.7)}
.arac__tutar{font-size:clamp(40px, calc(1.5238vw + 34.06px), 56px);line-height:1.05}
.arac__dokum{display:grid;gap:8px;margin:6px 0 0;padding-top:14px;border-top:1px solid rgba(251,250,247,.12);font-size:15px}
.arac__dokum div{display:flex;justify-content:space-between;gap:12px}
.arac__dokum dt{color:rgba(251,250,247,.66)}
.arac__dokum dd{margin:0;font-weight:600}
.arac__uyari{margin-top:auto;padding-top:10px;font-size:13px;line-height:1.5;color:rgba(251,250,247,.6)}
.arac__uyari a{color:var(--brand-300)}
@media (min-width:40em){ .arac__alanlar{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (min-width:64em){
  .arac__izgara{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;align-items:stretch}
  .arac__form{padding:36px}
  .arac__sonuc{padding:36px}
}
}

@layer sayfa {
/* ---------- HTML site haritası ---------- */
.site-haritasi{columns:1;column-gap:40px}
.site-haritasi__grup{break-inside:avoid;margin-bottom:28px}
.site-haritasi__baslik{font-size:20px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--stone-300)}
.site-haritasi ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px;font-size:15px}
.site-haritasi a{color:var(--ink-700);text-decoration:none}
.site-haritasi a:hover{color:var(--brand-700);text-decoration:underline}
@media (min-width:40em){ .site-haritasi{columns:2} }
@media (min-width:64em){ .site-haritasi{columns:3} }
}

@layer sayfa {
.tablo-kaydir{overflow-x:auto;overscroll-behavior-x:contain;border-radius:16px}
.tablo-kaydir:focus-visible{outline-offset:2px}
.tablo-kaydir>table{min-width:520px}
@media (min-width:40em){ .tablo-kaydir>table{min-width:0} }
}

/* ---------- Aidat hesaplama (/aidat-hesaplama) ---------- */
@layer sayfa{
  .aidat__izgara{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
  .aidat__sol{display:flex;flex-direction:column;gap:16px;min-width:0}
  .aidat__kart{margin:0;border-radius:var(--r-kart);background:#fff;border:1px solid var(--stone-200);padding:20px}
  .aidat__baslik{float:left;width:100%;margin-bottom:14px;font-family:var(--font-baslik, inherit);font-weight:700;font-size:clamp(20px, calc(.381vw + 18.51px), 24px);color:var(--ink-900)}
  .aidat__baslik+*{clear:both}
  .aidat__girdiler{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:14px}
  .aidat__secim{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:16px}
  .aidat__liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
  .aidat__kalem{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:14px 0}
  .aidat__kalem:not([hidden]) ~ .aidat__kalem{border-top:1px solid var(--stone-200)}
  .aidat__ad{display:flex;gap:12px;align-items:flex-start;cursor:pointer}
  .aidat__ad input{width:22px;height:22px;margin:2px 0 0;flex:none;accent-color:var(--brand-600)}
  .aidat__ad strong{display:block;font-size:16px;color:var(--ink-900)}
  .aidat__ad small{display:block;margin-top:2px;font-size:13px;line-height:1.45;color:var(--ink-500)}
  .aidat__tutar{display:flex;align-items:center;gap:8px;padding-left:34px}
  .aidat__tutar .fld{height:44px;max-width:170px;text-align:right}
  .aidat__birim{font-size:13px;color:var(--ink-500);white-space:nowrap}
  .aidat__not-link{padding-left:34px;font-size:14px}
  .aidat__kalem:has([data-x]:not(:checked)) .aidat__tutar{opacity:.45}
  .aidat--canli .aidat__hesapla{display:none}
  .aidat__hesapla{align-self:flex-start}
  .aidat__sonuc{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:12px;border-radius:var(--r-kart);background:var(--night-900);border:1px solid var(--night-800);color:var(--snow-50);padding:26px 22px;scroll-margin-top:90px}
  .aidat__sonuc-etiket{font-size:14px;color:rgba(251,250,247,.7)}
  .aidat__buyuk{font-size:clamp(40px, calc(1.5238vw + 34.06px), 56px);line-height:1.05}
  .aidat__dokum{display:grid;gap:8px;margin:4px 0 0;padding-top:14px;border-top:1px solid rgba(251,250,247,.12);font-size:15px}
  .aidat__dokum div{display:flex;justify-content:space-between;gap:12px}
  .aidat__dokum dt{color:rgba(251,250,247,.72)}
  .aidat__dokum dd{margin:0;font-weight:600}
  .aidat__uyari{font-size:13px;line-height:1.5;color:rgba(251,250,247,.65)}
  .aidat__uyari a{color:inherit}
  .aidat__cta-baslik{margin-top:6px;font-weight:700;font-size:18px}
  @media (min-width:64em){
    .aidat__izgara{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:24px;align-items:start}
    .aidat__sonuc{position:sticky;top:100px;padding:32px}
    .aidat__kart{padding:28px}
    .aidat__kalem{grid-template-columns:minmax(0,1fr) auto;align-items:center}
    .aidat__tutar{padding-left:0}
    .aidat__not-link{grid-column:1/-1}
  }
  .aidat__ipucu{padding:0 4px;font-size:15px;line-height:1.55;color:var(--ink-700)}
  .aidat__ozet{margin-top:16px;padding:12px 14px;border-radius:var(--r-alan);background:var(--stone-100);font-size:15px}
  .aidat__ozet a{font-weight:700}
  @media (min-width:64em){ .aidat__ozet{display:none} }
}

/* Aidat hesaplama: AJAX sırasında sonuç kartı hafif soluk; asansör alanı notu */
@layer sayfa{
  .aidat__sonuc [data-s]{transition:opacity .15s}
  .aidat--yukleniyor .aidat__sonuc [data-s]{opacity:.55}
  .aidat__alan-not{font-size:13px;line-height:1.4;color:var(--ink-500)}
}