/*
 * Saran & Ceran Hukuk Ofisi — ana stil dosyası.
 * Palet: antrasit + derin mavi + ölçülü altın. Hareketler yalnızca opacity ve transform ile yapılır.
 * Bölümler: yazı tipleri · değişkenler · temel · yerleşim · tipografi · düğmeler · üst menü · perde ·
 * slayt · arama · kadran · ofis · ekip · araçlar · yazılar · iletişim · sayfa açılışı · alan sayfası ·
 * makale · içerik bileşenleri · sözlük · liste · alt bilgi · yol gösterici · görünme hareketleri · uyumluluk.
 */

/* ---------- Yazı tipleri (Türkçe alt kümeli) ---------- */
@font-face { font-family: "SC Baslik"; src: url(../fonts/baslik-latin.woff2) format("woff2"); font-weight: 450 650; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "SC Baslik"; src: url(../fonts/baslik-latin-ext.woff2) format("woff2"); font-weight: 450 650; font-style: normal; font-display: swap; unicode-range: U+011E-011F, U+0130, U+015E-015F, U+20BA; }
@font-face { font-family: "SC Baslik"; src: url(../fonts/baslik-i-latin.woff2) format("woff2"); font-weight: 450; font-style: italic; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "SC Baslik"; src: url(../fonts/baslik-i-latin-ext.woff2) format("woff2"); font-weight: 450; font-style: italic; font-display: swap; unicode-range: U+011E-011F, U+0130, U+015E-015F, U+20BA; }
@font-face { font-family: "SC Metin"; src: url(../fonts/metin-latin.woff2) format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "SC Metin"; src: url(../fonts/metin-latin-ext.woff2) format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; unicode-range: U+011E-011F, U+0130, U+015E-015F; }
@font-face { font-family: "SC Marka"; src: url(../fonts/marka-latin.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+2000-206F; }
@font-face { font-family: "SC Marka"; src: url(../fonts/marka-latin-ext.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+011E-011F, U+0130, U+015E-015F; }

/* ---------- Değişkenler ---------- */
:root {
	--gece: #0b0f14;
	--antrasit: #12171d;
	--antrasit-2: #19202a;
	--antrasit-3: #222b36;
	--kursun: #2d3845;
	--mavi-gece: #0e1f30;
	--mavi: #2b5a83;
	--mavi-orta: #4c7da9;
	--mavi-acik: #a3c4e0;
	--buz: #eaf0f5;
	--kagit: #f5f7f9;
	--beyaz: #fff;
	--cizgi: #dce3ea;
	--cizgi-2: #e8edf2;
	--cizgi-koyu: rgba(255, 255, 255, .09);
	--metin: #151d26;
	--metin-2: #36424f;
	--soluk: #56626f;
	--acik: #eef3f7;
	--acik-soluk: #a9b6c3;
	--altin: #c9a868;
	--altin-acik: #e6d4a6;
	--altin-koyu: #85662a;
	--altin-zemin: rgba(201, 168, 104, .12);
	--basari: #2f7d5b;
	--uyari: #b4761b;
	--hata: #b3412f;
	--r: 18px;
	--r-k: 12px;
	--r-b: 28px;
	--golge: 0 22px 60px -30px rgba(8, 14, 22, .42);
	--golge-k: 0 10px 30px -18px rgba(8, 14, 22, .35);
	--f-baslik: "SC Baslik", "Literata", Georgia, "Times New Roman", serif;
	--f-metin: "SC Metin", "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--f-marka: "SC Marka", "Michroma", var(--f-metin);
	--ust-y: 78px;
	--kap: 1240px;
	--yumusak: cubic-bezier(.22, .8, .24, 1);
	--yay: cubic-bezier(.34, 1.36, .5, 1);
	--amb-a: currentColor;
	--amb-b: currentColor;
	color-scheme: light;
}

/* ---------- Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--ust-y) + 24px); }
body { margin: 0; background: var(--kagit); color: var(--metin); font-family: var(--f-metin); font-size: 1.0625rem; line-height: 1.68; font-kerning: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: clip; }
img, video, svg { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .18em; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
h1, h2, h3, h4 { font-family: var(--f-baslik); font-weight: 560; line-height: 1.16; letter-spacing: -.012em; margin: 0 0 .6em; color: inherit; text-wrap: balance; }
p { margin: 0 0 1em; text-wrap: pretty; }
ul, ol { margin: 0; padding: 0; }
:focus-visible { outline: 2px solid var(--altin); outline-offset: 3px; border-radius: 6px; }
::selection { background: var(--altin-acik); color: var(--gece); }
[hidden]:not(.sc-mobil):not(.sc-pencere):not(.sc-yg):not(.sc-dinle) { display: none !important; }
.sc-gizli { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sc-atla { position: fixed; left: 16px; top: -60px; z-index: 10001; background: var(--altin); color: var(--gece); padding: 10px 16px; border-radius: 10px; font-weight: 600; text-decoration: none; transition: top .2s; }
.sc-atla:focus { top: 12px; }
.sc-ikon { width: 1.2em; height: 1.2em; flex: none; }
.sc-ana { display: block; outline: none; }
.sc-ana:focus { outline: none; }

/* ---------- Yerleşim ---------- */
.sc-kap { width: min(100% - 48px, var(--kap)); margin-inline: auto; }
.sc-kap-dar { width: min(100% - 48px, 860px); }
.sc-izgara-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.sc-izgara-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.sc-bolum { padding: clamp(72px, 9vw, 120px) 0; position: relative; }
.sc-bolum-acik { background: var(--kagit); }
.sc-bolum-beyaz { background: var(--beyaz); }
.sc-bolum-buz { background: var(--buz); }
.sc-koyu { background: radial-gradient(1200px 600px at 85% -10%, rgba(43, 90, 131, .28), transparent 60%), radial-gradient(900px 500px at 0% 110%, rgba(201, 168, 104, .07), transparent 60%), var(--antrasit); color: var(--acik); }
.sc-koyu .sc-etiket { color: var(--acik-soluk); }
.sc-bolum-ust { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: clamp(32px, 4vw, 52px); }
.sc-bolum-ust > div { max-width: 720px; }
.sc-bolum-ust p:last-child { margin-bottom: 0; }
.sc-bolum-ust .sc-h2 { margin-bottom: .3em; }
.sc-bolum-giris { color: var(--soluk); font-size: 1.08rem; max-width: 640px; }
.sc-koyu .sc-bolum-giris { color: var(--acik-soluk); }
.sc-petek { position: absolute; inset: 0; width: 100%; height: 100%; color: #fff; opacity: .045; pointer-events: none; }

/* ---------- Tipografi ---------- */
.sc-h2 { font-size: clamp(1.75rem, 3.1vw, 2.45rem); }
.sc-h2 em, .sc-slm-baslik em { font-style: italic; font-weight: 450; color: var(--altin-koyu); }
.sc-koyu .sc-h2 em { color: var(--altin); }
.sc-etiket { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; font-family: var(--f-marka); font-size: .7rem; letter-spacing: .2em; text-transform: uppercase; color: var(--mavi); line-height: 1.4; }
.sc-etiket-altin { color: var(--altin); }
.sc-etiket-cizgi { width: 34px; height: 1px; background: currentColor; opacity: .8; }
.sc-kucuk-baslik { font-weight: 600; font-size: .95rem; margin: 0 0 8px; }
.sc-kucuk-not { font-size: .88rem; color: var(--soluk); margin: 0 0 10px; }

/* ---------- Düğmeler ---------- */
.sc-dugme { --d-zemin: var(--antrasit); --d-renk: #fff; position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 24px; border: 1px solid transparent; border-radius: 999px; background: var(--d-zemin); color: var(--d-renk); font-weight: 600; font-size: .98rem; letter-spacing: .005em; text-decoration: none; overflow: hidden; isolation: isolate; transition: transform .35s var(--yumusak), box-shadow .35s var(--yumusak), background-color .25s, color .25s, border-color .25s; white-space: nowrap; }
.sc-dugme::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, .45) 50%, transparent 70%); transform: translateX(-120%); transition: transform .7s var(--yumusak); }
.sc-dugme:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -16px rgba(0, 0, 0, .45); }
.sc-dugme:hover::after { transform: translateX(120%); }
.sc-dugme:active { transform: translateY(0); }
.sc-dugme .sc-ikon { width: 1.15em; height: 1.15em; }
.sc-dugme-altin { --d-zemin: var(--altin); --d-renk: var(--gece); }
.sc-dugme-altin:hover { --d-zemin: var(--altin-acik); }
.sc-dugme-cizgi { --d-zemin: transparent; --d-renk: var(--metin); border-color: var(--cizgi); }
.sc-dugme-cizgi:hover { border-color: var(--metin); }
.sc-dugme-cizgi-acik { --d-zemin: rgba(255, 255, 255, .04); --d-renk: #fff; border-color: rgba(255, 255, 255, .26); }
.sc-dugme-cizgi-acik:hover { border-color: var(--altin); --d-renk: var(--altin-acik); }
.sc-dugme-kucuk { min-height: 42px; padding: 0 18px; font-size: .9rem; }
.sc-dugme-tam { width: 100%; }
.sc-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; }
.sc-dugme-metin { background: none; border: 0; padding: 8px 4px; color: var(--soluk); font-weight: 500; text-decoration: underline; text-underline-offset: .2em; }
.sc-bag-ok { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; text-decoration: none; color: var(--mavi); }
.sc-bag-ok .sc-ikon { transition: transform .35s var(--yumusak); }
.sc-bag-ok:hover .sc-ikon { transform: translateX(4px); }
.sc-koyu .sc-bag-ok, .sc-sb .sc-bag-ok, .sc-kadran-kart .sc-bag-ok { color: var(--altin); }
.sc-bag-dugme { display: inline-flex; align-items: center; gap: 8px; background: none; border: 1px dashed var(--cizgi); border-radius: 999px; padding: 8px 14px; font-size: .9rem; font-weight: 600; color: var(--mavi); }
.sc-bag-dugme:hover { border-color: var(--mavi); }

/* ---------- Logo ---------- */
.sc-logo { display: inline-flex; align-items: center; gap: 14px; color: #fff; }
.sc-logo-amblem { width: 46px; height: auto; aspect-ratio: 112.85 / 100; color: var(--altin); --amb-a: var(--altin); --amb-b: #fff; }
.sc-amb-a { fill: var(--amb-a); }
.sc-amb-b { fill: var(--amb-b); }
.sc-logo-metin { display: flex; flex-direction: column; gap: 6px; }
.sc-logo-yazi { width: 172px; height: auto; aspect-ratio: 1634.87 / 100; fill: currentColor; }
.sc-logo-alt { font-family: var(--f-marka); font-size: .56rem; letter-spacing: .58em; text-transform: uppercase; color: var(--acik-soluk); line-height: 1; padding-left: 2px; }
.sc-logo-kucuk .sc-logo-amblem { width: 38px; }
.sc-logo-kucuk .sc-logo-yazi { width: 140px; }
.sc-amblem { fill: currentColor; }

/* ---------- Üst menü ---------- */
.sc-ust { position: fixed; inset: 0 0 auto; z-index: 900; height: var(--ust-y); color: #fff; transition: transform .45s var(--yumusak), background-color .35s, box-shadow .35s; }
.sc-ust::before { content: ""; position: absolute; inset: 0; background: rgba(11, 15, 20, .94); border-bottom: 1px solid var(--cizgi-koyu); opacity: 0; transition: opacity .35s; }
.sc-ust.dolu::before, .sc-ust.acik::before { opacity: 1; }
.sc-ust.gizli { transform: translateY(-100%); }
.sc-ust-ic { position: relative; height: 100%; display: flex; align-items: center; gap: 28px; }
.sc-ust-logo { text-decoration: none; display: inline-flex; flex: none; }
.sc-ust-logo .sc-logo-amblem { transition: transform .6s var(--yay); }
.sc-ust-logo:hover .sc-logo-amblem { transform: rotate(-8deg) scale(1.05); }
.sc-menu { margin-left: auto; }
.sc-menu-liste { list-style: none; display: flex; align-items: center; gap: 2px; }
.sc-menu-oge { position: relative; display: flex; align-items: center; }
.sc-menu-bag { position: relative; display: inline-flex; align-items: center; height: var(--ust-y); padding: 0 12px; white-space: nowrap; font-size: .95rem; font-weight: 500; text-decoration: none; color: rgba(255, 255, 255, .86); transition: color .25s; }
.sc-menu-bag::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 22px; height: 1px; background: var(--altin); transform: scaleX(0); transform-origin: left; transition: transform .4s var(--yumusak); }
.sc-menu-bag:hover, .sc-menu-bag[aria-current] { color: #fff; }
.sc-menu-bag:hover::after, .sc-menu-bag[aria-current]::after { transform: scaleX(1); }
.sc-acilir .sc-menu-bag { padding-right: 4px; }
.sc-acilir-dugme { display: inline-grid; place-items: center; width: 26px; height: 34px; margin-right: 6px; border: 0; background: none; color: rgba(255, 255, 255, .6); border-radius: 8px; transition: transform .3s, color .2s; }
.sc-acilir-dugme .sc-ikon { width: 15px; height: 15px; }
.sc-acilir:hover .sc-acilir-dugme, .sc-acilir.acik .sc-acilir-dugme { color: var(--altin); }
.sc-acilir.acik .sc-acilir-dugme { transform: rotate(180deg); }
.sc-acilir-panel { position: absolute; top: calc(var(--ust-y) - 8px); left: 50%; z-index: 5; min-width: 320px; padding: 14px; border-radius: var(--r); background: var(--antrasit-2); border: 1px solid var(--cizgi-koyu); box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .7); opacity: 0; visibility: hidden; transform: translate(-50%, 10px); transition: opacity .25s, transform .35s var(--yumusak), visibility 0s .35s; }
.sc-acilir.acik .sc-acilir-panel { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition: opacity .25s, transform .35s var(--yumusak), visibility 0s; }
.sc-acilir-panel::before { content: ""; position: absolute; left: 0; right: 0; top: -16px; height: 16px; }
.sc-acilir-kucuk { display: grid; gap: 2px; width: 340px; }
.sc-acilir-kucuk a { display: flex; align-items: center; gap: 14px; padding: 11px 12px; border-radius: 12px; text-decoration: none; transition: background-color .2s; }
.sc-acilir-kucuk a:hover { background: rgba(255, 255, 255, .05); }
.sc-acilir-kucuk .sc-ikon { width: 22px; height: 22px; color: var(--altin); }
.sc-acilir-kucuk strong { display: block; font-weight: 600; font-size: .95rem; }
.sc-acilir-kucuk small { display: block; color: var(--acik-soluk); font-size: .8rem; line-height: 1.35; }
.sc-mega { width: min(880px, calc(100vw - 48px)); display: grid; grid-template-columns: 1fr 250px; gap: 14px; }
.sc-mega-arac { grid-template-columns: minmax(0, 1fr); width: min(820px, calc(100vw - 48px)); }
.sc-mega-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; }
.sc-mega-arac .sc-mega-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sc-mega-izgara a { display: flex; align-items: flex-start; gap: 12px; padding: 11px 12px; border-radius: 12px; text-decoration: none; font-size: .92rem; font-weight: 500; line-height: 1.35; transition: background-color .2s, color .2s; }
.sc-mega-izgara a:hover { background: rgba(255, 255, 255, .05); color: var(--altin-acik); }
.sc-mega-izgara .sc-ikon { width: 20px; height: 20px; color: var(--altin); margin-top: 1px; }
.sc-mega-izgara small { display: block; margin-top: 3px; font-size: .78rem; font-weight: 400; color: var(--acik-soluk); line-height: 1.4; }
.sc-mega-yan { padding: 18px; border-radius: 14px; background: radial-gradient(240px 180px at 100% 0, rgba(43, 90, 131, .45), transparent 70%), var(--antrasit-3); font-size: .88rem; color: var(--acik-soluk); }
.sc-mega-etiket { color: #fff; font-family: var(--f-baslik); font-size: 1.08rem; line-height: 1.3; margin-bottom: 8px; }
.sc-ust-sag { display: flex; align-items: center; gap: 10px; flex: none; }
/* Mobil ve tablette üst bantta Yol Gösterici (menü ve arama alt çubukta) */
.sc-ust-yg { display: none; align-items: center; gap: 8px; height: 40px; padding: 0 14px 0 11px; border-radius: 999px; border: 1px solid rgba(201, 168, 104, .55); background: rgba(18, 23, 29, .45); color: #fff; font: inherit; font-size: .82rem; font-weight: 600; white-space: nowrap; -webkit-tap-highlight-color: transparent; transition: border-color .2s, background-color .2s; }
.sc-ust-yg .sc-ikon { width: 18px; height: 18px; flex: none; color: var(--altin); }
.sc-ust-yg:hover, .sc-ust-yg:active { border-color: var(--altin); background: rgba(201, 168, 104, .14); }
.sc-ust-ara { display: inline-flex; align-items: center; gap: 9px; height: 44px; padding: 0 12px 0 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .04); color: #fff; font-size: .9rem; transition: border-color .25s, background-color .25s; }
.sc-ust-ara:hover { border-color: var(--altin); }
.sc-ust-ara kbd { font-family: var(--f-metin); font-size: .7rem; padding: 3px 7px; border-radius: 6px; background: rgba(255, 255, 255, .08); color: var(--acik-soluk); }
.sc-ust-tel { display: inline-flex; align-items: center; gap: 9px; height: 44px; padding: 0 18px; border-radius: 999px; background: var(--altin); color: var(--gece); font-weight: 600; font-size: .92rem; text-decoration: none; transition: background-color .25s, transform .3s var(--yumusak); }
.sc-ust-tel:hover { background: var(--altin-acik); transform: translateY(-1px); }
.sc-menu-ac { display: none; align-items: center; gap: 10px; height: 44px; padding: 0 16px 0 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .2); background: rgba(255, 255, 255, .05); color: #fff; }
.sc-menu-cizgiler { display: grid; gap: 4px; width: 18px; }
.sc-menu-cizgiler i { display: block; height: 1.6px; border-radius: 2px; background: currentColor; transition: transform .35s var(--yumusak), opacity .2s; transform-origin: center; }
.sc-menu-cizgiler i:nth-child(2) { width: 70%; }
.sc-menu-yazi { font-family: var(--f-marka); font-size: .66rem; letter-spacing: .22em; text-transform: uppercase; }
.sc-ust-ilerleme { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; pointer-events: none; }
.sc-ust-ilerleme i { display: block; height: 100%; background: linear-gradient(90deg, var(--altin), var(--altin-acik)); transform: scaleX(0); transform-origin: left; }

/* Mobil menü (önceden çizili; yalnızca görünürlük ve dönüşüm değişir) */
.sc-mobil { position: fixed; inset: 0; z-index: 950; visibility: hidden; pointer-events: none; }
.sc-mobil.acik { visibility: visible; pointer-events: auto; }
.sc-mobil-perde { position: absolute; inset: 0; background: rgba(5, 8, 12, .6); opacity: 0; transition: opacity .3s; }
.sc-mobil.acik .sc-mobil-perde { opacity: 1; }
.sc-mobil-ic { position: absolute; inset: 0 0 0 auto; width: min(440px, 100%); display: flex; flex-direction: column; gap: 14px; padding: 18px 22px calc(22px + env(safe-area-inset-bottom)); background: var(--antrasit); color: #fff; overflow-y: auto; overscroll-behavior: contain; transform: translateX(100%); transition: transform .42s var(--yumusak); }
.sc-mobil.acik .sc-mobil-ic { transform: none; }
.sc-mobil-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 10px; border-bottom: 1px solid var(--cizgi-koyu); }
.sc-mobil-kapat { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .18); background: none; font-size: .88rem; }
.sc-mobil-ara { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 52px; padding: 0 16px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .04); color: var(--acik-soluk); text-align: left; }
.sc-mobil-ara .sc-ikon { color: var(--altin); }
.sc-mobil-menu { display: grid; }
.sc-mobil-menu > a, .sc-mobil-grup summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 54px; padding: 0 4px; border-bottom: 1px solid var(--cizgi-koyu); font-family: var(--f-baslik); font-size: 1.18rem; font-weight: 500; text-decoration: none; list-style: none; cursor: pointer; opacity: 0; transform: translateX(16px); transition: opacity .35s, transform .45s var(--yumusak), color .2s; }
.sc-mobil-grup summary::-webkit-details-marker { display: none; }
.sc-mobil.acik .sc-mobil-menu > *  > summary, .sc-mobil.acik .sc-mobil-menu > a { opacity: 1; transform: none; }
.sc-mobil.acik .sc-mobil-menu > :nth-child(2) > summary, .sc-mobil.acik .sc-mobil-menu > a:nth-child(2) { transition-delay: .03s; }
.sc-mobil.acik .sc-mobil-menu > :nth-child(3) > summary { transition-delay: .06s; }
.sc-mobil.acik .sc-mobil-menu > a:nth-child(4) { transition-delay: .09s; }
.sc-mobil.acik .sc-mobil-menu > :nth-child(5) > summary { transition-delay: .12s; }
.sc-mobil.acik .sc-mobil-menu > a:nth-child(n+6) { transition-delay: .15s; }
.sc-mobil-menu > a .sc-ikon, .sc-mobil-grup summary .sc-ikon { width: 18px; height: 18px; color: var(--altin); transition: transform .3s; }
.sc-mobil-grup[open] summary .sc-ikon { transform: rotate(180deg); }
.sc-mobil-grup > div { display: grid; padding: 6px 0 12px; }
.sc-mobil-grup > div a { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 0 6px; font-size: .97rem; color: var(--acik); text-decoration: none; border-radius: 10px; }
.sc-mobil-grup > div a:hover { background: rgba(255, 255, 255, .05); }
.sc-mobil-grup > div .sc-ikon { width: 18px; height: 18px; color: var(--altin); }
.sc-mobil-yg { display: flex; align-items: center; gap: 14px; width: 100%; padding: 14px 16px; border-radius: 16px; border: 1px solid rgba(201, 168, 104, .35); background: linear-gradient(120deg, rgba(201, 168, 104, .14), rgba(43, 90, 131, .18)); color: #fff; text-align: left; }
.sc-mobil-yg .sc-ikon { width: 26px; height: 26px; color: var(--altin); }
.sc-mobil-yg strong { display: block; }
.sc-mobil-yg small { display: block; color: var(--acik-soluk); font-size: .82rem; }
.sc-mobil-alt { display: grid; gap: 10px; margin-top: auto; padding-top: 8px; }
.sc-mobil-alt p { margin: 4px 0 0; font-size: .82rem; color: var(--acik-soluk); }

/* ---------- Logo perdesi (sayfa yükleyici) ---------- */
.sc-perde { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; background: radial-gradient(700px 420px at 50% 45%, rgba(43, 90, 131, .35), transparent 70%), var(--gece); color: #fff; opacity: 0; visibility: hidden; pointer-events: none; }
.sc-perde-ic { display: grid; justify-items: center; gap: 22px; }
.sc-logo-dikey { display: grid; justify-items: center; gap: 16px; }
.sc-dikey-amblem { width: 92px; height: auto; aspect-ratio: 120.85 / 108; overflow: visible; }
.sc-dikey-amblem .sc-amb-a { fill: var(--altin); }
.sc-dikey-amblem .sc-amb-b { fill: #fff; }
.sc-dikey-yazi { width: 230px; height: auto; aspect-ratio: 1634.87 / 100; fill: #fff; }
.sc-dikey-alt { width: 140px; height: auto; aspect-ratio: 1022.73 / 100; fill: var(--acik-soluk); }
.sc-perde-cizgi { display: block; width: 180px; height: 1px; background: rgba(255, 255, 255, .12); overflow: hidden; }
.sc-perde-cizgi i { display: block; height: 100%; background: var(--altin); transform: scaleX(0); transform-origin: left; }
.sc-perde-ilk .sc-perde { visibility: visible; opacity: 1; animation: sc-perde-cik .5s var(--yumusak) .72s forwards; }
.sc-perde-ilk .sc-perde .sc-amb-a { animation: sc-parca-a .55s var(--yumusak) both; }
.sc-perde-ilk .sc-perde .sc-amb-b { animation: sc-parca-b .55s var(--yumusak) both; }
.sc-perde-ilk .sc-perde .sc-dikey-yazi, .sc-perde-ilk .sc-perde .sc-dikey-alt { animation: sc-yazi-gel .5s var(--yumusak) .16s both; }
.sc-perde-ilk .sc-perde .sc-dikey-alt { animation-delay: .26s; }
.sc-perde-ilk .sc-perde .sc-perde-cizgi i { animation: sc-cizgi .62s var(--yumusak) .08s forwards; }
.sc-perde-gelis .sc-perde { visibility: visible; opacity: 1; animation: sc-perde-sol .38s ease .08s forwards; }
.sc-perde-gelis .sc-perde .sc-dikey-amblem { animation: sc-nabiz .5s var(--yumusak) both; }
.sc-perde-gelis .sc-perde .sc-dikey-yazi, .sc-perde-gelis .sc-perde .sc-dikey-alt, .sc-perde-gelis .sc-perde .sc-perde-cizgi { opacity: 0; }
html.sc-perde-kapan .sc-perde { visibility: visible; animation: none; opacity: 1; transition: opacity .16s ease; }
html.sc-perde-kapan .sc-perde .sc-dikey-yazi, html.sc-perde-kapan .sc-perde .sc-dikey-alt, html.sc-perde-kapan .sc-perde .sc-perde-cizgi { opacity: 0; }
html.hemen .sc-perde { display: none; }
@keyframes sc-parca-a { from { opacity: 0; transform: translate(-26px, 22px); } to { opacity: 1; transform: none; } }
@keyframes sc-parca-b { from { opacity: 0; transform: translate(26px, -22px); } to { opacity: 1; transform: none; } }
@keyframes sc-yazi-gel { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes sc-cizgi { to { transform: scaleX(1); } }
@keyframes sc-nabiz { from { opacity: .4; transform: scale(.94); } to { opacity: 1; transform: none; } }
@keyframes sc-perde-cik { to { opacity: 0; transform: translateY(-3%); visibility: hidden; } }
@keyframes sc-perde-sol { to { opacity: 0; visibility: hidden; } }

/* ---------- Açılış slaytı ---------- */
.sc-slayt { position: relative; min-height: clamp(620px, 92vh, 880px); display: flex; flex-direction: column; justify-content: flex-end; color: #fff; background: var(--gece); overflow: hidden; isolation: isolate; }
.sc-slayt-zemin { position: absolute; inset: 0; z-index: -1; }
.sc-sl { position: absolute; inset: 0; opacity: 0; transition: opacity 1.1s ease; }
.sc-sl.etkin { opacity: 1; }
.sc-sl-gorsel, .sc-sl-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.09); transition: transform 8s linear; will-change: transform; }
.sc-sl.etkin .sc-sl-gorsel, .sc-sl.etkin .sc-sl-video { transform: scale(1); }
.sc-sl-video { opacity: 0; transition: opacity .8s ease, transform 8s linear; }
.sc-sl-video.oynuyor { opacity: 1; }
.sc-sl-mozaik { position: absolute; inset: 0 0 0 38%; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 3px; background: var(--gece); }
.sc-sl-mozaik img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; opacity: 0; transform: scale(1.06); transition: opacity .9s ease, transform 1.2s var(--yumusak); transition-delay: calc(var(--i) * 70ms); filter: none; }
.sc-sl.etkin .sc-sl-mozaik img { opacity: .82; transform: none; }
.sc-slayt-karart { position: absolute; inset: 0; background: linear-gradient(92deg, rgba(8, 12, 17, .94) 0%, rgba(8, 12, 17, .78) 34%, rgba(8, 12, 17, .34) 68%, rgba(8, 12, 17, .2) 100%), linear-gradient(0deg, rgba(8, 12, 17, .9) 0%, transparent 38%), linear-gradient(180deg, rgba(8, 12, 17, .55) 0%, transparent 22%); }
.sc-slayt-petek { opacity: .05; }
.sc-slayt-ic { position: relative; display: grid; padding-top: calc(var(--ust-y) + 40px); }
.sc-slm { grid-area: 1 / 1; max-width: 700px; visibility: hidden; }
.sc-slm.etkin { visibility: visible; }
.sc-slm > * { opacity: 0; transform: translateY(26px); transition: opacity .6s ease, transform .8s var(--yumusak); }
.sc-slm.etkin > * { opacity: 1; transform: none; }
.sc-slm.etkin > :nth-child(2) { transition-delay: .08s; }
.sc-slm.etkin > :nth-child(3) { transition-delay: .16s; }
.sc-slm.etkin > :nth-child(4) { transition-delay: .24s; }
.sc-slm-baslik { font-size: clamp(2.3rem, 4.9vw, 3.75rem); font-weight: 540; line-height: 1.08; letter-spacing: -.02em; margin: 0 0 20px; }
.sc-slm-metin { font-size: clamp(1.02rem, 1.4vw, 1.18rem); color: rgba(238, 243, 247, .84); max-width: 560px; margin-bottom: 30px; }
.sc-slm-dugmeler { display: flex; flex-wrap: wrap; gap: 12px; }
.sc-slayt-alt { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding: 54px 0 98px; }
.sc-slayt-sekmeler { display: grid; grid-template-columns: repeat(4, minmax(0, 150px)); gap: 18px; }
.sc-slayt-sekmeler button { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 4px 10px; padding: 0 0 2px; border: 0; background: none; color: rgba(255, 255, 255, .55); text-align: left; transition: color .3s; }
.sc-slayt-sekmeler button:hover, .sc-slayt-sekmeler button.etkin { color: #fff; }
.sc-sl-no { font-family: var(--f-marka); font-size: .66rem; letter-spacing: .1em; color: var(--altin); }
.sc-sl-ad { font-size: .9rem; font-weight: 500; }
.sc-sl-sure { grid-column: 1 / -1; display: block; height: 2px; margin-top: 8px; background: rgba(255, 255, 255, .16); border-radius: 2px; overflow: hidden; }
.sc-sl-sure i { display: block; height: 100%; background: var(--altin); transform: scaleX(0); transform-origin: left; }
.sc-slayt-sekmeler button.etkin .sc-sl-sure i { animation: sc-sure var(--sl-sure, 7.5s) linear forwards; }
.sc-slayt.durdu .sc-slayt-sekmeler button.etkin .sc-sl-sure i { animation-play-state: paused; }
.sc-slayt-sekmeler button.gecti .sc-sl-sure i { transform: scaleX(1); }
@keyframes sc-sure { to { transform: scaleX(1); } }
.sc-slayt-kontrol { display: flex; gap: 8px; }
.sc-slayt-kontrol button { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .04); color: #fff; transition: border-color .25s, color .25s, transform .3s var(--yumusak); }
.sc-slayt-kontrol button:hover { border-color: var(--altin); color: var(--altin); }
.sc-slayt-kontrol .sc-ikon { width: 18px; height: 18px; }
.sc-ikon-oyn { display: none; }
.sc-slayt.durdu .sc-ikon-dur { display: none; }
.sc-slayt.durdu .sc-ikon-oyn { display: block; }
.sc-slayt-asagi { position: absolute; left: 50%; bottom: 94px; display: grid; justify-items: center; gap: 8px; transform: translateX(-50%); font-family: var(--f-marka); font-size: .58rem; letter-spacing: .3em; text-transform: uppercase; color: rgba(255, 255, 255, .55); text-decoration: none; }
.sc-slayt-asagi i { width: 1px; height: 34px; background: linear-gradient(var(--altin), transparent); }
@media (max-width: 1599px) { .sc-slayt-asagi { display: none; } }

/* ---------- Arama ---------- */
.sc-arama-bolum { position: relative; z-index: 3; padding: 0 0 clamp(70px, 8vw, 110px); background: var(--kagit); }
.sc-arama-izgara { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 22px; margin-top: -64px; }
.sc-arama-sol, .sc-arama-sag { position: relative; border-radius: var(--r-b); }
.sc-arama-sol { padding: clamp(28px, 3.6vw, 46px); background: var(--beyaz); box-shadow: var(--golge); border: 1px solid var(--cizgi-2); }
.sc-arama-sol.ara-acik { z-index: 6; }
.sc-arama-sol .sc-h2 { font-size: clamp(1.6rem, 2.6vw, 2.15rem); }
.sc-arama-giris { color: var(--soluk); margin-bottom: 22px; }
.sc-arama-sag { padding: clamp(26px, 3vw, 38px); background: radial-gradient(420px 260px at 100% 0, rgba(43, 90, 131, .5), transparent 70%), var(--antrasit); color: var(--acik); box-shadow: var(--golge); overflow: hidden; }
.sc-yg-tanitim-ust { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; font-family: var(--f-marka); font-size: .68rem; letter-spacing: .22em; text-transform: uppercase; color: var(--altin); }
.sc-yg-tanitim-ust .sc-ikon { width: 22px; height: 22px; }
.sc-yg-tanitim-baslik { font-family: var(--f-baslik); font-size: clamp(1.3rem, 2vw, 1.6rem); line-height: 1.25; color: #fff; margin-bottom: 10px; }
.sc-yg-tanitim > p:not([class]) { color: var(--acik-soluk); font-size: .96rem; }
.sc-yg-secenek { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 18px 0 16px; }
.sc-yg-secenek button { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 8px 12px; border-radius: 12px; border: 1px solid var(--cizgi-koyu); background: rgba(255, 255, 255, .03); color: var(--acik); font-size: .87rem; line-height: 1.3; text-align: left; transition: border-color .25s, background-color .25s, transform .3s var(--yumusak); }
.sc-yg-secenek button:hover { border-color: rgba(201, 168, 104, .6); background: rgba(201, 168, 104, .08); transform: translateY(-2px); }
.sc-yg-secenek .sc-ikon { width: 19px; height: 19px; color: var(--altin); }
.sc-yg-not { display: flex; align-items: center; gap: 8px; margin: 0; font-size: .8rem; color: var(--acik-soluk); }
.sc-yg-not .sc-ikon { width: 15px; height: 15px; }
.sc-ara { position: relative; }
.sc-ara-alan { position: relative; display: flex; align-items: center; min-height: 64px; padding: 6px 6px 6px 18px; border-radius: 18px; border: 1.5px solid var(--cizgi); background: var(--beyaz); transition: border-color .25s, box-shadow .25s; }
.sc-ara-alan:focus-within { border-color: var(--mavi-orta); box-shadow: 0 0 0 5px rgba(76, 125, 169, .14); }
.sc-ara-buyutec { width: 22px; height: 22px; color: var(--mavi); }
.sc-ara-alan input { flex: 1; min-width: 0; height: 50px; padding: 0 12px; border: 0; background: none; color: var(--metin); font-size: 1.05rem; outline: none; }
.sc-ara-alan input::placeholder { color: #8a96a3; }
.sc-ara-alan input::-webkit-search-cancel-button { display: none; }
.sc-ara-sil { display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--buz); color: var(--soluk); margin-right: 6px; }
.sc-ara-sil .sc-ikon { width: 16px; height: 16px; }
.sc-ara-kisayol { margin-right: 10px; padding: 4px 8px; border-radius: 7px; background: var(--buz); color: var(--soluk); font-family: var(--f-metin); font-size: .72rem; }
.sc-ara-dugme { display: inline-flex; align-items: center; gap: 8px; height: 52px; padding: 0 20px; border: 0; border-radius: 14px; background: var(--antrasit); color: #fff; font-weight: 600; transition: background-color .25s; }
.sc-ara-dugme:hover { background: var(--mavi); }
.sc-ara-dugme .sc-ikon { width: 18px; height: 18px; }
.sc-ara-oneriler { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; }
.sc-ara-oneriler span { font-size: .82rem; color: var(--soluk); margin-right: 4px; }
.sc-ara-oneriler button { padding: 7px 13px; border-radius: 999px; border: 1px solid var(--cizgi); background: var(--kagit); color: var(--metin-2); font-size: .85rem; transition: border-color .2s, color .2s, background-color .2s; }
.sc-ara-oneriler button:hover { border-color: var(--mavi-orta); color: var(--mavi); background: var(--beyaz); }
.sc-ara-sonuc { position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 20; max-height: min(470px, 62vh); overflow-y: auto; overscroll-behavior: contain; padding: 8px; border-radius: 18px; background: var(--beyaz); border: 1px solid var(--cizgi); box-shadow: 0 30px 70px -28px rgba(8, 14, 22, .45); }
.sc-ara-oneriler + .sc-ara-sonuc, .sc-ara .sc-ara-sonuc { top: 74px; }
.sc-ara-grup { padding: 10px 12px 4px; font-family: var(--f-marka); font-size: .6rem; letter-spacing: .18em; text-transform: uppercase; color: var(--soluk); }
.sc-ara-oge { display: flex; align-items: flex-start; gap: 12px; padding: 10px 12px; border-radius: 12px; text-decoration: none; color: var(--metin); opacity: 0; transform: translateY(6px); animation: sc-oge-gel .32s var(--yumusak) forwards; }
.sc-ara-oge .sc-ikon { width: 20px; height: 20px; margin-top: 2px; color: var(--mavi); }
.sc-ara-oge strong { display: block; font-weight: 600; font-size: .96rem; line-height: 1.35; }
.sc-ara-oge small { display: block; font-size: .84rem; color: var(--soluk); line-height: 1.45; }
.sc-ara-oge mark { background: var(--altin-zemin); color: inherit; border-radius: 4px; padding: 0 2px; }
.sc-ara-oge.etkin, .sc-ara-oge:hover { background: var(--buz); }
.sc-ara-oge-ok { margin-left: auto; align-self: center; opacity: 0; transition: opacity .2s; }
.sc-ara-oge.etkin .sc-ara-oge-ok { opacity: 1; }
.sc-ara-bos { padding: 18px; color: var(--soluk); font-size: .94rem; }
.sc-ara-bos a { color: var(--mavi); font-weight: 600; }
@keyframes sc-oge-gel { to { opacity: 1; transform: none; } }

/* Arama penceresi */
.sc-pencere { position: fixed; inset: 0; z-index: 980; visibility: hidden; pointer-events: none; }
.sc-pencere.acik { visibility: visible; pointer-events: auto; }
.sc-pencere-perde { position: absolute; inset: 0; background: rgba(5, 8, 12, .68); opacity: 0; transition: opacity .25s; }
.sc-pencere.acik .sc-pencere-perde { opacity: 1; }
.sc-pencere-ic { position: relative; width: min(780px, 100% - 32px); margin: min(10vh, 90px) auto 0; padding: 20px; border-radius: var(--r-b); background: var(--kagit); box-shadow: 0 40px 100px -30px rgba(0, 0, 0, .6); opacity: 0; transform: translateY(-14px) scale(.985); transition: opacity .22s, transform .32s var(--yumusak); max-height: calc(100dvh - 40px); overflow-y: auto; }
.sc-pencere.acik .sc-pencere-ic { opacity: 1; transform: none; }
.sc-pencere-ust { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.sc-pencere-ust p { display: flex; align-items: center; gap: 12px; margin: 0; }
.sc-pencere-amblem { width: 36px; --amb-a: var(--altin); --amb-b: var(--antrasit); }
.sc-pencere-ust strong { display: block; font-family: var(--f-baslik); font-size: 1.15rem; }
.sc-pencere-ust small { display: block; font-size: .82rem; color: var(--soluk); }
.sc-pencere-kapat { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--cizgi); background: var(--beyaz); font-size: .86rem; }
.sc-pencere-kapat kbd { font-family: var(--f-metin); font-size: .7rem; color: var(--soluk); }
.sc-ara-sekmeler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.sc-ara-sekmeler button { padding: 7px 14px; border-radius: 999px; border: 1px solid var(--cizgi); background: var(--beyaz); font-size: .85rem; font-weight: 500; }
.sc-ara-sekmeler button.etkin { background: var(--antrasit); border-color: var(--antrasit); color: #fff; }
.sc-ara-pencere .sc-ara-sonuc { position: static; max-height: none; margin-top: 10px; box-shadow: none; }
.sc-pencere-bos { display: grid; grid-template-columns: 1.3fr 1fr; gap: 18px; margin-top: 18px; }
.sc-pencere.aranıyor .sc-pencere-bos, .sc-pencere.ariyor .sc-pencere-bos { display: none; }
.sc-pencere-bos span:first-child { display: block; margin-bottom: 8px; font-family: var(--f-marka); font-size: .6rem; letter-spacing: .18em; text-transform: uppercase; color: var(--soluk); }
.sc-pencere-bos ul { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; }
.sc-pencere-araclar ul { grid-template-columns: minmax(0, 1fr); }
.sc-pencere-bos a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; font-size: .88rem; text-decoration: none; }
.sc-pencere-bos a:hover { background: var(--beyaz); }
.sc-pencere-bos .sc-ikon { width: 17px; height: 17px; color: var(--mavi); }
/* Asistan penceresi: Yol Gösterici ve araçlara tek dokunuşla geçiş */
.sc-pencere-kisa { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.sc-pencere-kisa > button, .sc-pencere-bos .sc-pencere-kisa > a { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 68px; padding: 12px 16px; border-radius: 16px; border: 1px solid var(--cizgi); background: var(--beyaz); color: var(--metin); font: inherit; text-align: left; text-decoration: none; transition: border-color .2s, transform .25s var(--yumusak); }
.sc-pencere-kisa > button:hover, .sc-pencere-bos .sc-pencere-kisa > a:hover { border-color: var(--altin); transform: translateY(-1px); background: var(--beyaz); }
.sc-pencere-kisa > .sc-pencere-kisa-yg { background: var(--antrasit); border-color: transparent; color: #fff; }
.sc-pencere-kisa > .sc-pencere-kisa-yg:hover { background: var(--antrasit); }
.sc-pencere-bos .sc-pencere-kisa .sc-ikon { flex: none; width: 24px; height: 24px; color: var(--altin-koyu); }
.sc-pencere-bos .sc-pencere-kisa-yg .sc-ikon { color: var(--altin); }
.sc-pencere-bos .sc-pencere-kisa .sc-ikon:last-child { width: 18px; height: 18px; margin-left: auto; color: var(--soluk); }
.sc-pencere-bos .sc-pencere-kisa-yg .sc-ikon:last-child { color: var(--altin-acik); }
.sc-pencere-kisa strong { display: block; font-family: var(--f-baslik); font-weight: 560; font-size: 1.02rem; }
.sc-pencere-kisa small { display: block; margin-top: 2px; font-size: .8rem; line-height: 1.4; color: var(--soluk); }
.sc-pencere-kisa-yg small { color: var(--acik-soluk); }

/* ---------- Uzmanlık alanı kadranı ---------- */
.sc-kadran-liste { list-style: none; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.35fr); column-gap: clamp(28px, 4vw, 64px); }
.sc-kadran-oge { display: contents; }
.sc-kadran-dugme { grid-column: 1; display: flex; align-items: center; gap: 16px; width: 100%; min-height: 50px; padding: 0 6px; border: 0; border-bottom: 1px solid var(--cizgi); background: none; text-align: left; font-family: var(--f-baslik); font-size: 1.08rem; font-weight: 500; color: var(--metin-2); transition: color .25s, padding .4s var(--yumusak); }
.sc-kadran-no { font-family: var(--f-marka); font-size: .64rem; letter-spacing: .1em; color: var(--soluk); transition: color .25s; }
.sc-kadran-ad { flex: 1; }
.sc-kadran-dugme .sc-ikon { width: 18px; height: 18px; color: var(--altin-koyu); opacity: 0; transform: translateX(-8px); transition: opacity .3s, transform .4s var(--yumusak); }
.sc-kadran-dugme:hover, .sc-kadran-oge.etkin .sc-kadran-dugme { color: var(--metin); padding-left: 14px; }
.sc-kadran-oge.etkin .sc-kadran-no { color: var(--altin-koyu); }
.sc-kadran-oge.etkin .sc-kadran-dugme .sc-ikon, .sc-kadran-dugme:hover .sc-ikon { opacity: 1; transform: none; }
.sc-kadran-oge.etkin .sc-kadran-dugme { border-bottom-color: var(--altin); }
.sc-kadran-kart { grid-column: 2; grid-row: 1 / span 15; align-self: start; position: sticky; top: calc(var(--ust-y) + 24px); display: grid; border-radius: var(--r-b); overflow: hidden; background: var(--antrasit); color: var(--acik); box-shadow: var(--golge); opacity: 0; visibility: hidden; transform: translateY(14px); transition: opacity .45s ease, transform .6s var(--yumusak), visibility 0s .6s; }
.sc-kadran-oge.etkin .sc-kadran-kart { opacity: 1; visibility: visible; transform: none; transition: opacity .45s ease, transform .6s var(--yumusak), visibility 0s; }
.sc-kadran-gorsel { display: block; aspect-ratio: 16 / 9; overflow: hidden; position: relative; }
.sc-kadran-gorsel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, var(--antrasit) 2%, transparent 55%); }
.sc-kadran-gorsel img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); transition: transform 1.2s var(--yumusak); }
.sc-kadran-oge.etkin .sc-kadran-gorsel img { transform: none; }
.sc-kadran-govde { position: relative; padding: 0 clamp(24px, 3vw, 38px) clamp(26px, 3vw, 36px); margin-top: -40px; }
.sc-kadran-ikon { display: flex; align-items: center; justify-content: space-between; margin: 0 0 14px; }
.sc-kadran-ikon .sc-ikon { width: 46px; height: 46px; padding: 11px; border-radius: 14px; background: var(--altin); color: var(--gece); }
.sc-kadran-ikon span { font-family: var(--f-marka); font-size: .62rem; letter-spacing: .14em; color: var(--acik-soluk); }
.sc-kadran-kart h3 { font-size: clamp(1.4rem, 2.2vw, 1.8rem); margin-bottom: 10px; }
.sc-kadran-kart h3 a { text-decoration: none; }
.sc-kadran-kart p { color: var(--acik-soluk); }
.sc-cipler { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 20px; }
.sc-cipler a { display: inline-block; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--cizgi-koyu); background: rgba(255, 255, 255, .03); font-size: .84rem; color: var(--acik); text-decoration: none; transition: border-color .2s, color .2s; }
.sc-cipler a:hover { border-color: var(--altin); color: var(--altin-acik); }

/* Uzmanlık alanları sayfası ızgarası */
.sc-alan-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.sc-alan-kart { display: flex; flex-direction: column; border-radius: var(--r-b); overflow: hidden; background: var(--beyaz); border: 1px solid var(--cizgi-2); box-shadow: var(--golge-k); transition: transform .5s var(--yumusak), box-shadow .5s var(--yumusak); }
.sc-alan-kart:hover { transform: translateY(-6px); box-shadow: var(--golge); }
.sc-alan-kart-gorsel { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; }
.sc-alan-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--yumusak); }
.sc-alan-kart:hover .sc-alan-kart-gorsel img { transform: scale(1.05); }
.sc-alan-kart-no { position: absolute; left: 16px; top: 14px; padding: 5px 10px; border-radius: 999px; background: rgba(11, 15, 20, .72); color: var(--altin-acik); font-family: var(--f-marka); font-size: .6rem; letter-spacing: .12em; }
.sc-alan-kart-govde { flex: 1; display: flex; flex-direction: column; padding: 0 24px 24px; }
.sc-alan-kart-ikon { margin: -26px 0 14px; }
.sc-alan-kart-ikon .sc-ikon { position: relative; width: 52px; height: 52px; padding: 13px; border-radius: 16px; background: var(--antrasit); color: var(--altin); box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .5); }
.sc-alan-kart h2 { font-size: 1.32rem; margin-bottom: 8px; }
.sc-alan-kart h2 a { text-decoration: none; }
.sc-alan-kart-govde > p { color: var(--soluk); font-size: .95rem; }
.sc-alan-kart ul { list-style: none; display: grid; gap: 2px; margin: 0 0 18px; }
.sc-alan-kart li a { display: flex; align-items: center; gap: 8px; padding: 5px 0; font-size: .9rem; color: var(--metin-2); text-decoration: none; border-bottom: 1px dashed var(--cizgi-2); }
.sc-alan-kart li a::before { content: ""; width: 6px; height: 6px; transform: rotate(45deg); background: var(--altin); flex: none; }
.sc-alan-kart li a:hover { color: var(--mavi); }
.sc-alan-kart .sc-bag-ok { margin-top: auto; }

/* ---------- Ofis bölümü ---------- */
.sc-ofis { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(36px, 5vw, 80px); align-items: center; }
.sc-ofis-metin > p:not([class]) { color: var(--acik-soluk); font-size: 1.05rem; }
.sc-degerler { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 26px 0 30px; }
.sc-degerler li { padding: 16px 18px; border-radius: 16px; border: 1px solid var(--cizgi-koyu); background: rgba(255, 255, 255, .02); }
.sc-degerler strong { display: block; font-family: var(--f-baslik); font-weight: 560; font-size: 1.06rem; color: #fff; margin-bottom: 3px; }
.sc-degerler span { display: block; font-size: .88rem; color: var(--acik-soluk); line-height: 1.5; }
.sc-film { margin: 0; }
.sc-film-cerceve { position: relative; border-radius: var(--r-b); overflow: hidden; aspect-ratio: 16 / 9; background: var(--gece); box-shadow: 0 30px 80px -40px rgba(0, 0, 0, .9); border: 1px solid var(--cizgi-koyu); }
.sc-film-cerceve img, .sc-film-cerceve video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sc-film-oynat { position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 12px; height: 52px; padding: 0 22px 0 8px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .24); background: rgba(11, 15, 20, .7); color: #fff; font-size: .9rem; transition: border-color .25s, transform .35s var(--yumusak); }
.sc-film-oynat .sc-ikon { width: 38px; height: 38px; padding: 11px; border-radius: 50%; background: var(--altin); color: var(--gece); }
.sc-film-oynat:hover { border-color: var(--altin); transform: translateX(-50%) translateY(-2px); }
.sc-film.oynuyor .sc-film-oynat { opacity: 0; pointer-events: none; }
.sc-film figcaption { margin-top: 12px; font-size: .82rem; color: var(--soluk); }
.sc-koyu .sc-film figcaption { color: var(--acik-soluk); }
.sc-sayilar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 22px 0 0; }
.sc-sayilar div { padding: 16px 14px; border-radius: 16px; background: var(--antrasit-2); border: 1px solid var(--cizgi-koyu); }
.sc-sayilar dt { font-family: var(--f-baslik); font-size: clamp(1.7rem, 2.6vw, 2.3rem); font-weight: 520; color: var(--altin); line-height: 1; }
.sc-sayilar dd { margin: 6px 0 0; font-size: .82rem; color: var(--acik-soluk); line-height: 1.35; }

/* ---------- Ekip şeridi ---------- */
.sc-serit { position: relative; }
.sc-serit-ray { display: grid; grid-auto-flow: column; grid-auto-columns: 238px; gap: 16px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 2px 18px; cursor: grab; }
.sc-serit-ray::-webkit-scrollbar { display: none; }
.sc-serit-ray.surukle { cursor: grabbing; scroll-snap-type: none; }
.sc-portre { scroll-snap-align: start; display: grid; gap: 12px; text-decoration: none; color: var(--metin); }
.sc-portre-kurucu { grid-column: span 1; }
.sc-portre-foto { position: relative; display: block; aspect-ratio: 4 / 5; border-radius: 20px; overflow: hidden; background: var(--antrasit-2); }
.sc-portre-foto::after { content: ""; position: absolute; inset: auto 0 0; height: 3px; background: var(--altin); transform: scaleX(0); transform-origin: left; transition: transform .5s var(--yumusak); }
.sc-portre-foto img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; transition: transform .9s var(--yumusak); pointer-events: none; }
.sc-portre:hover .sc-portre-foto img { transform: scale(1.05); }
.sc-portre:hover .sc-portre-foto::after { transform: scaleX(1); }
.sc-portre-kurucu .sc-portre-foto { box-shadow: 0 0 0 1.5px var(--altin), var(--golge-k); }
.sc-portre-bilgi strong { display: block; font-family: var(--f-baslik); font-weight: 560; font-size: 1.04rem; line-height: 1.3; }
.sc-portre-bilgi small { display: block; color: var(--soluk); font-size: .86rem; }
.sc-serit-kontrol { display: flex; gap: 8px; justify-content: flex-end; margin-top: 6px; }
.sc-serit-kontrol button { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--cizgi); background: var(--beyaz); transition: border-color .25s, color .25s; }
.sc-serit-kontrol button:hover { border-color: var(--metin); }
.sc-serit-kontrol .sc-ikon { width: 18px; height: 18px; }

/* Ekibimiz sayfası */
.sc-ekip-grup { padding: clamp(46px, 6vw, 80px) 0 0; }
.sc-ekip-grup:last-child { padding-bottom: clamp(60px, 8vw, 110px); }
.sc-ekip-grup-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding-bottom: 18px; margin-bottom: 26px; border-bottom: 1px solid var(--cizgi); }
.sc-ekip-grup-ust p { margin: 0; color: var(--soluk); max-width: 460px; text-align: right; }
.sc-ekip-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.sc-ekip-kurucu .sc-ekip-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sc-kisi { scroll-margin-top: calc(var(--ust-y) + 30px); border-radius: var(--r-b); background: var(--beyaz); border: 1px solid var(--cizgi-2); overflow: hidden; transition: transform .5s var(--yumusak), box-shadow .5s var(--yumusak); }
.sc-kisi:hover { transform: translateY(-5px); box-shadow: var(--golge); }
.sc-kisi:target { box-shadow: 0 0 0 2px var(--altin), var(--golge); }
.sc-kisi-foto { aspect-ratio: 4 / 5; overflow: hidden; background: var(--antrasit-2); }
.sc-ekip-kurucu .sc-kisi { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); }
.sc-ekip-kurucu .sc-kisi-foto { aspect-ratio: auto; min-height: 100%; }
.sc-kisi-foto img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; transition: transform .9s var(--yumusak); }
.sc-kisi:hover .sc-kisi-foto img { transform: scale(1.04); }
.sc-kisi-bilgi { padding: 18px 20px 20px; }
.sc-ekip-kurucu .sc-kisi-bilgi { display: flex; flex-direction: column; justify-content: flex-end; padding: 28px; background: radial-gradient(320px 240px at 100% 0, rgba(43, 90, 131, .4), transparent 70%), var(--antrasit); color: var(--acik); }
.sc-kisi h3 { font-size: 1.12rem; margin: 0 0 2px; }
.sc-ekip-kurucu .sc-kisi h3 { font-size: 1.5rem; }
.sc-kisi-rol { margin: 0 0 12px; font-size: .88rem; color: var(--soluk); }
.sc-ekip-kurucu .sc-kisi-rol { color: var(--altin); font-family: var(--f-marka); font-size: .66rem; letter-spacing: .18em; text-transform: uppercase; }
.sc-kisi-eposta { display: inline-flex; align-items: center; gap: 8px; font-size: .82rem; color: var(--mavi); text-decoration: none; word-break: break-all; }
.sc-ekip-kurucu .sc-kisi-eposta { color: var(--acik); }
.sc-kisi-eposta .sc-ikon { width: 16px; height: 16px; flex: none; }

/* ---------- Araçlar ---------- */
.sc-arac-filtre { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 clamp(22px, 3vw, 34px); }
.sc-arac-filtre button { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--cizgi); background: var(--beyaz); color: var(--metin-2); font-size: .9rem; font-weight: 500; transition: background-color .2s, color .2s, border-color .2s; }
.sc-arac-filtre button small { font-size: .74rem; color: var(--soluk); }
.sc-arac-filtre button:hover { border-color: var(--altin); }
.sc-arac-filtre button.etkin { background: var(--antrasit); border-color: var(--antrasit); color: #fff; }
.sc-arac-filtre button.etkin small { color: var(--altin-acik); }
.sc-arac-grup + .sc-arac-grup { margin-top: clamp(34px, 4vw, 56px); }
.sc-arac-grup-baslik { display: flex; align-items: center; gap: 14px; margin: 0 0 18px; font-size: clamp(1.25rem, 2vw, 1.5rem); }
.sc-arac-grup-baslik::after { content: ""; flex: 1; height: 1px; background: var(--cizgi); }
.sc-arac-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.sc-arac-kart { position: relative; display: flex; flex-direction: column; gap: 8px; min-height: 230px; padding: 26px; border-radius: var(--r-b); background: var(--antrasit-2); border: 1px solid var(--cizgi-koyu); color: var(--acik); text-decoration: none; overflow: hidden; isolation: isolate; transition: transform .5s var(--yumusak), border-color .3s; }
.sc-arac-kart:hover { transform: translateY(-5px); border-color: rgba(201, 168, 104, .45); }
.sc-arac-isik { position: absolute; left: 0; top: 0; z-index: -1; width: 340px; height: 340px; margin: -170px 0 0 -170px; border-radius: 50%; background: radial-gradient(circle, rgba(201, 168, 104, .2), transparent 62%); opacity: 0; transform: translate(var(--x, 50%), var(--y, 50%)); transition: opacity .3s; pointer-events: none; }
.sc-arac-kart:hover .sc-arac-isik { opacity: 1; }
.sc-arac-ikon .sc-ikon { width: 50px; height: 50px; padding: 12px; border-radius: 15px; background: rgba(201, 168, 104, .14); color: var(--altin); margin-bottom: 10px; transition: transform .5s var(--yay); }
.sc-arac-kart:hover .sc-arac-ikon .sc-ikon { transform: rotate(-8deg) scale(1.06); }
.sc-arac-kart strong { font-family: var(--f-baslik); font-size: 1.28rem; font-weight: 560; color: #fff; line-height: 1.25; }
.sc-arac-kisa { color: var(--acik-soluk); font-size: .92rem; line-height: 1.5; }
.sc-arac-git { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 8px; font-weight: 600; font-size: .92rem; color: var(--altin); }
.sc-arac-git .sc-ikon { width: 17px; height: 17px; transition: transform .35s var(--yumusak); }
.sc-arac-kart:hover .sc-arac-git .sc-ikon { transform: translateX(4px); }
.sc-arac-izgara-tam .sc-arac-kart { padding-top: 0; }
.sc-arac-kart-gorsel { display: block; margin: 0 -26px 16px; aspect-ratio: 16 / 8; overflow: hidden; position: relative; }
.sc-arac-kart-gorsel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, var(--antrasit-2), transparent 60%); }
.sc-arac-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; opacity: .82; transition: transform 1s var(--yumusak); }
.sc-arac-kart:hover .sc-arac-kart-gorsel img { transform: scale(1.05); }
.sc-arac-izgara-tam .sc-arac-ikon { margin-top: -44px; position: relative; }
.sc-arac-izgara-tam .sc-arac-ikon .sc-ikon { background: var(--altin); color: var(--gece); }
.sc-arac-mini { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.sc-arac-mini a { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 16px; background: var(--beyaz); border: 1px solid var(--cizgi-2); font-weight: 600; font-size: .92rem; text-decoration: none; transition: border-color .25s, transform .35s var(--yumusak); }
.sc-arac-mini a:hover { border-color: var(--altin); transform: translateY(-2px); }
.sc-arac-mini .sc-ikon { width: 22px; height: 22px; color: var(--altin-koyu); }

/* ---------- Yazı kartları ---------- */
.sc-yazi-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.sc-yazi-kart { display: flex; flex-direction: column; border-radius: var(--r-b); background: var(--beyaz); border: 1px solid var(--cizgi-2); overflow: hidden; transition: transform .5s var(--yumusak), box-shadow .5s var(--yumusak); }
.sc-yazi-kart:hover { transform: translateY(-5px); box-shadow: var(--golge); }
.sc-yazi-kart-gorsel { display: block; aspect-ratio: 16 / 10; overflow: hidden; }
.sc-yazi-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--yumusak); }
.sc-yazi-kart:hover .sc-yazi-kart-gorsel img { transform: scale(1.05); }
.sc-yazi-kart-govde { flex: 1; display: flex; flex-direction: column; padding: 22px 24px 22px; }
.sc-yazi-kart-alan { margin: 0 0 8px; font-family: var(--f-marka); font-size: .6rem; letter-spacing: .16em; text-transform: uppercase; color: var(--altin-koyu); }
.sc-yazi-kart h3 { font-size: 1.22rem; line-height: 1.3; margin-bottom: 10px; }
.sc-yazi-kart h3 a { text-decoration: none; background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size .5s var(--yumusak); }
.sc-yazi-kart:hover h3 a { background-size: 100% 1px; }
.sc-yazi-kart-govde > p:not([class]) { color: var(--soluk); font-size: .94rem; }
.sc-yazi-kart-meta { display: flex; justify-content: space-between; gap: 10px; margin: auto 0 0; padding-top: 14px; border-top: 1px solid var(--cizgi-2); font-size: .8rem; color: var(--soluk); }
.sc-yazi-kart-meta span { display: inline-flex; align-items: center; gap: 6px; }
.sc-yazi-kart-meta .sc-ikon { width: 14px; height: 14px; }

/* ---------- İletişim ---------- */
.sc-iletisim-blok { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(28px, 4vw, 60px); align-items: center; }
.sc-iletisim-blok-metin > p:not([class]) { color: var(--acik-soluk); }
.sc-iletisim-kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 22px; }
.sc-il-kart { display: flex; align-items: flex-start; gap: 14px; padding: 16px 18px; border-radius: 16px; border: 1px solid var(--cizgi-koyu); background: rgba(255, 255, 255, .03); text-decoration: none; transition: border-color .25s, transform .35s var(--yumusak); }
.sc-il-kart:hover { border-color: rgba(201, 168, 104, .55); transform: translateY(-2px); }
.sc-il-kart .sc-ikon { width: 22px; height: 22px; color: var(--altin); margin-top: 2px; }
.sc-il-kart small { display: block; font-size: .76rem; color: var(--acik-soluk); }
.sc-il-kart strong { display: block; font-weight: 600; font-size: .94rem; line-height: 1.4; color: #fff; word-break: break-word; }
:is(.sc-bolum:not(.sc-koyu), .sc-sayfa-govde, .sc-alan-duzen, .sc-makale-duzen) .sc-il-kart { border-color: var(--cizgi); background: var(--beyaz); }
:is(.sc-bolum:not(.sc-koyu), .sc-sayfa-govde, .sc-alan-duzen, .sc-makale-duzen) .sc-il-kart strong { color: var(--metin); }
:is(.sc-bolum:not(.sc-koyu), .sc-sayfa-govde, .sc-alan-duzen, .sc-makale-duzen) .sc-il-kart small { color: var(--soluk); }
:is(.sc-bolum:not(.sc-koyu), .sc-sayfa-govde, .sc-alan-duzen, .sc-makale-duzen) .sc-il-kart .sc-ikon { color: var(--altin-koyu); }
.sc-harita { position: relative; border-radius: var(--r-b); overflow: hidden; aspect-ratio: 16 / 11; background: var(--antrasit-2); border: 1px solid var(--cizgi-koyu); }
.sc-harita > img, .sc-harita iframe { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; }
.sc-harita > img { opacity: .85; }
.sc-harita-kutu { position: absolute; left: 18px; right: 18px; bottom: 18px; display: flex; flex-wrap: wrap; align-items: center; gap: 14px; padding: 16px; border-radius: 18px; background: rgba(11, 15, 20, .86); color: #fff; border: 1px solid var(--cizgi-koyu); }
.sc-harita-isaret .sc-amblem { width: 40px; --amb-a: var(--altin); --amb-b: #fff; }
.sc-harita-kutu p { flex: 1; min-width: 180px; margin: 0; }
.sc-harita-kutu strong { display: block; font-size: .95rem; }
.sc-harita-kutu p span { display: block; font-size: .82rem; color: var(--acik-soluk); }
.sc-harita-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.sc-harita-kutu .sc-dugme-cizgi { --d-renk: #fff; border-color: rgba(255, 255, 255, .25); }
.sc-harita.yuklendi .sc-harita-kutu { display: none; }
.sc-alt-sutun .sc-alt-tumu { color: var(--altin); font-weight: 600; }

/* ---------- Sayfa açılışı ---------- */
.sc-sb { position: relative; padding: calc(var(--ust-y) + clamp(36px, 5vw, 64px)) 0 clamp(52px, 6vw, 84px); background: radial-gradient(1100px 520px at 90% -20%, rgba(43, 90, 131, .35), transparent 62%), radial-gradient(700px 380px at -10% 120%, rgba(201, 168, 104, .08), transparent 60%), var(--antrasit); color: var(--acik); overflow: hidden; isolation: isolate; }
.sc-sb .sc-petek { z-index: -1; }
.sc-sb-ic { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(28px, 4vw, 64px); align-items: center; }
.sc-sb-gorselli .sc-sb-ic, .sc-sb-makale .sc-sb-ic { grid-template-columns: minmax(0, 1.25fr) minmax(0, .9fr); }
.sc-sb-metin { max-width: 780px; }
.sc-sb h1 { font-size: clamp(2.05rem, 4vw, 3.3rem); font-weight: 540; line-height: 1.1; letter-spacing: -.02em; margin-bottom: 18px; color: #fff; }
.sc-sb-ozet { font-size: clamp(1.02rem, 1.4vw, 1.16rem); color: var(--acik-soluk); max-width: 660px; margin-bottom: 26px; }
.sc-sb-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; }
.sc-sb-gorsel { position: relative; margin: 0; }
.sc-sb-gorsel img { width: 100%; aspect-ratio: 4 / 3.3; object-fit: cover; border-radius: var(--r-b) var(--r-b) var(--r-b) 4px; box-shadow: 0 40px 90px -40px rgba(0, 0, 0, .85); }
.sc-sb-gorsel::before { content: ""; position: absolute; inset: -14px -14px auto auto; width: 46%; height: 46%; border: 1px solid rgba(201, 168, 104, .5); border-radius: var(--r-b); z-index: -1; }
.sc-sb-gorsel figcaption { position: absolute; left: -18px; bottom: 26px; display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 14px; background: var(--altin); color: var(--gece); font-weight: 600; font-size: .9rem; box-shadow: var(--golge-k); }
.sc-sb-gorsel figcaption .sc-ikon { width: 20px; height: 20px; }
.sc-sb .sc-ara { margin-top: 8px; max-width: 640px; }
.sc-sb .sc-ara-alan { border-color: transparent; }
.sc-iz ol { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 4px; margin-bottom: 20px; font-size: .84rem; color: var(--acik-soluk); }
.sc-iz li { display: inline-flex; align-items: center; gap: 4px; }
.sc-iz li + li::before { content: ""; width: 5px; height: 5px; margin: 0 6px 0 2px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg); opacity: .6; }
.sc-iz a { text-decoration: none; }
.sc-iz a:hover { color: var(--altin-acik); }
.sc-iz [aria-current] { color: var(--acik); max-width: 46ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sc-sayfa-govde { padding-bottom: 0; }
.sc-sayfa-metin { padding-top: clamp(40px, 5vw, 66px); }
.sc-sayfa-govde > :last-child.sc-sayfa-metin, .sc-sayfa-govde > :last-child.sc-sayfa-genis { padding-bottom: clamp(60px, 7vw, 104px); }
.sc-sayfa-genis { padding-top: clamp(30px, 4vw, 50px); }
.sc-sayfa-govde > .sc-bolum:last-child { margin-bottom: 0; }

/* ---------- Alan sayfası ---------- */
.sc-konu-nav { position: sticky; top: 0; z-index: 40; background: rgba(245, 247, 249, .97); border-bottom: 1px solid var(--cizgi); transition: transform .45s var(--yumusak); }
body.ust-gorunur .sc-konu-nav { transform: translateY(var(--ust-y)); }
.sc-konu-nav ul { list-style: none; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 10px 0; }
.sc-konu-nav ul::-webkit-scrollbar { display: none; }
.sc-konu-nav a { display: inline-block; padding: 7px 14px; border-radius: 999px; font-size: .86rem; font-weight: 500; white-space: nowrap; text-decoration: none; color: var(--metin-2); border: 1px solid transparent; transition: border-color .2s, background-color .2s, color .2s; }
.sc-konu-nav a:hover { border-color: var(--cizgi); }
.sc-konu-nav a.etkin { background: var(--antrasit); color: #fff; }
.sc-alan-duzen, .sc-makale-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: clamp(30px, 4vw, 64px); padding: clamp(46px, 6vw, 80px) 0; align-items: start; }
.sc-yan { position: sticky; top: calc(var(--ust-y) + 70px); display: grid; gap: 16px; }
.sc-yan-kart { display: block; padding: 22px; border-radius: 22px; background: var(--beyaz); border: 1px solid var(--cizgi-2); text-decoration: none; }
.sc-yan-baslik { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-family: var(--f-marka); font-size: .62rem; letter-spacing: .18em; text-transform: uppercase; color: var(--soluk); }
.sc-yan-baslik .sc-ikon { width: 18px; height: 18px; color: var(--altin-koyu); }
.sc-yan-konular ol { list-style: none; counter-reset: k; display: grid; gap: 2px; }
.sc-yan-konular a { position: relative; display: block; padding: 7px 10px 7px 34px; border-radius: 10px; font-size: .9rem; line-height: 1.35; text-decoration: none; color: var(--metin-2); counter-increment: k; transition: background-color .2s, color .2s; }
.sc-yan-konular a::before { content: counter(k, decimal-leading-zero); position: absolute; left: 8px; top: 9px; font-family: var(--f-marka); font-size: .58rem; color: var(--soluk); }
.sc-yan-konular a:hover { background: var(--kagit); }
.sc-yan-konular a.etkin { background: var(--buz); color: var(--metin); font-weight: 600; }
.sc-yan-konular a.etkin::before { color: var(--altin-koyu); }
.sc-yan-arac { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--cizgi-2); font-weight: 600; font-size: .92rem; text-decoration: none; }
.sc-yan-arac:last-child { border-bottom: 0; }
.sc-yan-arac .sc-ikon:first-child { width: 22px; height: 22px; color: var(--altin-koyu); }
.sc-yan-arac .sc-ikon:last-child { width: 16px; height: 16px; margin-left: auto; color: var(--soluk); transition: transform .3s; }
.sc-yan-arac:hover .sc-ikon:last-child { transform: translateX(3px); }
.sc-yan-iletisim { background: radial-gradient(260px 200px at 100% 0, rgba(43, 90, 131, .45), transparent 70%), var(--antrasit); color: var(--acik); border-color: transparent; }
.sc-yan-iletisim .sc-yan-baslik { color: var(--acik-soluk); }
.sc-yan-iletisim .sc-yan-baslik .sc-ikon { color: var(--altin); }
.sc-yan-iletisim p:not([class]) { color: var(--acik-soluk); font-size: .92rem; }
.sc-yan-iletisim .sc-dugmeler { flex-direction: column; }
.sc-yan-iletisim .sc-dugme { width: 100%; }
.sc-yan-iletisim .sc-dugme-cizgi { --d-renk: #fff; border-color: rgba(255, 255, 255, .24); }
.sc-arac-duzen { padding: clamp(36px, 5vw, 64px) 0 clamp(60px, 7vw, 100px); }

/* ---------- Makale ---------- */
.sc-makale-alan { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; padding: 6px 14px 6px 10px; border-radius: 999px; border: 1px solid rgba(201, 168, 104, .4); color: var(--altin-acik); font-size: .84rem; font-weight: 500; text-decoration: none; }
.sc-makale-alan .sc-ikon { width: 17px; height: 17px; }
.sc-sb-makale h1 { font-size: clamp(1.95rem, 3.6vw, 3rem); }
.sc-makale-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; font-size: .86rem; color: var(--acik-soluk); }
.sc-makale-meta > span { display: inline-flex; align-items: center; gap: 8px; }
.sc-makale-meta .sc-ikon { width: 16px; height: 16px; }
.sc-makale-yazar .sc-amblem { width: 34px; height: auto; padding: 6px; border-radius: 50%; background: var(--antrasit-3); --amb-a: var(--altin); --amb-b: #fff; }
.sc-makale-yazar strong { display: block; color: #fff; font-size: .9rem; }
.sc-makale-yazar small { display: block; font-size: .78rem; }
.sc-dinle-dugme { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(201, 168, 104, .5); background: rgba(201, 168, 104, .1); color: var(--altin-acik); font-size: .86rem; font-weight: 600; }
.sc-dinle-dugme:hover { background: rgba(201, 168, 104, .2); }
.sc-makale-duzen { grid-template-columns: 240px minmax(0, 1fr) 300px; }
.sc-toc { position: sticky; top: calc(var(--ust-y) + 24px); max-height: calc(100vh - var(--ust-y) - 48px); overflow-y: auto; scrollbar-width: thin; }
.sc-toc-kutu summary { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; font-family: var(--f-marka); font-size: .62rem; letter-spacing: .18em; text-transform: uppercase; color: var(--soluk); list-style: none; cursor: pointer; }
.sc-toc-kutu summary::-webkit-details-marker { display: none; }
.sc-toc-kutu summary .sc-ikon { width: 17px; height: 17px; color: var(--altin-koyu); }
.sc-toc-kutu summary small { margin-left: auto; font-family: var(--f-metin); letter-spacing: 0; text-transform: none; font-size: .76rem; }
.sc-toc ol { list-style: none; display: grid; gap: 1px; border-left: 1px solid var(--cizgi); }
.sc-toc a { position: relative; display: block; padding: 6px 0 6px 14px; margin-left: -1px; border-left: 2px solid transparent; font-size: .86rem; line-height: 1.38; color: var(--soluk); text-decoration: none; transition: color .2s, border-color .2s; }
.sc-toc a:hover { color: var(--metin); }
.sc-toc a.etkin { color: var(--metin); font-weight: 600; border-left-color: var(--altin); }
.sc-makale-govde { min-width: 0; }
.sc-kisaca { margin-bottom: 34px; padding: 24px 26px; border-radius: 22px; background: linear-gradient(135deg, var(--antrasit) 0%, var(--mavi-gece) 100%); color: var(--acik); position: relative; overflow: hidden; }
.sc-kisaca::after { content: ""; position: absolute; right: -40px; top: -40px; width: 160px; height: 160px; border: 1px solid rgba(201, 168, 104, .25); transform: rotate(30deg); border-radius: 28px; }
.sc-kisaca-baslik { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-family: var(--f-marka); font-size: .66rem; letter-spacing: .22em; text-transform: uppercase; color: var(--altin); }
.sc-kisaca-baslik .sc-ikon { width: 20px; height: 20px; }
.sc-kisaca ul { list-style: none; display: grid; gap: 10px; }
.sc-kisaca li { position: relative; padding-left: 22px; font-size: .97rem; line-height: 1.55; }
.sc-kisaca li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 7px; height: 7px; transform: rotate(45deg); background: var(--altin); }
.sc-kisaca strong { color: #fff; }
.sc-makale-son { margin-top: 46px; display: grid; gap: 18px; }
.sc-makale-uyari { display: flex; gap: 12px; margin: 0; padding: 16px 18px; border-radius: 16px; background: var(--buz); font-size: .88rem; color: var(--metin-2); }
.sc-makale-uyari .sc-ikon { width: 20px; height: 20px; color: var(--mavi); margin-top: 2px; }
.sc-paylas { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: .86rem; }
.sc-paylas > span { color: var(--soluk); margin-right: 6px; }
.sc-paylas button, .sc-paylas a { display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--cizgi); background: var(--beyaz); font-size: .84rem; text-decoration: none; }
.sc-paylas button:hover, .sc-paylas a:hover { border-color: var(--metin); }
.sc-paylas .sc-ikon { width: 16px; height: 16px; }
.sc-yan-arac-kart { display: grid; gap: 6px; background: linear-gradient(150deg, var(--altin-acik), var(--altin)); border: 0; color: var(--gece); }
.sc-yan-arac-kart .sc-yan-baslik { color: rgba(11, 15, 20, .7); }
.sc-yan-arac-kart .sc-yan-baslik .sc-ikon { color: var(--gece); }
.sc-yan-arac-kart strong { font-family: var(--f-baslik); font-size: 1.24rem; line-height: 1.25; }
.sc-yan-arac-kart > span:not([class]) { font-size: .9rem; }
.sc-yan-arac-kart .sc-bag-ok { color: var(--gece); margin-top: 6px; }
.sc-yan-alan { display: grid; gap: 6px; padding: 0 0 20px; overflow: hidden; }
.sc-yan-alan img { aspect-ratio: 16 / 9; width: 100%; object-fit: cover; margin-bottom: 10px; }
.sc-yan-alan > *:not(img) { margin-inline: 20px; }
.sc-yan-alan strong { font-family: var(--f-baslik); font-size: 1.1rem; }

/* Sesli dinleme oynatıcısı (önceden çizili) */
.sc-dinle { position: fixed; left: 50%; bottom: 22px; z-index: 870; display: flex; align-items: center; gap: 8px; width: min(560px, calc(100% - 28px)); padding: 10px 12px; border-radius: 22px; background: var(--antrasit); color: #fff; box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .8); border: 1px solid var(--cizgi-koyu); visibility: hidden; opacity: 0; transform: translate(-50%, 20px); transition: opacity .3s, transform .45s var(--yumusak), visibility 0s .45s; }
.sc-dinle.acik { visibility: visible; opacity: 1; transform: translate(-50%, 0); transition: opacity .3s, transform .45s var(--yumusak), visibility 0s; }
.sc-dinle button { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .06); color: #fff; flex: none; }
.sc-dinle button:hover { background: rgba(255, 255, 255, .12); }
.sc-dinle .sc-ikon { width: 17px; height: 17px; }
.sc-dinle .sc-dinle-oynat { width: 46px; height: 46px; background: var(--altin); color: var(--gece); }
.sc-dinle.durdu .sc-dinle-oynat .sc-ikon-dur { display: none; }
.sc-dinle.durdu .sc-dinle-oynat .sc-ikon-oyn { display: block; }
.sc-dinle-bilgi { flex: 1; min-width: 0; display: grid; gap: 2px; padding: 0 6px; }
.sc-dinle-bilgi strong { font-size: .86rem; }
.sc-dinle-bilgi span { font-size: .78rem; color: var(--acik-soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sc-dinle-cubuk { display: block; height: 3px; margin-top: 4px; border-radius: 3px; background: rgba(255, 255, 255, .12); overflow: hidden; }
.sc-dinle-cubuk i { display: block; height: 100%; background: var(--altin); transform: scaleX(0); transform-origin: left; transition: transform .4s; }
.sc-dinle .sc-dinle-hiz { width: auto; padding: 0 10px; border-radius: 999px; font-size: .78rem; font-weight: 700; }
.sc-okunan { background: linear-gradient(90deg, var(--altin-zemin), transparent); border-radius: 8px; box-shadow: -10px 0 0 var(--altin-zemin); }

/* ---------- İçerik bileşenleri (.sc-metin) ---------- */
.sc-metin { font-size: 1.07rem; color: var(--metin-2); }
.sc-metin > *:first-child { margin-top: 0; }
.sc-metin h2 { font-size: clamp(1.5rem, 2.4vw, 1.95rem); color: var(--metin); margin: 2.1em 0 .7em; scroll-margin-top: calc(var(--ust-y) + 30px); }
.sc-metin h3 { font-size: clamp(1.18rem, 1.7vw, 1.36rem); color: var(--metin); margin: 1.8em 0 .6em; }
.sc-metin h4 { font-family: var(--f-metin); font-weight: 650; font-size: 1.02rem; letter-spacing: 0; color: var(--metin); margin: 1.5em 0 .5em; }
.sc-metin > p, .sc-metin > ul, .sc-metin > ol, .sc-metin section > p, .sc-metin section > ul, .sc-metin section > ol { max-width: 74ch; }
.sc-metin p > a:not([class]), .sc-metin li > a:not([class]), .sc-metin td > a:not([class]) { color: var(--mavi); font-weight: 500; text-decoration-color: rgba(43, 90, 131, .35); }
.sc-metin p > a:not([class]):hover, .sc-metin li > a:not([class]):hover { text-decoration-color: currentColor; }
.sc-metin strong { color: var(--metin); font-weight: 650; }
.sc-metin > ul, .sc-metin section > ul, .sc-metin .sc-liste-ok { list-style: none; display: grid; gap: .55em; margin: 0 0 1.3em; }
.sc-metin > ul > li, .sc-metin section > ul > li, .sc-liste-ok > li { position: relative; padding-left: 24px; }
.sc-metin > ul > li::before, .sc-metin section > ul > li::before, .sc-liste-ok > li::before { content: ""; position: absolute; left: 3px; top: .66em; width: 7px; height: 7px; transform: rotate(45deg); background: var(--altin); }
.sc-metin > ol, .sc-metin section > ol { list-style: none; counter-reset: s; display: grid; gap: .7em; margin: 0 0 1.4em; }
.sc-metin > ol > li, .sc-metin section > ol > li { position: relative; padding-left: 40px; counter-increment: s; }
.sc-metin > ol > li::before, .sc-metin section > ol > li::before { content: counter(s); position: absolute; left: 0; top: .1em; display: grid; place-items: center; width: 27px; height: 27px; border-radius: 9px; background: var(--antrasit); color: var(--altin); font-family: var(--f-marka); font-size: .66rem; }
.sc-metin blockquote { margin: 1.6em 0; padding: 20px 24px; border-left: 3px solid var(--altin); background: var(--beyaz); border-radius: 0 16px 16px 0; font-family: var(--f-baslik); font-style: italic; font-size: 1.12rem; color: var(--metin); }
.sc-metin hr { border: 0; height: 1px; background: var(--cizgi); margin: 2.4em 0; }
.sc-metin figure { margin: 1.8em 0; }
.sc-metin figure img { border-radius: 20px; }
.sc-metin figcaption { font-size: .84rem; color: var(--soluk); margin-top: 8px; }
.sc-konu { scroll-margin-top: calc(var(--ust-y) + 70px); padding-top: 8px; }
.sc-konu + .sc-konu { margin-top: 2.6em; padding-top: 2.4em; border-top: 1px solid var(--cizgi); }
.sc-konu > h2 { margin-top: 0; display: flex; align-items: baseline; gap: 14px; }
.sc-konu > h2[data-no]::before { content: attr(data-no); font-family: var(--f-marka); font-size: .7rem; letter-spacing: .1em; color: var(--altin-koyu); flex: none; transform: translateY(-.35em); }
.sc-giris { font-size: 1.18rem; line-height: 1.65; color: var(--metin); max-width: 70ch; }
.sc-not { display: flex; gap: 14px; margin: 1.6em 0; padding: 18px 20px; border-radius: 18px; background: var(--beyaz); border: 1px solid var(--cizgi); font-size: .98rem; }
.sc-not > .sc-ikon { width: 22px; height: 22px; color: var(--mavi); flex: none; margin-top: 2px; }
.sc-not p:last-child { margin-bottom: 0; }
.sc-not-altin { background: #fbf7ee; border-color: #ecdfc2; }
.sc-not-altin > .sc-ikon { color: var(--altin-koyu); }
.sc-not-uyari { background: #fbf3ef; border-color: #f0d6cc; }
.sc-not-uyari > .sc-ikon { color: var(--hata); }
.sc-not-koyu { background: var(--antrasit); border-color: transparent; color: var(--acik); }
.sc-not-koyu strong { color: #fff; }
.sc-not-koyu > .sc-ikon { color: var(--altin); }
.sc-not-koyu a:not([class]) { color: var(--altin-acik) !important; }
.sc-formul { margin: 1.4em 0 !important; padding: 16px 20px; border-radius: 14px; background: var(--buz); border-left: 3px solid var(--altin); font-variant-numeric: tabular-nums; }
.sc-ornek { margin: 1.8em 0; padding: 22px 24px; border-radius: 20px; background: var(--beyaz); border: 1px solid var(--cizgi-2); box-shadow: var(--golge-k); }
.sc-ornek-etiket { display: flex; align-items: center; gap: 8px; margin: 0 0 8px !important; font-family: var(--f-marka); font-size: .6rem; letter-spacing: .18em; text-transform: uppercase; color: var(--altin-koyu); }
.sc-ornek-etiket .sc-ikon { width: 16px; height: 16px; }
.sc-ornek-baslik { display: block; margin-bottom: 6px; font-family: var(--f-baslik); font-weight: 560; font-size: 1.14rem; color: var(--metin); }
.sc-ornek > p:not([class]) { font-size: .96rem; }
.sc-ornek dl { margin: 12px 0 0; border-radius: 14px; background: var(--kagit); padding: 4px 16px; }
.sc-ornek dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 10px 0; border-top: 1px solid var(--cizgi); font-size: .93rem; }
.sc-ornek dl > div:first-child { border-top: 0; }
.sc-ornek dt { color: var(--metin-2); }
.sc-ornek dd { margin: 0; font-weight: 600; color: var(--metin); text-align: right; font-variant-numeric: tabular-nums; }
.sc-ornek-sonuc { margin: 14px 0 0 !important; padding: 12px 16px; border-radius: 12px; background: var(--antrasit); color: var(--acik); font-size: .95rem; }
.sc-ornek-sonuc strong { color: var(--altin-acik); }
.sc-ornek-sonuc a, .sc-metin .sc-ornek-sonuc a:not([class]) { color: var(--altin-acik); text-decoration: underline; text-underline-offset: 3px; }
.sc-ornek + .sc-kucuk { margin-top: -6px; font-size: .84rem; color: var(--soluk); }
.sc-dilekce { margin: 1.8em 0; border-radius: 20px; background: var(--beyaz); border: 1px solid var(--cizgi-2); box-shadow: var(--golge-k); overflow: hidden; }
.sc-dilekce figcaption { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; padding: 16px 20px; background: var(--kagit); border-bottom: 1px solid var(--cizgi); }
.sc-dilekce-etiket { display: flex; align-items: center; gap: 8px; width: 100%; font-family: var(--f-marka); font-size: .6rem; letter-spacing: .18em; text-transform: uppercase; color: var(--altin-koyu); }
.sc-dilekce-etiket .sc-ikon { width: 16px; height: 16px; }
.sc-dilekce figcaption strong { flex: 1 1 220px; font-family: var(--f-baslik); font-weight: 560; font-size: 1.08rem; color: var(--metin); }
.sc-dilekce-kopya { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border: 1px solid var(--cizgi-2); border-radius: 999px; background: var(--beyaz); color: var(--metin); font: inherit; font-size: .85rem; font-weight: 600; cursor: pointer; transition: border-color .2s, transform .2s var(--yumusak); }
.sc-dilekce-kopya .sc-ikon { width: 16px; height: 16px; }
.sc-dilekce-kopya:hover { border-color: var(--altin); transform: translateY(-1px); }
.sc-dilekce-metin { padding: 22px 24px 8px; border-left: 3px solid var(--altin); margin: 18px 20px 18px; background: linear-gradient(var(--beyaz), var(--beyaz)); font-family: var(--f-baslik); font-size: .98rem; line-height: 1.75; color: var(--metin); }
.sc-dilekce-metin p { margin: 0 0 14px; }
.sc-dilekce-metin .sc-dlk-bos { padding: 0 2px; background: var(--altin-zemin); color: var(--altin-koyu); border-bottom: 1px dashed var(--altin); font-family: var(--f-metin); font-size: .9em; }
.sc-dilekce-not { margin: 0 !important; padding: 12px 20px 16px; font-size: .84rem; color: var(--soluk); }
@media (max-width: 560px) { .sc-dilekce-metin { margin: 14px 12px; padding: 16px 14px 4px; font-size: .94rem; } .sc-dilekce figcaption { padding: 14px 16px; } }
@media print { .sc-dilekce-kopya { display: none; } .sc-dilekce { box-shadow: none; } }
.sc-olay { margin: 1.8em 0; padding: 22px 24px; border-radius: 20px; background: var(--beyaz); border: 1px solid var(--cizgi-2); box-shadow: var(--golge-k); }
.sc-olay > p:not([class]) { font-size: .96rem; }
.sc-olay-akis { list-style: none; margin: 14px 0 0 !important; padding: 0; display: grid; gap: 0; }
.sc-olay-akis > li { position: relative; display: grid; grid-template-columns: minmax(0, 150px) minmax(0, 1fr); gap: 4px 18px; padding: 12px 0 12px 22px; border-top: 1px solid var(--cizgi-2); }
.sc-olay-akis > li:first-child { border-top: 0; }
.sc-olay-akis > li::before { content: ""; position: absolute; left: 2px; top: 19px; width: 9px; height: 9px; border-radius: 50%; background: var(--beyaz); border: 2px solid var(--altin); }
.sc-olay-akis > li > span { font-family: var(--f-marka); font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; color: var(--altin-koyu); padding-top: 4px; }
.sc-olay-akis > li > p { margin: 0; font-size: .95rem; color: var(--metin-2); }
.sc-metin .sc-hatalar { list-style: none; display: grid; gap: 10px; margin: 1.4em 0 1.6em; padding: 0; max-width: none; }
.sc-metin .sc-hatalar > li { display: flex; gap: 14px; padding: 14px 18px 14px 14px; border-radius: 16px; background: #fbf5f2; border: 1px solid #f1dfd8; font-size: .97rem; }
.sc-metin .sc-hatalar > li::before { content: none; }
.sc-hatalar > li > .sc-ikon { flex: none; width: 28px; height: 28px; padding: 6px; border-radius: 9px; background: #fff; color: var(--hata); border: 1px solid #f1dfd8; }
.sc-hatalar > li strong { color: var(--metin); }
.sc-kontrol { margin: 1.8em 0; border-radius: 20px; background: var(--antrasit); color: var(--acik); overflow: hidden; }
.sc-kontrol-ust { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 22px; border-bottom: 1px solid var(--cizgi-koyu); }
.sc-kontrol-ust strong { display: flex; align-items: center; gap: 10px; font-family: var(--f-baslik); font-weight: 560; font-size: 1.08rem; color: #fff; }
.sc-kontrol-ust strong .sc-ikon { width: 20px; height: 20px; color: var(--altin); }
.sc-kontrol-sayi { flex: none; min-width: 58px; padding: 5px 12px; border-radius: 999px; background: rgba(255, 255, 255, .07); font-size: .8rem; font-weight: 600; text-align: center; font-variant-numeric: tabular-nums; color: var(--altin-acik); transition: background .3s, color .3s; }
.sc-kontrol.tamam .sc-kontrol-sayi { background: var(--altin); color: var(--antrasit); }
.sc-kontrol ul { list-style: none; margin: 0 !important; padding: 8px 10px 12px; display: grid; gap: 2px; max-width: none !important; }
.sc-kontrol li { padding: 0 !important; }
.sc-kontrol li::before { content: none !important; }
.sc-kontrol label { display: flex; align-items: flex-start; gap: 12px; padding: 10px 12px; border-radius: 12px; cursor: pointer; font-size: .96rem; line-height: 1.55; color: var(--acik); transition: background .2s; }
.sc-kontrol label:hover { background: rgba(255, 255, 255, .05); }
.sc-kontrol input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.sc-kontrol-kutu { flex: none; display: grid; place-items: center; width: 22px; height: 22px; margin-top: 1px; border-radius: 7px; border: 1.5px solid rgba(230, 212, 166, .55); transition: background .2s, border-color .2s; }
.sc-kontrol-kutu .sc-ikon { width: 14px; height: 14px; color: var(--antrasit); opacity: 0; transform: scale(.4); transition: opacity .2s, transform .25s var(--yay); }
.sc-kontrol input:checked + .sc-kontrol-kutu { background: var(--altin); border-color: var(--altin); }
.sc-kontrol input:checked + .sc-kontrol-kutu .sc-ikon { opacity: 1; transform: none; }
.sc-kontrol input:checked ~ span:last-child { color: var(--acik-soluk); }
.sc-kontrol input:focus-visible + .sc-kontrol-kutu { outline: 2px solid var(--altin-acik); outline-offset: 2px; }
.sc-kontrol a { color: var(--altin-acik); }
@media (max-width: 560px) { .sc-olay { padding: 18px 16px; } .sc-olay-akis > li { grid-template-columns: minmax(0, 1fr); } .sc-kontrol-ust { padding: 16px; } .sc-kontrol ul { padding: 6px 4px 10px; } .sc-metin .sc-hatalar > li { padding: 12px 14px 12px 12px; } }
@media print { .sc-kontrol { background: none; color: #000; border: 1px solid #999; } .sc-kontrol-ust strong, .sc-kontrol label { color: #000; } }
.sc-kutular { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin: 1.6em 0; }
.sc-kutu { padding: 20px; border-radius: 18px; background: var(--beyaz); border: 1px solid var(--cizgi-2); }
.sc-kutu > .sc-ikon { width: 40px; height: 40px; padding: 9px; border-radius: 12px; background: var(--altin-zemin); color: var(--altin-koyu); margin-bottom: 12px; }
.sc-kutu strong, .sc-kutu h3, .sc-kutu h4 { display: block; margin: 0 0 6px; font-family: var(--f-baslik); font-weight: 560; font-size: 1.08rem; color: var(--metin); }
.sc-kutu p { margin: 0; font-size: .93rem; color: var(--soluk); }
.sc-adimlar { list-style: none !important; counter-reset: a; display: grid !important; gap: 0 !important; margin: 1.6em 0 !important; }
.sc-adimlar > li { position: relative; padding: 0 0 26px 58px !important; counter-increment: a; }
.sc-adimlar > li::before { content: counter(a, decimal-leading-zero) !important; position: absolute; left: 0 !important; top: 0 !important; display: grid; place-items: center; width: 40px !important; height: 40px !important; border-radius: 13px !important; transform: none !important; background: var(--antrasit) !important; color: var(--altin) !important; font-family: var(--f-marka); font-size: .66rem; }
.sc-adimlar > li::after { content: ""; position: absolute; left: 19.5px; top: 46px; bottom: 6px; width: 1px; background: var(--cizgi); }
.sc-adimlar > li:last-child::after { display: none; }
.sc-adimlar > li > strong { display: block; font-family: var(--f-baslik); font-weight: 560; font-size: 1.1rem; color: var(--metin); margin-bottom: 4px; }
.sc-tablo-kap { margin: 1.6em 0; overflow-x: auto; border-radius: 18px; border: 1px solid var(--cizgi); background: var(--beyaz); }
.sc-tablo { width: 100%; border-collapse: collapse; font-size: .93rem; }
.sc-tablo th, .sc-tablo td { padding: 12px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--cizgi-2); }
.sc-tablo thead th { background: var(--antrasit); color: var(--acik); font-family: var(--f-metin); font-weight: 600; font-size: .82rem; letter-spacing: .02em; white-space: nowrap; }
.sc-tablo tbody th { font-weight: 600; color: var(--metin); }
.sc-tablo tbody tr:hover { background: var(--kagit); }
.sc-tablo tbody tr:last-child > * { border-bottom: 0; }
.sc-tablo .sc-tablo-grup th { background: var(--buz); font-family: var(--f-marka); font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; color: var(--mavi); font-weight: 400; }
.sc-tablo-not { margin: 0; padding: 10px 16px 12px; font-size: .8rem; color: var(--soluk); border-top: 1px solid var(--cizgi-2); background: var(--kagit); }
.sc-sorular { display: grid; gap: 10px; margin: 1.4em 0; }
.sc-soru { border-radius: 16px; background: var(--beyaz); border: 1px solid var(--cizgi-2); scroll-margin-top: calc(var(--ust-y) + 30px); transition: border-color .25s, box-shadow .25s; }
.sc-soru[open] { border-color: var(--cizgi); box-shadow: var(--golge-k); }
.sc-soru summary { position: relative; display: block; padding: 18px 56px 18px 22px; font-family: var(--f-baslik); font-weight: 560; font-size: 1.06rem; line-height: 1.4; color: var(--metin); cursor: pointer; list-style: none; }
.sc-soru summary::-webkit-details-marker { display: none; }
.sc-soru summary::before, .sc-soru summary::after { content: ""; position: absolute; right: 24px; top: 50%; width: 14px; height: 1.6px; background: var(--altin-koyu); transition: transform .35s var(--yumusak); }
.sc-soru summary::after { transform: rotate(90deg); }
.sc-soru[open] summary::after { transform: rotate(0); }
.sc-soru > div { padding: 0 22px 20px; font-size: .98rem; color: var(--metin-2); }
.sc-soru > div p:last-child { margin-bottom: 0; }
.sc-dayanak { margin: 2em 0 0; padding: 16px 20px; border-radius: 16px; border: 1px dashed var(--cizgi); font-size: .86rem; color: var(--soluk); }
.sc-dayanak strong { color: var(--metin-2); }
.sc-karsilastir { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 1.6em 0; }
.sc-karsilastir > div { padding: 20px 22px; border-radius: 18px; background: var(--beyaz); border: 1px solid var(--cizgi-2); }
.sc-karsilastir > div:first-child { border-top: 3px solid var(--mavi); }
.sc-karsilastir > div:last-child { border-top: 3px solid var(--altin); }
.sc-karsilastir h3, .sc-karsilastir h4 { margin-top: 0; }
.sc-karsilastir ul { list-style: none; display: grid; gap: 8px; }
.sc-karsilastir li { position: relative; padding-left: 20px; font-size: .95rem; }
.sc-karsilastir li::before { content: ""; position: absolute; left: 2px; top: .6em; width: 6px; height: 6px; border-radius: 50%; background: var(--altin); }
.sc-cagri { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 20px; margin: 2.4em 0; padding: 26px 28px; border-radius: 22px; background: radial-gradient(320px 220px at 100% 0, rgba(43, 90, 131, .5), transparent 70%), var(--antrasit); color: var(--acik); }
.sc-cagri strong { display: block; font-family: var(--f-baslik); font-weight: 560; font-size: 1.3rem; color: #fff; margin-bottom: 4px; }
.sc-cagri p { margin: 0; color: var(--acik-soluk); font-size: .95rem; }
.sc-cagri .sc-dugmeler { justify-content: flex-end; }
.sc-cagri .sc-dugme-cizgi { --d-renk: #fff; border-color: rgba(255, 255, 255, .25); }
.sc-zaman { list-style: none !important; position: relative; display: grid !important; gap: 22px !important; margin: 1.8em 0 !important; padding-left: 28px !important; }
.sc-zaman::before { content: ""; position: absolute; left: 6px; top: 6px; bottom: 6px; width: 1px; background: linear-gradient(var(--altin), var(--cizgi)); }
.sc-zaman > li { position: relative; padding: 0 !important; }
.sc-zaman > li::before { content: "" !important; position: absolute; left: -27px !important; top: .45em !important; width: 13px !important; height: 13px !important; border-radius: 50% !important; transform: none !important; background: var(--kagit) !important; border: 2px solid var(--altin); }
.sc-zaman b { display: block; font-family: var(--f-marka); font-size: .66rem; letter-spacing: .12em; color: var(--altin-koyu); font-weight: 400; }

/* ---------- Sözlük ---------- */
.sc-sozluk-ust { position: sticky; top: calc(var(--ust-y) + 10px); z-index: 10; display: flex; align-items: center; gap: 16px; padding: 12px; margin-bottom: 16px; border-radius: 20px; background: rgba(245, 247, 249, .97); border: 1px solid var(--cizgi); }
.sc-sozluk-ara { flex: 1; display: flex; align-items: center; gap: 10px; padding: 0 14px; border-radius: 14px; background: var(--beyaz); border: 1px solid var(--cizgi); }
.sc-sozluk-ara .sc-ikon { width: 20px; height: 20px; color: var(--mavi); }
.sc-sozluk-ara input { flex: 1; min-width: 0; height: 48px; border: 0; background: none; outline: none; font-size: 1rem; }
.sc-sozluk-sayac { margin: 0; font-size: .86rem; color: var(--soluk); white-space: nowrap; }
.sc-harf-dizin { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 26px; }
.sc-harf-dizin a { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: var(--beyaz); border: 1px solid var(--cizgi-2); font-family: var(--f-baslik); font-weight: 560; text-decoration: none; transition: background-color .2s, color .2s; }
.sc-harf-dizin a:hover { background: var(--antrasit); color: var(--altin); }
.sc-sozluk-harf { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 20px; padding: 26px 0; border-top: 1px solid var(--cizgi); scroll-margin-top: calc(var(--ust-y) + 100px); }
.sc-sozluk-harf h2 { margin: 0 !important; font-size: 2.6rem; color: var(--altin-koyu); line-height: 1; }
.sc-sozluk-harf dl { margin: 0; display: grid; gap: 14px; }
.sc-terim { scroll-margin-top: calc(var(--ust-y) + 100px); padding: 16px 18px; border-radius: 16px; background: var(--beyaz); border: 1px solid var(--cizgi-2); }
.sc-terim:target { box-shadow: 0 0 0 2px var(--altin); }
.sc-terim dt { font-family: var(--f-baslik); font-weight: 560; font-size: 1.12rem; color: var(--metin); margin-bottom: 4px; }
.sc-terim dd { margin: 0; font-size: .96rem; color: var(--metin-2); }
.sc-terim-alan { display: inline-block; margin-left: 4px; padding: 1px 9px; border-radius: 999px; background: var(--buz); color: var(--mavi); font-size: .78rem; font-weight: 600; text-decoration: none; }

/* ---------- Liste (makaleler) ---------- */
.sc-liste-govde { padding: clamp(36px, 5vw, 60px) 0 clamp(60px, 8vw, 110px); }
.sc-suzgec { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.sc-suzgec button { display: inline-flex; align-items: center; gap: 6px; padding: 8px 15px; border-radius: 999px; border: 1px solid var(--cizgi); background: var(--beyaz); font-size: .88rem; font-weight: 500; transition: background-color .2s, color .2s, border-color .2s; }
.sc-suzgec button small { color: var(--soluk); font-size: .76rem; }
.sc-suzgec button.etkin { background: var(--antrasit); border-color: var(--antrasit); color: #fff; }
.sc-suzgec button.etkin small { color: var(--altin); }
.sc-yazi-kart.suzuldu { display: none; }
.sc-yazi-kart-sayfa { border-left: 3px solid var(--altin); }
.sc-bos { padding: 40px; text-align: center; border-radius: var(--r-b); background: var(--beyaz); border: 1px dashed var(--cizgi); }
.sc-sayfalama { margin-top: 40px; }
.sc-sayfalama .nav-links { display: flex; justify-content: center; gap: 6px; }
.sc-sayfalama .page-numbers { display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 14px; border-radius: 12px; background: var(--beyaz); border: 1px solid var(--cizgi); text-decoration: none; font-weight: 600; }
.sc-sayfalama .current { background: var(--antrasit); color: #fff; border-color: var(--antrasit); }

/* ---------- Süreç ---------- */
.sc-surec { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; counter-reset: none; }
.sc-surec li { position: relative; padding: 24px; border-radius: 22px; background: var(--beyaz); border: 1px solid var(--cizgi-2); }
.sc-surec-no { display: block; font-family: var(--f-marka); font-size: .7rem; color: var(--altin-koyu); margin-bottom: 18px; }
.sc-surec strong { display: block; font-family: var(--f-baslik); font-weight: 560; font-size: 1.2rem; margin-bottom: 6px; }
.sc-surec p { margin: 0; color: var(--soluk); font-size: .93rem; }

/* ---------- Alt bilgi ---------- */
.sc-alt { background: var(--gece); color: var(--acik-soluk); font-size: .93rem; }
.sc-alt-bant { position: relative; padding: clamp(46px, 6vw, 72px) 0; background: radial-gradient(800px 340px at 80% 0, rgba(43, 90, 131, .35), transparent 70%), var(--antrasit); border-bottom: 1px solid var(--cizgi-koyu); overflow: hidden; }
.sc-alt-bant-ic { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 26px; }
.sc-alt-bant-metin { max-width: 560px; }
.sc-alt-bant-baslik { font-family: var(--f-baslik); font-size: clamp(1.7rem, 3vw, 2.35rem); color: #fff; line-height: 1.15; margin-bottom: 8px; }
.sc-alt-bant-metin > p:last-child { margin: 0; }
.sc-alt-bant-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; }
.sc-alt-izgara { display: grid; grid-template-columns: 1.4fr .8fr 1.2fr 1fr; gap: 40px; padding: clamp(50px, 6vw, 80px) 0 40px; }
.sc-alt-logo { display: inline-flex; margin-bottom: 18px; text-decoration: none; }
.sc-alt-marka > p { max-width: 380px; }
.sc-alt-marka address { display: grid; gap: 10px; font-style: normal; }
.sc-alt-marka address a, .sc-alt-marka address > span { display: flex; align-items: flex-start; gap: 10px; text-decoration: none; color: var(--acik); }
.sc-alt-marka address .sc-ikon { width: 18px; height: 18px; color: var(--altin); margin-top: 3px; }
.sc-alt-sutun { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.sc-alt-baslik { margin: 0 0 10px; font-family: var(--f-marka); font-size: .62rem; letter-spacing: .2em; text-transform: uppercase; color: var(--altin); }
.sc-alt-sutun a { padding: 4px 0; text-decoration: none; transition: color .2s; }
.sc-alt-sutun a:hover { color: #fff; }
.sc-alt-alanlar { display: grid; grid-template-columns: 1fr 1fr; column-gap: 18px; align-content: start; }
.sc-alt-alanlar .sc-alt-baslik { grid-column: 1 / -1; }
.sc-alt-sosyal { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.sc-alt-son { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 20px 0 calc(24px + env(safe-area-inset-bottom)); border-top: 1px solid var(--cizgi-koyu); font-size: .84rem; }
.sc-alt-son p { margin: 0; }
.sc-alt-son-bag { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.sc-alt-son a { text-decoration: none; }
.sc-alt-son a:hover { color: #fff; }
.sc-imza a { color: var(--altin); font-weight: 600; }

/* Hızlı erişim çubuğu (mobil), Yol Gösterici düğmesi, yukarı */
/* Mobil ve tablet alt çubuğu: sabit, kaydırırken gizlenmez; menü açıkken de üstte kalır (Menü düğmesi Kapat olur). */
.sc-cubuk { position: fixed; left: 0; right: 0; bottom: calc(10px + env(safe-area-inset-bottom)); z-index: 960; display: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); align-items: end; width: min(560px, calc(100% - 20px)); margin-inline: auto; padding: 6px; border-radius: 22px; background: rgba(11, 15, 20, .97); border: 1px solid var(--cizgi-koyu); box-shadow: 0 20px 50px -20px rgba(0, 0, 0, .75); }
.sc-cubuk > a, .sc-cubuk > button { position: relative; display: grid; justify-items: center; align-content: end; gap: 4px; min-width: 0; min-height: 54px; padding: 7px 2px 6px; border-radius: 15px; border: 0; background: none; color: var(--acik); font: inherit; font-size: .7rem; font-weight: 600; line-height: 1.2; text-decoration: none; -webkit-tap-highlight-color: transparent; transition: background-color .2s; }
.sc-cubuk > a:active, .sc-cubuk > button:active { background: rgba(255, 255, 255, .06); }
.sc-cubuk > [aria-current="page"] { background: rgba(201, 168, 104, .12); }
.sc-cubuk .sc-ikon { width: 21px; height: 21px; color: var(--altin); }
.sc-cubuk > .sc-cubuk-asistan { color: var(--altin-acik); font-weight: 700; letter-spacing: .02em; }
.sc-cubuk-daire { display: grid; place-items: center; width: 56px; height: 56px; margin: -32px 0 0; border-radius: 50%; background: linear-gradient(145deg, var(--altin-acik), var(--altin) 58%, #a8853f); box-shadow: 0 0 0 5px rgba(11, 15, 20, .97), 0 14px 26px -8px rgba(201, 168, 104, .7); transition: transform .3s var(--yay); }
.sc-cubuk .sc-cubuk-daire .sc-ikon { width: 26px; height: 26px; color: var(--gece); }
.sc-cubuk-asistan:active .sc-cubuk-daire { transform: scale(.93); }
.sc-cubuk-menu .sc-menu-cizgiler { width: 20px; height: 21px; align-content: center; color: var(--altin); }
.sc-cubuk-menu .sc-menu-cizgiler i:nth-child(2) { width: 70%; justify-self: end; }
.menu-acik .sc-cubuk-menu .sc-menu-cizgiler i:nth-child(1) { transform: translateY(5.6px) rotate(45deg); }
.menu-acik .sc-cubuk-menu .sc-menu-cizgiler i:nth-child(2) { opacity: 0; transform: scaleX(.2); }
.menu-acik .sc-cubuk-menu .sc-menu-cizgiler i:nth-child(3) { transform: translateY(-5.6px) rotate(-45deg); }
.sc-yg-dugme { position: fixed; right: 24px; bottom: 24px; z-index: 860; display: inline-flex; align-items: center; gap: 10px; height: 54px; padding: 0 22px 0 16px; border-radius: 999px; border: 1px solid rgba(201, 168, 104, .5); background: var(--antrasit); color: #fff; font-weight: 600; font-size: .92rem; box-shadow: 0 20px 50px -20px rgba(0, 0, 0, .7); transition: transform .45s var(--yumusak), opacity .3s; }
.sc-yg-dugme .sc-ikon { width: 22px; height: 22px; color: var(--altin); }
.sc-yg-dugme:hover { transform: translateY(-3px); }
.sc-yg-dugme.gizli { transform: translateY(130%); opacity: 0; }
.sc-yukari { position: fixed; right: 24px; bottom: 92px; z-index: 860; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--beyaz); color: var(--metin); box-shadow: var(--golge-k); opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .3s, transform .4s var(--yumusak), visibility 0s .4s; }
.sc-yukari.gorunur { opacity: 1; visibility: visible; transform: none; transition: opacity .3s, transform .4s var(--yumusak), visibility 0s; }
.sc-yukari > .sc-ikon { width: 18px; height: 18px; }
.sc-yukari-halka { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.sc-yukari-halka circle { fill: none; stroke: var(--cizgi); stroke-width: 2; }
.sc-yukari-halka .sc-yukari-dolu { stroke: var(--altin); stroke-dasharray: 138.2; stroke-dashoffset: 138.2; }

/* ---------- Yol Gösterici paneli (önceden çizili) ---------- */
.sc-yg { position: fixed; inset: 0; z-index: 990; visibility: hidden; pointer-events: none; }
.sc-yg.acik { visibility: visible; pointer-events: auto; }
.sc-yg-perde { position: absolute; inset: 0; background: rgba(5, 8, 12, .6); opacity: 0; transition: opacity .3s; }
.sc-yg.acik .sc-yg-perde { opacity: 1; }
.sc-yg-ic { position: absolute; right: 18px; top: 18px; bottom: 18px; width: min(480px, calc(100% - 36px)); display: flex; flex-direction: column; border-radius: 26px; background: var(--kagit); box-shadow: 0 40px 100px -30px rgba(0, 0, 0, .7); overflow: hidden; transform: translateX(calc(100% + 30px)); transition: transform .5s var(--yumusak); }
.sc-yg.acik .sc-yg-ic { transform: none; }
.sc-yg-ust { display: flex; align-items: center; gap: 12px; padding: 16px 16px 16px 18px; background: var(--antrasit); color: #fff; }
.sc-yg-avatar { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: var(--antrasit-3); }
.sc-yg-avatar .sc-amblem { width: 28px; --amb-a: var(--altin); --amb-b: #fff; }
.sc-yg-ust p { flex: 1; margin: 0; line-height: 1.3; }
.sc-yg-ust strong { display: block; font-family: var(--f-baslik); font-size: 1.12rem; }
.sc-yg-ust small { display: block; font-size: .78rem; color: var(--acik-soluk); }
.sc-yg-ust button { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; border: 1px solid var(--cizgi-koyu); background: none; color: #fff; }
.sc-yg-ust button:hover { border-color: var(--altin); }
.sc-yg-ust .sc-ikon { width: 18px; height: 18px; }
.sc-yg-akis { flex: 1; display: flex; flex-direction: column; gap: 12px; padding: 20px 18px; overflow-y: auto; overscroll-behavior: contain; }
.sc-yg-mesaj { max-width: 92%; padding: 13px 16px; border-radius: 18px 18px 18px 6px; background: var(--beyaz); border: 1px solid var(--cizgi-2); font-size: .96rem; line-height: 1.55; opacity: 0; transform: translateY(8px); animation: sc-oge-gel .4s var(--yumusak) forwards; }
.sc-yg-mesaj.sen { align-self: flex-end; border-radius: 18px 18px 6px 18px; background: var(--antrasit); color: #fff; border-color: transparent; }
.sc-yg-yaziyor { display: inline-flex; gap: 4px; padding: 14px 16px; border-radius: 18px 18px 18px 6px; background: var(--beyaz); border: 1px solid var(--cizgi-2); align-self: flex-start; }
.sc-yg-yaziyor i { width: 7px; height: 7px; border-radius: 50%; background: var(--soluk); opacity: .35; animation: sc-nokta 1s ease infinite; }
.sc-yg-yaziyor i:nth-child(2) { animation-delay: .15s; }
.sc-yg-yaziyor i:nth-child(3) { animation-delay: .3s; }
@keyframes sc-nokta { 50% { opacity: 1; transform: translateY(-3px); } }
.sc-yg-secimler { display: grid; gap: 8px; }
.sc-yg-secimler button { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--cizgi); background: var(--beyaz); text-align: left; font-size: .93rem; font-weight: 500; opacity: 0; transform: translateY(8px); animation: sc-oge-gel .4s var(--yumusak) forwards; transition: border-color .2s, background-color .2s; }
.sc-yg-secimler button:hover { border-color: var(--altin); background: #fffdf8; }
.sc-yg-secimler .sc-ikon { width: 20px; height: 20px; color: var(--altin-koyu); }
.sc-yg-sonuc { padding: 18px; border-radius: 20px; background: var(--beyaz); border: 1px solid var(--cizgi); box-shadow: var(--golge-k); opacity: 0; transform: translateY(10px); animation: sc-oge-gel .5s var(--yumusak) forwards; }
.sc-yg-sonuc h3 { font-size: 1.18rem; margin: 0 0 8px; }
.sc-yg-sonuc > p { font-size: .94rem; color: var(--metin-2); }
.sc-yg-sonuc-baslik { display: flex; align-items: center; gap: 8px; margin: 14px 0 8px; font-family: var(--f-marka); font-size: .6rem; letter-spacing: .16em; text-transform: uppercase; color: var(--soluk); }
.sc-yg-sonuc-baslik .sc-ikon { width: 16px; height: 16px; color: var(--altin-koyu); }
.sc-yg-sonuc ul { list-style: none; display: grid; gap: 7px; }
.sc-yg-sonuc li { position: relative; padding-left: 18px; font-size: .9rem; line-height: 1.5; }
.sc-yg-sonuc li::before { content: ""; position: absolute; left: 2px; top: .58em; width: 6px; height: 6px; transform: rotate(45deg); background: var(--altin); }
.sc-yg-sure li::before { background: var(--hata); border-radius: 50%; transform: none; }
.sc-yg-baglar { display: grid; gap: 6px; margin-top: 4px; }
.sc-yg-baglar a { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; background: var(--kagit); text-decoration: none; font-size: .9rem; font-weight: 600; transition: background-color .2s; }
.sc-yg-baglar a:hover { background: var(--buz); }
.sc-yg-baglar small { display: block; font-size: .72rem; font-weight: 500; color: var(--soluk); }
.sc-yg-baglar .sc-ikon { width: 16px; height: 16px; margin-left: auto; color: var(--mavi); }
.sc-yg-sonuc .sc-dugmeler { margin-top: 16px; }
.sc-yg-sonuc .sc-dugme { flex: 1; }
.sc-yg-dipnot { display: flex; gap: 8px; margin: 0; padding: 12px 18px 16px; font-size: .76rem; color: var(--soluk); border-top: 1px solid var(--cizgi-2); }
.sc-yg-dipnot .sc-ikon { width: 15px; height: 15px; flex: none; margin-top: 1px; }
.sc-yg-gomulu { padding: 28px; border-radius: var(--r-b); background: var(--antrasit); color: var(--acik); }

/* ---------- Görünme hareketleri ---------- */
html.sc-js:not(.sc-animyok):not(.hemen) [data-gor] { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .9s var(--yumusak); }
html.sc-js [data-gor].gorundu { opacity: 1 !important; transform: none !important; }
html.sc-js:not(.sc-animyok):not(.hemen) .sc-arac-izgara [data-gor]:nth-child(3n+2), html.sc-js:not(.sc-animyok):not(.hemen) .sc-yazi-izgara [data-gor]:nth-child(3n+2), html.sc-js:not(.sc-animyok):not(.hemen) .sc-alan-izgara [data-gor]:nth-child(3n+2) { transition-delay: .08s; }
html.sc-js:not(.sc-animyok):not(.hemen) .sc-arac-izgara [data-gor]:nth-child(3n), html.sc-js:not(.sc-animyok):not(.hemen) .sc-yazi-izgara [data-gor]:nth-child(3n), html.sc-js:not(.sc-animyok):not(.hemen) .sc-alan-izgara [data-gor]:nth-child(3n) { transition-delay: .16s; }
html.sc-js:not(.sc-animyok):not(.hemen) .sc-ekip-izgara [data-gor]:nth-child(4n+2) { transition-delay: .06s; }
html.sc-js:not(.sc-animyok):not(.hemen) .sc-ekip-izgara [data-gor]:nth-child(4n+3) { transition-delay: .12s; }
html.sc-js:not(.sc-animyok):not(.hemen) .sc-ekip-izgara [data-gor]:nth-child(4n) { transition-delay: .18s; }
html.hemen *, html.hemen *::before, html.hemen *::after { transition: none !important; animation-duration: 0s !important; animation-delay: 0s !important; }

/* ---------- Uyumluluk ---------- */
@media (max-width: 1400px) {
	.sc-ust-ic { gap: 18px; }
	.sc-menu-bag { padding: 0 9px; font-size: .92rem; }
	.sc-menu-bag::after { left: 9px; right: 9px; }
	.sc-acilir-dugme { width: 22px; margin-right: 2px; }
	.sc-ust-ara kbd { display: none; }
}
@media (max-width: 1240px) {
	.sc-makale-duzen { grid-template-columns: minmax(0, 1fr) 290px; }
	.sc-toc { grid-column: 1 / -1; position: static; max-height: none; }
	.sc-toc-kutu { padding: 18px 20px; border-radius: 20px; background: var(--beyaz); border: 1px solid var(--cizgi-2); }
	.sc-toc ol { columns: 2; column-gap: 24px; display: block; border: 0; }
	.sc-toc li { break-inside: avoid; }
	.sc-toc a { border-left: 0; padding-left: 0; }
	.sc-alt-izgara { grid-template-columns: 1.2fr 1fr 1fr; }
	.sc-alt-marka { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 20px 40px; }
}
@media (max-width: 1180px) {
	.sc-menu, .sc-ust-tel span { display: none; }
	.sc-menu-ac { display: inline-flex; }
	.sc-ust-sag { margin-left: auto; }
	.sc-ust-tel { width: 44px; padding: 0; justify-content: center; }
	.sc-mega { display: none; }
	.sc-arama-izgara { grid-template-columns: minmax(0, 1fr); }
	.sc-ofis, .sc-iletisim-blok { grid-template-columns: minmax(0, 1fr); }
	.sc-alan-izgara, .sc-yazi-izgara, .sc-arac-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sc-ekip-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.sc-arac-mini { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.sc-surec { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1000px) {
	/* Alt çubuk: menü ve arama (Asistan) burada; üstteki menü ve arama düğmeleri gizlenir. */
	.sc-cubuk { display: grid; }
	.sc-menu-ac, .sc-ust-ara, .sc-ust-tel { display: none; }
	.sc-ust-yg { display: inline-flex; }
	.sc-alt { padding-bottom: 104px; }
	.sc-mobil-ic { padding-bottom: calc(104px + env(safe-area-inset-bottom)); }
	.sc-yg-dugme { display: none; }
	.sc-yukari { right: 14px; bottom: calc(96px + env(safe-area-inset-bottom)); width: 44px; height: 44px; }
	.sc-dinle { bottom: calc(94px + env(safe-area-inset-bottom)); }
	.sc-alan-duzen, .sc-makale-duzen { grid-template-columns: minmax(0, 1fr); }
	.sc-yan { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sc-yan-konular { display: none; }
	.sc-sb-gorselli .sc-sb-ic, .sc-sb-makale .sc-sb-ic { grid-template-columns: minmax(0, 1fr); }
	.sc-sb-gorsel { max-width: 560px; }
	.sc-sb-gorsel img { aspect-ratio: 16 / 9; }
	.sc-kadran-liste { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 8px; margin-inline: -24px; padding-inline: 24px; scroll-padding-inline: 24px; }
	.sc-kadran-liste::-webkit-scrollbar { display: none; }
	.sc-kadran-oge { display: block; flex: 0 0 min(82%, 420px); scroll-snap-align: start; }
	.sc-kadran-dugme { display: none; }
	.sc-kadran-kart { position: static; height: 100%; opacity: 1; visibility: visible; transform: none; }
	.sc-kadran-gorsel img { transform: none; }
	.sc-ekip-kurucu .sc-ekip-izgara { grid-template-columns: minmax(0, 1fr); }
	.sc-slayt-sekmeler { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
	.sc-sl-mozaik { inset: 0; opacity: .5; }
	.sc-sl-mozaik img { opacity: .55; }
}
@media (max-width: 760px) {
	:root { --ust-y: 68px; }
	body { font-size: 1rem; }
	.sc-kap, .sc-kap-dar { width: min(100% - 32px, var(--kap)); }
	.sc-kadran-liste { margin-inline: -16px; padding-inline: 16px; scroll-padding-inline: 16px; }
	.sc-logo-amblem { width: 38px; }
	.sc-logo-yazi { width: 138px; }
	.sc-logo-alt { font-size: .5rem; letter-spacing: .5em; }
	.sc-ust-ara span, .sc-ust-ara kbd { display: none; }
	.sc-ust-ara { width: 44px; padding: 0; justify-content: center; }
	.sc-ust-ic { gap: 12px; }
	.sc-slayt { min-height: max(600px, calc(100svh - 76px)); }
	.sc-slayt-ic { padding-top: calc(var(--ust-y) + 28px); }
	.sc-slayt-karart { background: linear-gradient(180deg, rgba(8, 12, 17, .55) 0%, rgba(8, 12, 17, .62) 40%, rgba(8, 12, 17, .95) 100%); }
	.sc-slayt-alt { flex-direction: column; align-items: stretch; padding: 30px 0 66px; }
	.sc-sl-ad { display: none; }
	.sc-slayt-kontrol { justify-content: flex-end; position: absolute; right: 0; bottom: 30px; }
	.sc-slayt-asagi { display: none; }
	.sc-slayt-kontrol { display: none; }
	.sc-arama-izgara { margin-top: -40px; }
	.sc-yg-secenek { grid-template-columns: minmax(0, 1fr); }
	.sc-ara-kisayol, .sc-ara-dugme span { display: none; }
	.sc-ara-dugme { width: 52px; padding: 0; justify-content: center; }
	.sc-alan-izgara, .sc-yazi-izgara, .sc-arac-izgara, .sc-surec { grid-template-columns: minmax(0, 1fr); }
	.sc-ekip-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.sc-ekip-kurucu .sc-kisi { grid-template-columns: minmax(0, 1fr); }
	.sc-ekip-kurucu .sc-kisi-foto { aspect-ratio: 4 / 4.4; }
	.sc-kisi-bilgi { padding: 14px 14px 16px; }
	.sc-kisi h3 { font-size: 1rem; }
	.sc-kisi-eposta span { font-size: .74rem; }
	.sc-ekip-grup-ust { flex-direction: column; align-items: flex-start; }
	.sc-ekip-grup-ust p { text-align: left; }
	.sc-degerler, .sc-iletisim-kartlar, .sc-izgara-2, .sc-karsilastir { grid-template-columns: minmax(0, 1fr); }
	.sc-sayilar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sc-arac-mini { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.sc-bolum-ust { flex-direction: column; align-items: flex-start; }
	.sc-yan { grid-template-columns: minmax(0, 1fr); }
	.sc-toc ol { columns: 1; }
	.sc-cagri { grid-template-columns: minmax(0, 1fr); }
	.sc-cagri .sc-dugmeler { justify-content: flex-start; }
	.sc-sozluk-harf { grid-template-columns: minmax(0, 1fr); gap: 10px; }
	.sc-sozluk-ust { flex-direction: column; align-items: stretch; gap: 8px; }
	.sc-alt-izgara, .sc-alt-marka { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.sc-yg-ic { inset: auto 0 0 0; width: 100%; height: min(88dvh, 760px); border-radius: 24px 24px 0 0; transform: translateY(105%); }
	.sc-pencere-ic { margin-top: 12px; padding: 16px; }
	.sc-pencere-bos { grid-template-columns: minmax(0, 1fr); }
	.sc-pencere-bos ul { grid-template-columns: 1fr 1fr; }
	.sc-pencere-kisa { grid-template-columns: minmax(0, 1fr); gap: 8px; }
	.sc-pencere-araclar { order: 1; }
	.sc-pencere-alanlar { order: 2; }
	.sc-harita { aspect-ratio: 4 / 5; }
	.sc-sb-gorsel figcaption { left: 12px; }
	.sc-sb-gorsel::before { display: none; }
	.sc-metin { font-size: 1.02rem; }
	.sc-izgara-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
}
@media (max-width: 420px) {
	.sc-slm-baslik { font-size: 2.05rem; }
	.sc-ornek { padding: 18px 16px; }
	.sc-ornek dl > div { flex-direction: column; gap: 2px; }
	.sc-ornek dd { text-align: left; }
	.sc-logo-yazi { width: 118px; }
	.sc-logo-amblem { width: 34px; }
	.sc-menu-ac { padding: 0 12px; }
	.sc-ust-sag { gap: 6px; }
	.sc-ust-tel { display: none; }
	.sc-ekip-izgara { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.sc-slayt-sekmeler { gap: 6px; }
}
@media (max-width: 350px) {
	.sc-ust-yg { gap: 6px; height: 38px; padding: 0 10px 0 8px; font-size: .76rem; }
	.sc-ust-yg .sc-ikon { width: 16px; height: 16px; }
	.sc-ust .sc-logo-yazi { width: 108px; }
	.sc-ust .sc-logo-amblem { width: 31px; }
	.sc-slm-baslik { font-size: 1.75rem; }
	.sc-logo-alt { display: none; }
	.sc-ust-ara { display: none; }
	.sc-menu-yazi { letter-spacing: .14em; }
}
@media (hover: none) {
	.sc-dugme:hover { transform: none; box-shadow: none; }
	.sc-dugme::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
	.sc-perde { display: none !important; }
}
@media print {
	.sc-ust, .sc-alt, .sc-cubuk, .sc-yg-dugme, .sc-yukari, .sc-yan, .sc-toc, .sc-paylas, .sc-perde, .sc-dinle, .sc-konu-nav, .sc-bolum-acik { display: none !important; }
	.sc-sb { padding: 0 0 20px; background: none; color: #000; }
	.sc-sb h1, .sc-sb-ozet { color: #000; }
	.sc-sb-gorsel, .sc-petek { display: none; }
	.sc-makale-duzen, .sc-alan-duzen { display: block; padding: 0; }
	body { background: #fff; }
}