/* Türker Hukuk — tema stilleri. Açık ve koyu görünüm aynı değişkenlerle çalışır; hareketler yalnızca
   transform / opacity ile yapılır, "hareketi azalt" tercihinde kapanır. Yazı tipleri temayla gelir
   (Google Fonts'a istek yok). */

@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(../fonts/manrope-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(../fonts/manrope-latin.woff2) format('woff2'); 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: 'Cormorant Garamond'; font-style: normal; font-weight: 500 600; font-display: swap; src: url(../fonts/cormorant-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 500 600; font-display: swap; src: url(../fonts/cormorant-latin.woff2) format('woff2'); 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: 'Cormorant Garamond'; font-style: italic; font-weight: 500; font-display: swap; src: url(../fonts/cormorant-italik-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 500; font-display: swap; src: url(../fonts/cormorant-italik-latin.woff2) format('woff2'); 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; }

/* ---- Renkler ve ölçüler (açık görünüm) ---- */
:root {
	--zemin: #f6f3ec;
	--zemin-2: #efe8da;
	--yuzey: #ffffff;
	--yuzey-2: #fbf9f4;
	--murekkep: #101b2c;
	--metin: #2b3545;
	--soluk: #5c6574;
	--cizgi: #e3d9c7;
	--cizgi-2: #d3c5ab;
	--lacivert: #0c1726;
	--lacivert-2: #13223a;
	--lacivert-3: #1c2f4c;
	--koyu-metin: #e9e4d8;
	--koyu-soluk: #a7b0bf;
	--altin: #b08a3e;
	--altin-koyu: #8a6a22;
	--altin-acik: #d8b766;
	--altin-soluk: rgba(176, 138, 62, .12);
	--bordo: #6d1a26;
	--bordo-acik: #8e2433;
	--odak: #b08a3e;
	--altin-1: #9b7420;
	--altin-2: #e8ca70;
	--altin-3: #b38a2d;
	--altin-4: #f0d68b;
	--altin-5: #a27a24;
	--golge-1: 0 1px 2px rgba(16, 27, 44, .05), 0 6px 18px -6px rgba(16, 27, 44, .1);
	--golge-2: 0 24px 60px -24px rgba(16, 27, 44, .35);
	--golge-3: 0 40px 90px -30px rgba(16, 27, 44, .45);
	--yaricap: 20px;
	--yaricap-k: 12px;
	--govde: 'Manrope', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	--baslik: 'Cormorant Garamond', 'Cormorant', Georgia, 'Times New Roman', serif;
	--kap: 1260px;
	--bosluk: clamp(16px, 4vw, 40px);
	--egri: cubic-bezier(.2, .7, .2, 1);
	--egri-yay: cubic-bezier(.34, 1.4, .64, 1);
	--ust-y: 78px;
	color-scheme: light;
}
/* Koyu görünüm: yalnızca ziyaretçi seçtiğinde (varsayılan açık görünüm) */
:root[data-tema="koyu"] {
	--zemin: #0a111c;
	--zemin-2: #0d1726;
	--yuzey: #111c2d;
	--yuzey-2: #0f1928;
	--murekkep: #f3eee4;
	--metin: #cdd4de;
	--soluk: #97a2b2;
	--cizgi: #1f2f47;
	--cizgi-2: #2b3e5c;
	--lacivert: #060c16;
	--lacivert-2: #0b1525;
	--lacivert-3: #142339;
	--altin: #d4b064;
	--altin-koyu: #e2c27c;
	--altin-acik: #ecd394;
	--altin-soluk: rgba(212, 176, 100, .12);
	--bordo: #5b1520;
	--altin-1: #b48b32;
	--altin-2: #f4dc8f;
	--altin-3: #c99f44;
	--altin-4: #fae6a6;
	--altin-5: #b88f36;
	--golge-1: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 22px -8px rgba(0, 0, 0, .5);
	--golge-2: 0 24px 60px -24px rgba(0, 0, 0, .7);
	--golge-3: 0 40px 90px -30px rgba(0, 0, 0, .8);
	color-scheme: dark;
}

/* ---- Temel ---- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: calc(var(--ust-y) + 24px); }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body { margin: 0; background: var(--zemin); color: var(--metin); font: 400 16.5px/1.7 var(--govde); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; text-rendering: optimizeLegibility; }
img, svg, video { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .2em; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
h1, h2, h3, h4 { color: var(--murekkep); line-height: 1.12; margin: 0 0 .5em; text-wrap: balance; }
h1, h2 { font-family: var(--baslik); font-weight: 600; letter-spacing: -.01em; font-variant-numeric: lining-nums; }
.th-bas-no, .th-konu-no, .th-adimlar li::before, .th-alan-kart-ust small, .th-ikili-gorsel figcaption span, .th-sayilar b, .th-ykart-baslik, .th-alan-kart-baslik, .th-yan-baslik, .th-yazar-ad, .th-harita-ic b { font-variant-numeric: lining-nums tabular-nums; }
h1 em, h2 em { font-style: italic; font-weight: 500; color: var(--altin-koyu); }
h3 { font-size: 1.12rem; font-weight: 700; letter-spacing: -.005em; line-height: 1.3; }
p { margin: 0 0 1em; }
::selection { background: var(--altin); color: #fff; }
:focus-visible { outline: 2px solid var(--odak); outline-offset: 3px; border-radius: 6px; }
kbd { font: 600 .72em/1 var(--govde); padding: .35em .5em; border: 1px solid var(--cizgi-2); border-bottom-width: 2px; border-radius: 6px; background: var(--yuzey); color: var(--soluk); }
.th-ikon { width: 1.15em; height: 1.15em; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.th-ikon-dolu { fill: currentColor; stroke: none; }
.th-amblem { width: 48px; height: 48px; flex: none; object-fit: contain; }
.th-gizli { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.th-kap { width: 100%; max-width: var(--kap); margin: 0 auto; padding-left: var(--bosluk); padding-right: var(--bosluk); }
.th-dar { max-width: 860px; }
.th-mini { font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--soluk); margin: 0 0 .9em; }
.th-etiket { display: inline-flex; align-items: center; gap: .6em; font-size: .74rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--altin-koyu); margin: 0 0 1.1em; }
.th-etiket::before { content: ''; width: 28px; height: 1px; background: currentColor; opacity: .7; }
.th-etiket span { font-variant-numeric: tabular-nums; color: var(--soluk); letter-spacing: .08em; }
.th-etiket .th-ikon { width: 1.2em; height: 1.2em; }
.th-etiket-acik { color: var(--altin-acik); }
.th-bag { display: inline-flex; align-items: center; gap: .55em; font-weight: 700; font-size: .94rem; color: var(--murekkep); text-decoration: none; padding: .3em 0; border-bottom: 1px solid var(--cizgi-2); transition: border-color .3s, color .3s, gap .3s var(--egri); }
.th-bag:hover { gap: .85em; color: var(--altin-koyu); border-color: var(--altin); }
.th-bag .th-ikon { width: 1em; height: 1em; }

/* ---- Düğmeler ---- */
.th-dugmeler { display: flex; flex-wrap: wrap; gap: 12px; }
.th-dugme { --mx: 0px; --my: 0px; position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .6em; min-height: 50px; padding: .8em 1.4em; border-radius: 999px; font-weight: 700; font-size: .95rem; line-height: 1.2; text-decoration: none; border: 1px solid transparent; transform: translate(var(--mx), var(--my)); transition: transform .35s var(--egri), background-color .3s, color .3s, border-color .3s, box-shadow .3s; isolation: isolate; overflow: hidden; }
.th-dugme .th-ikon { width: 1.1em; height: 1.1em; }
.th-dugme-altin { background: linear-gradient(120deg, #a8822f, #d1ad5c 45%, #a37d2b); color: #fff; box-shadow: 0 10px 24px -12px rgba(176, 138, 62, .8), inset 0 1px 0 rgba(255, 255, 255, .25); }
.th-dugme-altin::after { content: ''; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, .45) 50%, transparent 70%); transform: translateX(-120%); transition: transform .8s var(--egri); z-index: -1; }
.th-dugme-altin:hover::after { transform: translateX(120%); }
.th-dugme-altin:hover { box-shadow: 0 16px 34px -14px rgba(176, 138, 62, .9), inset 0 1px 0 rgba(255, 255, 255, .25); }
.th-dugme-cizgi { background: transparent; color: var(--murekkep); border-color: var(--cizgi-2); }
.th-dugme-cizgi:hover { border-color: var(--altin); color: var(--altin-koyu); background: var(--altin-soluk); }
.th-bolum-koyu .th-dugme-cizgi, .th-cagri .th-dugme-cizgi, .th-kahraman .th-dugme-cizgi { color: var(--koyu-metin); border-color: rgba(255, 255, 255, .22); }
.th-bolum-koyu .th-dugme-cizgi:hover, .th-cagri .th-dugme-cizgi:hover { color: var(--altin-acik); border-color: var(--altin-acik); background: rgba(216, 183, 102, .08); }
.th-dugme-kucuk { min-height: 40px; padding: .55em 1.05em; font-size: .86rem; }
.th-dugme-tam { width: 100%; }

/* ---- Açılış ekranı ---- */
.th-yukleyici { display: none; }
.th-yukleniyor .th-yukleyici { display: grid; place-items: center; position: fixed; inset: 0; z-index: 200; background: radial-gradient(120% 90% at 50% 40%, #13223a 0%, #0a1322 55%, #060c16 100%); transition: transform .9s cubic-bezier(.76, 0, .24, 1) .1s, opacity .5s .5s; }
.th-yukleniyor body { overflow: hidden; }
.th-yuklendi body { overflow: auto; }
.th-yuklendi .th-yukleyici { transform: translateY(-100%); opacity: 0; pointer-events: none; }
.th-yukleyici-ic { display: grid; justify-items: center; gap: 18px; color: #e8dcc0; }
.th-yukleyici-logo { position: relative; display: block; width: min(380px, 74vw); overflow: hidden; clip-path: inset(0 100% 0 0); animation: th-logo-ac 1.1s cubic-bezier(.65, 0, .35, 1) .1s forwards; }
.th-yukleyici-logo img { display: block; width: 100%; height: auto; }
.th-yukleyici-logo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(105deg, transparent 35%, rgba(255, 246, 214, .75) 50%, transparent 65%); transform: translateX(-120%); animation: th-logo-parla 1.2s var(--egri) 1s forwards; mix-blend-mode: overlay; }
@keyframes th-logo-ac { to { clip-path: inset(0 0 0 0); } }
@keyframes th-logo-parla { to { transform: translateX(120%); } }
.th-yukleyici-ad { margin: 0; text-align: center; opacity: 0; transform: translateY(8px); animation: th-belir .7s var(--egri) .75s forwards; }
.th-yukleyici-ad b { display: block; font: 800 1.15rem/1 var(--govde); letter-spacing: .32em; background: linear-gradient(100deg, #b38a2d, #f3dc95 45%, #c99f44 70%, #f8e7b0); -webkit-background-clip: text; background-clip: text; color: transparent; }
.th-yukleyici-ad small { display: block; margin-top: 8px; font-size: .66rem; font-weight: 600; letter-spacing: .3em; text-transform: uppercase; color: #a99a78; }
.th-yukleyici-cizgi { display: block; width: 150px; height: 1px; background: rgba(232, 220, 192, .2); position: relative; overflow: hidden; }
.th-yukleyici-cizgi::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, #e8ca70, transparent); transform: translateX(-100%); animation: th-dolu 1.1s var(--egri) .3s forwards; }
@keyframes th-ciz { to { stroke-dashoffset: 0; } }
@keyframes th-yaprak { from { opacity: 0; transform: scale(.2); } to { opacity: 1; transform: scale(1); } }
@keyframes th-belir { to { opacity: 1; transform: none; } }
@keyframes th-dolu { to { transform: translateX(100%); } }

/* ---- Erişilebilirlik, ilerleme ---- */
.th-atla { position: fixed; left: 12px; top: -60px; z-index: 300; padding: .7em 1.1em; background: var(--murekkep); color: var(--zemin); border-radius: 10px; font-weight: 700; text-decoration: none; transition: top .2s; }
.th-atla:focus { top: 12px; }
.th-ilerleme { position: fixed; left: 0; right: 0; top: 0; height: 2px; z-index: 120; pointer-events: none; }
.th-ilerleme i { display: block; height: 100%; background: linear-gradient(90deg, var(--altin-1), var(--altin-2), var(--altin-3)); transform-origin: 0 50%; transform: scaleX(0); }

/* ---- Dolandırıcılık uyarısı şeridi ---- */
.th-uyari-bar { background: var(--bordo); color: #f6e9ea; font-size: .84rem; line-height: 1.45; position: relative; z-index: 41; }
.th-uyari-gizli .th-uyari-bar { display: none; }
.th-uyari-ic { display: flex; align-items: center; gap: 12px; min-height: 40px; padding-top: 7px; padding-bottom: 7px; }
.th-uyari-ic > .th-ikon { color: #ffd38a; width: 18px; height: 18px; }
.th-uyari-ic p { margin: 0; flex: 1; }
.th-uyari-ic b { color: #fff; }
.th-uyari-ic a { color: #ffd38a; font-weight: 700; white-space: nowrap; }
.th-uyari-kapat { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .1); color: #fff; flex: none; transition: background .2s; }
.th-uyari-kapat:hover { background: rgba(255, 255, 255, .22); }
.th-uyari-kapat .th-ikon { width: 15px; height: 15px; }

/* ---- Başlığın altındaki ince satır: iletişim + dil ve görünüm anahtarları ---- */
.th-serit { position: relative; z-index: 30; background: var(--zemin-2); color: var(--soluk); font-size: .8rem; border-bottom: 1px solid var(--cizgi); }
.th-serit-ic { display: flex; align-items: center; gap: 24px; min-height: 46px; }
.th-serit a { display: inline-flex; align-items: center; gap: .5em; text-decoration: none; transition: color .2s; white-space: nowrap; }
.th-serit a:hover { color: var(--murekkep); }
.th-serit a .th-ikon { color: var(--altin-koyu); width: 15px; height: 15px; }
.th-serit-ayar { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.th-serit-etiket { font-size: .66rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--soluk); }
.th-serit-etiket + .th-dil, .th-serit-etiket + .th-tema { margin-right: 8px; }
.th-serit .th-dil { height: 32px; }
.th-serit .th-dil-oge { min-width: 40px; }

/* ---- Üst bölüm ---- */
.th-ust { position: sticky; top: 0; z-index: 40; background: color-mix(in srgb, var(--zemin) 86%, transparent); -webkit-backdrop-filter: saturate(1.6) blur(16px); backdrop-filter: saturate(1.6) blur(16px); border-bottom: 1px solid transparent; transition: border-color .3s, box-shadow .3s, background-color .3s; }
.th-ust.kaydi { border-bottom-color: var(--cizgi); box-shadow: 0 10px 30px -22px rgba(16, 27, 44, .4); }
.th-ust-ic { display: flex; align-items: center; gap: 18px; height: var(--ust-y); }
.th-logo { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; flex: none; }
.th-logo-resim { display: block; width: auto; height: 60px; transition: transform .5s var(--egri-yay), filter .5s; }
.th-logo:hover .th-logo-resim { transform: scale(1.03); filter: brightness(1.08); }
[data-tema="koyu"] .th-logo-resim { filter: brightness(1.05); }
.th-logo-amblem { width: 50px; height: 50px; transition: transform .6s var(--egri-yay); }
.th-logo:hover .th-logo-amblem { transform: rotate(-6deg) scale(1.06); }
.th-logo-yazi { display: grid; gap: 4px; }
.th-logo-yazi b { font: 800 1.12rem/1 var(--govde); letter-spacing: .15em; background: linear-gradient(100deg, var(--altin-1), var(--altin-2) 35%, var(--altin-3) 55%, var(--altin-4) 75%, var(--altin-5)); background-size: 220% 100%; background-position: 100% 0; -webkit-background-clip: text; background-clip: text; color: transparent; transition: background-position 1.2s var(--egri); white-space: nowrap; }
.th-logo:hover .th-logo-yazi b { background-position: 0 0; }
.th-logo-yazi small { font-size: .6rem; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: var(--altin-koyu); white-space: nowrap; }
.th-menu { margin: 0 auto; }
.th-menu > ul { display: flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; }
.th-menu > ul > li > a { position: relative; display: inline-flex; align-items: center; gap: .35em; padding: .6em .8em; white-space: nowrap; font-size: .92rem; font-weight: 600; color: var(--metin); text-decoration: none; border-radius: 999px; transition: color .25s, background-color .25s; }
.th-menu > ul > li > a::after { content: ''; position: absolute; left: .85em; right: .85em; bottom: .25em; height: 1.5px; background: var(--altin); transform: scaleX(0); transform-origin: 0 50%; transition: transform .35s var(--egri); }
.th-menu > ul > li > a:hover, .th-menu > ul > li > a[aria-current] { color: var(--murekkep); }
.th-menu > ul > li > a:hover::after, .th-menu > ul > li > a[aria-current]::after { transform: scaleX(1); }
.th-menu .th-ikon { width: .9em; height: .9em; transition: transform .3s; }
.th-menu-alt { position: relative; }
.th-menu-alt:hover > a .th-ikon, .th-menu-alt:focus-within > a .th-ikon { transform: rotate(180deg); }
.th-acilir { position: absolute; left: 50%; top: 100%; padding-top: 14px; width: min(980px, 92vw); transform: translate(-50%, 8px); opacity: 0; visibility: hidden; transition: opacity .25s, transform .35s var(--egri), visibility .25s; }
.th-menu-alt:hover .th-acilir, .th-menu-alt:focus-within .th-acilir { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.th-acilir-ic { display: grid; grid-template-columns: repeat(3, 1fr) 1.05fr; gap: 10px 26px; padding: 26px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap); box-shadow: var(--golge-3); }
.th-acilir-grup ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.th-acilir-grup a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; margin: 0 -10px; border-radius: 10px; font-size: .88rem; font-weight: 600; color: var(--metin); text-decoration: none; line-height: 1.3; transition: background-color .2s, color .2s, transform .25s var(--egri); }
.th-acilir-grup a:hover { background: var(--altin-soluk); color: var(--murekkep); transform: translateX(3px); }
.th-acilir-grup i { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: var(--zemin); color: var(--altin-koyu); flex: none; }
.th-acilir-tanitim { position: relative; padding: 20px; border-radius: 16px; background: linear-gradient(160deg, var(--lacivert-2), var(--lacivert)); color: var(--koyu-soluk); overflow: hidden; font-size: .88rem; }
.th-acilir-tanitim .th-mini { color: var(--altin-acik); }
.th-acilir-tanitim p { margin-bottom: 1em; }
.th-acilir-tanitim .th-bag { color: #fff; border-color: rgba(255, 255, 255, .2); margin-top: 12px; display: flex; width: max-content; }
.th-acilir-amblem { position: absolute; right: -18px; bottom: -18px; width: 120px; height: 120px; opacity: .12; }
.th-ust-sag { display: flex; align-items: center; gap: 10px; flex: none; }
.th-ust-ara { display: inline-flex; align-items: center; gap: 10px; height: 42px; padding: 0 8px 0 14px; border-radius: 999px; border: 1px solid var(--cizgi-2); background: var(--yuzey); color: var(--soluk); font-size: .86rem; font-weight: 600; transition: border-color .25s, color .25s, box-shadow .25s; }
.th-ust-ara:hover { border-color: var(--altin); color: var(--murekkep); box-shadow: 0 0 0 4px var(--altin-soluk); }
.th-ust-ara .th-ikon { width: 17px; height: 17px; color: var(--altin-koyu); }
.th-ust-ara kbd { font-size: .64rem; }
.th-ust-randevu { min-height: 44px; padding: .6em 1.15em; font-size: .88rem; }
/* Dil düğmesi */
.th-dil { position: relative; display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; align-items: center; height: 38px; padding: 3px; border-radius: 999px; border: 1px solid var(--cizgi-2); background: var(--yuzey); font-size: .74rem; font-weight: 800; letter-spacing: .08em; isolation: isolate; }
.th-dil-oge { position: relative; z-index: 1; display: grid; place-items: center; min-width: 38px; height: 100%; border-radius: 999px; color: var(--soluk); text-decoration: none; transition: color .3s; }
.th-dil-oge[aria-current] { color: #fff; }
a.th-dil-oge:hover { color: var(--murekkep); }
.th-dil-iz { position: absolute; z-index: 0; top: 3px; bottom: 3px; left: 3px; width: calc(50% - 3px); border-radius: 999px; background: linear-gradient(120deg, #a8822f, #cfa955); box-shadow: 0 4px 12px -6px rgba(176, 138, 62, .9); transition: transform .45s var(--egri-yay); }
.th-dil-en .th-dil-iz { transform: translateX(100%); }
/* Görünüm anahtarı (açık / koyu) */
.th-tema { position: relative; display: inline-flex; align-items: center; width: 62px; height: 32px; padding: 0; border-radius: 999px; border: 1px solid var(--cizgi-2); background: var(--yuzey); flex: none; transition: border-color .25s, box-shadow .25s, background-color .3s; }
.th-tema::before, .th-tema::after { content: ''; position: absolute; top: 50%; width: 4px; height: 4px; margin-top: -2px; border-radius: 50%; background: var(--cizgi-2); }
.th-tema::before { right: 12px; }
.th-tema::after { left: 12px; opacity: 0; }
.th-tema:hover { border-color: var(--altin); box-shadow: 0 0 0 4px var(--altin-soluk); }
.th-tema-iz { position: absolute; left: 3px; top: 3px; width: 24px; height: 24px; border-radius: 50%; background: linear-gradient(120deg, #a8822f, #d1ad5c); color: #fff; box-shadow: 0 4px 10px -4px rgba(176, 138, 62, .9); transition: transform .5s var(--egri-yay), background .4s; }
.th-tema svg { position: absolute; left: 4px; top: 4px; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; transition: transform .6s var(--egri-yay), opacity .35s; }
.th-tema-ay { opacity: 0; transform: rotate(-90deg) scale(.4); fill: currentColor !important; stroke: none !important; }
[data-tema="koyu"] .th-tema { background: var(--lacivert-3); }
[data-tema="koyu"] .th-tema::before { opacity: 0; }
[data-tema="koyu"] .th-tema::after { opacity: 1; }
[data-tema="koyu"] .th-tema-iz { transform: translateX(30px); background: #0b1525; color: var(--altin-acik); box-shadow: 0 0 0 1px rgba(216, 183, 102, .4), 0 4px 12px -4px rgba(0, 0, 0, .8); }
[data-tema="koyu"] .th-tema-gunes { opacity: 0; transform: rotate(90deg) scale(.4); }
[data-tema="koyu"] .th-tema-ay { opacity: 1; transform: none; }
.th-tema-isin { transform-origin: 12px 12px; transition: transform .8s var(--egri); }
.th-tema:hover .th-tema-isin { transform: rotate(45deg); }
/* Mobil menü düğmesi */
.th-menu-ac { display: none; align-items: center; gap: 10px; height: 44px; padding: 0 16px 0 14px; border-radius: 999px; border: 1px solid var(--murekkep); background: var(--murekkep); color: var(--zemin); font-weight: 800; font-size: .78rem; letter-spacing: .16em; text-transform: uppercase; transition: background-color .25s, transform .25s; }
.th-menu-ac:active { transform: scale(.96); }
.th-menu-ac-cizgi { display: grid; gap: 4px; width: 18px; }
.th-menu-ac-cizgi i { display: block; height: 2px; border-radius: 2px; background: currentColor; transition: transform .35s var(--egri), opacity .2s; }
.th-menu-ac-cizgi i:nth-child(2) { width: 70%; }
.th-menu-ac[aria-expanded="true"] .th-menu-ac-cizgi i:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.th-menu-ac[aria-expanded="true"] .th-menu-ac-cizgi i:nth-child(2) { opacity: 0; }
.th-menu-ac[aria-expanded="true"] .th-menu-ac-cizgi i:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* ---- Mobil çekmece ---- */
.th-cekmece { position: fixed; inset: 0; z-index: 90; }
.th-cekmece[hidden] { display: none; }
.th-cekmece-perde { position: absolute; inset: 0; background: rgba(6, 12, 22, .55); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); opacity: 0; transition: opacity .4s; }
.th-cekmece-ic { position: absolute; top: 0; right: 0; bottom: 0; width: min(420px, 100%); display: flex; flex-direction: column; gap: 16px; padding: 18px 22px 22px; background: var(--zemin); overflow-y: auto; overscroll-behavior: contain; transform: translateX(104%); transition: transform .5s cubic-bezier(.76, 0, .24, 1); box-shadow: var(--golge-3); }
.th-d-menu .th-cekmece-perde { opacity: 1; }
.th-d-menu .th-cekmece-ic { transform: none; }
.th-d-menu body { overflow: hidden; }
.th-cekmece-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.th-logo-cekmece .th-logo-amblem { width: 42px; height: 42px; }
.th-cekmece-kapat { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--cizgi-2); background: var(--yuzey); font-size: .8rem; font-weight: 700; }
.th-cekmece-ara { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 52px; padding: 0 16px; border-radius: 14px; border: 1px solid var(--cizgi-2); background: var(--yuzey); color: var(--soluk); font-size: .92rem; text-align: left; }
.th-cekmece-ara .th-ikon { color: var(--altin-koyu); }
.th-cekmece-liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi); }
.th-cekmece-liste > li { border-bottom: 1px solid var(--cizgi); opacity: 0; transform: translateX(20px); transition: opacity .4s, transform .5s var(--egri); transition-delay: calc(.12s + var(--i, 0) * .045s); }
.th-d-menu .th-cekmece-liste > li { opacity: 1; transform: none; }
.th-cekmece-liste > li > a, .th-cekmece-liste summary { display: flex; align-items: center; gap: 14px; padding: 15px 2px; font: 600 1.5rem/1.1 var(--baslik); color: var(--murekkep); text-decoration: none; cursor: pointer; list-style: none; }
.th-cekmece-liste summary::-webkit-details-marker { display: none; }
.th-cekmece-liste i { font: 700 .7rem/1 var(--govde); font-style: normal; color: var(--altin-koyu); letter-spacing: .1em; width: 22px; }
.th-cekmece-liste summary .th-ikon { margin-left: auto; transition: transform .3s; color: var(--soluk); }
.th-cekmece-liste details[open] summary .th-ikon { transform: rotate(45deg); }
.th-cekmece-liste [aria-current] span { color: var(--altin-koyu); }
.th-cekmece-liste details ul { list-style: none; margin: 0 0 14px; padding: 0 0 0 36px; display: grid; gap: 2px; }
.th-cekmece-liste details a { display: flex; align-items: center; gap: 10px; padding: 8px 0; font-size: .92rem; color: var(--metin); text-decoration: none; }
.th-cekmece-liste details a .th-ikon { color: var(--altin-koyu); }
.th-cekmece-ayar { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 14px; background: var(--yuzey); border: 1px solid var(--cizgi); }
.th-cekmece-ayar .th-mini { margin: 0 auto 0 0; }
.th-cekmece-alt { display: grid; gap: 10px; font-size: .88rem; }
.th-cekmece-alt p { display: flex; gap: 10px; margin: 0; }
.th-cekmece-alt p .th-ikon { color: var(--altin-koyu); margin-top: .25em; }
.th-cekmece-alt a { text-decoration: none; }
.th-imza { font-size: .78rem; color: var(--soluk); text-decoration: none; letter-spacing: .02em; }
.th-imza b { color: var(--murekkep); font-weight: 800; }
.th-imza:hover b { color: var(--altin-koyu); }
.th-imza-cekmece { margin-top: auto; padding-top: 14px; border-top: 1px solid var(--cizgi); text-align: center; }

/* ---- Bölümler ---- */
.th-bolum { position: relative; padding: clamp(64px, 9vw, 120px) 0; }
.th-bolum-ince { padding: clamp(36px, 5vw, 60px) 0; }
.th-bolum-krem { background: var(--zemin-2); }
.th-bolum-koyu { background: radial-gradient(120% 120% at 85% 0%, var(--lacivert-3) 0%, var(--lacivert-2) 35%, var(--lacivert) 75%); color: var(--koyu-soluk); }
.th-bolum-koyu h2, .th-bolum-koyu h3 { color: #f4efe5; }
.th-bolum-koyu h2 em { color: var(--altin-acik); }
.th-bb { max-width: 760px; margin-bottom: clamp(34px, 5vw, 56px); }
.th-bb h2 { font-size: clamp(2.1rem, 4.4vw, 3.4rem); }
.th-bb > p, .th-bb div > p:last-child { color: var(--soluk); font-size: 1.04rem; max-width: 640px; }
.th-bolum-koyu .th-bb > p { color: var(--koyu-soluk); }
.th-bb-orta { margin-left: auto; margin-right: auto; text-align: center; }
.th-bb-orta .th-etiket { justify-content: center; }
.th-bb-orta .th-etiket::after { content: ''; width: 28px; height: 1px; background: currentColor; opacity: .7; }
.th-bb-orta > p { margin-left: auto; margin-right: auto; }
.th-bb-yan { max-width: none; display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; }
.th-bb-yan > div { max-width: 720px; }
.th-bb-yan > .th-bag { flex: none; margin-bottom: 1em; }
.th-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 6vw, 90px); align-items: center; }
.th-ikili-ust { align-items: start; }
.th-ikili-metin h2 { font-size: clamp(2.1rem, 4vw, 3.2rem); }
.th-ikili-metin > p { font-size: 1.06rem; }
.th-ikili-gorsel { position: relative; margin: 0; border-radius: var(--yaricap); overflow: hidden; box-shadow: var(--golge-2); }
.th-ikili-gorsel img { width: 100%; aspect-ratio: 4 / 3.4; object-fit: cover; transition: transform 1.2s var(--egri); }
.th-ikili-gorsel:hover img { transform: scale(1.04); }
.th-ikili-gorsel figcaption { position: absolute; left: 18px; bottom: 18px; display: grid; padding: 16px 20px; border-radius: 16px; background: color-mix(in srgb, var(--yuzey) 88%, transparent); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.th-ikili-gorsel figcaption span { font: 600 2.6rem/1 var(--baslik); color: var(--murekkep); }
.th-ikili-gorsel figcaption small { font-size: .74rem; font-weight: 600; color: var(--soluk); letter-spacing: .04em; }
.th-sayilar { list-style: none; margin: 28px 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }
.th-sayilar li { padding: 18px 12px 16px 0; display: grid; gap: 4px; }
.th-sayilar li + li { padding-left: 16px; border-left: 1px solid var(--cizgi); }
.th-sayilar b { font: 600 2.3rem/1 var(--baslik); color: var(--murekkep); }
.th-sayilar li > span { font-size: .78rem; color: var(--soluk); line-height: 1.35; }
.th-sayac { font-variant-numeric: tabular-nums; }

/* ---- Kahraman (ana sayfa açılışı): açık görünümde krem, koyu görünümde lacivert ---- */
.th-kahraman {
	--mx: 70%; --my: 30%;
	--k-zemin: radial-gradient(130% 120% at 85% 0%, #fffdf8 0%, #f7f0e3 42%, #efe5d1 100%);
	--k-baslik: var(--murekkep); --k-em: var(--altin-koyu); --k-metin: #4d5664; --k-soluk: #6b7381;
	--k-izgara: rgba(176, 138, 62, .1); --k-cizim: rgba(176, 138, 62, .32); --k-isik: rgba(216, 183, 102, .26);
	--k-kart: rgba(255, 255, 255, .86); --k-kart-cizgi: rgba(176, 138, 62, .3); --k-kart-metin: #4d5664; --k-kart-b: var(--murekkep);
	--k-cip: rgba(255, 255, 255, .72); --k-cip-cizgi: var(--cizgi-2); --k-cip-metin: var(--metin);
	--k-kemer-golge: 0 50px 90px -40px rgba(60, 44, 12, .45), 0 0 0 1px rgba(176, 138, 62, .35);
	position: relative; isolation: isolate; overflow: hidden; color: var(--k-metin); background: var(--k-zemin);
	padding: clamp(46px, 7vw, 96px) 0 clamp(70px, 9vw, 120px); min-height: min(860px, calc(100svh - 120px)); display: flex; align-items: center;
}
[data-tema="koyu"] .th-kahraman {
	--k-zemin: radial-gradient(140% 110% at 80% 0%, #1c2f4c 0%, #13223a 34%, #0b1626 70%, #070e19 100%);
	--k-baslik: #f6f1e7; --k-em: var(--altin-acik); --k-metin: #b9c2cf; --k-soluk: #8f99a9;
	--k-izgara: rgba(216, 183, 102, .07); --k-cizim: rgba(216, 183, 102, .22); --k-isik: rgba(216, 183, 102, .14);
	--k-kart: rgba(12, 22, 38, .72); --k-kart-cizgi: rgba(216, 183, 102, .25); --k-kart-metin: #d8dee8; --k-kart-b: #fff;
	--k-cip: rgba(255, 255, 255, .05); --k-cip-cizgi: rgba(255, 255, 255, .14); --k-cip-metin: #d6dce6;
	--k-kemer-golge: 0 50px 100px -40px rgba(0, 0, 0, .8), 0 0 0 1px rgba(216, 183, 102, .25);
}
.th-kahraman-zemin { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.th-plan { position: absolute; inset: 0; width: 100%; height: 100%; }
.th-plan path, .th-plan circle { fill: none; stroke-linecap: round; }
.th-plan-izgara path { stroke: var(--k-izgara); stroke-width: 1; stroke-dasharray: 1; stroke-dashoffset: 1; animation: th-ciz 2.4s var(--egri) .3s forwards; }
.th-plan-cizim path, .th-plan-cizim circle { stroke: var(--k-cizim); stroke-width: 1.2; stroke-dasharray: 1; stroke-dashoffset: 1; animation: th-ciz 3s var(--egri) .9s forwards; }
.th-kahraman-isik { position: absolute; inset: -20%; background: radial-gradient(520px circle at var(--mx) var(--my), var(--k-isik), transparent 60%); }
.th-kahraman-ic { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr); gap: clamp(30px, 5vw, 80px); align-items: center; }
.th-kahraman h1 { color: var(--k-baslik); font-size: clamp(2.9rem, 7vw, 5.6rem); line-height: .98; margin-bottom: .32em; letter-spacing: -.02em; }
.th-kahraman h1 em { color: var(--k-em); display: inline-block; }
.th-kahraman .th-etiket-acik { color: var(--k-em); }
.th-kahraman-ozet { font-size: clamp(1.02rem, 1.4vw, 1.18rem); max-width: 600px; color: var(--k-metin); margin-bottom: 28px; }
.th-kahraman-guven { list-style: none; margin: 26px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 22px; font-size: .84rem; color: var(--k-soluk); }
.th-kahraman-guven li { display: inline-flex; align-items: center; gap: 8px; }
.th-kahraman-guven .th-ikon { color: var(--k-em); width: 17px; height: 17px; }
.th-kahraman-guven b { color: var(--k-baslik); font-weight: 700; }
.th-kahraman-gorsel { position: relative; justify-self: center; width: min(100%, 440px); }
.th-kemer { position: relative; margin: 0; aspect-ratio: 2 / 3; border-radius: 999px 999px 26px 26px; overflow: hidden; box-shadow: var(--k-kemer-golge); background: #e9dfcc; }
[data-tema="koyu"] .th-kemer { background: #13223a; }
.th-kemer::after { content: ''; position: absolute; inset: 10px; border-radius: inherit; border: 1px solid rgba(255, 238, 200, .5); pointer-events: none; }
.th-kemer img { position: absolute; inset: 0; width: 100%; height: 115%; object-fit: cover; transform: translateY(var(--py, 0)); will-change: transform; }
.th-gece { display: none; }
[data-tema="koyu"] .th-gunduz { display: none; }
[data-tema="koyu"] .th-gece { display: block; }
.th-kahraman-kart { position: absolute; display: flex; align-items: center; gap: 12px; padding: 12px 16px 12px 12px; border-radius: 16px; background: var(--k-kart); border: 1px solid var(--k-kart-cizgi); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); color: var(--k-kart-metin); font-size: .8rem; box-shadow: 0 20px 40px -22px rgba(0, 0, 0, .5); animation: th-yuz 6s ease-in-out infinite; }
.th-kahraman-kart p { margin: 0; display: grid; line-height: 1.35; }
.th-kahraman-kart b { color: var(--k-kart-b); font-size: .86rem; }
.th-kahraman-kart > .th-ikon { width: 34px; height: 34px; padding: 8px; border-radius: 10px; background: rgba(216, 183, 102, .16); color: var(--k-em); }
.th-kahraman-kart .th-amblem { width: 38px; height: 38px; }
.th-kart-konum { left: -14%; bottom: 14%; }
.th-kart-amblem { right: -10%; top: 12%; animation-delay: -3s; }
@keyframes th-yuz { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.th-kahraman-asagi { position: absolute; left: 50%; bottom: 22px; translate: -50% 0; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--k-kart-cizgi); color: var(--k-em); animation: th-zipla 2.4s ease-in-out infinite; }
@keyframes th-zipla { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(6px); } }

/* ---- Arama kutuları ---- */
.th-ara { position: relative; }
.th-ara-alan { position: relative; display: flex; align-items: center; gap: 10px; min-height: 60px; padding: 6px 6px 6px 18px; border-radius: 999px; background: var(--yuzey); border: 1px solid var(--cizgi-2); box-shadow: var(--golge-1); transition: border-color .3s, box-shadow .3s; }
.th-ara-alan:focus-within { border-color: var(--altin); box-shadow: 0 0 0 5px var(--altin-soluk), var(--golge-1); }
.th-ara-buyutec { color: var(--altin-koyu); width: 21px; height: 21px; }
.th-ara input { flex: 1; min-width: 0; height: 46px; border: 0; background: transparent; outline: none; font-size: 1.02rem; color: var(--murekkep); }
.th-ara input::placeholder { color: var(--soluk); opacity: .85; }
.th-ara input::-webkit-search-cancel-button { display: none; }
.th-ara-sil { display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 50%; background: var(--zemin); color: var(--soluk); flex: none; }
.th-ara-sil[hidden] { display: none; }
.th-ara-dugme { display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0 22px; border: 0; border-radius: 999px; background: linear-gradient(120deg, #a8822f, #d1ad5c 50%, #a37d2b); color: #fff; font-weight: 700; flex: none; transition: transform .3s var(--egri), box-shadow .3s; box-shadow: 0 8px 20px -10px rgba(176, 138, 62, .9); }
.th-ara-dugme:hover { transform: translateX(2px); }
.th-ara-dugme .th-ikon { width: 1em; height: 1em; }
/* Kahraman araması: koyu zemin üzerinde parlayan kenar */
.th-ara-kahraman { max-width: 640px; }
.th-ara-kahraman .th-ara-alan { min-height: 68px; padding-left: 10px; background: #fff; border-color: transparent; box-shadow: 0 30px 60px -32px rgba(60, 44, 12, .45), 0 0 0 1px rgba(176, 138, 62, .35); }
[data-tema="koyu"] .th-ara-kahraman .th-ara-alan { background: rgba(255, 255, 255, .97); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .8), 0 0 0 1px rgba(216, 183, 102, .4); }
.th-ara-kahraman .th-ara-alan::before { content: ''; position: absolute; inset: -2px; border-radius: inherit; padding: 2px; background: conic-gradient(from var(--aci, 0deg), transparent 0deg, rgba(232, 202, 112, .95) 60deg, transparent 140deg, transparent 220deg, rgba(232, 202, 112, .6) 280deg, transparent 360deg); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: th-don 6s linear infinite; pointer-events: none; }
@property --aci { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
@keyframes th-don { to { --aci: 360deg; } }
.th-ara-kahraman input { color: #101b2c; font-size: 1.06rem; }
.th-ara-kahraman input::placeholder { color: #6b7381; }
.th-ara-rozet { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 12px; border-radius: 999px; background: #0f1d31; color: #f1d998; font-size: .74rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; flex: none; }
.th-ara-rozet .th-ikon { width: 16px; height: 16px; animation: th-parilti 2.4s ease-in-out infinite; }
@keyframes th-parilti { 0%, 100% { transform: scale(1) rotate(0); opacity: 1; } 50% { transform: scale(1.18) rotate(12deg); opacity: .8; } }
.th-ara-kahraman .th-ara-sil { background: #f1ede4; color: #5c6574; }
.th-ara-oneriler { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.th-ara-oneriler-sabit { margin-top: 14px; font-size: .82rem; }
.th-ara-oneriler-sabit > span { color: var(--soluk); font-weight: 600; margin-right: 4px; }
.th-ara-oneriler button { padding: 6px 13px; border-radius: 999px; border: 1px solid var(--cizgi-2); background: var(--yuzey); color: var(--metin); font-size: .8rem; font-weight: 600; transition: border-color .2s, color .2s, background-color .2s, transform .25s var(--egri); }
.th-ara-oneriler button:hover { border-color: var(--altin); color: var(--altin-koyu); transform: translateY(-2px); }
.th-kahraman .th-ara-oneriler-sabit > span { color: var(--k-soluk); }
.th-kahraman .th-ara-oneriler button { background: var(--k-cip); border-color: var(--k-cip-cizgi); color: var(--k-cip-metin); }
.th-kahraman .th-ara-oneriler button:hover { border-color: var(--k-em); color: var(--k-baslik); background: rgba(216, 183, 102, .14); }
/* Sonuç paneli */
.th-ara-acilir { position: absolute; left: 0; right: 0; top: calc(100% + 10px); z-index: 30; display: grid; gap: 10px; }
.th-ara-asistan:empty, .th-ara-sonuc:empty { display: none; }
.th-ara-sonuc, .th-ara-asistan { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 18px; box-shadow: var(--golge-3); max-height: min(60vh, 520px); overflow-y: auto; overscroll-behavior: contain; animation: th-acil .35s var(--egri); }
.th-ara-asistan { max-height: none; }
@keyframes th-acil { from { opacity: 0; transform: translateY(-6px) scale(.99); } to { opacity: 1; transform: none; } }
.th-ara-sonuc { padding: 8px; }
.th-ara-oge { display: grid; gap: 2px; padding: 12px 14px; border-radius: 12px; text-decoration: none; color: var(--metin); opacity: 0; animation: th-belir .35s var(--egri) forwards; animation-delay: calc(var(--i, 0) * .03s); transform: translateY(4px); }
.th-ara-oge strong { color: var(--murekkep); font-size: .96rem; line-height: 1.35; }
.th-ara-oge mark { background: var(--altin-soluk); color: inherit; padding: 0 .12em; border-radius: 4px; box-shadow: inset 0 -2px 0 var(--altin); }
.th-ara-oge-g { font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--altin-koyu); order: -1; }
.th-ara-oge-a { font-size: .84rem; color: var(--soluk); line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.th-ara-oge:hover, .th-ara-oge.etkin { background: var(--zemin); }
.th-ara-bilgi { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin: 6px 6px 2px; padding: 10px 8px 4px; border-top: 1px solid var(--cizgi); font-size: .74rem; color: var(--soluk); }
.th-ara-bilgi a { color: var(--altin-koyu); font-weight: 700; text-decoration: none; }
.th-ara-bos { padding: 18px; }
.th-ara-bos strong { display: block; color: var(--murekkep); margin-bottom: 4px; }
.th-ara-bos p { font-size: .88rem; color: var(--soluk); }
/* Asistan kartı */
.th-asistan-kart { position: relative; padding: 18px 20px 18px; overflow: hidden; }
.th-asistan-kart::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(var(--altin-2), var(--altin-1)); }
.th-asistan-ust { display: flex; align-items: center; gap: 8px; font-size: .7rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--altin-koyu); margin-bottom: 10px; }
.th-asistan-ust .th-ikon { width: 16px; height: 16px; animation: th-parilti 2.4s ease-in-out infinite; }
.th-asistan-yaziyor { display: inline-flex; gap: 3px; margin-left: 2px; }
.th-asistan-yaziyor i { width: 4px; height: 4px; border-radius: 50%; background: currentColor; animation: th-nokta 1s infinite; }
.th-asistan-yaziyor i:nth-child(2) { animation-delay: .15s; }
.th-asistan-yaziyor i:nth-child(3) { animation-delay: .3s; }
@keyframes th-nokta { 0%, 100% { opacity: .25; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-2px); } }
.th-asistan-kart p { margin: 0 0 8px; font-size: .9rem; color: var(--metin); }
.th-asistan-alan { display: flex; align-items: center; gap: 12px; padding: 10px 12px; margin: 4px 0 12px; border-radius: 14px; background: var(--zemin); text-decoration: none; transition: background-color .2s, transform .25s var(--egri); }
.th-asistan-alan:hover { transform: translateX(3px); background: var(--altin-soluk); }
.th-asistan-alan > i { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--murekkep); color: var(--altin-acik); flex: none; }
.th-asistan-alan b { display: block; color: var(--murekkep); font-size: 1rem; line-height: 1.25; }
.th-asistan-alan small { font-size: .74rem; color: var(--soluk); }
.th-asistan-alan .th-ikon-ok { margin-left: auto; color: var(--altin-koyu); }
.th-asistan-adim { list-style: none; margin: 6px 0 12px; padding: 0; display: grid; gap: 6px; counter-reset: a; }
.th-asistan-adim li { position: relative; padding-left: 30px; font-size: .86rem; line-height: 1.5; counter-increment: a; opacity: 0; animation: th-belir .4s var(--egri) forwards; animation-delay: calc(.1s + var(--i, 0) * .12s); transform: translateY(4px); }
.th-asistan-adim li::before { content: counter(a); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: var(--altin-soluk); color: var(--altin-koyu); font-size: .7rem; font-weight: 800; }
.th-asistan-ayrica { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; font-size: .8rem; }
.th-asistan-ayrica span { color: var(--soluk); margin-right: 2px; }
.th-asistan-ayrica a { padding: 3px 10px; border-radius: 999px; border: 1px solid var(--cizgi-2); text-decoration: none; font-weight: 600; }
.th-asistan-ayrica a:hover { border-color: var(--altin); color: var(--altin-koyu); }
.th-asistan-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; justify-content: space-between; padding-top: 10px; border-top: 1px solid var(--cizgi); }
.th-asistan-alt small { font-size: .72rem; color: var(--soluk); max-width: 340px; line-height: 1.4; }
/* Arama penceresi */
.th-pencere { position: fixed; inset: 0; z-index: 110; display: grid; align-items: start; justify-items: center; padding: clamp(12px, 8vh, 90px) 14px 14px; background: rgba(6, 12, 22, .62); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); animation: th-perde .25s ease-out; overflow-y: auto; }
.th-pencere[hidden] { display: none; }
@keyframes th-perde { from { opacity: 0; } to { opacity: 1; } }
.th-pencere-ic { width: min(760px, 100%); background: var(--zemin); border: 1px solid var(--cizgi); border-radius: 24px; padding: 18px; box-shadow: var(--golge-3); animation: th-acil .4s var(--egri); }
.th-d-ara body { overflow: hidden; }
.th-pencere-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 12px; }
.th-pencere-ust p { display: flex; align-items: center; gap: 8px; margin: 0; font: 600 1.4rem/1.1 var(--baslik); color: var(--murekkep); }
.th-pencere-ust p .th-ikon { color: var(--altin-koyu); width: 20px; height: 20px; }
.th-pencere-kapat { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--cizgi-2); background: var(--yuzey); font-size: .78rem; font-weight: 700; }
.th-ara-pencere .th-ara-acilir { position: static; margin-top: 12px; }
.th-ara-pencere .th-ara-sonuc, .th-ara-pencere .th-ara-asistan { box-shadow: none; max-height: none; }
.th-ara-pano { margin-top: 16px; display: grid; gap: 18px; }
.th-ara-pano[hidden] { display: none; }
.th-ara-pano-alt ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }
.th-ara-pano-alt a { display: flex; align-items: center; gap: 8px; padding: 9px 10px; border-radius: 10px; font-size: .84rem; font-weight: 600; text-decoration: none; color: var(--metin); }
.th-ara-pano-alt a:hover { background: var(--yuzey); color: var(--murekkep); }
.th-ara-pano-alt .th-ikon { color: var(--altin-koyu); }
.th-ara-kisayol { display: flex; align-items: center; gap: 10px; margin: 0; padding: 12px 14px; border-radius: 14px; background: var(--yuzey); font-size: .8rem; color: var(--soluk); }
.th-ara-kisayol .th-ikon { color: var(--altin-koyu); }
.th-ara-kisayol kbd { margin-left: auto; }

/* ---- Kayan alan şeridi ---- */
.th-serit-kayan { display: flex; overflow: hidden; background: var(--lacivert); border-top: 1px solid rgba(216, 183, 102, .15); border-bottom: 1px solid rgba(216, 183, 102, .15); -webkit-mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.th-serit-iz { display: flex; flex: none; gap: 46px; padding: 18px 23px; animation: th-kay 60s linear infinite; }
.th-serit-kayan:hover .th-serit-iz { animation-play-state: paused; }
.th-serit-iz a { display: inline-flex; align-items: center; gap: 12px; font: 500 1.35rem/1 var(--baslik); font-style: italic; color: #d9c79d; text-decoration: none; white-space: nowrap; transition: color .2s; }
.th-serit-iz a:hover { color: #fff; }
.th-serit-iz .th-ikon { color: var(--altin-acik); width: 18px; height: 18px; }
@keyframes th-kay { to { transform: translateX(-100%); } }

/* ---- Faaliyet alanı kartları ---- */
.th-alan-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
.th-alan-kart { --rx: 0deg; --ry: 0deg; perspective: 900px; }
.th-alan-kart-bag { position: relative; display: flex; flex-direction: column; height: 100%; border-radius: var(--yaricap); background: var(--yuzey); border: 1px solid var(--cizgi); overflow: hidden; text-decoration: none; color: var(--metin); transform: rotateX(var(--rx)) rotateY(var(--ry)); transform-style: preserve-3d; transition: transform .5s var(--egri), box-shadow .4s, border-color .4s; }
.th-alan-kart-bag:hover { box-shadow: var(--golge-2); border-color: color-mix(in srgb, var(--altin) 45%, var(--cizgi)); }
.th-alan-kart-gorsel { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--zemin-2); }
.th-alan-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--egri), filter .6s; }
.th-alan-kart-bag:hover .th-alan-kart-gorsel img { transform: scale(1.07); }
.th-alan-kart-gorsel::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(12, 23, 38, .45)); }
[data-tema="koyu"] .th-alan-kart-gorsel img { filter: brightness(.85) saturate(.9); }
.th-alan-kart-govde { position: relative; display: flex; flex-direction: column; flex: 1; padding: 0 22px 22px; }
.th-alan-kart-ust { display: flex; align-items: flex-end; justify-content: space-between; margin-top: -26px; margin-bottom: 14px; position: relative; z-index: 1; }
.th-alan-kart-ust i { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; background: var(--murekkep); color: var(--altin-acik); box-shadow: 0 12px 24px -12px rgba(0, 0, 0, .6); transition: transform .5s var(--egri-yay); }
[data-tema="koyu"] .th-alan-kart-ust i { background: #1b2c47; }
.th-alan-kart-ust i .th-ikon { width: 24px; height: 24px; }
.th-alan-kart-bag:hover .th-alan-kart-ust i { transform: translateY(-4px) rotate(-6deg); }
.th-alan-kart-ust small { font: 600 1.6rem/1 var(--baslik); color: var(--cizgi-2); }
.th-alan-kart-baslik { font: 600 1.55rem/1.1 var(--baslik); color: var(--murekkep); margin: 0 0 8px; }
.th-alan-kart-ozet { font-size: .88rem; color: var(--soluk); line-height: 1.55; margin-bottom: 16px; }
.th-alan-kart-git { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; font-size: .84rem; font-weight: 700; color: var(--altin-koyu); transition: gap .3s var(--egri); }
.th-alan-kart-bag:hover .th-alan-kart-git { gap: 12px; }

/* ---- Makale kartları ---- */
.th-yazilar { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 22px; }
.th-ykart { position: relative; display: flex; flex-direction: column; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--yaricap); overflow: hidden; transition: transform .45s var(--egri), box-shadow .4s, border-color .4s; }
.th-ykart:hover { transform: translateY(-5px); box-shadow: var(--golge-2); border-color: color-mix(in srgb, var(--altin) 40%, var(--cizgi)); }
.th-ykart-gorsel { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--zemin-2); }
.th-ykart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--egri); }
.th-ykart:hover .th-ykart-gorsel img { transform: scale(1.06); }
.th-ykart-govde { display: flex; flex-direction: column; flex: 1; padding: 20px 22px 18px; }
.th-ykart-ust { display: flex; justify-content: space-between; gap: 10px; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--altin-koyu); margin-bottom: 10px; }
.th-ykart-ust time { color: var(--soluk); font-weight: 600; letter-spacing: .02em; text-transform: none; }
.th-ykart-baslik { font: 600 1.42rem/1.18 var(--baslik); margin: 0 0 10px; }
.th-ykart-baslik a { text-decoration: none; color: var(--murekkep); background: linear-gradient(var(--altin), var(--altin)) 0 100% / 0 1px no-repeat; transition: background-size .5s var(--egri); }
.th-ykart:hover .th-ykart-baslik a { background-size: 100% 1px; }
.th-ykart-baslik a::after { content: ''; position: absolute; inset: 0; }
.th-ykart-ozet { font-size: .88rem; color: var(--soluk); line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 14px; }
.th-ykart-alt { display: flex; align-items: center; gap: 6px; margin-top: auto; font-size: .76rem; color: var(--soluk); }
.th-ykart-alt .th-ikon { width: 14px; height: 14px; }
.th-ykart-git { margin-left: auto; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--cizgi-2); color: var(--murekkep); transition: background-color .3s, color .3s, transform .4s var(--egri); }
.th-ykart:hover .th-ykart-git { background: var(--murekkep); color: var(--zemin); transform: rotate(45deg); }
.th-ykart-git .th-ikon { width: 15px; height: 15px; }
/* Konu süzgeç düğmeleri */
.th-cipler { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 2px; }
.th-cipler::-webkit-scrollbar { display: none; }
.th-cipler-sar { flex-wrap: wrap; overflow: visible; }
.th-cipler button, .th-cipler a { flex: none; display: inline-flex; align-items: center; gap: 6px; padding: 8px 15px; border-radius: 999px; border: 1px solid var(--cizgi-2); background: var(--yuzey); color: var(--metin); font-size: .84rem; font-weight: 600; text-decoration: none; transition: background-color .25s, color .25s, border-color .25s; }
.th-cipler small { font-size: .7rem; color: var(--soluk); font-weight: 700; }
.th-cipler button:hover { border-color: var(--altin); }
.th-cipler [aria-pressed="true"], .th-cipler [aria-current] { background: var(--murekkep); color: var(--zemin); border-color: var(--murekkep); }
.th-cipler [aria-pressed="true"] small { color: inherit; opacity: .7; }
/* Ray */
.th-ray-ust { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.th-ray-oklar { display: flex; gap: 8px; flex: none; }
.th-ray-ok { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--cizgi-2); background: var(--yuzey); color: var(--murekkep); transition: background-color .25s, color .25s, opacity .25s; }
.th-ray-ok:hover:not(:disabled) { background: var(--murekkep); color: var(--zemin); }
.th-ray-ok:disabled { opacity: .35; cursor: default; }
.th-ray-iz { display: grid; grid-auto-flow: column; grid-auto-columns: min(360px, 82vw); gap: 22px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 6px 2px 18px; outline: none; }
.th-ray-iz::-webkit-scrollbar { display: none; }
.th-ray-iz > * { scroll-snap-align: start; }
.th-ray-oge[hidden] { display: none; }
/* Liste */
.th-liste-ust { margin-bottom: 26px; }
.th-liste-sonra { display: none; }
.th-liste-acik .th-liste-sonra { display: flex; }
.th-liste .th-ykart[hidden] { display: none; }
.th-liste-alt { text-align: center; margin: 36px 0 0; }
.th-liste-acik .th-liste-alt { display: none; }

/* ---- Asistan bölümü ---- */
.th-asistan-bolum { overflow: hidden; }
.th-asistan-bolum::before { content: ''; position: absolute; right: -10%; top: -30%; width: 640px; height: 640px; border-radius: 50%; background: radial-gradient(circle, rgba(216, 183, 102, .12), transparent 65%); pointer-events: none; }
.th-asistan-ic { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(30px, 5vw, 70px); align-items: center; }
.th-asistan-metin h2 { font-size: clamp(2.1rem, 4vw, 3.2rem); }
.th-asistan-metin p { font-size: 1.02rem; }
.th-asistan-kisayol { display: flex; align-items: center; gap: 10px; font-size: .86rem; color: #8f99a9; }
.th-asistan-kisayol .th-ikon { color: var(--altin-acik); }
.th-asistan-kisayol kbd { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .18); color: #d6dce6; }
.th-durumlar { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.th-durum { position: relative; display: flex; align-items: center; gap: 14px; min-height: 76px; padding: 14px 44px 14px 14px; border-radius: 18px; border: 1px solid rgba(255, 255, 255, .1); background: rgba(255, 255, 255, .035); color: #e6e9ef; font-size: .92rem; font-weight: 600; line-height: 1.3; text-align: left; transition: background-color .3s, border-color .3s, transform .4s var(--egri); }
.th-durum:hover { background: rgba(216, 183, 102, .1); border-color: rgba(216, 183, 102, .45); transform: translateY(-3px); }
.th-durum i { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: rgba(216, 183, 102, .14); color: var(--altin-acik); flex: none; transition: transform .5s var(--egri-yay); }
.th-durum:hover i { transform: rotate(-8deg) scale(1.08); }
.th-durum-ok { position: absolute; right: 16px; top: 50%; translate: 0 -50%; color: #8f99a9; transition: transform .35s var(--egri), color .3s; }
.th-durum:hover .th-durum-ok { transform: translate(2px, -2px); color: var(--altin-acik); }

/* ---- Süreç adımları ---- */
.th-adimlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; counter-reset: adim; }
.th-adimlar li { position: relative; padding: 26px 22px 22px; border-radius: var(--yaricap); background: var(--yuzey); border: 1px solid var(--cizgi); counter-increment: adim; }
.th-adimlar li::before { content: counter(adim, decimal-leading-zero); display: block; font: 600 2.4rem/1 var(--baslik); color: var(--altin); margin-bottom: 14px; }
.th-adimlar li::after { content: ''; position: absolute; left: 22px; right: 22px; top: 0; height: 2px; background: linear-gradient(90deg, var(--altin), transparent); transform: scaleX(0); transform-origin: 0 50%; transition: transform 1s var(--egri) .2s; }
.th-adimlar li.gor::after, .th-animyok .th-adimlar li::after, html:not(.th-js) .th-adimlar li::after { transform: scaleX(1); }
.th-adimlar h3 { font-size: 1.04rem; margin-bottom: 6px; }
.th-adimlar p { font-size: .88rem; color: var(--soluk); margin: 0; line-height: 1.55; }
.th-bolum-krem .th-adimlar li { background: var(--yuzey); }

/* ---- Arabuluculuk bandı ---- */
.th-bant { padding: clamp(40px, 6vw, 70px) 0; }
.th-bant-ic { display: grid; grid-template-columns: auto 1fr auto; gap: 28px; align-items: center; padding: clamp(26px, 4vw, 44px); border-radius: 28px; background: linear-gradient(120deg, var(--yuzey), var(--yuzey-2)); border: 1px solid var(--cizgi); box-shadow: var(--golge-1); }
.th-bant-ikon { display: grid; place-items: center; width: 74px; height: 74px; border-radius: 22px; background: var(--murekkep); color: var(--altin-acik); }
.th-bant-ikon .th-ikon { width: 34px; height: 34px; }
.th-bant h2 { font-size: clamp(1.6rem, 3vw, 2.3rem); margin-bottom: .3em; }
.th-bant p:last-child { margin: 0; color: var(--soluk); font-size: .94rem; }
.th-bant .th-etiket { margin-bottom: .6em; }

/* ---- Sorular ---- */
.th-ikili-sss { align-items: start; grid-template-columns: .8fr 1.2fr; }
.th-sorular { display: grid; gap: 10px; }
.th-soru { border-radius: 16px; background: var(--yuzey); border: 1px solid var(--cizgi); transition: border-color .3s, box-shadow .3s; }
.th-soru[open] { border-color: color-mix(in srgb, var(--altin) 45%, var(--cizgi)); box-shadow: var(--golge-1); }
.th-soru summary { position: relative; display: block; padding: 18px 56px 18px 20px; font-weight: 700; color: var(--murekkep); cursor: pointer; list-style: none; line-height: 1.4; }
.th-soru summary::-webkit-details-marker { display: none; }
.th-soru summary::after { content: ''; position: absolute; right: 18px; top: 50%; width: 26px; height: 26px; margin-top: -13px; border-radius: 50%; background: var(--zemin) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b08a3e' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center / 14px no-repeat; transition: transform .35s var(--egri), background-color .3s; }
.th-soru[open] summary::after { transform: rotate(135deg); }
.th-soru-yanit { padding: 0 20px 18px; color: var(--metin); font-size: .95rem; }
.th-soru-yanit p:last-child { margin: 0; }
.th-soru:target { border-color: var(--altin); }

/* ---- İletişim ---- */
.th-iletisim-bolum .th-ikili { align-items: start; }
.th-iletisim-metin h2 { font-size: clamp(2.1rem, 4vw, 3.2rem); }
.th-iletisim-liste { list-style: none; margin: 0 0 26px; padding: 0; display: grid; gap: 16px; }
.th-iletisim-liste li { display: flex; gap: 14px; }
.th-iletisim-liste li > .th-ikon { width: 42px; height: 42px; padding: 11px; border-radius: 12px; background: rgba(216, 183, 102, .12); color: var(--altin-acik); }
.th-iletisim-liste span { display: grid; gap: 2px; font-size: .95rem; }
.th-iletisim-liste b { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: #8f99a9; }
.th-iletisim-liste a { color: #eef0f4; text-decoration: none; }
.th-iletisim-liste a:hover { color: var(--altin-acik); }
.th-iletisim-acik li > .th-ikon { background: var(--altin-soluk); color: var(--altin-koyu); }
.th-iletisim-acik b { color: var(--soluk); }
.th-iletisim-acik a { color: var(--murekkep); }
.th-iletisim-not { margin-top: 22px; font-size: .78rem; color: #8f99a9; }
.th-harita { position: relative; min-height: 380px; border-radius: var(--yaricap); overflow: hidden; background: linear-gradient(160deg, var(--lacivert-2), var(--lacivert)); border: 1px solid rgba(216, 183, 102, .2); }
.th-harita::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(0deg, rgba(216, 183, 102, .06) 0 1px, transparent 1px 40px), repeating-linear-gradient(90deg, rgba(216, 183, 102, .06) 0 1px, transparent 1px 40px); }
.th-harita-pin { position: relative; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: rgba(216, 183, 102, .1); }
.th-harita-pin::after { content: ''; position: absolute; inset: -18px; border-radius: 50%; border: 1px solid rgba(216, 183, 102, .4); animation: th-nabiz 2.6s ease-out infinite; }
@keyframes th-nabiz { from { transform: scale(.3); opacity: 1; } to { transform: scale(1.6); opacity: 0; } }
.th-harita-ic { position: relative; z-index: 1; display: grid; justify-items: center; align-content: center; gap: 12px; min-height: 380px; padding: 30px; text-align: center; color: var(--koyu-soluk); }
.th-harita-pin .th-ikon { width: 30px; height: 30px; color: var(--altin-acik); }
.th-harita-ic p { margin: 0; display: grid; gap: 4px; font-size: .88rem; }
.th-harita-ic b { color: #fff; font: 600 1.4rem/1.2 var(--baslik); }
.th-harita-ic .th-bag { color: #fff; border-color: rgba(255, 255, 255, .2); }
.th-harita-ic small { font-size: .72rem; color: #7f8999; }
.th-harita iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; z-index: 2; }
.th-bolum-krem .th-harita { margin-top: 18px; }
.th-kartlar-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.th-ik { display: grid; gap: 4px; padding: 22px; border-radius: var(--yaricap); background: var(--yuzey); border: 1px solid var(--cizgi); text-decoration: none; transition: transform .4s var(--egri), box-shadow .4s, border-color .3s; }
.th-ik:hover { transform: translateY(-4px); box-shadow: var(--golge-2); border-color: var(--altin); }
.th-ik > .th-ikon { width: 44px; height: 44px; padding: 11px; margin-bottom: 10px; border-radius: 13px; background: var(--murekkep); color: var(--altin-acik); }
.th-ik > .th-ikon-dolu { padding: 10px; }
.th-ik b { color: var(--murekkep); font-size: 1.02rem; }
.th-ik span { font-size: .86rem; color: var(--soluk); word-break: break-word; }
.th-adres-uzun { color: var(--soluk); }
.th-mesaj { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 22px; border-radius: var(--yaricap); background: var(--yuzey); border: 1px solid var(--cizgi); margin-top: 18px; }
.th-mesaj-alan { display: grid; gap: 6px; }
.th-mesaj-genis, .th-mesaj-dugme, .th-mesaj-not { grid-column: 1 / -1; }
.th-mesaj label { font-size: .78rem; font-weight: 700; color: var(--murekkep); }
.th-mesaj input, .th-mesaj select, .th-mesaj textarea { width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--cizgi-2); background: var(--zemin); color: var(--murekkep); outline: none; transition: border-color .2s, box-shadow .2s; }
.th-mesaj input:focus, .th-mesaj select:focus, .th-mesaj textarea:focus { border-color: var(--altin); box-shadow: 0 0 0 4px var(--altin-soluk); }
.th-mesaj textarea { resize: vertical; min-height: 96px; }
.th-mesaj-dugme { display: flex; flex-wrap: wrap; gap: 10px; }
.th-mesaj-not { display: flex; gap: 8px; margin: 0; font-size: .76rem; color: var(--soluk); }
.th-mesaj-not .th-ikon { color: var(--altin-koyu); margin-top: .2em; }

/* ---- Sayfa başı ---- */
.th-bas { position: relative; overflow: hidden; padding: clamp(34px, 5vw, 60px) 0 clamp(46px, 6vw, 80px); background: linear-gradient(180deg, var(--zemin-2), var(--zemin)); border-bottom: 1px solid var(--cizgi); }
.th-bas-desen { position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--altin) 9%, transparent) 0 1px, transparent 1px 80px); -webkit-mask: radial-gradient(70% 90% at 80% 10%, #000, transparent 70%); mask: radial-gradient(70% 90% at 80% 10%, #000, transparent 70%); opacity: .7; }
.th-bas-ic { position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(28px, 5vw, 70px); align-items: center; }
.th-bas-sade .th-bas-ic { grid-template-columns: minmax(0, 1fr); max-width: 980px; }
.th-bas h1 { font-size: clamp(2.5rem, 5.6vw, 4.3rem); line-height: 1.02; margin-bottom: .32em; }
.th-bas-ozet { font-size: clamp(1rem, 1.3vw, 1.14rem); color: var(--soluk); max-width: 660px; margin-bottom: 24px; }
.th-bas-gorsel { position: relative; margin: 0; border-radius: var(--yaricap); overflow: hidden; box-shadow: var(--golge-2); aspect-ratio: 4 / 3; }
.th-bas-gorsel img { width: 100%; height: 112%; object-fit: cover; transform: translateY(var(--py, 0)); }
[data-tema="koyu"] .th-bas-gorsel img { filter: brightness(.88); }
.th-bas-no { position: absolute; right: 18px; bottom: 6px; font: 600 5.5rem/1 var(--baslik); color: rgba(255, 255, 255, .88); text-shadow: 0 10px 30px rgba(0, 0, 0, .4); }
.th-bas-rozet { position: absolute; left: 18px; top: 18px; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: rgba(12, 22, 38, .75); color: var(--altin-acik); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.th-bas-rozet .th-ikon { width: 26px; height: 26px; }
.th-bas-ara { max-width: 720px; margin-top: 8px; }
.th-bas-ara-orta { margin: 0 auto 40px; }
.th-bas-404 .th-bas-ic { grid-template-columns: 1fr auto; max-width: none; }
.th-bas-404-amblem { width: clamp(160px, 22vw, 280px); height: auto; opacity: .9; }
.th-yol ol { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; list-style: none; margin: 0 0 22px; padding: 0; font-size: .8rem; color: var(--soluk); }
.th-yol li + li::before { content: '/'; margin-right: 6px; color: var(--cizgi-2); }
.th-yol a { text-decoration: none; }
.th-yol a:hover { color: var(--altin-koyu); }
.th-yol [aria-current] { color: var(--murekkep); font-weight: 600; max-width: 46ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---- Gövde, yan sütun ---- */
.th-govde { padding-top: clamp(40px, 6vw, 70px); padding-bottom: clamp(60px, 8vw, 100px); }
.th-iki { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: clamp(30px, 5vw, 64px); align-items: start; }
.th-yan { position: sticky; top: calc(var(--ust-y) + 20px); display: grid; gap: 16px; max-height: calc(100vh - var(--ust-y) - 36px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--cizgi-2) transparent; padding-right: 2px; }
.th-yan-kutu { padding: 20px; border-radius: var(--yaricap); background: var(--yuzey); border: 1px solid var(--cizgi); }
.th-icindekiler ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; max-height: 46vh; overflow-y: auto; }
.th-icindekiler a { display: block; padding: 7px 10px 7px 14px; border-left: 2px solid var(--cizgi); font-size: .85rem; line-height: 1.4; color: var(--soluk); text-decoration: none; transition: color .2s, border-color .2s, background-color .2s; }
.th-icindekiler a:hover { color: var(--murekkep); }
.th-icindekiler a.etkin { color: var(--murekkep); font-weight: 700; border-left-color: var(--altin); background: var(--altin-soluk); }
.th-yan-iletisim { position: relative; overflow: hidden; background: linear-gradient(160deg, var(--lacivert-2), var(--lacivert)); border-color: transparent; color: var(--koyu-soluk); }
.th-yan-iletisim .th-mini { color: var(--altin-acik); }
.th-yan-amblem { position: absolute; right: -20px; top: -20px; width: 120px; height: 120px; opacity: .14; }
.th-yan-baslik { font: 600 1.6rem/1.15 var(--baslik); color: #fff; margin: 0 0 12px; }
.th-yan-tel { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; font-size: 1.15rem; font-weight: 800; color: #fff; text-decoration: none; }
.th-yan-tel .th-ikon { color: var(--altin-acik); }
.th-yan-bag { display: flex; align-items: center; gap: 10px; width: 100%; margin-top: 10px; padding: 10px 0 0; border: 0; border-top: 1px solid rgba(255, 255, 255, .1); background: none; color: #d6dce6; font-size: .86rem; font-weight: 600; text-decoration: none; text-align: left; }
.th-yan-bag:hover { color: var(--altin-acik); }
.th-yan-bag .th-ikon { color: var(--altin-acik); }
.th-yan-alanlar ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; }
.th-yan-alanlar a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; margin: 0 -10px; border-radius: 10px; font-size: .86rem; font-weight: 600; color: var(--metin); text-decoration: none; }
.th-yan-alanlar a:hover { background: var(--zemin); }
.th-yan-alanlar a[aria-current] { background: var(--altin-soluk); color: var(--murekkep); }
.th-yan-alanlar .th-ikon { color: var(--altin-koyu); }

/* ---- Metin (makale ve sayfa içerikleri) ---- */
.th-metin { font-size: 1.04rem; line-height: 1.8; color: var(--metin); min-width: 0; }
.th-metin > *:first-child { margin-top: 0; }
.th-metin h2 { font-size: clamp(1.8rem, 3vw, 2.35rem); margin: 1.9em 0 .55em; scroll-margin-top: calc(var(--ust-y) + 24px); }
.th-metin h3 { font-size: 1.18rem; margin: 1.6em 0 .5em; }
.th-metin h4 { font-size: 1.02rem; margin: 1.4em 0 .4em; }
.th-metin a { color: var(--altin-koyu); font-weight: 600; }
.th-metin ul, .th-metin ol { padding-left: 1.3em; margin: 0 0 1.2em; }
.th-metin li { margin-bottom: .4em; }
.th-metin li::marker { color: var(--altin); }
.th-metin strong { color: var(--murekkep); font-weight: 700; }
.th-metin blockquote { margin: 1.6em 0; padding: 18px 24px; border-left: 3px solid var(--altin); background: var(--yuzey); border-radius: 0 14px 14px 0; font-family: var(--baslik); font-size: 1.3rem; line-height: 1.5; color: var(--murekkep); }
.th-metin table { width: 100%; border-collapse: collapse; margin: 1.4em 0; font-size: .92rem; display: block; overflow-x: auto; }
.th-metin td, .th-metin th { border: 1px solid var(--cizgi); padding: 10px 12px; text-align: left; vertical-align: top; }
.th-metin figure { margin: 1.6em 0; }
.th-metin img { border-radius: 14px; }
.th-giris > p:first-child { font-size: 1.12rem; color: var(--murekkep); }
/* Konu bölümleri */
.th-konu-dizin { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; }
.th-konu-dizin a { padding: 6px 13px; border-radius: 999px; border: 1px solid var(--cizgi-2); background: var(--yuzey); font-size: .8rem; font-weight: 600; color: var(--metin) !important; text-decoration: none; transition: border-color .2s, color .2s; }
.th-konu-dizin a:hover { border-color: var(--altin); color: var(--altin-koyu) !important; }
.th-konular { display: grid; gap: 16px; }
.th-konu { position: relative; padding: 26px 28px 22px 82px; border-radius: var(--yaricap); background: var(--yuzey); border: 1px solid var(--cizgi); scroll-margin-top: calc(var(--ust-y) + 24px); transition: border-color .3s, box-shadow .3s; }
.th-konu:hover { border-color: color-mix(in srgb, var(--altin) 35%, var(--cizgi)); box-shadow: var(--golge-1); }
.th-konu:target { border-color: var(--altin); box-shadow: 0 0 0 4px var(--altin-soluk); }
.th-konu-no { position: absolute; left: 24px; top: 24px; font: 600 2rem/1 var(--baslik); color: var(--altin); }
.th-konu h3 { margin: 0 0 .6em; font-size: 1.14rem; }
.th-konu p { font-size: .97rem; }
.th-konu ul { font-size: .95rem; }
.th-konu > :last-child { margin-bottom: 0; }
.th-konu-hizmet { position: relative; margin-top: 1em; padding: 12px 14px 12px 42px; border-radius: 12px; background: var(--altin-soluk); font-size: .92rem !important; color: var(--murekkep); }
.th-konu-hizmet::before { content: ''; position: absolute; left: 14px; top: 15px; width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b08a3e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat; }
.th-teknik { display: flex; gap: 18px; align-items: flex-start; margin: 1.6em 0; padding: 22px 24px; border-radius: var(--yaricap); background: linear-gradient(120deg, var(--lacivert-2), var(--lacivert)); color: var(--koyu-soluk); }
.th-teknik-ikon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 15px; background: rgba(216, 183, 102, .14); color: var(--altin-acik); flex: none; }
.th-teknik-ikon .th-ikon { width: 26px; height: 26px; }
.th-teknik .th-mini { color: var(--altin-acik); margin-bottom: .4em; }
.th-teknik p { margin: 0; font-size: .95rem; }
.th-teknik strong { color: #fff; }
.th-metin .th-adimlar { grid-template-columns: 1fr 1fr; margin: 0 0 1em; padding: 0; }
.th-metin .th-adimlar li { margin: 0; }
.th-metin .th-adimlar h3 { margin: 0 0 6px; }
.th-belgeler { list-style: none; padding: 0 !important; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.th-belgeler li { display: flex; gap: 12px; align-items: flex-start; margin: 0; padding: 14px 16px; border-radius: 14px; background: var(--yuzey); border: 1px solid var(--cizgi); font-size: .92rem; line-height: 1.45; }
.th-belgeler .th-ikon { color: var(--altin-koyu); margin-top: .1em; }
.th-tablo-kap { overflow-x: auto; border-radius: var(--yaricap); border: 1px solid var(--cizgi); background: var(--yuzey); }
.th-tablo { width: 100%; border-collapse: collapse; margin: 0 !important; display: table !important; font-size: .9rem; }
.th-tablo th, .th-tablo td { border: 0 !important; border-bottom: 1px solid var(--cizgi) !important; padding: 14px 16px !important; text-align: left; vertical-align: top; }
.th-tablo thead th { font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--soluk); background: var(--yuzey-2); }
.th-tablo tbody th { font-weight: 600; color: var(--murekkep); }
.th-tablo td strong { color: var(--altin-koyu); white-space: nowrap; }
.th-tablo tr:last-child > * { border-bottom: 0 !important; }
.th-tablo-not { font-size: .8rem !important; color: var(--soluk); margin-top: 10px; }
.th-not { display: flex; gap: 14px; align-items: flex-start; margin: 2em 0 0; padding: 16px 18px; border-radius: 16px; background: var(--yuzey); border: 1px solid var(--cizgi); font-size: .88rem; line-height: 1.6; color: var(--soluk); }
.th-not p { margin: 0; }
.th-not .th-ikon { color: var(--altin-koyu); margin-top: .15em; }
.th-not-uyari { border-color: color-mix(in srgb, var(--altin) 40%, var(--cizgi)); }
.th-uyari-kutu { display: flex; gap: 18px; padding: 24px 26px; border-radius: var(--yaricap); background: color-mix(in srgb, var(--bordo) 8%, var(--yuzey)); border: 1px solid color-mix(in srgb, var(--bordo) 30%, var(--cizgi)); margin-bottom: 1.6em; }
.th-uyari-kutu > .th-ikon { width: 30px; height: 30px; color: var(--bordo-acik); }
[data-tema="koyu"] .th-uyari-kutu > .th-ikon { color: #ff9aa6; }
.th-uyari-kutu p:last-child { margin: 0; }
.th-sirali { counter-reset: s; list-style: none; padding: 0 !important; display: grid; gap: 10px; }
.th-sirali li { counter-increment: s; position: relative; padding: 14px 16px 14px 58px; border-radius: 14px; background: var(--yuzey); border: 1px solid var(--cizgi); margin: 0; }
.th-sirali li::before { content: counter(s); position: absolute; left: 16px; top: 13px; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--murekkep); color: var(--altin-acik); font-weight: 800; font-size: .8rem; }
.th-alan-ciplar { list-style: none; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 8px; }
.th-alan-ciplar li { margin: 0; }
.th-alan-ciplar a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 15px; border-radius: 999px; border: 1px solid var(--cizgi-2); background: var(--yuzey); color: var(--murekkep) !important; text-decoration: none; font-size: .88rem; }
.th-alan-ciplar a:hover { border-color: var(--altin); }
.th-alan-ciplar .th-ikon { color: var(--altin-koyu); }
/* Hakkımızda */
.th-zaman { padding: 26px; border-radius: var(--yaricap); background: var(--yuzey); border: 1px solid var(--cizgi); box-shadow: var(--golge-1); }
.th-zaman-liste { list-style: none; margin: 0; padding: 0; position: relative; display: grid; gap: 18px; }
.th-zaman-liste::before { content: ''; position: absolute; left: 21px; top: 10px; bottom: 10px; width: 1px; background: linear-gradient(var(--altin), var(--cizgi)); }
.th-zaman-liste li { position: relative; display: flex; gap: 16px; }
.th-zaman-ikon { position: relative; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--murekkep); color: var(--altin-acik); flex: none; box-shadow: 0 0 0 5px var(--yuzey); }
.th-zaman-liste b { display: block; color: var(--murekkep); font-size: 1rem; margin-top: 2px; }
.th-zaman-liste p { margin: 2px 0 0; font-size: .88rem; color: var(--soluk); line-height: 1.5; }
.th-degerler { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.th-deger { padding: 26px 22px; border-radius: var(--yaricap); background: var(--yuzey); border: 1px solid var(--cizgi); }
.th-deger > .th-ikon { width: 48px; height: 48px; padding: 12px; border-radius: 14px; background: var(--altin-soluk); color: var(--altin-koyu); margin-bottom: 14px; }
.th-deger h3 { margin-bottom: 6px; }
.th-deger p { margin: 0; font-size: .88rem; color: var(--soluk); }
/* Arama sonuç listesi (WordPress araması) */
.th-arama-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.th-arama-liste a { display: grid; gap: 4px; padding: 18px 20px; border-radius: 16px; background: var(--yuzey); border: 1px solid var(--cizgi); text-decoration: none; }
.th-arama-liste a:hover { border-color: var(--altin); }
.th-arama-liste strong { color: var(--murekkep); font-size: 1.05rem; }
.th-arama-liste span:last-child { font-size: .88rem; color: var(--soluk); }
.th-bos { display: grid; justify-items: center; gap: 10px; padding: 60px 20px; text-align: center; }
.th-bos > .th-ikon { width: 46px; height: 46px; color: var(--altin-koyu); }
.th-sayfalama ul { display: flex; justify-content: center; gap: 6px; list-style: none; margin: 40px 0 0; padding: 0; }
.th-sayfalama a, .th-sayfalama span { display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 10px; border-radius: 12px; border: 1px solid var(--cizgi); background: var(--yuzey); text-decoration: none; font-weight: 700; }
.th-sayfalama .current { background: var(--murekkep); color: var(--zemin); border-color: var(--murekkep); }

/* ---- Makale sayfası ---- */
.th-bas-makale h1 { font-size: clamp(2.2rem, 4.6vw, 3.6rem); }
.th-makale-bilgi { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; font-size: .84rem; color: var(--soluk); }
.th-makale-bilgi > span { display: inline-flex; align-items: center; gap: 6px; }
.th-makale-bilgi .th-ikon { color: var(--altin-koyu); width: 16px; height: 16px; }
.th-makale-yazar { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; margin-right: 6px; }
.th-makale-yazar b { display: block; color: var(--murekkep); font-size: .9rem; }
.th-makale-yazar small { font-size: .74rem; }
.th-avatar { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--murekkep); flex: none; }
.th-avatar .th-amblem { width: 26px; height: 26px; }
.th-avatar-buyuk { width: 88px; height: 88px; }
.th-avatar-buyuk .th-amblem { width: 50px; height: 50px; }
.th-arac-kap { margin-top: -24px; position: relative; z-index: 3; }
.th-arac { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px; border-radius: 18px; background: var(--yuzey); border: 1px solid var(--cizgi); box-shadow: var(--golge-1); width: max-content; max-width: 100%; }
.th-arac-dugme { display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 14px; border-radius: 12px; border: 1px solid transparent; background: var(--zemin); color: var(--metin); font-size: .82rem; font-weight: 700; text-decoration: none; cursor: pointer; list-style: none; transition: background-color .2s, border-color .2s, color .2s; }
.th-arac-dugme::-webkit-details-marker { display: none; }
.th-arac-dugme:hover, .th-arac-dugme[aria-pressed="true"] { border-color: var(--altin); color: var(--murekkep); background: var(--altin-soluk); }
.th-arac-dugme .th-ikon { width: 16px; height: 16px; color: var(--altin-koyu); }
.th-arac-dugme[hidden] { display: none; }
.th-arac-dugme[aria-pressed="true"] .th-ikon { animation: th-parilti 1.4s ease-in-out infinite; }
.th-arac-ai { position: relative; }
.th-arac-ai[open] .th-arac-dugme { border-color: var(--altin); }
.th-arac-ai-liste { position: absolute; left: 0; top: calc(100% + 8px); z-index: 20; display: grid; min-width: 220px; padding: 6px; border-radius: 14px; background: var(--yuzey); border: 1px solid var(--cizgi); box-shadow: var(--golge-3); animation: th-acil .25s var(--egri); }
.th-arac-ai-liste a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border-radius: 10px; font-size: .86rem; font-weight: 600; text-decoration: none; }
.th-arac-ai-liste a:hover { background: var(--zemin); color: var(--altin-koyu); }
.th-arac-ai-liste .th-ikon { width: 14px; height: 14px; color: var(--soluk); }
.th-arac-dil { background: var(--murekkep); color: var(--zemin); }
.th-arac-dil .th-ikon { color: var(--altin-acik); }
.th-arac-dil:hover { color: var(--murekkep); }
.th-ceviri-not { display: flex; gap: 10px; align-items: center; padding: 12px 16px; border-radius: 14px; background: var(--altin-soluk); font-size: .86rem !important; color: var(--murekkep); }
.th-ceviri-not .th-ikon { color: var(--altin-koyu); }
.th-makale-metin .th-okunuyor { background: var(--altin-soluk); border-radius: 6px; box-shadow: 0 0 0 4px var(--altin-soluk); transition: background-color .3s; }
.th-yazar-kutu { display: flex; gap: 22px; align-items: flex-start; margin-top: 2.2em; padding: 26px; border-radius: var(--yaricap); background: var(--yuzey); border: 1px solid var(--cizgi); }
.th-yazar-kutu .th-mini { margin-bottom: .3em; }
.th-yazar-ad { font: 600 1.6rem/1.1 var(--baslik); color: var(--murekkep); margin: 0 0 8px; }
.th-yazar-kutu p:not(.th-mini):not(.th-yazar-ad) { font-size: .92rem; color: var(--soluk); }

/* ---- Sayfa sonu çağrı ---- */
.th-cagri { position: relative; overflow: hidden; padding: clamp(60px, 8vw, 100px) 0; background: radial-gradient(120% 140% at 10% 0%, var(--lacivert-3), var(--lacivert-2) 40%, var(--lacivert) 80%); color: var(--koyu-soluk); }
.th-cagri-ic { position: relative; z-index: 1; display: grid; grid-template-columns: 1.2fr auto; gap: 30px; align-items: center; }
.th-cagri h2 { color: #f4efe5; font-size: clamp(2.2rem, 4.4vw, 3.4rem); }
.th-cagri h2 em { color: var(--altin-acik); }
.th-cagri p { max-width: 580px; }
.th-cagri-amblem { position: absolute; right: -60px; top: 50%; translate: 0 -50%; width: 420px; height: 420px; opacity: .06; }

/* ---- Alt bilgi ---- */
.th-alt { background: var(--lacivert); color: var(--koyu-soluk); font-size: .9rem; padding-top: clamp(56px, 7vw, 84px); border-top: 1px solid rgba(216, 183, 102, .15); }
.th-alt-ust { display: grid; grid-template-columns: 1.4fr .8fr 1fr 1.1fr; gap: 40px; padding-bottom: 50px; }
.th-alt-buro p { max-width: 380px; margin-top: 18px; color: #9aa4b4; }
.th-logo-alt .th-logo-yazi small { color: #b99a5c; }
.th-alt-baro { display: flex; align-items: center; gap: 10px; font-size: .82rem; color: #c7b48c !important; }
.th-alt-baro .th-ikon { color: var(--altin-acik); }
.th-alt-baslik { font-size: .72rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--altin-acik); margin-bottom: 18px; }
.th-alt-sutun ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.th-alt-sutun a { text-decoration: none; color: #c3cad6; transition: color .2s; }
.th-alt-sutun a:hover { color: #fff; }
.th-alt-alanlar ul { gap: 7px; font-size: .86rem; }
.th-alt-iletisim li { display: flex; gap: 10px; align-items: flex-start; }
.th-alt-iletisim .th-ikon { color: var(--altin-acik); margin-top: .25em; }
.th-alt-ayar { display: flex; gap: 10px; margin-top: 22px; }
.th-alt .th-dil, .th-alt .th-tema { background: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, .14); }
.th-alt .th-dil-oge:not([aria-current]) { color: #a7b0bf; }
.th-alt-cizgi { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; padding-top: 22px; padding-bottom: 26px; border-top: 1px solid rgba(255, 255, 255, .08); font-size: .8rem; color: #7f8a9b; }
.th-alt-cizgi p { margin: 0; }
.th-alt-bag { display: flex; flex-wrap: wrap; gap: 10px; }
.th-alt-bag a { color: #a7b0bf; text-decoration: none; }
.th-alt-bag a:hover { color: #fff; }
.th-alt .th-imza b { color: #e6dcc4; }
.th-alt .th-imza:hover b { color: var(--altin-acik); }

/* ---- Mobil işlem çubuğu, yukarı düğmesi, bildirim ---- */
.th-mobil-cubuk { display: none; }
.th-yukari { position: fixed; right: 18px; bottom: 18px; z-index: 50; display: grid; place-items: center; width: 50px; height: 50px; border: 0; border-radius: 50%; background: var(--yuzey); color: var(--murekkep); box-shadow: var(--golge-2); transition: transform .3s var(--egri), opacity .3s; }
.th-yukari[hidden] { display: none; }
.th-yukari > svg:first-child { position: absolute; inset: 3px; width: 44px; height: 44px; transform: rotate(-90deg); }
.th-yukari circle { fill: none; stroke: var(--cizgi); stroke-width: 2; }
.th-yukari .th-yukari-iz { stroke: var(--altin); stroke-dasharray: 1; stroke-dashoffset: var(--iz, 1); }
.th-yukari:hover { transform: translateY(-3px); }
.th-bildirim { position: fixed; left: 50%; bottom: 28px; z-index: 130; padding: 12px 18px; border-radius: 999px; background: var(--murekkep); color: var(--zemin); font-size: .86rem; font-weight: 700; transform: translate(-50%, 20px); opacity: 0; pointer-events: none; transition: transform .35s var(--egri), opacity .3s; }
.th-bildirim.acik { transform: translate(-50%, 0); opacity: 1; }

/* ---- Hareketler: kaydırınca belirme, kelime kelime başlık, okudukça koyulaşan metin ---- */
.th-js [data-gor] { opacity: 0; transform: translateY(26px); transition: opacity .9s var(--egri), transform 1s var(--egri); transition-delay: calc(var(--sira, 0) * .08s); }
.th-js [data-gor].gor { opacity: 1; transform: none; }
.th-js .th-adimlar li[data-gor] { transform: translateY(26px) scale(.98); }
.th-k { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .08em; margin-bottom: -.08em; }
.th-k > span { display: inline-block; transform: translateY(105%); transition: transform 1s var(--egri); transition-delay: calc(var(--k) * .045s + .1s); }
.th-js .gor-kelime .th-k > span, .th-animyok .th-k > span { transform: none; }
.th-o { transition: opacity .4s, color .4s; opacity: .32; }
.th-o.okundu { opacity: 1; }
.th-bolum-koyu .th-o { color: #fff; }
/* Sayfalar arası geçiş (destekleyen tarayıcılarda; betik gerekmez) */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: th-vt-cik .35s var(--egri) both; }
::view-transition-new(root) { animation: th-vt-gir .45s var(--egri) both; }
@keyframes th-vt-cik { to { opacity: 0; transform: translateY(-10px); } }
@keyframes th-vt-gir { from { opacity: 0; transform: translateY(12px); } }
/* Görünüm değişiminde dairesel geçiş (betikle) */
.th-tema-gecis::view-transition-old(root), .th-tema-gecis::view-transition-new(root) { animation: none; mix-blend-mode: normal; }
.th-animyok [data-gor], .th-animyok .th-k > span, .th-animyok .th-o { opacity: 1 !important; transform: none !important; transition: none !important; }

/* ---- Duyarlı düzen ---- */
@media (max-width: 1520px) {
	.th-ust-randevu { display: none; }
	.th-ust-ara span, .th-ust-ara kbd { display: none; }
	.th-ust-ara { width: 42px; padding: 0; justify-content: center; }
}
@media (max-width: 1320px) {
	.th-menu { display: none; }
	.th-menu-ac { display: inline-flex; }
	.th-ust-ic { justify-content: space-between; }
	.th-ust-sag { margin-left: auto; }
	.th-alt-ust { grid-template-columns: 1.3fr 1fr 1fr; }
	.th-alt-buro { grid-column: 1 / -1; }
}
@media (max-width: 1100px) {
	.th-adimlar { grid-template-columns: 1fr 1fr; }
	.th-degerler { grid-template-columns: 1fr 1fr; }
	.th-kartlar-4 { grid-template-columns: 1fr 1fr; }
	.th-iki { grid-template-columns: minmax(0, 1fr); }
	.th-yan { position: static; max-height: none; overflow: visible; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
	.th-icindekiler { display: none; }
	.th-kart-konum { left: -6%; }
	.th-kart-amblem { right: -4%; }
}
@media (max-width: 900px) {
	:root { --ust-y: 68px; }
	.th-serit .th-serit-adres { display: none; }
	.th-serit-ic { gap: 18px; }
	.th-kahraman { min-height: 0; }
	.th-kahraman-ic, .th-ikili, .th-asistan-ic, .th-bas-ic, .th-cagri-ic, .th-ikili-sss { grid-template-columns: minmax(0, 1fr); }
	.th-kahraman-gorsel { width: min(78vw, 380px); margin-top: 10px; }
	.th-bas-gorsel { max-width: 640px; }
	.th-bb-yan { flex-direction: column; align-items: flex-start; gap: 6px; }
	.th-bant-ic { grid-template-columns: minmax(0, 1fr); text-align: left; }
	.th-sayilar { grid-template-columns: 1fr 1fr; }
	.th-sayilar li:nth-child(3) { padding-left: 0; border-left: 0; }
	.th-sayilar li:nth-child(n+3) { border-top: 1px solid var(--cizgi); }
	.th-ust-ara span, .th-ust-ara kbd { display: none; }
	.th-ust-ara { width: 42px; padding: 0; justify-content: center; }
	.th-bas-404 .th-bas-ic { grid-template-columns: minmax(0, 1fr); }
	.th-bas-404-amblem { display: none; }
}
@media (max-width: 700px) {
	body { font-size: 16px; padding-bottom: 66px; }
	.th-uyari-bar { font-size: .76rem; }
	.th-uyari-ic { gap: 10px; }
	.th-serit .th-serit-eposta { display: none; }
	.th-logo-amblem { width: 42px; height: 42px; }
	.th-logo-resim { height: 42px; }
	.th-logo-yazi b { font-size: .95rem; letter-spacing: .12em; }
	.th-logo-yazi small { font-size: .5rem; letter-spacing: .18em; }
	.th-ust-ic { gap: 8px; }
	.th-ust-sag { gap: 6px; }
	.th-ust-ara { display: none; }
	.th-serit-ic { min-height: 44px; gap: 10px; }
	.th-serit-etiket { display: none; }
	.th-serit-ayar { gap: 8px; }
	.th-menu-ac { height: 40px; padding: 0 12px; gap: 8px; letter-spacing: .1em; }
	.th-ara-alan { min-height: 56px; padding-left: 14px; }
	.th-ara-dugme span { display: none; }
	.th-ara-dugme { width: 46px; padding: 0; justify-content: center; }
	.th-ara-kahraman .th-ara-alan { min-height: 60px; padding-left: 6px; }
	.th-ara-rozet span { display: none; }
	.th-ara-rozet { width: 40px; justify-content: center; padding: 0; }
	.th-kahraman h1 { font-size: clamp(2.6rem, 12vw, 3.6rem); }
	.th-kahraman-kart { font-size: .72rem; padding: 9px 12px 9px 9px; }
	.th-kart-konum { left: -4%; bottom: 8%; }
	.th-kart-amblem { right: -4%; top: 6%; }
	.th-kahraman-asagi { display: none; }
	.th-durumlar { grid-template-columns: minmax(0, 1fr); }
	.th-adimlar, .th-metin .th-adimlar, .th-belgeler, .th-degerler, .th-kartlar-4, .th-mesaj { grid-template-columns: minmax(0, 1fr); }
	.th-konu { padding: 66px 18px 18px; }
	.th-konu-no { left: 18px; top: 20px; }
	.th-ara-pano-alt ul { grid-template-columns: 1fr 1fr; }
	.th-alt-ust { grid-template-columns: 1fr 1fr; gap: 32px 20px; }
	.th-alt-iletisim { grid-column: 1 / -1; }
	.th-alt-alanlar { grid-column: 1 / -1; }
	.th-alt-alanlar ul { grid-template-columns: 1fr 1fr; }
	.th-mobil-cubuk { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; padding: 6px 8px calc(6px + env(safe-area-inset-bottom)); background: color-mix(in srgb, var(--zemin) 92%, transparent); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-top: 1px solid var(--cizgi); }
	.th-mobil-cubuk a, .th-mobil-cubuk button { display: grid; justify-items: center; gap: 2px; padding: 6px 4px; border: 0; background: none; color: var(--murekkep); font-size: .7rem; font-weight: 700; text-decoration: none; }
	.th-mobil-cubuk .th-ikon { width: 22px; height: 22px; color: var(--altin-koyu); }
	.th-yukari { bottom: 82px; right: 12px; width: 44px; height: 44px; }
	.th-yukari > svg:first-child { width: 38px; height: 38px; }
	.th-arac { width: 100%; }
	.th-arac-dugme span { font-size: .78rem; }
	.th-yazar-kutu { flex-direction: column; }
	.th-cagri-amblem { display: none; }
	.th-harita, .th-harita-ic { min-height: 300px; }
	.th-bas-no { font-size: 4rem; }
	.th-yol [aria-current] { max-width: 24ch; }
}
@media (max-width: 400px) {
	.th-logo-yazi small { display: none; }
	.th-serit-tel span { font-size: .76rem; }
}

/* ---- Hareketi azalt ---- */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
	.th-js [data-gor], .th-k > span, .th-o { opacity: 1 !important; transform: none !important; }
	.th-serit-iz { animation: none; }
	.th-plan path, .th-plan circle { stroke-dashoffset: 0; }
	@view-transition { navigation: none; }
}

/* ---- Yazdırma ---- */
@media print {
	.th-uyari-bar, .th-serit, .th-ust, .th-cekmece, .th-yan, .th-arac-kap, .th-cagri, .th-alt, .th-mobil-cubuk, .th-yukari, .th-pencere, .th-ilerleme, .th-bolum-krem, .th-yukleyici { display: none !important; }
	body { background: #fff; color: #000; font-size: 12pt; }
	.th-bas { background: none; padding: 0 0 12pt; border: 0; }
	.th-bas-gorsel, .th-bas-desen { display: none; }
	.th-iki { display: block; }
	.th-metin a { color: #000; text-decoration: underline; }
	.th-js [data-gor], .th-k > span, .th-o { opacity: 1 !important; transform: none !important; }
}