@font-face {
 font-family: "Bricolage Grotesque";
 font-style: normal;
 font-weight: 200 800;
 font-display: swap;
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 src: url("/varlik/font/bricolage-latin.woff2") format("woff2");
}
@font-face {
 font-family: "Bricolage Grotesque";
 font-style: normal;
 font-weight: 200 800;
 font-display: swap;
 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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
 src: url("/varlik/font/bricolage-latin-ext.woff2") format("woff2");
}
@font-face {
 font-family: 'Schibsted Grotesk';
 font-style: normal;
 font-weight: 400 700;
 font-display: swap;
 src: url('/varlik/font/schibsted-grotesk.woff2') format('woff2');
}
@font-face {
 font-family: 'Martian Mono';
 font-style: normal;
 font-weight: 300 600;
 font-display: swap;
 src: url('/varlik/font/martian-mono.woff2') format('woff2');
}
:root {
 --yuz-y: 9px;
 --yuz-x: 4px;
 --yuz-don: 1.2deg;
 --dur-yuz-dalga: 4.4s;
 --dur-yuz-yalpa: 5.9s;
 --yuz-faz-1: -0.78s;
 --yuz-faz-2: -1.38s;
 --kagit: #fbf7f0;
 --zemin-rgb: 251, 247, 240;
 --kagit-2: #f6e8db;
 --kagit-3: #f2ece1;
 --cizgi: #e4d8c6;
 --ayrac: #c2af92;
 --kenar: #b09a79;
 --murekkep: #2b2218;
 --murekkep-2: #453a2e;
 --murekkep-3: #5a5044;
 --vurgu: #c05a2e;
 --vurgu-koyu: #a2481f;
 --vurgu-yumusak: #f6e8db;
 --alan: #a2481f;
 --alan-metin: #fdf9f3;
 --alan-2: #2b2218;
 --alan-2-metin: #f6e8db;
 --ikinci: #2f5d50;
 --sv-a1: #a2481f;
 --sv-a2: #2f5d50;
 --sv-b1: #8a5a12;
 --altin: #cc9a3f;
 --der: #356399;
 --die: #b32545;
 --das: #4e6a3b;
 --secim-zemin: var(--vurgu-koyu);
 --secim-metin: var(--kagit);
 --golge: 0 1px 0 rgba(43, 34, 24, 0.04), 0 12px 32px -20px rgba(43, 34, 24, 0.35);
 --ev: cubic-bezier(0.2, 0, 0, 1);
 --ev-sekme: cubic-bezier(0.34, 2.27, 0.64, 1);
 --dur-bas: 0.12s;
 --dur-anlik: 0.2s;
 --dur-kisa: 0.3s;
 --dur-orta: 0.4s;
 --dur-yavas: 0.55s;
 --dur-uzun: 0.7s;
 --dur-tam: 0.9s;
 --yz-mini: 14px;
 --yz-mikro: 14px;
 --yz-kucuk: 14px;
 --yz-govde: 14px;
 --yz-orta: 15.5px;
 --yz-buyuk: 16.5px;
 --yz-h4: 18px;
 --yz-h3: 21px;
 --yz-h2: 26px;
 --yz-h1: 30px;
 --r-xs: 8px;
 --r-md: 20px;
 --r-plaka: 14px;
 --r-hap: var(--r-plaka);
 --pad: clamp(18px, 2.4vw, 36px);
 --olcu: 40rem;
 --genis: min(82rem, 92vw);
 --ray: 6rem;
 --yan: 160px;
 --yan-sol: 160px;
 --omurga-ara: clamp(16px, 2vw, 34px);
 --bosluk-s: clamp(14px, 1.4vw, 20px);
 --bosluk-m: clamp(20px, 2.6vw, 34px);
 --bosluk-l: clamp(32px, 3.6vw, 54px);
 --f-display: 'Bricolage Grotesque', 'Schibsted Grotesk', system-ui, sans-serif;
 --f-govde: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
 --f-etiket: 'Schibsted Grotesk', system-ui, -apple-system, sans-serif;
 --f-mono: 'Martian Mono', ui-monospace, 'SFMono-Regular', monospace;
 --ls-dev: 0em;
 --ls-bolum: 0em;
 --ls-kart: 0em;
 --ls-govde: 0em;
 --ls-alt: -0.022em;
 color-scheme: light;
}
@media (min-width: 1600px) {
 :root {
 --genis: min(96rem, 90vw);
 }
}
@media (min-width: 1900px) {
 :root {
 --genis: min(110rem, 88vw);
 }
}
[data-dil='en'] {
 --kagit: #0e1626;
 --zemin-rgb: 14, 22, 38;
 --kagit-2: #16223a;
 --kagit-3: #1b2743;
 --cizgi: #2b3a58;
 --ayrac: #3b4f75;
 --kenar: #4d6394;
 --murekkep: #ece7dc;
 --murekkep-2: #b6c0d1;
 --murekkep-3: #8794a9;
 --vurgu: #d9a441;
 --vurgu-koyu: #e5b45c;
 --vurgu-yumusak: #1e2b46;
 --altin: #d9a441;
 --der: #7fb3e8;
 --die: #ff8fa3;
 --das: #a8cf8a;
 --secim-zemin: var(--vurgu);
 --secim-metin: #0e1626;
 --golge: 0 1px 0 rgba(0, 0, 0, 0.2), 0 12px 32px -20px rgba(0, 0, 0, 0.8);
 color-scheme: dark;
}
*,
*::before,
*::after {
 box-sizing: border-box;
 min-width: 0;
}
html {
 background: var(--kagit);
 -webkit-text-size-adjust: 100%;
 scroll-behavior: smooth;
}
body {
 margin: 0;
 background: var(--kagit);
 color: var(--murekkep);
 font-family: var(--f-govde);
 font-size: clamp(16px, 15px + 0.35vw, 18px);
 line-height: calc(6px + 2.125ex);
 letter-spacing: var(--ls-govde);
 -webkit-font-smoothing: antialiased;
 text-rendering: optimizeLegibility;
 overflow-x: clip;
}
::selection {
 background: var(--secim-zemin);
 color: var(--secim-metin);
}
a {
 color: inherit;
}
:focus-visible {
 outline: 2px solid var(--vurgu-koyu);
 outline-offset: 3px;
}
[data-dil='en'] :focus-visible {
 outline-color: var(--vurgu-koyu);
}
img {
 max-width: 100%;
 height: auto;
 display: block;
}
.baslik-dev,
.dev {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 700;
 font-size: clamp(2rem, 1.35rem + 1.6vw, 2.75rem);
 line-height: 1.25;
 letter-spacing: var(--ls-dev);
 margin: 0;
 text-wrap: balance;
}
.baslik-bolum,
.orta {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 700;
 font-size: clamp(1.45rem, 1.15rem + 1.1vw, 1.95rem);
 line-height: 1.2;
 letter-spacing: var(--ls-bolum);
 margin: 0;
 text-wrap: balance;
}
.baslik-kart,
.kucuk-baslik {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 700;
 font-size: clamp(1.2rem, 1rem + 0.8vw, 1.6rem);
 line-height: 1.22;
 letter-spacing: var(--ls-kart);
 margin: 0;
}
@media (max-width: 436px) {
 .baslik-dev,
 .dev {
 letter-spacing: var(--ls-bolum);
 }
}
@media (max-width: 536px) {
 .baslik-bolum,
 .orta {
 letter-spacing: var(--ls-kart);
 }
}
.govde {
 font-family: var(--f-govde);
 font-weight: 400;
 letter-spacing: var(--ls-govde);
}
.gm-alt {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -2px;
 overflow: hidden;
 clip-path: inset(50%);
 white-space: nowrap;
 border: 0;
}
.altyazi {
 font-size: clamp(14px, 13px + 0.28vw, 16.5px);
 line-height: 1.45;
 letter-spacing: var(--ls-alt);
 color: var(--murekkep-2);
}
.etiket,
.mono {
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 font-weight: 600;
 letter-spacing: 0.14em;
 text-transform: uppercase;
 color: var(--murekkep-3);
}
.aksan {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-style: normal;
 font-weight: 700;
 color: var(--vurgu-koyu);
 letter-spacing: inherit;
}
.de {
 font-family: var(--f-govde);
 font-weight: 600;
 letter-spacing: -0.015em;
}
.kabuk {
 width: 100%;
 max-width: calc(var(--genis) + var(--pad) * 2);
 margin-inline: auto;
 padding-inline: var(--pad);
}
.olcu {
 max-width: var(--olcu);
 margin-inline: auto;
}
.omurga {
 display: block;
}
.ray {
 display: flex;
 align-items: baseline;
 gap: 12px;
 margin-bottom: 10px;
 padding-top: 0;
}
.ray:empty {
 display: none;
}
.ray::after {
 content: '';
 flex: 1;
 height: 1px;
 background: var(--cizgi);
 transform: translateY(-3px);
}
main.yanli,
main.olculu {
 --olcu: 100%;
}
main.yanli .kabuk,
main.olculu .kabuk {
 max-width: calc(62rem + var(--pad) * 2);
}
.ray .no {
 font-family: var(--f-mono);
 font-size: clamp(1.25rem, 1.05rem + 0.7vw, 1.6rem);
 font-weight: 300;
 line-height: 1;
 letter-spacing: -0.02em;
 color: var(--vurgu-koyu);
 font-variant-numeric: tabular-nums;
}
.ray .tc {
 margin-bottom: 0;
}
.ray .tc::before {
 display: none;
}
.govde > p,
.govde > ul,
.govde > .replik,
.govde > .not {
 max-width: var(--olcu);
}
.govde > .tuzak {
 max-width: min(calc(var(--olcu) + 6rem), 100%);
}
.govde > p,
.govde > ul {
 margin-block: 0 1.15em;
}
.govde > ul {
 padding-left: 1.15em;
}
.govde > ul li {
 margin-bottom: 0.5em;
}
.govde > .ifadeler,
.govde > .kat-liste {
 max-width: none;
 padding-left: 0;
}
.govde > h2 {
 margin-bottom: 0.42em;
}
.govde > h2 + p,
.govde > h3 + p {
 margin-top: 0;
}
@media (max-width: 860px) {
 .ray {
 gap: 10px;
 margin-bottom: 8px;
 }
 .ray .no {
 font-size: 1.22rem;
 }
}
.icindekiler {
 border-top: 1px solid var(--ayrac);
 padding-block: 12px 0;
}
.icindekiler ol {
 list-style: none;
 margin: 0;
 padding: 0;
 display: flex;
 flex-wrap: wrap;
 gap: 4px 18px;
}
.icindekiler li {
 margin: 0;
 flex: 0 1 auto;
 min-width: 0;
 max-width: 100%;
}
.icindekiler a {
 display: inline-flex;
 gap: 8px;
 align-items: baseline;
 padding: 4px 0;
 text-decoration: none;
 color: var(--murekkep-2);
 font-size: max(14px, 0.86em);
 line-height: 1.35;
 border-bottom: 1px solid transparent;
 transition: color var(--dur-kisa) var(--ev), border-color var(--dur-kisa) var(--ev);
}
.icindekiler a:hover {
 color: var(--vurgu-koyu);
 border-bottom-color: var(--cizgi);
}
.icindekiler a:hover {
 color: var(--vurgu-koyu);
}
[data-dil='en'] .icindekiler a:hover {
 color: var(--vurgu-koyu);
}
.icindekiler a {
 max-width: 100%;
}
.icindekiler a span:last-child {
 min-width: 0;
 overflow-wrap: anywhere;
}
.icindekiler a span:first-child {
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 color: var(--vurgu-koyu);
 flex: none;
 letter-spacing: 0.08em;
}
section {
 margin-block: var(--bosluk-l);
}
.serit {
 position: sticky;
 top: 0;
 z-index: 50;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 16px;
 padding: 10px var(--pad);
 background: var(--kagit);
 border-bottom: 1px solid var(--ayrac);
 transition: transform var(--dur-kisa) var(--ev);
 will-change: transform;
}
html.serit-gizli .serit {
 transform: translateY(-100%);
}
html.tepede .serit {
 background: transparent;
 border-bottom-color: transparent;
 backdrop-filter: none;
 -webkit-backdrop-filter: none;
}
html.serit-gizli .yan-yapis,
html.serit-gizli .yansol-yapis {
 top: 24px;
}
@media (prefers-reduced-motion: reduce) {
 .serit { transition: none; }
}
@media print {
 .serit { position: static; transform: none !important; }
}
.serit a {
 text-decoration: none;
}
.marka {
 display: inline-flex;
 align-items: center;
 gap: 10px;
 color: var(--murekkep);
 flex: none;
}
.marka-levha {
 width: 34px;
 height: 34px;
 border-radius: var(--r-xs);
 flex: none;
 position: relative;
}
.marka-levha::before,
.marka-levha::after {
 content: '';
 position: absolute;
 left: 22%;
 right: 22%;
 height: 3.4px;
 border-radius: 2px;
}
.marka-levha::before { top: 36%; background: #d4f24b; }
.marka-levha::after  { top: 55%; background: #fffdf9; }
@keyframes marka-kilit-sol {
 from { transform: translateX(-7px); }
 60%  { transform: translateX(2px); }
 to   { transform: translateX(0); }
}
@keyframes marka-kilit-sag {
 from { transform: translateX(7px); }
 60%  { transform: translateX(-2px); }
 to   { transform: translateX(0); }
}
.marka:hover .marka-levha::before,
.marka:focus-visible .marka-levha::before { animation: marka-kilit-sol 0.42s var(--ev); }
.marka:hover .marka-levha::after,
.marka:focus-visible .marka-levha::after { animation: marka-kilit-sag 0.42s var(--ev) 0.05s; }
@media (prefers-reduced-motion: reduce) {
 .marka:hover .marka-levha::before,
 .marka:focus-visible .marka-levha::before,
 .marka:hover .marka-levha::after,
 .marka:focus-visible .marka-levha::after { animation: none; }
}
.marka-ad {
 font-size: var(--yz-buyuk);
 font-weight: 700;
 letter-spacing: -0.025em;
}
@media (max-width: 620px) {
 .marka-ad { display: none; }
}
.tc {
 display: inline-flex;
 align-items: center;
 gap: 10px;
 font-family: var(--f-mono);
 font-size: var(--yz-mikro);
 letter-spacing: 0.18em;
 text-transform: uppercase;
 color: var(--murekkep-3);
 margin-bottom: 14px;
}
.tc::before {
 content: '';
 width: 22px;
 height: 1px;
 background: var(--vurgu);
 flex: none;
}
.dalga {
 display: block;
 width: 100%;
 height: 14px;
 margin-block: var(--bosluk-m);
 color: var(--cizgi);
}
.replik {
 border-left: 2px solid var(--cizgi);
 padding-left: clamp(14px, 2.4vw, 22px);
 margin-block: var(--bosluk-s);
}
.replik + .replik {
 margin-top: calc(var(--bosluk-s) * 0.72);
}
.replik .de {
 font-size: clamp(1.06rem, 0.98rem + 0.5vw, 1.32rem);
 line-height: 1.34;
 color: var(--murekkep);
 margin: 0;
}
.replik .cev {
 font-family: var(--f-etiket);
 font-size: clamp(14px, 10px + 0.22vw, 13px);
 line-height: 1.55;
 letter-spacing: 0.01em;
 color: var(--murekkep-3);
 margin: 8px 0 0;
}
.replik.iyi {
 border-left-color: var(--das);
}
.replik.kotu {
 border-left-color: var(--die);
}
.replik.kotu .de {
 color: var(--murekkep-2);
}
.vur {
 color: var(--vurgu-koyu);
 font-weight: 600;
}
[data-dil='en'] .vur {
 color: var(--vurgu-koyu);
}
.yanlis {
 text-decoration: line-through;
 text-decoration-thickness: 1.5px;
 text-decoration-color: color-mix(in srgb, var(--die) 70%, transparent);
 color: var(--murekkep-3);
}
.tablo-sar {
 overflow-x: auto;
 margin-block: var(--bosluk-s);
 border: 1px solid var(--kenar);
 border-radius: var(--r-md);
 background: var(--isik);
 -webkit-overflow-scrolling: touch;
 background-image: linear-gradient(to right, var(--isik), transparent 24px),
 linear-gradient(to left, var(--isik), transparent 24px),
 linear-gradient(to right, color-mix(in srgb, var(--murekkep) 16%, transparent), transparent 20px),
 linear-gradient(to left, color-mix(in srgb, var(--murekkep) 16%, transparent), transparent 20px);
 background-position: 0 0, 100% 0, 0 0, 100% 0;
 background-repeat: no-repeat;
 background-size: 32px 100%, 32px 100%, 14px 100%, 14px 100%;
 background-attachment: local, local, scroll, scroll;
}
table {
 width: 100%;
 border-collapse: collapse;
 font-size: clamp(14px, 13px + 0.28vw, 16.5px);
}
thead th {
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 letter-spacing: 0.14em;
 text-transform: uppercase;
 font-weight: 500;
 color: var(--murekkep);
 background: var(--kagit-3);
 text-align: left;
 padding: 14px 16px;
 border-bottom: 2px solid var(--vurgu);
 white-space: nowrap;
}
thead th small,
thead th .alt {
 display: block;
 margin-top: 4px;
 font-size: var(--yz-mini);
 letter-spacing: 0.1em;
 color: var(--murekkep-2);
 text-transform: none;
}
thead th:first-child:empty::after {
 content: '';
}
tbody td,
tbody th {
 padding: 12px 16px;
 border-bottom: 1px solid var(--ayrac);
 background: transparent;
 text-align: left;
 vertical-align: top;
 font-weight: 400;
}
tbody td.deg {
 background: var(--vurgu-yumusak);
 color: var(--vurgu-koyu);
 font-weight: 600;
}
tbody tr:last-child td,
tbody tr:last-child th {
 border-bottom: 0;
}
tbody th {
 font-weight: 600;
 white-space: nowrap;
}
.tablo-indir {
 display: inline-block;
 margin: 2px 2px var(--bosluk-s);
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 letter-spacing: 0.1em;
 text-transform: uppercase;
 text-decoration: none;
 color: var(--murekkep-3);
}
.tablo-indir::before { content: '↓'; margin-right: 6px; color: var(--vurgu); }
.tablo-indir:hover { color: var(--vurgu-koyu); }
@media (max-width: 720px) {
 .tablo-sar tbody th:first-child,
 .tablo-sar thead th:first-child {
 position: sticky;
 left: 0;
 z-index: 1;
 background: var(--isik);
 box-shadow: 1px 0 0 var(--cizgi);
 }
 .tablo-sar thead th:first-child {
 background: var(--kagit-3);
 z-index: 2;
 }
}
td.mid,
th.mid {
 font-family: var(--f-etiket);
 font-size: max(14px, 0.86em);
 letter-spacing: 0.02em;
 color: var(--murekkep-2);
}
.a-der {
 color: var(--der);
 font-weight: 600;
}
.a-die {
 color: var(--die);
 font-weight: 600;
}
.a-das {
 color: var(--das);
 font-weight: 600;
}
.tuzak {
 border: 1px solid var(--vurgu);
 border-radius: var(--r-md);
 background: var(--kagit-2);
 padding: clamp(18px, 3vw, 28px);
 margin-block: var(--bosluk-s);
}
.tuzak > .mono {
 display: block;
 margin-bottom: 10px;
 color: var(--vurgu-koyu);
}
[data-dil='en'] .tuzak > .mono {
 color: var(--vurgu-koyu);
}
.tuzak p:last-child {
 margin-bottom: 0;
}
.not {
 font-size: max(14px, 0.93em);
 color: var(--murekkep-2);
 border-top: 1px solid var(--ayrac);
 padding-top: 14px;
 margin-top: var(--bosluk-s);
}
.kart {
 display: grid;
 grid-template-columns: minmax(0, 172px) minmax(0, 1fr);
 gap: clamp(18px, 3vw, 30px);
 align-items: center;
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 background: var(--isik);
 padding: clamp(18px, 3vw, 26px);
 box-shadow: var(--golge);
}
.kart img {
 border-radius: var(--r-xs);
 border: 1px solid var(--ayrac);
 width: 100%;
}
.kart h2 {
 margin: 6px 0 6px;
}
.kart p {
 margin: 0 0 16px;
 color: var(--murekkep-2);
 font-size: max(14px, 0.93em);
}
@media (max-width: 560px) {
 .kart {
 grid-template-columns: 1fr;
 }
 .kart img {
 max-width: 168px;
 }
}
.btn {
 display: inline-flex;
 align-items: center;
 gap: 10px;
 padding: 12px 22px;
 border-radius: var(--r-hap);
 background: var(--vurgu-koyu);
 color: var(--kagit);
 text-decoration: none;
 font-weight: 600;
 font-size: max(14px, 0.93em);
 letter-spacing: var(--ls-alt);
 border: 0;
 cursor: pointer;
 transition: transform var(--dur-kisa) var(--ev), background var(--dur-kisa) var(--ev);
}
[data-dil='en'] .btn {
 background: var(--vurgu);
 color: #0e1626;
}
.btn:hover {
 transform: translateY(-2px);
}
.btn-2 {
 background: transparent;
 color: var(--murekkep);
 border: 1px solid var(--ayrac);
}
[data-dil='en'] .btn-2 {
 background: transparent;
 color: var(--murekkep);
}
.btn-sira {
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
}
.test {
 border: 1px solid var(--hat);
 border-radius: var(--r-md);
 padding: clamp(18px, 3vw, 28px);
 margin-block: var(--bosluk-s);
 background: var(--tas);
}
.test .soru {
 font-family: var(--f-govde);
 font-weight: 600;
 font-size: clamp(1.02rem, 0.95rem + 0.4vw, 1.2rem);
 letter-spacing: var(--ls-kart);
 margin: 0 0 14px;
 line-height: 1.35;
}
.secenekler {
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
}
.sec {
 font-family: var(--f-govde);
 font-size: max(14px, 0.93em);
 font-weight: 600;
 padding: 10px 18px;
 border-radius: var(--r-hap);
 border: 1px solid var(--ayrac);
 background: var(--kagit);
 color: var(--murekkep);
 cursor: pointer;
 transition: border-color var(--dur-kisa) var(--ev), background var(--dur-kisa) var(--ev), transform var(--dur-kisa) var(--ev);
}
.sec:hover:not([aria-disabled='true']) {
 border-color: var(--murekkep-3);
}
.sec[data-durum='dogru'] {
 border-color: var(--das);
 background: color-mix(in srgb, var(--das) 14%, var(--kagit));
 color: var(--murekkep);
}
.sec[data-durum='yanlis'] {
 border-color: var(--die);
 background: color-mix(in srgb, var(--die) 12%, var(--kagit));
 color: var(--murekkep-2);
}
.sec[aria-disabled='true'] {
 cursor: default;
 pointer-events: none;
}
.cevap {
 display: grid;
 grid-template-rows: 1fr;
 margin-top: 14px;
 border-top: 1px solid var(--ayrac);
 font-size: max(14px, 0.93em);
 color: var(--murekkep-2);
}
.cevap > div {
 min-height: 0;
 overflow: hidden;
 padding-top: 14px;
}
html.js .cevap {
 grid-template-rows: 0fr;
}
html.js .cevap > div {
 opacity: 0;
}
html.js .cevap.acik {
 grid-template-rows: 1fr;
 transition: grid-template-rows var(--dur-yavas) var(--ev);
}
html.js .cevap.acik > div {
 opacity: 1;
 transition: opacity var(--dur-uzun) var(--ev) var(--dur-bas);
}
.rozetler {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 align-items: center;
}
.rozet {
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 font-weight: 600;
 letter-spacing: 0.14em;
 text-transform: uppercase;
 padding: 0 0 6px;
 border-bottom: 2px solid var(--cizgi);
 color: var(--murekkep-2);
 white-space: nowrap;
}
.rozet.vurgulu {
 border-bottom-color: var(--vurgu);
 color: var(--vurgu-koyu);
}
[data-dil='en'] .rozet.vurgulu {
 color: var(--vurgu-koyu);
}
.izgara {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(min(100%, 268px), 1fr));
 gap: clamp(14px, 2vw, 20px);
 margin-top: var(--bosluk-m);
}
.kutu {
 display: flex;
 flex-direction: column;
 gap: 10px;
 padding: clamp(18px, 2.4vw, 24px);
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 background: var(--isik);
 text-decoration: none;
 color: inherit;
 transition: border-color var(--dur-kisa) var(--ev), background var(--dur-kisa) var(--ev);
}
.kutu:hover {
 border-color: var(--vurgu);
}
.kutu .ust {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 10px;
}
.kutu h3 {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 600;
 font-size: 1.12rem;
 line-height: 1.22;
 letter-spacing: var(--ls-kart);
 margin: 0;
}
.kutu p {
 margin: 0;
 font-size: max(14px, 0.93em);
 color: var(--murekkep-2);
 line-height: 1.5;
}
.kutu .alt {
 margin-top: auto;
 padding-top: 6px;
}
footer {
 border-top: 1px solid var(--ayrac);
 margin-top: var(--bosluk-l);
 padding-block: var(--bosluk-m) calc(var(--bosluk-m) + 52px);
}
footer .satir {
 display: flex;
 flex-wrap: wrap;
 gap: 14px 26px;
 align-items: center;
 justify-content: space-between;
}
footer a {
 color: var(--murekkep-2);
 text-decoration: none;
 border-bottom: 1px solid var(--ayrac);
 padding-bottom: 2px;
}
footer a:hover {
 color: var(--vurgu-koyu);
}
[data-dil='en'] footer a:hover {
 color: var(--vurgu-koyu);
}
:root {
 --staggered-delay: 0.15s;
 --staggered-opacity-duration: 0.9s;
 --staggered-translate-y: 30px;
 --staggered-translate-y-duration: 0.7s;
}
@keyframes bel-op {
 from {
 opacity: 0;
 }
 to {
 opacity: 1;
 }
}
@keyframes bel-ty {
 from {
 transform: translateY(var(--staggered-translate-y));
 }
 to {
 transform: none;
 }
}
html.js .bel {
 opacity: 0;
 transform: translateY(var(--staggered-translate-y));
}
html.js .bel.gorundu {
 animation: bel-op var(--staggered-opacity-duration) var(--ev) both,
 bel-ty var(--staggered-translate-y-duration) var(--ev) both;
}
html.js [data-staggered-item] {
 animation: bel-op var(--staggered-opacity-duration) var(--ev) both,
 bel-ty var(--staggered-translate-y-duration) var(--ev) both;
 animation-delay: calc(var(--i, 0) * var(--staggered-delay));
}
.bas {
 transition: transform var(--dur-bas) var(--ev);
}
.bas:active {
 transform: scale(0.985);
}
@media (prefers-reduced-motion: reduce) {
 html {
 scroll-behavior: auto;
 }
 html.js .bel,
 html.js .bel.gorundu,
 html.js [data-staggered-item] {
 opacity: 1;
 transform: none;
 animation: none;
 }
 * {
 transition-duration: 0.01ms !important;
 }
}
@media print {
 @page {
 size: A4;
 margin: 14mm 13mm 16mm;
 }
 :root {
 --pad: 0px;
 --bosluk-l: 20px;
 --bosluk-m: 14px;
 --bosluk-s: 10px;
 --olcu: 100%;
 --genis: 100%;
 }
 [data-dil='en'] {
 --kagit: #fbf7f0;
 --zemin-rgb: 251, 247, 240;
 --kagit-2: #f6e8db;
 --kagit-3: #f2ece1;
 --cizgi: #e4d8c6;
 --murekkep: #2b2218;
 --murekkep-2: #453a2e;
 --murekkep-3: #5a5044;
 --vurgu: #c05a2e;
 --vurgu-koyu: #a2481f;
 --der: #3d73ab;
 --die: #b32545;
 --das: #5c7946;
 }
 * {
 -webkit-print-color-adjust: exact !important;
 print-color-adjust: exact !important;
 animation: none !important;
 }
 html,
 body {
 background: #fbf7f0;
 font-size: 9.6pt;
 line-height: 1.45;
 }
 .serit,
 .test,
 .kart,
 footer .satir .btn-sira,
 .yazdirma,
 .pr-kutu,
 .tablo-indir,
 section:has(> .kabuk > .izgara),
 .dalga {
 display: none !important;
 }
 .bel,
 .bel.gorundu,
 .bel.ders .govde > * {
 opacity: 1 !important;
 transform: none !important;
 animation: none !important;
 }
 section {
 margin-block: 0 14px;
 }
 .icerik {
 display: block;
 }
 .baslik-dev,
 .dev {
 font-size: 25pt;
 line-height: 1.02;
 letter-spacing: var(--ls-bolum);
 }
 .baslik-bolum,
 .orta {
 font-size: 13pt;
 margin-top: 6px;
 letter-spacing: var(--ls-alt);
 }
 .baslik-kart,
 .kucuk-baslik {
 font-size: 10.5pt;
 letter-spacing: var(--ls-alt);
 }
 .tc {
 margin-bottom: 6px;
 }
 table {
 font-size: 8.4pt;
 }
 thead th {
 padding: 6px 10px;
 font-size: 7pt;
 }
 tbody td,
 tbody th {
 padding: 6px 10px;
 }
 .tablo-sar,
 .tuzak,
 .replik,
 tr {
 break-inside: avoid;
 page-break-inside: avoid;
 }
 h1,
 h2,
 .basi,
 .tc {
 break-after: avoid;
 page-break-after: avoid;
 }
 .tablo-sar {
 overflow: visible;
 }
 footer {
 margin-top: 16px;
 padding-block: 8px 0;
 }
}
.kutu .ac {
 color: var(--vurgu-koyu);
 letter-spacing: 0.12em;
}
[data-dil='en'] .kutu .ac {
 color: var(--vurgu-koyu);
}
.giris {
 max-width: min(64ch, 100%);
 margin: clamp(14px, 1.8vw, 22px) 0 0;
 font-size: 1.02em;
 line-height: 1.6;
 color: var(--murekkep);
}
.kutu {
 padding: clamp(22px, 2.6vw, 30px);
 gap: 8px;
}
.kutu h3 {
 font-size: clamp(1.3rem, 1.1rem + 0.8vw, 1.65rem);
 letter-spacing: var(--ls-kart);
 line-height: 1.16;
}
.kutu .ustsatir {
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 letter-spacing: 0.02em;
 line-height: 1.4;
 color: var(--vurgu-koyu);
 margin: 0;
}
[data-dil='en'] .kutu .ustsatir {
 color: var(--vurgu-koyu);
}
.kutu > p:last-of-type {
 margin-top: 2px;
}
.govde > .test {
 max-width: min(calc(var(--olcu) + 6rem), 100%);
}
@media print {
 .ray {
 gap: 10px;
 margin-bottom: 4px;
 }
 .ray::after {
 display: none;
 }
 .ray .no {
 font-size: 11pt;
 }
 .icindekiler,
 .giris + * {
 break-inside: avoid;
 }
 #icindekiler {
 display: none !important;
 }
 .govde > p,
 .govde > ul,
 .govde > .replik,
 .govde > .not,
 .govde > .tuzak,
 .govde > .test {
 max-width: none;
 }
}
.govde > .giris {
 max-width: 46rem;
 margin-top: clamp(14px, 1.4vw, 18px);
}
.kutu .ust {
 align-items: center;
}
.kutu .ok {
 font-size: var(--yz-orta);
 letter-spacing: 0;
 color: var(--vurgu-koyu);
 transition: transform var(--dur-kisa) var(--ev);
}
[data-dil='en'] .kutu .ok {
 color: var(--vurgu-koyu);
}
.kutu:hover .ok {
 transform: translateX(4px);
}
.kutu .alt {
 padding-top: 12px;
 border-top: 1px solid var(--ayrac);
 margin-top: auto;
}
.kutu > p:not(.ustsatir) {
 margin-bottom: 14px;
}
section {
 margin-block: var(--bosluk-l);
}
.kart.kartsiz {
 grid-template-columns: 1fr;
}
.serit {
 gap: clamp(8px, 1.6vw, 20px);
}
.gez {
 display: flex;
 align-items: center;
 gap: 2px;
 margin-inline: auto 0;
 padding: 4px;
 border-radius: var(--r-tam);
 background: var(--isik);
 border: 1px solid var(--ayrac);
 overflow-x: auto;
 scrollbar-width: none;
}
.gez::-webkit-scrollbar { display: none; }
.gez a {
 display: inline-flex;
 align-items: center;
 flex: none;
 min-height: 44px;
 font-size: var(--yz-govde);
 font-weight: 500;
 letter-spacing: -0.005em;
 color: var(--murekkep-2);
 padding: 0 14px;
 border-radius: var(--r-tam);
 white-space: nowrap;
 transition: color var(--dur-kisa) var(--ev), background var(--dur-kisa) var(--ev);
}
.gez a sup {
 font-size: var(--yz-mini); font-weight: 600; margin-left: 4px;
 vertical-align: baseline; line-height: 1; color: var(--murekkep-3);
}
.gez a:hover {
 color: var(--murekkep);
 background: var(--kagit-2);
}
.gez a.etkin,
[data-dil='en'] .gez a.etkin {
 background: var(--murekkep);
 color: var(--isik, #fffdf9);
}
.gez a.etkin:hover { background: var(--murekkep); }
.arama {
 position: relative;
 display: flex;
 align-items: center;
 flex: none;
}
.ara-ik {
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 width: 15px;
 height: 15px;
 color: var(--murekkep-2);
 pointer-events: none;
 transition: left var(--dur-kisa) var(--ev), transform var(--dur-kisa) var(--ev);
}
.arama:focus-within .ara-ik,
.arama:has(input:not(:placeholder-shown)) .ara-ik {
 left: 11px;
 transform: none;
}
.arama input {
 font-family: var(--f-govde);
 font-size: var(--yz-buyuk);
 line-height: 1.2;
 color: var(--murekkep);
 background: var(--kagit-2);
 border: 1px solid transparent;
 border-radius: var(--r-tam);
 padding: 0;
 width: 46px;
 height: 46px;
 max-width: 42vw;
 cursor: pointer;
 color: transparent;
 -webkit-appearance: none;
 appearance: none;
 transition: border-color var(--dur-kisa) var(--ev), width var(--dur-kisa) var(--ev),
 padding var(--dur-kisa) var(--ev), color var(--dur-kisa) var(--ev);
}
.arama input:focus,
.arama input:not(:placeholder-shown) {
 width: 15rem;
 padding: 0 14px 0 32px;
 color: var(--murekkep);
 cursor: text;
 border-radius: var(--r-plaka);
 background: var(--isik);
}
.arama:focus-within .ara-ik { color: var(--vurgu-koyu); }
.arama:hover input:not(:focus) { background: var(--isik); }
.arama input::-webkit-search-cancel-button {
 -webkit-appearance: none;
}
.arama input::placeholder {
 color: transparent;
 font-size: max(14px, 0.86em);
 letter-spacing: 0.02em;
}
.arama input:focus::placeholder { color: var(--murekkep-3); }
.arama input:focus {
 border-color: color-mix(in srgb, var(--vurgu) 55%, var(--cizgi));
}
.ara-kutu {
 position: absolute;
 top: calc(100% + 10px);
 right: 0;
 z-index: 60;
 width: min(27rem, calc(100vw - var(--pad) * 2));
 max-height: min(60vh, 26rem);
 overflow-y: auto;
 background: var(--kagit);
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 box-shadow: var(--golge);
}
.ara-s {
 display: flex;
 flex-direction: column;
 gap: 4px;
 padding: 10px 14px;
 text-decoration: none;
 color: inherit;
 border-bottom: 1px solid color-mix(in srgb, var(--cizgi) 60%, transparent);
}
.ara-s:last-child {
 border-bottom: 0;
}
.kl-bulunan { margin: 0 0 clamp(20px, 3vw, 32px); }
.kl-bulunan-ray { display: flex; align-items: baseline; gap: 12px; margin: 0 0 8px; }
.kl-bulunan-ray > span { color: var(--murekkep-3); font-size: var(--yz-mikro); letter-spacing: 0.1em; text-transform: uppercase; flex: none; }
.kl-bulunan-ray::after { content: ''; flex: 1; height: 1px; background: var(--cizgi); transform: translateY(-3px); }
.kl-bulunan .kl-de { display: block; }
.kl-bulunan-tr { margin: 4px 0 0; color: var(--murekkep-2); }
.kl-bulunan-tr .mono { margin-left: 8px; color: var(--murekkep-3); font-size: var(--yz-mikro); letter-spacing: 0.06em; text-transform: uppercase; }
.kl-bulunan-l { margin-top: 14px; }
.ara-kelime {
 display: grid;
 grid-template-columns: max-content minmax(0, 1fr) auto;
 align-items: baseline;
 column-gap: 10px;
 gap: 0;
}
.ara-kelime .ara-b { font-weight: 600; }
.ara-tr {
 color: var(--murekkep-3);
 font-size: var(--yz-kucuk);
 overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ara-kelime > .mono {
 justify-self: end;
 color: var(--murekkep-3);
 font-size: var(--yz-mikro);
 letter-spacing: 0.06em;
 text-transform: uppercase;
}
.ara-s:hover,
.ara-s.etkin {
 background: var(--kagit-2);
}
.ara-b {
 font-family: var(--f-govde);
 font-weight: 600;
 font-size: max(14px, 0.95rem);
 line-height: 1.25;
 letter-spacing: var(--ls-kart);
}
.ara-yok {
 margin: 0;
 padding: 14px 14px;
 font-size: max(14px, 0.88rem);
 color: var(--murekkep-2);
}
@media (max-width: 700px) {
 .arama input { width: 44px; height: 44px; }
 .arama input:focus,
 .arama input:not(:placeholder-shown) {
 width: min(15rem, 48vw);
 }
 .ara-kutu {
 right: calc(var(--pad) * -1 + 8px);
 width: calc(100vw - 16px);
 }
}
@media (max-width: 560px) {
 .gez a {
 padding-inline: 10px;
 font-size: var(--yz-kucuk);
 }
}
.yol {
 list-style: none;
 margin: var(--bosluk-s) 0 0;
 padding: 0;
 border-top: 1px solid var(--ayrac);
}
.adim {
 display: grid;
 grid-template-columns: 2.1rem minmax(0, 1fr) auto;
 gap: 0 14px;
 align-items: baseline;
 padding: 14px 12px 14px 0;
 border-bottom: 1px solid color-mix(in srgb, var(--murekkep) 22%, transparent);
 text-decoration: none;
 color: inherit;
 border-radius: var(--r-xs);
 transition: background var(--dur-kisa) var(--ev);
}
.adim:hover { background: var(--kagit-3); }
.adim .ok { color: var(--murekkep-3); opacity: 0.45; transition: opacity var(--dur-kisa) var(--ev), transform var(--dur-kisa) var(--ev); }
.adim:hover .ok, .adim:focus-visible .ok { opacity: 1; color: var(--vurgu-koyu); transform: translateX(3px); }
.adim:hover .adim-b { color: var(--vurgu-koyu); }
.adim-no {
 font-family: var(--f-mono);
 font-size: var(--yz-mikro);
 color: var(--vurgu-koyu);
 letter-spacing: 0.06em;
}
.adim-govde {
 display: flex;
 align-items: baseline;
 flex-wrap: wrap;
 gap: 4px 10px;
 min-width: 0;
}
.adim-b {
 font-family: var(--f-govde);
 font-weight: 600;
 font-size: clamp(1.12rem, 1.02rem + 0.4vw, 1.34rem);
 line-height: 1.28;
 letter-spacing: -0.01em;
 transition: color var(--dur-kisa) var(--ev);
}
.adim-de {
 font-family: var(--f-etiket);
 font-size: var(--yz-kucuk);
 line-height: 1.4;
 color: var(--vurgu-koyu);
 opacity: 0.88;
 flex: 0 1 auto;
 min-width: 0;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.adim:hover .adim-de { opacity: 0.85; }
.adim-govde { flex-wrap: nowrap; }
[data-dil='en'] .adim-de {
 color: var(--vurgu-koyu);
}
.adim-ne {
 position: absolute;
 width: 1px;
 height: 1px;
 overflow: hidden;
 clip-path: inset(50%);
 white-space: nowrap;
}
@media (min-width: 1000px) {
 .yol {
 columns: 2;
 column-gap: clamp(40px, 4vw, 72px);
 column-rule: 1px solid var(--cizgi);
 border-top: 0;
 }
 .yol > li {
 break-inside: avoid;
 -webkit-column-break-inside: avoid;
 }
}
.adim .ok {
 font-size: var(--yz-orta);
 letter-spacing: 0;
 color: var(--vurgu-koyu);
 padding-top: 4px;
 transition: transform var(--dur-kisa) var(--ev);
}
[data-dil='en'] .adim .ok {
 color: var(--vurgu-koyu);
}
.adim:hover .adim-b {
 color: var(--vurgu-koyu);
}
[data-dil='en'] .adim:hover .adim-b {
 color: var(--vurgu-koyu);
}
.adim:hover .ok {
 transform: translateX(4px);
}
.izgara.tek {
 grid-template-columns: minmax(0, 26rem);
}
.sv-ilk {
 list-style: none;
 margin: 2px 0 0;
 padding: 0;
 display: flex;
 flex-direction: column;
 gap: 4px;
}
.sv-ilk li {
 display: flex;
 gap: 10px;
 align-items: baseline;
 font-size: max(14px, 0.93em);
 line-height: 1.35;
 color: var(--murekkep-2);
}
.sv-ilk .mono {
 color: var(--vurgu-koyu);
 flex: none;
}
.kat-liste {
 list-style: none;
 margin: var(--bosluk-m) 0 0;
 padding: 0;
 background: var(--isik);
 border: 1px solid var(--hat);
 border-radius: var(--r-dev);
 overflow: hidden;
}
.kat-satir {
 display: grid;
 grid-template-columns: minmax(7rem, 12rem) minmax(0, 1fr) auto;
 gap: clamp(14px, 2vw, 24px);
 align-items: baseline;
 padding: 15px clamp(16px, 2vw, 26px);
 border-bottom: 1px solid var(--ayrac);
 text-decoration: none;
 color: inherit;
}
.kat-ad {
 justify-self: start;
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 600;
 font-size: clamp(1.1rem, 1rem + 0.55vw, 1.38rem);
 letter-spacing: var(--ls-kart);
 transition: color var(--dur-kisa) var(--ev);
}
.kat-ne {
 font-size: 1em;
 line-height: 1.45;
 color: var(--murekkep-2);
}
.kat-sayi {
 color: var(--vurgu-koyu);
 white-space: nowrap;
}
[data-dil='en'] .kat-sayi {
 color: var(--vurgu-koyu);
}
.kat-satir:hover .kat-ad {
 color: var(--vurgu-koyu);
}
[data-dil='en'] .kat-satir:hover .kat-ad {
 color: var(--vurgu-koyu);
}
.kat-satir.bos .kat-ad,
.kat-satir.bos .kat-ne {
 color: var(--murekkep-3);
}
.kat-satir.bos .kat-sayi {
 color: var(--murekkep-3);
}
@media (max-width: 620px) {
 .kat-satir {
 grid-template-columns: minmax(0, 1fr) auto;
 gap: 4px 14px;
 }
 .kat-ne {
 grid-column: 1 / -1;
 }
}
.rozet-yol {
 text-decoration: none;
 transition: border-color var(--dur-kisa) var(--ev), color var(--dur-kisa) var(--ev);
}
.rozet-yol:hover {
 border-color: color-mix(in srgb, var(--vurgu) 55%, transparent);
 color: var(--vurgu-koyu);
}
[data-dil='en'] .rozet-yol:hover {
 color: var(--vurgu-koyu);
}
@media print {
 .gez,
 .arama,
 .ara-kutu,
 section:has(.izgara),
 .yol {
 display: none !important;
 }
}
:target,
[id] {
 scroll-margin-top: 92px;
}
.kanit {
 margin-block: var(--bosluk-m) 0;
 padding-block: clamp(16px, 2.2vw, 24px);
 background: transparent;
 color: var(--murekkep);
 border-block: 1px solid var(--cizgi);
}
[data-dil='en'] .kanit {
 background: transparent;
 color: inherit;
}
.kanit-satir {
 display: flex;
 flex-wrap: wrap;
 align-items: baseline;
 gap: 4px clamp(14px, 2vw, 20px);
 margin: 0;
 font-size: clamp(14px, 13px + 0.3vw, 17px);
 line-height: 1.35;
 letter-spacing: var(--ls-alt);
}
.kanit-oge {
 display: inline-flex;
 align-items: baseline;
 gap: 0.42em;
 white-space: nowrap;
}
.kanit-oge b {
 color: var(--vurgu-koyu);
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 600;
 font-size: 1.55em;
 line-height: 1;
 letter-spacing: -0.01em;
 font-variant-numeric: tabular-nums;
}
.kanit-ay {
 opacity: 0.45;
}
.kanit-son {
 opacity: 0.62;
}
@media (max-width: 620px) {
 .kanit-son {
 flex-basis: 100%;
 }
}
.bolum-etiket {
 display: block;
 margin-bottom: 12px;
}
.cozul {
 display: flex;
 flex-wrap: wrap;
 gap: 0.5em 0.55em;
 margin-top: clamp(22px, 3vw, 34px);
}
.cozul.coz-canli {
 cursor: pointer;
}
.cozul:focus-visible {
 outline-offset: 8px;
 border-radius: var(--r-xs);
}
.k {
 display: inline-flex;
 flex-direction: column;
}
.k-de {
 font-family: var(--f-govde);
 font-weight: 600;
 font-size: clamp(24px, 0.9rem + 2.4vw, 42px);
 letter-spacing: -0.015em;
 line-height: 1.05;
 color: var(--murekkep);
 transition: color var(--dur-yavas) var(--ev) calc(var(--i) * var(--dur-bas));
}
.k-tr {
 display: grid;
 grid-template-rows: 1fr;
}
.k-tr > span {
 display: block;
 overflow: hidden;
 min-height: 0;
 padding-top: 0.34em;
 font-family: var(--f-display); font-optical-sizing: auto;
 font-style: italic;
 font-weight: 400;
 font-size: clamp(14px, 12px + 0.25vw, 15.5px);
 line-height: 1.35;
 letter-spacing: var(--ls-alt);
 color: var(--murekkep-3);
 opacity: 1;
}
.k[data-art='der'] {
 --art: var(--der);
}
.k[data-art='die'] {
 --art: var(--die);
}
.k[data-art='das'] {
 --art: var(--das);
}
.k[data-art] .k-de {
 color: var(--art);
}
.k[data-art] .k-de::after {
 content: '';
 display: block;
 height: 1px;
 background: currentColor;
 transform: scaleX(1);
 transform-origin: left;
 transition: transform var(--dur-yavas) var(--ev) calc(var(--i) * var(--dur-bas));
}
html.js .cozul .k-tr {
 grid-template-rows: 0fr;
}
html.js .cozul .k-tr > span {
 opacity: 0;
}
html.js .cozul .k[data-art] .k-de {
 color: var(--murekkep);
}
html.js .cozul .k[data-art] .k-de::after {
 transform: scaleX(0);
}
html.js .cozul.coz .k-tr {
 grid-template-rows: 1fr;
 transition: grid-template-rows var(--dur-yavas) var(--ev) calc(var(--i) * var(--dur-bas));
}
html.js .cozul.coz .k-tr > span {
 opacity: 1;
 transition: opacity var(--dur-uzun) var(--ev) calc(var(--i) * var(--dur-bas) + var(--dur-bas));
}
html.js .cozul.coz .k[data-art] .k-de {
 color: var(--art);
}
html.js .cozul.coz .k[data-art] .k-de::after {
 transform: scaleX(1);
}
.cozul-tam,
.govde > .cozul-tam {
 max-width: var(--olcu);
 margin-block: clamp(28px, 3.4vw, 40px) 0;
 color: var(--murekkep-2);
 font-size: max(14px, 0.93em);
}
.cozul-tam .mono {
 display: block;
 margin-bottom: 6px;
}
.cozul-tekrar,
.govde > .cozul-tekrar {
 display: none;
 margin-block: 16px 0;
 color: var(--murekkep-3);
}
.cozul.coz-canli ~ .cozul-tekrar {
 display: block;
}
@media (prefers-reduced-motion: reduce) {
 html.js .cozul .k-tr {
 grid-template-rows: 1fr;
 }
 html.js .cozul .k-tr > span {
 opacity: 1;
 }
 html.js .cozul .k[data-art] .k-de {
 color: var(--art);
 }
 html.js .cozul .k[data-art] .k-de::after {
 transform: scaleX(1);
 }
}
.hero-kapi {
 margin-top: clamp(26px, 3.4vw, 38px);
}
.hero-kapi .btn {
 min-height: 48px;
}
.dev .vurgu-kelime {
 color: var(--vurgu-koyu);
}
@media print {
 .kanit,
 .cozul-tekrar {
 display: none !important;
 }
}
.yuva {
 position: relative;
 margin: 0;
 overflow: hidden;
 border-radius: var(--r-md);
 border: 1px solid var(--ayrac);
 background: var(--kagit-3);
 aspect-ratio: var(--oran, 1);
}
.yuva > picture,
.yuva > img,
.yuva > video {
 position: absolute;
 inset: 0;
 display: block;
 width: 100%;
 height: 100%;
}
.yuva img,
.yuva video {
 object-fit: cover;
}
.yuva > video {
 opacity: 0;
 transition: opacity var(--dur-yavas) var(--ev);
}
.yuva > video.acik {
 opacity: 1;
}
.yuva::after {
 content: '';
 position: absolute;
 inset: 0;
 z-index: 2;
 pointer-events: none;
 mix-blend-mode: multiply;
 background: linear-gradient(
 155deg,
 rgba(192, 90, 46, 0.13),
 rgba(43, 34, 24, 0.04) 55%,
 rgba(43, 34, 24, 0.12)
 );
}
.hero-medya {
 grid-column: 1 / -1;
 width: 100%;
 --oran: 4 / 5;
}
@media (min-width: 900px) {
 .hero-omurga {
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(14rem, 21rem);
 gap: clamp(24px, 3vw, 48px);
 align-items: center;
 }
 .hero-omurga > .ray {
 display: none;
 }
 .hero-omurga > .govde {
 grid-column: 1;
 grid-row: 1;
 }
 .hero-medya {
 grid-column: 2;
 grid-row: 1;
 width: 100%;
 --oran: 1 / 1;
 }
}
.govde > .serit-liste {
 max-width: none;
 padding-left: 0;
}
.govde > .serit-liste > li {
 margin-bottom: 0;
}
.serit-liste {
 list-style: none;
 margin: var(--bosluk-m) 0 0;
 padding: 0 0 6px;
 display: flex;
 gap: clamp(14px, 2vw, 18px);
 overflow-x: auto;
 overscroll-behavior-x: contain;
 scroll-snap-type: x proximity;
 scrollbar-width: none;
}
.serit-liste::-webkit-scrollbar {
 display: none;
}
.serit-liste > li {
 flex: 0 0 clamp(180px, 56%, 236px);
 scroll-snap-align: start;
}
@media (max-width: 860px) {
 .govde > .serit-liste {
 margin-inline: calc(var(--pad) * -1);
 padding-inline: var(--pad);
 scroll-padding-inline: var(--pad);
 }
}
@media (min-width: 900px) {
 .serit-liste {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 overflow: visible;
 }
 .serit-liste > li {
 flex: none;
 }
}
.serit-kart {
 margin: 0;
 display: block;
 color: inherit;
 text-decoration: none;
}
.serit-kart .yuva {
 --oran: 4 / 5;
}
@media (min-width: 900px) {
 .serit-kart .yuva {
 --oran: 5 / 4;
 }
}
a.serit-kart .yuva {
 transition: border-color var(--dur-kisa) var(--ev);
}
a.serit-kart:hover .yuva {
 border-color: color-mix(in srgb, var(--vurgu) 45%, var(--cizgi));
}
.serit-alt {
 display: flex;
 flex-direction: column;
 gap: 2px;
 margin-top: 10px;
}
.serit-de {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 600;
 font-size: 1.02rem;
 letter-spacing: var(--ls-kart);
 line-height: 1.2;
}
.serit-de .art {
 color: var(--art, var(--murekkep-2));
}
.serit-tr {
 font-size: clamp(14px, 12px + 0.25vw, 15px);
 letter-spacing: var(--ls-alt);
 color: var(--murekkep-3);
}
.serit-kaynak {
 margin-top: clamp(16px, 2vw, 22px);
 font-size: clamp(14px, 13px + 0.28vw, 16px);
 letter-spacing: var(--ls-alt);
}
.serit-kaynak a {
 color: var(--vurgu-koyu);
 text-decoration: none;
 border-bottom: 1px solid color-mix(in srgb, var(--vurgu) 40%, transparent);
 padding-bottom: 2px;
}
[data-dil='en'] .serit-kaynak a {
 color: var(--vurgu-koyu);
}
.serit-kaynak a:hover {
 border-bottom-color: var(--vurgu-koyu);
}
.kutu-bas {
 display: flex;
 flex-direction: column;
 gap: 6px;
 margin: calc(clamp(18px, 2.4vw, 24px) * -1) calc(clamp(18px, 2.4vw, 24px) * -1) 4px;
 padding: clamp(16px, 2vw, 20px) clamp(18px, 2.4vw, 24px) clamp(14px, 1.8vw, 18px);
 background: var(--kagit-3);
 border-bottom: 1px solid var(--ayrac);
 border-radius: calc(var(--r-md) - 1px) calc(var(--r-md) - 1px) 0 0;
 transition: background var(--dur-kisa) var(--ev);
}
.kutu:hover .kutu-bas {
 background: var(--kagit-2);
}
.kutu-gorsel {
 display: block;
 position: relative;
 overflow: hidden;
 aspect-ratio: 16 / 9;
 margin: calc(clamp(18px, 2.4vw, 24px) * -1) calc(clamp(18px, 2.4vw, 24px) * -1) 2px;
 background: var(--kagit-3);
 border-bottom: 1px solid var(--ayrac);
 border-radius: calc(var(--r-md) - 1px) calc(var(--r-md) - 1px) 0 0;
}
.kutu-gorsel img {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}
@media (min-width: 900px) {
 .kutu-gorsel {
 aspect-ratio: 3 / 2;
 }
}
@media (prefers-reduced-motion: reduce) {
 .yuva > video {
 transition: none;
 }
}
@media print {
 .kutu-gorsel,
 .yuva,
 .serit-liste,
 .kopru,
 .video {
 display: none !important;
 }
}
.iz {
 --iz-renk: color-mix(in srgb, var(--vurgu) 18%, transparent);
 background-image: linear-gradient(var(--iz-renk), var(--iz-renk));
 background-repeat: no-repeat;
 background-position: 0 0;
 background-size: 100% 100%;
 -webkit-box-decoration-break: clone;
 box-decoration-break: clone;
 padding: 0.04em 0.16em;
 margin-inline: -0.16em;
 border-radius: var(--r-xs);
}
.iz[data-art='der'] {
 --iz-renk: color-mix(in srgb, var(--der) 20%, transparent);
}
.iz[data-art='die'] {
 --iz-renk: color-mix(in srgb, var(--die) 20%, transparent);
}
.iz[data-art='das'] {
 --iz-renk: color-mix(in srgb, var(--das) 20%, transparent);
}
html.js .iz {
 background-size: 0% 100%;
}
html.js .gorundu .iz {
 background-size: 100% 100%;
 transition: background-size var(--dur-yavas) var(--ev) calc(var(--i, 0) * var(--dur-bas));
}
@media (hover: hover) {
 .kutu-gorsel img,
 .serit-kart .yuva img {
 transition: transform var(--dur-yavas) var(--ev);
 }
 .serit-kart .yuva > video {
 transition: opacity var(--dur-yavas) var(--ev), transform var(--dur-yavas) var(--ev);
 }
 .kutu:hover .kutu-gorsel img,
 .serit-kart:hover .yuva img,
 .serit-kart:hover .yuva > video {
 transform: scale(1.035);
 }
}
@media (hover: hover) {
 .kat-liste > li,
 .serit-liste > li {
 transition: opacity var(--dur-kisa) var(--ev);
 }
 .kat-liste:has(> li > .kat-satir:hover) > li:not(:has(> .kat-satir:hover)),
 .serit-liste:has(> li:hover) > li:not(:hover),
 .kat-liste:has(> li > .kat-satir:focus-visible) > li:not(:has(> .kat-satir:focus-visible)),
 .serit-liste:has(> li :focus-visible) > li:not(:has(:focus-visible)) {
 opacity: 0.55;
 }
}
.kat-liste > li {
 border-bottom: 1px solid var(--ayrac);
}
.kat-liste > li:last-child { border-bottom: 0; }
.kat-satir {
 width: 100%;
 font: inherit;
 color: inherit;
 background: none;
 border: 0;
 border-bottom: 0;
 text-align: left;
 cursor: pointer;
 grid-template-columns: minmax(7rem, 12rem) minmax(0, 1fr) auto auto;
}
a.kat-satir::after {
 content: '\2192';
 font-family: var(--f-etiket);
 font-size: var(--yz-kucuk);
 line-height: 1;
 color: var(--vurgu-koyu);
 align-self: center;
 flex: none;
}
.kat-satir[aria-expanded]::after {
 content: '+';
 font-family: var(--f-etiket);
 font-size: var(--yz-kucuk);
 line-height: 1;
 color: var(--vurgu-koyu);
 align-self: center;
 flex: none;
}
[data-dil='en'] .kat-satir::after {
 color: var(--vurgu-koyu);
}
.kat-satir[aria-expanded='true']::after {
 content: '−';
}
.kat-ad {
 --iz-renk: color-mix(in srgb, var(--vurgu) 15%, transparent);
 background-image: linear-gradient(var(--iz-renk), var(--iz-renk));
 background-repeat: no-repeat;
 background-position: 0 100%;
 background-size: 100% 0;
 padding: 0.04em 0.16em;
 margin-inline: -0.16em;
 border-radius: var(--r-xs);
 transition: background-size var(--dur-kisa) var(--ev), color var(--dur-kisa) var(--ev);
}
.kat-satir[aria-expanded='true'] .kat-ad {
 background-size: 100% 100%;
}
@media (hover: hover) {
 .kat-satir:hover .kat-ad {
 background-size: 100% 100%;
 }
}
.kat-satir.bos .kat-ad {
 --iz-renk: transparent;
}
.akordeon-govde {
 display: grid;
 grid-template-rows: 1fr;
}
.akordeon-govde > div {
 min-height: 0;
 overflow: hidden;
}
html.js .akordeon-govde {
 grid-template-rows: 0fr;
}
html.js .akordeon-govde > div {
 opacity: 0;
}
html.js .akordeon-govde.acik {
 grid-template-rows: 1fr;
 transition: grid-template-rows var(--dur-yavas) var(--ev);
}
html.js .akordeon-govde.acik > div {
 opacity: 1;
 transition: opacity var(--dur-uzun) var(--ev) var(--dur-bas);
}
.akordeon-ic {
 display: flex;
 flex-direction: column;
 padding: 0 clamp(16px, 2vw, 26px) 18px;
}
.akordeon-konu {
 display: flex;
 gap: 12px;
 align-items: baseline;
 padding: 9px 0;
 text-decoration: none;
 color: var(--murekkep-2);
 font-size: 1em;
 line-height: 1.4;
 transition: color var(--dur-kisa) var(--ev);
}
.akordeon-konu:hover {
 color: var(--vurgu-koyu);
}
[data-dil='en'] .akordeon-konu:hover {
 color: var(--vurgu-koyu);
}
.akordeon-konu .mono {
 flex: none;
 color: var(--vurgu-koyu);
}
[data-dil='en'] .akordeon-konu .mono {
 color: var(--vurgu-koyu);
}
.akordeon-cikis {
 margin-top: 8px;
 font-size: 1em;
 letter-spacing: var(--ls-alt);
 color: var(--vurgu-koyu);
 text-decoration: none;
 border-bottom: 1px solid color-mix(in srgb, var(--vurgu) 40%, transparent);
 padding-bottom: 2px;
 align-self: start;
}
[data-dil='en'] .akordeon-cikis {
 color: var(--vurgu-koyu);
}
@media (max-width: 620px) {
 .kat-satir {
 grid-template-columns: minmax(0, 1fr) auto auto;
 }
}
.dev .satir {
 display: block;
 overflow: hidden;
 padding-bottom: 0.14em;
 margin-bottom: -0.14em;
}
html.js .dev .satir > span {
 display: block;
 --staggered-translate-y: 100%;
 animation: bel-op var(--staggered-opacity-duration) var(--ev) both,
 bel-ty var(--staggered-translate-y-duration) var(--ev) both;
 animation-delay: calc(var(--i, 0) * var(--staggered-delay));
}
@media (max-width: 767px) {
 .serit-liste > li {
 transition: opacity var(--dur-kisa) var(--ev);
 }
 .serit-liste:has(> li.etkin) > li:not(.etkin) {
 opacity: 0.55;
 }
}
.alt-cubuk {
 display: none;
}
@media (max-width: 860px) {
 .alt-cubuk {
 position: fixed;
 inset: auto 0 0 0;
 z-index: 45;
 display: flex;
 align-items: stretch;
 gap: 10px;
 padding: 8px var(--pad);
 padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
 background: var(--kagit);
 border-top: 1px solid var(--ayrac);
 }
 html.js .alt-cubuk {
 transform: translateY(105%);
 transition: transform var(--dur-yavas) var(--ev);
 }
 html.js.kaydi .alt-cubuk {
 transform: none;
 }
 body:has(.alt-cubuk) footer {
 padding-bottom: calc(var(--bosluk-m) + 64px);
 }
}
.alt-cubuk a {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 44px;
 padding: 8px 16px;
 border-radius: var(--r-hap);
 text-decoration: none;
 font-size: max(14px, 0.86em);
 font-weight: 600;
 letter-spacing: var(--ls-alt);
 line-height: 1.2;
}
.alt-pdf {
 flex: none;
 border: 1px solid var(--ayrac);
 color: var(--murekkep);
 background: var(--isik);
}
.alt-sonraki {
 flex: 1 1 auto;
 min-width: 0;
 background: var(--vurgu-koyu);
 color: var(--kagit);
 overflow: hidden;
}
[data-dil='en'] .alt-sonraki {
 background: var(--vurgu);
 color: #0e1626;
}
.alt-sonraki span {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
@media (max-width: 700px) {
 .serit {
 padding-block: 8px;
 }
 .gez a {
 display: inline-flex;
 align-items: center;
 min-height: 44px;
 }
 .marka {
 display: inline-flex;
 align-items: center;
 min-height: 44px;
 }
 .arama input {
 min-height: 44px;
 width: 44px;
 height: 44px;
 }
 .arama input:focus,
 .arama input:not(:placeholder-shown) {
 width: min(15rem, 48vw);
 padding-inline: 32px 10px;
 }
 footer a {
 display: inline-flex;
 align-items: center;
 min-height: 44px;
 }
}
@media (prefers-reduced-motion: reduce) {
 html.js .iz,
 html.js .gorundu .iz {
 background-size: 100% 100%;
 transition: none;
 }
 html.js .dev .satir > span {
 animation: none;
 }
 html.js .akordeon-govde,
 html.js .akordeon-govde.acik,
 html.js .cevap,
 html.js .cevap.acik {
 transition: none;
 }
 .kat-ad,
 .kutu-gorsel img,
 .serit-kart .yuva img,
 .serit-kart .yuva > video,
 .kat-liste > li,
 .serit-liste > li {
 transition: none;
 }
 .kutu:hover .kutu-gorsel img,
 .serit-kart:hover .yuva img,
 .serit-kart:hover .yuva > video {
 transform: none;
 }
 .kat-liste:has(> li:hover) > li:not(:hover),
 .serit-liste:has(> li:hover) > li:not(:hover),
 .serit-liste:has(> li.etkin) > li:not(.etkin) {
 opacity: 1;
 }
 html.js .alt-cubuk {
 transform: none;
 transition: none;
 }
}
@media print {
 .alt-cubuk {
 display: none !important;
 }
 html.js .akordeon-govde,
 html.js .cevap {
 grid-template-rows: 1fr !important;
 }
 html.js .akordeon-govde > div,
 html.js .cevap > div {
 opacity: 1 !important;
 }
 html.js .iz {
 background-size: 100% 100% !important;
 }
 html.js .dev .satir > span {
 animation: none !important;
 }
}
.iz {
 display: flex;
 gap: 14px;
 margin: clamp(22px, 3vw, 32px) 0 10px;
}
.iz-blok {
 display: flex;
 gap: 4px;
 flex: 1;
}
.iz-p {
 position: relative;
 flex: 1;
 height: 4px;
 border-radius: var(--r-hap);
 background: var(--cizgi);
 transition: background var(--dur-kisa) var(--ev);
}
.iz-p:hover { background: var(--murekkep-3); }
.iz-p:hover,
.iz-p:focus-visible {
 background: var(--murekkep-3);
 transform: scaleY(1.55);
}
.iz-p.gecti {
 background: var(--vurgu);
}
.iz-p.simdi {
 background: var(--vurgu-koyu);
 transform: scaleY(1.55);
}
.iz-ad {
 position: absolute;
 width: 1px;
 height: 1px;
 overflow: hidden;
 clip-path: inset(50%);
 white-space: nowrap;
}
.iz-p:hover .iz-ad,
.iz-p:focus-visible .iz-ad {
 opacity: 1;
}
.iz-durum {
 margin: 0;
 color: var(--murekkep-3);
}
.usat.bitti .usat-no::after {
 content: ' ✓';
 color: var(--vurgu-koyu);
}
.usat.bitti .usat-ad {
 color: var(--murekkep-3);
}
.bitir-sar {
 margin: clamp(16px, 2.4vw, 24px) 0 0;
}
.bitir {
 display: inline-flex;
 align-items: center;
 gap: 10px;
 appearance: none;
 font: inherit;
 font-size: var(--yz-govde);
 font-weight: 600;
 cursor: pointer;
 color: var(--murekkep);
 background: var(--kagit-2);
 border: 0;
 border-radius: var(--r-plaka);
 padding: 10px 20px 10px 14px;
 transition: background var(--dur-anlik) var(--ev), color var(--dur-anlik) var(--ev),
 transform var(--dur-kisa) var(--ev-sekme);
}
.bitir::before {
 content: '';
 width: 20px;
 height: 20px;
 flex: 0 0 auto;
 border: 1.5px solid var(--hat);
 border-radius: var(--r-tam);
 display: inline-flex;
 align-items: center;
 justify-content: center;
 font-size: 14px;
 line-height: 1;
 color: transparent;
 transition: border-color var(--dur-anlik) var(--ev), background var(--dur-anlik) var(--ev);
}
.bitir:hover, .bitir:focus-visible {
 background: var(--isik);
 transform: scale(1.035, 1.07);
}
.bitir:hover::before, .bitir:focus-visible::before { border-color: var(--vurgu); }
.bitir:active { transform: scale(0.985, 0.97); }
.bitir.acik {
 background: var(--vurgu-yumusak);
 color: var(--vurgu-koyu);
}
.bitir.acik::before {
 content: '✓';
 border-color: var(--vurgu);
 background: var(--isik);
 color: var(--vurgu-koyu);
}
.uliste {
 list-style: none;
 margin: clamp(14px, 2vw, 20px) 0 0;
 padding: 0;
}
.usat {
 display: grid;
 grid-template-columns: 2.2rem minmax(0, 1fr) auto;
 gap: clamp(14px, 1.6vw, 16px);
 align-items: start;
 padding: clamp(14px, 1.7vw, 16px) 0;
 border-bottom: 1px solid var(--ayrac);
 text-decoration: none;
 color: inherit;
}
.uliste > li:last-child .usat {
 border-bottom: 0;
 padding-bottom: 0;
}
.usat-no {
 color: var(--vurgu-koyu);
 padding-top: 4px;
}
.usat-govde {
 display: flex;
 flex-direction: column;
 gap: 6px;
}
.usat-ad {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 600;
 font-size: clamp(1.1rem, 1rem + 0.55vw, 1.38rem);
 line-height: 1.18;
 letter-spacing: var(--ls-kart);
 transition: color var(--dur-kisa) var(--ev);
}
.usat-ne {
 font-size: max(14px, 0.93em);
 line-height: 1.45;
 color: var(--murekkep-2);
 max-width: var(--olcu);
}
.cipler {
 display: flex;
 flex-wrap: wrap;
 gap: 6px;
 margin-top: 2px;
}
.cip {
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 letter-spacing: 0.05em;
 font-weight: 500;
 color: var(--murekkep-2);
 background: var(--kagit-3);
 border: 0;
 border-radius: var(--r-xs);
 padding: 4px 10px;
}
.usat-ok {
 color: var(--vurgu-koyu);
 padding-top: 4px;
 white-space: nowrap;
 transition: transform var(--dur-kisa) var(--ev);
}
.usat:hover .usat-ad {
 color: var(--vurgu-koyu);
}
.usat:hover .usat-ok {
 transform: translateX(4px);
}
.hedefler {
 margin: 0;
 padding-left: 1.15em;
 max-width: var(--olcu);
}
.hedefler li {
 margin-bottom: 8px;
 line-height: 1.55;
}
.gliste {
 list-style: none;
 margin: clamp(14px, 2vw, 18px) 0 0;
 padding: 0;
 display: grid;
 gap: 10px;
}
.gbag {
 display: flex;
 flex-direction: column;
 gap: 4px;
 padding: 14px 16px;
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 text-decoration: none;
 color: inherit;
 transition: border-color var(--dur-kisa) var(--ev), background var(--dur-kisa) var(--ev);
}
.gbag:hover {
 border-color: var(--vurgu-koyu);
 background: var(--kagit-3);
}
.gbag-ad {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 600;
 font-size: 1.08rem;
 line-height: 1.2;
}
.gbag-de {
 font-size: var(--yz-mikro);
 color: var(--vurgu-koyu);
}
.ugez {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 12px;
 margin-top: clamp(14px, 2vw, 18px);
}
.ugez-b {
 display: flex;
 flex-direction: column;
 gap: 4px;
 padding: 16px 18px;
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 text-decoration: none;
 color: inherit;
 transition: border-color var(--dur-kisa) var(--ev), background var(--dur-kisa) var(--ev);
}
.ugez-ileri {
 border-color: var(--vurgu-koyu);
 text-align: right;
}
.ugez-b:hover {
 background: var(--kagit-3);
}
.ugez-ileri:hover {
 background: var(--vurgu-yumusak);
}
.ugez-ad {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 600;
 font-size: 1.02rem;
 line-height: 1.2;
}
@media (max-width: 560px) {
 .ugez {
 grid-template-columns: 1fr;
 }
 .ugez-ileri {
 text-align: left;
 }
}
.lh-hero {
 position: relative;
 isolation: isolate;
 width: 100%;
 max-width: none;
 margin: 0;
 padding: clamp(28px, 3.4vw, 52px) 0 clamp(24px, 3vw, 44px);
 overflow: hidden;
}
.lh-hero-ic {
 position: relative;
 z-index: 2;
}
.lh-hero-yazi {
 max-width: none;
 padding: clamp(28px, 3.6vw, 56px);
 border-radius: var(--r-md);
 background: var(--alan);
 color: var(--alan-metin);
}
.lh-hero-yazi > .rozet {
 display: inline-block;
 margin-bottom: clamp(14px, 1.8vh, 22px);
 padding: 0 0 6px;
 border-bottom: 2px solid color-mix(in srgb, var(--alan-metin) 55%, transparent);
 color: var(--alan-metin);
}
.lh-h1 {
 margin: 0;
 max-width: 22ch;
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 700;
 font-size: clamp(2.4rem, 1.2rem + 3.4vw, 4.4rem);
 line-height: 1.04;
 letter-spacing: -0.03em;
 color: var(--alan-metin);
 text-wrap: balance;
}
.lh-alt {
 max-width: 44ch;
 margin: clamp(14px, 2vh, 22px) 0 0;
 font-size: clamp(15px, 14px + 0.35vw, 18px);
 line-height: 1.55;
 color: color-mix(in srgb, var(--alan-metin) 88%, transparent);
}
.lh-kapi {
 display: flex;
 flex-wrap: wrap;
 gap: 12px;
 margin-top: clamp(20px, 3vh, 32px);
}
.lh-kapi .btn {
 min-height: 52px;
 border-radius: var(--r-hap);
 background: var(--alan-metin);
 color: var(--alan);
 border: 0;
}
.lh-kapi .btn:hover,
.lh-kapi .btn:focus-visible {
 background: var(--kagit);
 color: var(--alan);
}
.lh-kapi .btn-2 {
 background: transparent;
 color: var(--alan-metin);
 border: 2px solid color-mix(in srgb, var(--alan-metin) 45%, transparent);
}
.lh-kapi .btn-2:hover,
.lh-kapi .btn-2:focus-visible {
 background: color-mix(in srgb, var(--alan-metin) 14%, transparent);
 color: var(--alan-metin);
 border-color: var(--alan-metin);
}
.lh-mini {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 margin: 16px 0 0;
 padding: 0;
 list-style: none;
}
.lh-mini a {
 display: inline-block;
 padding: 10px 16px;
 border-radius: var(--r-plaka);
 border: 1px solid var(--ayrac);
 background: var(--kagit-3);
 font-family: var(--f-etiket);
 font-size: clamp(14px, 11.5px + 0.15vw, 13.5px);
 font-weight: 600;
 letter-spacing: 0.02em;
 color: var(--murekkep);
 text-decoration: none;
 white-space: nowrap;
 transition: background var(--dur-anlik) var(--ev), color var(--dur-anlik) var(--ev), border-color var(--dur-anlik) var(--ev);
}
.lh-mini a:hover,
.lh-mini a:focus-visible {
 background: var(--alan);
 border-color: var(--alan);
 color: var(--alan-metin);
}
.govde > .lh-yorumlar {
 max-width: none;
 margin: var(--bosluk-m) 0 0;
 padding: 0;
 list-style: none;
 display: grid;
 gap: clamp(14px, 2vw, 24px);
}
@media (min-width: 900px) {
 .govde > .lh-yorumlar {
 grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
 }
}
.lh-yorum {
 margin: 0;
 padding: clamp(20px, 2.6vw, 30px);
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 background: var(--kagit-3);
}
.lh-soz {
 margin: 0;
 font-size: clamp(16px, 15px + 0.3vw, 19px);
 line-height: 1.55;
 color: var(--murekkep);
}
.lh-kim {
 margin: 14px 0 0;
 font-family: var(--f-etiket);
 font-size: var(--yz-kucuk);
 font-weight: 600;
 letter-spacing: 0.04em;
 color: var(--murekkep-2);
}
.govde > .lh-adimlar {
 max-width: none;
 margin: var(--bosluk-m) 0 0;
 padding: 0;
 list-style: none;
 display: grid;
 gap: clamp(14px, 1.8vw, 20px);
}
@media (min-width: 900px) {
 .govde > .lh-adimlar {
 grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
 }
}
.lh-adimlar > li {
 margin: 0;
 padding: 20px;
 border-radius: var(--r-md);
 background: var(--kagit-3);
}
.lh-no {
 display: inline-block;
 margin-bottom: 10px;
 padding: 4px 10px;
 border-radius: var(--r-plaka);
 background: var(--alan);
 color: var(--alan-metin);
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 font-weight: 700;
 letter-spacing: 0.1em;
}
.lh-adimlar b {
 display: block;
 margin: 0 0 6px;
 font-size: clamp(16px, 15px + 0.3vw, 18px);
 color: var(--murekkep);
}
.lh-adimlar span:not(.lh-no) {
 display: block;
 font-size: clamp(14px, 13.5px + 0.2vw, 16px);
 line-height: 1.5;
 color: var(--murekkep-2);
}
.sv-levha {
 padding: clamp(26px, 3.2vw, 44px) 0 clamp(24px, 3vw, 40px);
 background: var(--alan);
 color: var(--alan-metin);
}
.sv-levha > .kabuk { position: relative; }
.sv-levha::before {
 content: '';
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 width: 100vw;
 top: 0;
 bottom: 0;
 background: var(--alan);
 z-index: -1;
}
.sv-levha { position: relative; z-index: 0; }
.sv-levha .dev,
.sv-levha .sayfa-h1,
.sv-levha h1 { color: var(--alan-metin); }
.sv-levha .giris { color: color-mix(in srgb, var(--alan-metin) 90%, transparent); }
.sv-levha .rozet {
 color: var(--alan-metin);
 border-bottom-color: color-mix(in srgb, var(--alan-metin) 55%, transparent);
}
.sv-levha .rozet.vurgulu {
 color: var(--alan-metin);
 border-bottom-color: var(--alan-metin);
}
.sv-levha .yol-ilerleme {
 color: color-mix(in srgb, var(--alan-metin) 85%, transparent);
 border-bottom-color: color-mix(in srgb, var(--alan-metin) 30%, transparent);
}
.adim-no {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 2rem;
 padding: 4px 0;
 border-radius: var(--r-plaka);
 background: color-mix(in srgb, var(--alan) 12%, transparent);
 color: var(--alan);
 font-weight: 700;
}
.adim:hover .adim-no,
.adim:focus-visible .adim-no {
 background: var(--alan);
 color: var(--alan-metin);
}
.yol > li.bitti .adim-no {
 background: var(--alan);
 color: var(--alan-metin);
}
.sv-levha {
 position: relative;
 z-index: 0;
 padding: clamp(26px, 3.2vw, 44px) 0 clamp(24px, 3vw, 40px);
 margin-bottom: clamp(20px, 2.6vw, 36px);
 color: var(--alan-metin);
}
.sv-levha::before {
 content: '';
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 width: 100vw;
 top: 0;
 bottom: 0;
 background: var(--alan);
 z-index: -1;
}
.sv-levha .dev,
.sv-levha .sayfa-h1,
.sv-levha h1 { color: var(--alan-metin); }
.sv-levha .giris,
.sv-levha p { color: color-mix(in srgb, var(--alan-metin) 90%, transparent); }
.sv-levha.portal-bas .govde > .giris {
 color: color-mix(in srgb, var(--alan-metin) 92%, transparent);
}
.sv-levha .rozet {
 color: var(--alan-metin);
 border-bottom-color: color-mix(in srgb, var(--alan-metin) 50%, transparent);
}
.sv-levha .rozet.vurgulu {
 color: var(--alan-metin);
 border-bottom-color: var(--alan-metin);
}
.sv-levha .yol-ilerleme {
 color: color-mix(in srgb, var(--alan-metin) 85%, transparent);
 border-bottom-color: color-mix(in srgb, var(--alan-metin) 30%, transparent);
}
.yol .adim-no {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 2.1rem;
 padding: 4px 0;
 border-radius: var(--r-plaka);
 background: color-mix(in srgb, var(--alan) 13%, transparent);
 color: var(--alan);
 font-weight: 700;
 opacity: 1;
}
.yol .adim:hover .adim-no,
.yol .adim:focus-visible .adim-no {
 background: var(--alan);
 color: var(--alan-metin);
}
.yol > li.bitti .adim-no {
 background: var(--alan);
 color: var(--alan-metin);
}
.govde > .hocalar {
 max-width: none;
 margin: 32px 0 0;
 padding: 0;
 list-style: none;
 display: grid;
 gap: clamp(18px, 2.4vw, 30px);
}
@media (min-width: 900px) {
 .govde > .hocalar {
 grid-template-columns: repeat(auto-fit, minmax(21rem, 1fr));
 }
}
.hoca {
 margin: 0;
 overflow: hidden;
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 background: var(--kagit);
 border-top: 6px solid var(--hoca-renk, var(--alan));
}
.hoca[data-rol='alman'] { --hoca-renk: var(--ikinci); }
.hoca[data-rol='turk']  { --hoca-renk: var(--alan); }
.hoca-foto .yuva {
 --oran: 1 / 1;
 border: 0;
 border-radius: 0;
}
.hoca-foto .yuva picture,
.hoca-foto .yuva img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: 50% 30%;
}
.hoca-ic { padding: clamp(20px, 2.4vw, 28px); }
.hoca-rol {
 display: inline-block;
 padding: 6px 12px;
 border-radius: var(--r-plaka);
 background: var(--hoca-renk);
 color: var(--alan-metin);
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 font-weight: 700;
 letter-spacing: 0.08em;
 text-transform: uppercase;
}
.hoca-ad {
 margin: 14px 0 0;
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 700;
 font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
 line-height: 1.1;
 letter-spacing: -0.02em;
 color: var(--murekkep);
}
.hoca-vaat {
 margin: 8px 0 0;
 font-size: clamp(15px, 14.5px + 0.2vw, 17px);
 line-height: 1.45;
 font-weight: 600;
 color: var(--hoca-renk);
}
.hoca-tanit {
 margin: 12px 0 0;
 font-size: clamp(14.5px, 14px + 0.2vw, 16px);
 line-height: 1.55;
 color: var(--murekkep-2);
}
.hoca-etiket {
 display: flex;
 flex-wrap: wrap;
 gap: 6px;
 margin: 16px 0 0;
 padding: 0;
 list-style: none;
}
.hoca-etiket li {
 padding: 6px 10px;
 border-radius: var(--r-plaka);
 background: var(--kagit-3);
 border: 1px solid var(--ayrac);
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 font-weight: 600;
 color: var(--murekkep-2);
}
.hoca-ic .btn { margin-top: 20px; }
html[data-sv='A1'] { --alan: var(--sv-a1); }
html[data-sv='A2'] { --alan: var(--sv-a2); }
html[data-sv='B1'] { --alan: var(--sv-b1); }
.sv-kutu[data-sv] {
 border-top: 5px solid var(--sv-renk, var(--alan));
}
.sv-kutu[data-sv='A1'] { --sv-renk: var(--sv-a1); }
.sv-kutu[data-sv='A2'] { --sv-renk: var(--sv-a2); }
.sv-kutu[data-sv='B1'] { --sv-renk: var(--sv-b1); }
.sv-kutu[data-sv] .ust .mono:first-child {
 color: var(--sv-renk);
 font-weight: 700;
}
.pn-kn-svs:nth-child(1) .pn-cubuk i { background: var(--sv-a1); }
.pn-kn-svs:nth-child(2) .pn-cubuk i { background: var(--sv-a2); }
.pn-kn-svs:nth-child(3) .pn-cubuk i { background: var(--sv-b1); }
.pn-kn-svs:nth-child(1) b { color: var(--sv-a1); }
.pn-kn-svs:nth-child(2) b { color: var(--sv-a2); }
.pn-kn-svs:nth-child(3) b { color: var(--sv-b1); }
.pn {
 margin-top: 28px;
}
.pn-kunye {
 display: grid;
 grid-template-columns: auto 1fr;
 align-items: center;
 gap: clamp(20px, 3.5vw, 44px);
 padding: clamp(20px, 3vw, 32px);
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 background: var(--kagit-2);
}
@media (max-width: 620px) {
 .pn-kunye { grid-template-columns: 1fr; justify-items: center; text-align: center; }
}
.pn-kn-halka {
 position: relative;
 width: clamp(158px, 20vw, 196px);
 aspect-ratio: 1;
 flex: none;
}
.pn-kn-halka svg {
 width: 100%;
 height: 100%;
 transform: rotate(-90deg);
}
.pn-kn-halka .iz {
 fill: none;
 stroke: var(--ayrac);
 stroke-width: 9;
}
.pn-kn-halka .baslangic { fill: var(--asit); }
.pn-kn-halka .yay {
 fill: none;
 stroke: var(--vurgu);
 stroke-width: 9;
 stroke-linecap: round;
 transition: stroke-dashoffset 1.15s var(--ev) 0.15s;
}
.pn-kn-ic {
 position: absolute;
 inset: 0;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 2px;
 padding: 0 18px;
 text-align: center;
}
.pn-kn-sayi { display: flex; align-items: baseline; gap: 3px; }
.pn-kn-ic b {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 700;
 font-size: clamp(2.4rem, 1.9rem + 1.8vw, 3.2rem);
 line-height: 1;
 letter-spacing: -0.035em;
 font-variant-numeric: tabular-nums;
 color: var(--murekkep);
}
.pn-kn-ic i {
 font-style: normal;
 font-family: var(--f-mono);
 font-size: var(--yz-kucuk);
 font-weight: 500;
 color: var(--murekkep-3);
}
.pn-kn-ic span {
 margin-top: 4px;
 font-family: var(--f-etiket);
 font-size: var(--yz-mini);
 font-weight: 600;
 letter-spacing: 0.11em;
 line-height: 1.3;
 text-transform: uppercase;
 color: var(--murekkep-2);
}
.pn-kn-sag { min-width: 0; }
.pn-kn-et {
 display: block;
 font-size: var(--yz-mikro);
 letter-spacing: 0.14em;
 text-transform: uppercase;
 color: var(--murekkep-3);
}
.pn-kn-seri {
 display: flex;
 align-items: baseline;
 flex-wrap: wrap;
 gap: 10px;
 margin-top: 10px;
}
.pn-kn-seri b {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 700;
 font-size: clamp(1.9rem, 1.5rem + 1.3vw, 2.5rem);
 line-height: 1;
 letter-spacing: -0.03em;
 font-variant-numeric: tabular-nums;
 color: var(--murekkep);
}
.pn-kn-seri > span {
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 font-weight: 600;
 letter-spacing: 0.1em;
 text-transform: uppercase;
 color: var(--murekkep-2);
}
.pn-kn-seri em { font-style: normal; font-size: var(--yz-mikro); color: var(--murekkep-3); }
.pn-kn-gun {
 display: flex;
 gap: 6px;
 flex-basis: 100%;
 order: 3;
}
@media (min-width: 621px) { .pn-kn-gun { flex-basis: auto; order: 0; } }
.pn-kn-gun i {
 width: 9px;
 height: 9px;
 border-radius: 50%;
 background: var(--kagit-3);
 border: 1px solid var(--ayrac);
 opacity: 0;
 transform: scale(0.2);
 transition: transform 0.45s var(--ev), opacity 0.45s var(--ev);
}
.pn-kn-gun i.dolu { background: var(--vurgu); border-color: var(--vurgu); }
.pn.cizildi .pn-kn-gun i {
 opacity: 1;
 transform: none;
 transition-delay: calc(var(--s) * 0.06s + 0.3s);
}
.pn-kn-mini {
 list-style: none;
 margin: 18px 0 0;
 padding: 16px 0 0;
 border-top: 1px solid var(--ayrac);
 display: flex;
 flex-wrap: wrap;
 gap: clamp(18px, 3vw, 36px);
}
@media (max-width: 620px) {
 .pn-kn-mini { justify-content: center; }
 .pn-kn-seri { justify-content: center; }
 .pn-kn-gun { justify-content: center; }
 .pn-kn-svs { grid-template-columns: 2rem 1fr auto; text-align: left; }
}
.pn-kn-mini b {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 700;
 font-size: var(--yz-h3);
 line-height: 1;
 font-variant-numeric: tabular-nums;
 color: var(--murekkep);
}
.pn-kn-mini span {
 display: block;
 margin-top: 6px;
 font-family: var(--f-etiket);
 font-size: var(--yz-mini);
 font-weight: 600;
 letter-spacing: 0.1em;
 text-transform: uppercase;
 color: var(--murekkep-2);
}
.pn-sirada {
 display: flex;
 align-items: center;
 gap: 14px;
 margin-top: 16px;
 padding: 20px 24px;
 border-radius: var(--r-md);
 border: 2px solid var(--alan);
 background: var(--kagit);
 text-decoration: none;
 transition: background var(--dur-anlik) var(--ev);
}
.pn-sirada:hover,
.pn-sirada:focus-visible { background: var(--vurgu-yumusak); }
.pn-sirada-et {
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 font-weight: 600;
 letter-spacing: 0.1em;
 text-transform: uppercase;
 color: var(--vurgu-koyu);
}
.pn-sirada-ad {
 flex: 1;
 font-size: clamp(16px, 15px + 0.35vw, 19px);
 font-weight: 600;
 color: var(--murekkep);
}
.pn-sirada-ok { color: var(--vurgu-koyu); font-size: var(--yz-h4); }
.pn-kn-sv {
 margin-top: 18px;
 padding-top: 16px;
 border-top: 1px solid var(--ayrac);
 display: grid;
 gap: 10px;
}
.pn-kn-svs {
 display: grid;
 grid-template-columns: 2.1rem 1fr auto;
 align-items: center;
 gap: 12px;
}
.pn-kn-svs b {
 font-size: var(--yz-mikro);
 font-weight: 700;
 letter-spacing: 0.06em;
}
.pn-kn-svs > span {
 font-size: var(--yz-mikro);
 font-variant-numeric: tabular-nums;
 color: var(--murekkep-3);
}
.pn-kn-sv .pn-cubuk { height: 7px; }
.pn-cubuk {
 height: 10px;
 border-radius: var(--r-hap);
 background: var(--kagit-3);
 border: 1px solid var(--ayrac);
 overflow: hidden;
}
.pn-cubuk i {
 display: block;
 height: 100%;
 width: 0;
 background: var(--alan);
 transition: width var(--dur-uzun) var(--ev);
}
.pn-rozetler {
 margin: 28px 0 0;
 padding: 0;
 list-style: none;
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
 gap: 12px;
}
.pn-rozet {
 padding: 16px 18px;
 border-radius: var(--r-md);
 border: 1px dashed var(--ayrac);
 background: transparent;
 --op: 0.82;
 opacity: var(--op);
 filter: saturate(0.55);
}
.pn-rozet.oldu {
 --op: 1;
 filter: saturate(1);
 border: 1px solid var(--ayrac);
 background: var(--isik);
 position: relative;
}
.pn-rozet.oldu::after {
 content: '';
 position: absolute;
 top: 18px;
 right: 18px;
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: var(--asit);
}
.pn-rozet b {
 display: block;
 font-size: var(--yz-orta);
 font-weight: 600;
 color: var(--murekkep);
}
.pn-rozet span {
 display: block;
 margin-top: 4px;
 font-size: var(--yz-kucuk);
 line-height: 1.4;
 color: var(--murekkep-2);
}
.pn-bos, .pn-bitti { margin-top: 24px; }
.kl-plaka-sar {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 10px;
 margin-bottom: clamp(20px, 3vw, 28px);
}
.kl-plaka {
 padding: 16px;
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 background: var(--kagit-3);
 text-align: center;
}
.kl-plaka b {
 display: block;
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 700;
 font-size: clamp(1.6rem, 1.1rem + 1.6vw, 2.4rem);
 line-height: 1;
 color: var(--murekkep);
}
.kl-plaka span { display: block; margin-top: 6px; font-size: 14px; color: var(--murekkep-3); }
.kl-kart {
 padding: clamp(24px, 4vw, 40px);
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 background: var(--kagit);
 text-align: center;
}
.kl-kart-et { display: block; font-size: 14px; color: var(--murekkep-3); }
.kl-de {
 display: block;
 margin-top: 14px;
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 700;
 font-size: clamp(1.6rem, 1.2rem + 1.8vw, 2.6rem);
 line-height: 1.15;
 color: var(--murekkep);
}
.kl-tr { margin: 12px 0 0; font-size: 17px; color: var(--vurgu-koyu); }
.kl-eylem { margin-top: 22px; display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.kl-btn {
 padding: 10px 22px;
 border-radius: var(--r-plaka);
 border: 1px solid var(--ayrac);
 background: var(--kagit);
 font: inherit; font-size: 15px;
 color: var(--murekkep-2);
 cursor: pointer;
}
.kl-btn:hover, .kl-btn:focus-visible { border-color: var(--vurgu); color: var(--vurgu-koyu); }
.kl-dogru { background: var(--alan); border-color: var(--alan); color: var(--alan-metin); }
.kl-dogru:hover, .kl-dogru:focus-visible { background: var(--alan-2); border-color: var(--alan-2); color: var(--alan-2-metin); }
.kl-bitti, .kl-kilit {
 padding: 20px;
 border: 1px dashed var(--ayrac);
 border-radius: var(--r-md);
 background: var(--kagit-3);
 font-size: 15px; line-height: 1.55; color: var(--murekkep-2);
}
.kl-bolum { margin-top: clamp(32px, 5vw, 52px); }
.kl-b { margin: 0; font-family: var(--f-display); font-optical-sizing: auto; font-size: 1.1rem; font-weight: 700; color: var(--murekkep); }
.kl-a { margin: 6px 0 16px; font-size: 14px; line-height: 1.55; color: var(--murekkep-3); max-width: 62ch; }
.kl-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.kl-liste li {
 padding: 14px 16px;
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 background: var(--kagit-3);
}
.kl-liste b { display: block; font-size: 16px; color: var(--murekkep); }
.kl-liste span { display: block; margin-top: 3px; font-size: 14px; color: var(--murekkep-2); }
.kl-liste i { display: block; margin-top: 8px; font-size: 14px; font-style: normal; color: var(--murekkep-3); }
.kl-dip { margin-top: 10px; font-size: 14px; color: var(--murekkep-3); }
.kl-metin {
 padding: clamp(20px, 3vw, 30px);
 border-radius: var(--r-md);
 background: var(--vurgu-yumusak);
 border: 1px solid var(--ayrac);
}
.kl-metin h3 { margin: 0 0 12px; font-family: var(--f-display); font-optical-sizing: auto; font-size: 1.05rem; color: var(--murekkep); }
.kl-metin .de { margin: 0; font-size: clamp(1.05rem, 1rem + 0.4vw, 1.25rem); line-height: 1.7; color: var(--murekkep); }
.kl-metin-tr { margin: 14px 0 0; font-size: 14px; line-height: 1.6; color: var(--murekkep-3); }
.pn-sirada-ana {
 margin-top: 16px;
 padding: clamp(18px, 2.4vw, 24px) clamp(18px, 2.4vw, 26px);
 border-width: 1.5px;
 background: var(--vurgu-yumusak);
}
.pn-sirada-ana .pn-sirada-ad { font-size: var(--yz-h4); }
.pn-sirada-ana .pn-sirada-ok { transition: transform var(--dur-kisa) var(--ev); }
.pn-sirada-ana:hover .pn-sirada-ok,
.pn-sirada-ana:focus-visible .pn-sirada-ok { transform: translateX(4px); }
.pn-kapilar {
 margin-top: clamp(28px, 4vw, 44px);
 display: grid;
 gap: 12px;
}
@media (min-width: 720px) { .pn-kapilar { grid-template-columns: 1fr 1fr; } }
.pn-kapilar .pn-sirada {
 margin: 0;
 border-color: var(--ayrac);
 background: var(--kagit);
}
.pn-kapilar .pn-sirada:hover,
.pn-kapilar .pn-sirada:focus-visible {
 border-color: var(--vurgu);
 background: var(--vurgu-yumusak);
}
.pn-kapilar .pn-sirada-et { color: var(--murekkep-3); }
.pn.cizildi .pn-kn-sv .pn-cubuk i {
 width: var(--hedef);
 transition-delay: calc(var(--s, 0) * 0.11s + 0.35s);
}
.pn-zayif.gorundu .pn-zayif-cubuk i {
 width: var(--hedef);
 transition-delay: calc(var(--s, 0) * 0.09s);
}
.pn-rozet {
 opacity: 0;
 transform: translateY(10px);
 transition: opacity var(--dur-yavas) var(--ev), transform var(--dur-yavas) var(--ev);
}
.pn-rozetler.gorundu .pn-rozet {
 opacity: var(--op);
 transform: none;
 transition-delay: calc(var(--s, 0) * 0.05s);
}
@media (prefers-reduced-motion: reduce) {
 .pn-kn-halka .yay,
 .pn-kn-gun i,
 .pn-cubuk i,
 .pn-zayif-cubuk i,
 .pn-rozet,
 .pn-sirada-ana .pn-sirada-ok { transition: none; }
 .pn-cubuk i, .pn-zayif-cubuk i { width: var(--hedef); }
 .pn-kn-gun i { opacity: 1; transform: none; }
 .pn-rozet { opacity: var(--op); transform: none; }
}
.pn-veri {
 margin-top: clamp(32px, 5vw, 56px);
 padding-top: clamp(24px, 3vw, 32px);
 border-top: 1px solid var(--ayrac);
}
.pn-veri-b { margin: 0; font-family: var(--f-display); font-optical-sizing: auto; font-size: 1.02rem; font-weight: 700; color: var(--murekkep); }
.pn-veri-a { margin: 6px 0 16px; font-size: var(--yz-govde); line-height: 1.55; color: var(--murekkep-3); max-width: 62ch; }
.pn-veri-d { display: flex; flex-wrap: wrap; gap: 10px; }
.pn-veri-btn {
 display: inline-block;
 padding: 10px 18px;
 border-radius: var(--r-xs);
 border: 0;
 background: var(--kagit-2);
 font: inherit;
 font-size: var(--yz-govde);
 font-weight: 600;
 color: var(--murekkep);
 cursor: pointer;
 transition: background var(--dur-anlik) var(--ev), color var(--dur-anlik) var(--ev),
 transform var(--dur-kisa) var(--ev-sekme);
}
.pn-veri-btn:hover, .pn-veri-btn:focus-visible { background: var(--isik); color: var(--vurgu-koyu); transform: scale(1.035, 1.07); }
.pn-veri-btn:active { transform: scale(0.985, 0.97); }
.pn-veri-btn:not(.pn-veri-yukle) { background: var(--murekkep); color: var(--kagit); }
.pn-veri-btn:not(.pn-veri-yukle):hover,
.pn-veri-btn:not(.pn-veri-yukle):focus-visible { background: var(--murekkep-2); color: var(--kagit); }
.pn-veri-durum:empty { display: none; }
.pn-veri-durum { margin: 12px 0 0; font-size: var(--yz-kucuk); color: var(--murekkep-2); }
.pn-zayif { margin-top: clamp(28px, 4vw, 44px); }
.pn-zayif-b {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-size: clamp(1.15rem, 1rem + 0.6vw, 1.45rem);
 font-weight: 700;
 color: var(--murekkep);
 margin: 0;
}
.pn-zayif-a {
 margin: 6px 0 18px;
 font-size: var(--yz-govde);
 line-height: 1.5;
 color: var(--murekkep-3);
 max-width: 58ch;
}
.pn-zayif-l { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.pn-zayif-s {
 padding: 16px 18px;
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 background: var(--kagit-3);
}
.pn-zayif-ust {
 display: flex;
 align-items: baseline;
 justify-content: space-between;
 gap: 12px;
}
.pn-zayif-ust b { font-size: var(--yz-orta); font-weight: 600; color: var(--murekkep); }
.pn-zayif-ust span { font-size: var(--yz-kucuk); color: var(--murekkep-3); white-space: nowrap; }
.pn-zayif-cubuk {
 margin-top: 10px;
 height: 6px;
 border-radius: var(--r-plaka);
 background: var(--kagit-2);
 overflow: hidden;
}
.pn-zayif-cubuk i {
 display: block;
 height: 100%;
 width: 0;
 border-radius: var(--r-plaka);
 background: var(--vurgu);
 transition: width var(--dur-uzun) var(--ev);
}
.pn-zayif-git { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px; }
.pn-zayif-git a {
 display: inline-flex;
 align-items: center;
 padding: 6px 14px;
 border-radius: var(--r-plaka);
 border: 1px solid var(--ayrac);
 background: var(--kagit);
 font-size: var(--yz-kucuk);
 text-decoration: none;
 color: var(--murekkep-2);
}
@media (max-width: 620px) {
 .pn-zayif-git a { min-height: 44px; }
}
.pn-zayif-git a:hover,
.pn-zayif-git a:focus-visible {
 border-color: var(--vurgu);
 color: var(--vurgu-koyu);
}
.pn-zayif-az {
 margin-top: clamp(28px, 4vw, 44px);
 font-size: var(--yz-govde);
 line-height: 1.5;
 color: var(--murekkep-3);
 max-width: 58ch;
}
@media (prefers-reduced-motion: reduce) {
 .pn-cubuk i { transition: none; }
}
.sayfa-h1 {
 margin: 0;
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 700;
 font-size: clamp(2rem, 1.35rem + 1.6vw, 2.75rem);
 line-height: 1.05;
 letter-spacing: var(--ls-dev);
 color: var(--murekkep);
 text-wrap: balance;
}
.govde > .sayfa-meta {
 max-width: none;
 margin: 24px 0 0;
 padding: 20px 24px;
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 background: var(--kagit-3);
}
.sayfa-meta-bas {
 margin: 0;
 font-size: clamp(16px, 15px + 0.3vw, 18px);
 font-weight: 600;
 color: var(--murekkep);
}
.govde > .sayfa-meta .sayfa-meta-ne {
 max-width: 44rem;
 margin: 8px 0 0;
 font-size: clamp(14.5px, 14px + 0.2vw, 16px);
 line-height: 1.5;
 color: var(--murekkep-2);
}
.sayfa-meta-bag {
 display: inline-block;
 margin-top: 16px;
 padding-bottom: 4px;
 border-bottom: 2px solid color-mix(in srgb, var(--murekkep) 22%, transparent);
 font-family: var(--f-etiket);
 font-size: var(--yz-kucuk);
 font-weight: 600;
 color: var(--murekkep);
 text-decoration: none;
 transition: color var(--dur-anlik) var(--ev), border-color var(--dur-anlik) var(--ev);
}
.sayfa-meta-bag:hover,
.sayfa-meta-bag:focus-visible {
 color: var(--vurgu-koyu);
 border-bottom-color: var(--vurgu);
}
.govde > .sonraki-kart {
 max-width: none;
 margin: 32px 0 0;
 padding: 24px;
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 background: var(--kagit-3);
}
.sonraki-bas {
 margin: 0;
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 font-weight: 600;
 letter-spacing: 0.14em;
 text-transform: uppercase;
 color: var(--murekkep-2);
}
.govde > .sonraki-kart .sonraki-ne {
 max-width: 42rem;
 margin: 8px 0 0;
 font-size: clamp(15px, 14.5px + 0.2vw, 17px);
 line-height: 1.5;
 color: var(--murekkep);
}
.sonraki-baglar {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 16px;
 margin-top: 16px;
}
.sonraki-baglar a {
 font-family: var(--f-etiket);
 font-size: var(--yz-kucuk);
 font-weight: 600;
 color: var(--murekkep);
 text-decoration: none;
 padding-bottom: 4px;
 border-bottom: 2px solid color-mix(in srgb, var(--murekkep) 22%, transparent);
 transition: color var(--dur-anlik) var(--ev), border-color var(--dur-anlik) var(--ev);
}
.sonraki-baglar a:hover,
.sonraki-baglar a:focus-visible {
 color: var(--vurgu-koyu);
 border-bottom-color: var(--vurgu);
}
.sonraki-baglar .sonraki-ana {
 margin-left: auto;
 padding: 12px 20px;
 border: 0;
 border-radius: var(--r-hap);
 background: var(--vurgu-koyu);
 color: var(--kagit);
 font-size: var(--yz-govde);
}
.sonraki-baglar .sonraki-ana:hover,
.sonraki-baglar .sonraki-ana:focus-visible {
 background: var(--vurgu);
 color: var(--kagit);
}
@media (max-width: 640px) {
 .sonraki-baglar .sonraki-ana {
 margin-left: 0;
 width: 100%;
 text-align: center;
 }
}
.govde > .sonraki-not {
 margin-top: 16px;
}
.htab {
 table-layout: auto;
}
.htab thead th {
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 letter-spacing: 0.1em;
 text-transform: uppercase;
 line-height: 1.5;
 color: var(--murekkep-2);
 background: var(--kagit-3);
 vertical-align: bottom;
}
.htab thead th .mono {
 display: block;
 font-size: var(--yz-mini);
 letter-spacing: 0.06em;
 text-transform: none;
 color: var(--murekkep-3);
 margin-top: 4px;
}
.htab tbody th {
 font-family: var(--f-govde);
 font-weight: 600;
 font-size: max(14px, 0.93em);
 line-height: 1.35;
 white-space: nowrap;
}
.htab tbody th .mono {
 display: block;
 font-size: var(--yz-mikro);
 font-weight: 400;
 color: var(--murekkep-3);
 letter-spacing: 0.04em;
 margin-top: 2px;
}
.hh {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 600;
 font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.4rem);
 line-height: 1.25;
 color: var(--murekkep-2);
 text-align: center;
 white-space: nowrap;
}
.hh-d {
 color: var(--vurgu-koyu);
 background: var(--vurgu-yumusak);
}
[data-dil='en'] .hh-d {
 color: var(--vurgu-koyu);
}
.htab td.hh {
 padding-top: 14px;
 padding-bottom: 14px;
}
.htab-dar td.hh,
.htab-dar tbody th {
 font-size: clamp(14px, 12.5px + 0.24vw, 15.5px);
 white-space: normal;
 padding: 10px 12px;
 line-height: 1.4;
}
.htab-dar thead th {
 padding: 10px 12px;
 white-space: normal;
}
.hh br + br {
 content: '';
}
.hornek {
 display: inline-block;
 font-size: max(14px, 0.86em);
 padding: 2px 10px;
 border-radius: var(--r-xs);
 vertical-align: baseline;
}
.hkisayol {
 font-size: 1.02em;
 line-height: 1.55;
 color: var(--murekkep);
 max-width: var(--olcu);
 margin-bottom: clamp(14px, 2vw, 20px);
}
.hkural {
 margin: clamp(14px, 2vw, 18px) 0 0;
 padding: 12px 16px;
 border: 1px solid var(--vurgu);
 border-radius: var(--r-md);
 background: var(--vurgu-yumusak);
 font-size: max(14px, 0.93em);
 line-height: 1.5;
 color: var(--murekkep);
}
.hkural .mono {
 color: var(--vurgu-koyu);
 letter-spacing: 0.1em;
}
.hbaglar {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 margin-top: clamp(14px, 2vw, 20px);
}
.hbag {
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 letter-spacing: 0.04em;
 text-decoration: none;
 color: var(--murekkep-2);
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 padding: 8px 12px;
 transition: border-color var(--dur-kisa) var(--ev), color var(--dur-kisa) var(--ev);
}
.hbag:hover {
 border-color: var(--vurgu-koyu);
 color: var(--vurgu-koyu);
}
@media (max-width: 620px) {
 .hh {
 font-size: 1rem;
 }
 .htab tbody th {
 white-space: normal;
 }
}
.yuvaol {
 margin: clamp(18px, 2.6vw, 26px) 0;
 padding: clamp(18px, 2.6vw, 26px);
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 background: var(--kagit-3);
}
.yuvaol-b {
 margin: 0 0 12px;
 color: var(--murekkep-3);
}
.yuvaol-secim {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 margin-bottom: clamp(18px, 2.4vw, 24px);
}
.yd {
 appearance: none;
 cursor: pointer;
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 letter-spacing: 0.06em;
 color: var(--murekkep-2);
 background: transparent;
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 padding: 8px 14px;
 transition: border-color var(--dur-kisa) var(--ev), color var(--dur-kisa) var(--ev), background var(--dur-kisa) var(--ev);
}
.yd:hover {
 border-color: var(--vurgu-koyu);
 color: var(--vurgu-koyu);
}
.yd.acik {
 background: var(--vurgu-koyu);
 border-color: var(--vurgu-koyu);
 color: var(--kagit);
}
.yuvaol-satir {
 position: relative;
 display: flex;
 flex-wrap: wrap;
 align-items: baseline;
 gap: 10px;
 min-height: 2.4em;
 padding-top: 14px;
}
.yt {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 600;
 font-size: clamp(1.15rem, 1rem + 0.85vw, 1.7rem);
 line-height: 1.2;
 color: var(--murekkep-2);
 will-change: transform;
}
.yt-f {
 color: var(--vurgu-koyu);
 border-bottom: 2px solid var(--vurgu);
 padding-bottom: 2px;
}
[data-dil='en'] .yt-f {
 color: var(--vurgu-koyu);
}
.yn {
 position: absolute;
 top: -2px;
 left: 0;
 transform: translateX(0);
 font-family: var(--f-mono);
 font-size: var(--yz-mikro);
 letter-spacing: 0.1em;
 color: var(--vurgu-koyu);
 opacity: 0;
}
.yuvaol-not {
 margin: clamp(14px, 2vw, 18px) 0 0;
 min-height: 3em;
}
@media (prefers-reduced-motion: reduce) {
 .yt {
 transition: none !important;
 }
}
.ifadeler {
 list-style: none;
 margin: clamp(16px, 2.4vw, 24px) 0 0;
 padding: 0;
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
 gap: 12px;
}
.ifade {
 position: relative;
 display: flex;
 flex-direction: column;
 gap: 6px;
 padding: 20px 20px 16px;
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 background: var(--kagit);
 transition: transform var(--dur-orta) var(--ev), border-color var(--dur-orta) var(--ev),
 box-shadow var(--dur-orta) var(--ev);
}
@keyframes kart-gel {
 from {
 opacity: 0;
 transform: translateY(13px);
 }
 to {
 opacity: 1;
 transform: none;
 }
}
html.js .bel .ifade {
 opacity: 0;
}
html.js .bel.gorundu .ifade {
 animation: kart-gel 0.5s var(--ev) both;
 animation-delay: calc(var(--i, 0) * 55ms);
}
@media (hover: hover) {
 .ifade:hover {
 transform: translateY(-3px);
 border-color: var(--vurgu-koyu);
 box-shadow: 0 10px 26px -18px rgba(60, 40, 25, 0.5);
 }
}
@media (prefers-reduced-motion: reduce) {
 html.js .bel .ifade,
 html.js .bel.gorundu .ifade {
 opacity: 1;
 animation: none;
 }
 .ifade:hover {
 transform: none;
 }
}
.ifade-de {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 600;
 font-size: clamp(1.25rem, 1.05rem + 0.8vw, 1.6rem);
 line-height: 1.15;
 color: var(--murekkep);
}
.ifade-tr {
 font-size: max(14px, 0.93em);
 color: var(--murekkep-2);
 line-height: 1.4;
}
.ifade-ne {
 margin-top: auto;
 padding-top: 10px;
 font-size: var(--yz-mini);
 line-height: 1.5;
 color: var(--murekkep-3);
}
.ifade-vur {
 border-color: var(--vurgu-koyu);
 background: var(--vurgu-yumusak);
}
.ifade-vur .ifade-de,
.ifade-vur .ifade-ne {
 color: var(--vurgu-koyu);
}
.ifade-uyari {
 border-style: dashed;
}
.ifade-uyari .ifade-de {
 color: var(--murekkep-3);
}
.patika {
 position: relative;
 isolation: isolate;
 margin: clamp(28px, 5vw, 56px) 0;
 padding: clamp(34px, 5vw, 68px) 0 clamp(48px, 7vw, 96px);
 overflow: hidden;
}
.patika-cim {
 position: absolute;
 inset: 0;
 z-index: -2;
 background-image: url('/varlik/medya/cim.webp');
 background-size: 620px;
 background-repeat: repeat;
}
.patika::before {
 content: '';
 position: absolute;
 inset: 0;
 z-index: -1;
 background:
 linear-gradient(180deg, var(--kagit) 0%, rgba(var(--zemin-rgb), 0) 14%, rgba(var(--zemin-rgb), 0) 88%, var(--kagit) 100%),
 linear-gradient(180deg, rgba(28, 46, 20, 0.16), rgba(28, 46, 20, 0.16));
 pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
 @keyframes ruzgar {
 0%, 100% { background-position: 0 0; }
 50% { background-position: 26px 14px; }
 }
 .patika-cim {
 animation: ruzgar 26s ease-in-out infinite;
 }
}
.patika-ic {
 position: relative;
 width: min(100% - 40px, 620px);
 margin-inline: auto;
}
.patika-bas {
 text-align: center;
 margin-bottom: clamp(20px, 3vw, 34px);
 color: #fdfaf3;
 text-shadow: 0 2px 10px rgba(24, 40, 18, 0.55);
}
.patika-bas .mono {
 color: #f3e6cf;
 opacity: 0.9;
}
.patika-h {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 600;
 font-size: clamp(2rem, 1.4rem + 2.6vw, 3.1rem);
 line-height: 1.05;
 margin: 6px 0 8px;
}
.patika-alt {
 font-size: 1.02em;
 line-height: 1.5;
 max-width: 34ch;
 margin-inline: auto;
}
.patika-alan {
 position: relative;
 width: 100%;
}
.patika-yol {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
}
.py-alt {
 fill: none;
 stroke: rgba(58, 42, 24, 0.34);
 stroke-width: 34;
 stroke-linecap: round;
}
.py-ust {
 fill: none;
 stroke: #d8c49a;
 stroke-width: 26;
 stroke-linecap: round;
 stroke-dasharray: 1;
 stroke-dashoffset: 0;
}
.pd {
 position: absolute;
 transform: translate(-50%, -50%);
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 8px;
 width: 132px;
 text-decoration: none;
 color: inherit;
 z-index: 2;
}
.pd-daire {
 display: grid;
 place-items: center;
 width: 58px;
 height: 58px;
 border-radius: 50%;
 background: #fdfaf3;
 border: 3px solid var(--vurgu-koyu);
 box-shadow: 0 5px 0 rgba(58, 42, 24, 0.35), 0 10px 22px -10px rgba(24, 40, 18, 0.6);
 transition: transform var(--dur-kisa) var(--ev), background var(--dur-kisa) var(--ev);
}
.pd-no {
 font-family: var(--f-mono);
 font-size: var(--yz-govde);
 font-weight: 600;
 color: var(--vurgu-koyu);
}
.pd-ad {
 font-family: var(--f-govde);
 font-size: var(--yz-kucuk);
 font-weight: 600;
 line-height: 1.25;
 text-align: center;
 color: #fdfaf3;
 text-shadow: 0 1px 6px rgba(24, 40, 18, 0.85);
}
.pd:hover .pd-daire,
.pd:focus-visible .pd-daire {
 transform: translateY(-4px) scale(1.06);
}
.pd.bitti .pd-daire {
 background: var(--vurgu-koyu);
}
.pd.bitti .pd-no {
 color: #fdfaf3;
}
@media (prefers-reduced-motion: no-preference) {
 @keyframes nabiz {
 0%, 100% { box-shadow: 0 5px 0 rgba(58,42,24,.35), 0 0 0 0 rgba(253,250,243,.55); }
 60%      { box-shadow: 0 5px 0 rgba(58,42,24,.35), 0 0 0 16px rgba(253,250,243,0); }
 }
 .pd.simdi .pd-daire {
 animation: nabiz 2.4s var(--ev) infinite;
 }
 @keyframes dus {
 from { opacity: 0; transform: translate(-50%, calc(-50% - 14px)); }
 to   { opacity: 1; transform: translate(-50%, -50%); }
 }
 .patika .pd {
 opacity: 0;
 animation: dus 0.5s var(--ev) forwards;
 animation-delay: var(--g, 0ms);
 }
}
@media (max-width: 560px) {
 .pd {
 width: 104px;
 }
 .pd-daire {
 width: 46px;
 height: 46px;
 border-width: 2.5px;
 }
 .pd-no {
 font-size: var(--yz-kucuk);
 }
 .pd-ad {
 font-size: var(--yz-mikro);
 }
 .patika-cim {
 background-size: 420px;
 }
}
.bolum-foto {
 margin: 0 0 clamp(18px, 2.6vw, 26px);
 border-radius: var(--r-md);
 overflow: hidden;
 background: var(--kagit-3);
}
.bolum-foto img {
 display: block;
 width: 100%;
 height: auto;
 aspect-ratio: 12 / 5;
 object-fit: cover;
}
@media (max-width: 760px) {
 .bolum-foto img {
 aspect-ratio: 4 / 3;
 }
}
.sahne {
 position: relative;
 isolation: isolate;
 padding: clamp(52px, 8vw, 104px) 0;
 margin: clamp(20px, 3vw, 40px) 0;
 overflow: hidden;
}
.sahne-zemin {
 position: absolute;
 inset: -12% 0;
 z-index: -2;
}
.sahne-zemin img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 will-change: transform;
}
.sahne::before {
 content: '';
 position: absolute;
 inset: 0;
 z-index: -1;
 background: linear-gradient(
 180deg,
 var(--kagit) 0%,
 rgba(var(--zemin-rgb), 0.1) 16%,
 rgba(var(--zemin-rgb), 0.1) 84%,
 var(--kagit) 100%
 ),
 rgba(24, 18, 12, 0.28);
 pointer-events: none;
}
.cam {
 padding: clamp(22px, 3.2vw, 40px);
 border-radius: var(--r-md);
 background: rgba(var(--zemin-rgb), 0.86);
 backdrop-filter: blur(18px) saturate(1.1);
 -webkit-backdrop-filter: blur(18px) saturate(1.1);
 border: 1px solid rgba(var(--zemin-rgb), 0.6);
 box-shadow: 0 24px 60px -30px rgba(24, 18, 12, 0.6);
}
.sahne .ray .no,
.sahne .ray .tc {
 color: #f6ecdc;
 text-shadow: 0 1px 8px rgba(24, 18, 12, 0.7);
}
@media (prefers-reduced-motion: reduce) {
 .sahne-zemin img {
 transform: none !important;
 }
}
.odak-dugme {
 position: relative;
 isolation: isolate;
 display: inline-flex;
 align-items: center;
 gap: 8px;
 appearance: none;
 cursor: pointer;
 font-family: var(--f-etiket);
 font-size: var(--yz-mini);
 letter-spacing: -0.005em;
 text-transform: none;
 color: var(--murekkep-2);
 background: none;
 border: 0;
 border-radius: var(--r-xs);
 padding: 9px 14px;
 transition: color var(--dur-kisa) var(--ev);
}
.odak-dugme::after {
 content: '';
 position: absolute;
 inset: 0;
 z-index: -1;
 border-radius: inherit;
 background: var(--vurgu-koyu);
 transform: scale(0.4);
 opacity: 0;
 transition: transform var(--dur-kisa) var(--ev-sekme), opacity var(--dur-anlik) var(--ev);
}
.odak-dugme:hover { color: var(--vurgu-koyu); }
.odak-dugme::before {
 content: '';
 width: 9px;
 height: 9px;
 border-radius: 50%;
 border: 2px solid currentColor;
 transition: background var(--dur-anlik) var(--ev);
}
html.odak .odak-dugme { color: var(--kagit); }
html.odak .odak-dugme::after { transform: scale(1); opacity: 1; }
html.odak .odak-dugme::before { background: currentColor; }
html.odak .sahne-zemin,
html.odak .bolum-foto,
html.odak .patika-cim {
 display: none;
}
html.odak .sahne::before,
html.odak .patika::before {
 background: none;
}
html.odak .sahne {
 padding: 0;
 margin: 0;
}
html.odak .cam {
 padding: 0;
 background: none;
 backdrop-filter: none;
 -webkit-backdrop-filter: none;
 border: 0;
 box-shadow: none;
}
html.odak .sahne .ray .no,
html.odak .sahne .ray .tc {
 color: var(--vurgu-koyu);
 text-shadow: none;
}
html.odak .patika-bas,
html.odak .pd-ad {
 color: var(--murekkep);
 text-shadow: none;
}
html.odak body {
 font-size: 1.1em;
 line-height: 1.78;
}
html.odak .govde {
 max-width: 40rem;
}
html.odak .orta {
 font-size: clamp(2rem, 1.3rem + 3vw, 3.4rem);
}
html.odak p,
html.odak li {
 letter-spacing: 0.004em;
}
html.odak *,
html.odak *::before,
html.odak *::after {
 animation-duration: 0.001ms !important;
 animation-iteration-count: 1 !important;
 transition-duration: 0.001ms !important;
}
.saat {
 --s-nacht: #3a4664;
 --s-morgen: #d9a441;
 --s-tag: #c05a2e;
 --s-abend: #8a5a4a;
 display: grid;
 grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
 align-items: center;
 gap: clamp(18px, 2.4vw, 34px);
 margin: clamp(14px, 2vw, 24px) 0;
}
.saat-kadran {
 position: relative;
 width: 100%;
 aspect-ratio: 1;
}
.saat-kadran svg {
 width: 100%;
 height: 100%;
 overflow: visible;
}
.saat-yuz {
 fill: var(--kagit);
 stroke: var(--cizgi);
 stroke-width: 1;
}
.ark {
 fill: none;
 stroke-width: 15;
 stroke-linecap: butt;
 opacity: 0.4;
 transition: opacity var(--dur-orta) var(--ev), stroke-width var(--dur-orta) var(--ev);
}
.ark.etkin {
 opacity: 1;
 stroke-width: 22;
}
.ark-nacht { stroke: var(--s-nacht); }
.ark-morgen { stroke: var(--s-morgen); }
.ark-tag { stroke: var(--s-tag); }
.ark-abend { stroke: var(--s-abend); }
.saat-rakam {
 font-family: var(--f-mono);
 font-size: var(--yz-mikro);
 fill: var(--murekkep-3);
 text-anchor: middle;
}
.saat-nisan {
 transform-origin: 170px 170px;
 transform: rotate(0deg);
 transition: transform 1.1s var(--ev);
}
.saat-ibre {
 stroke: var(--murekkep);
 stroke-width: 3;
 stroke-linecap: round;
}
.saat-mil {
 fill: var(--murekkep);
}
.saat-orta {
 position: absolute;
 inset: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 pointer-events: none;
}
.saat-zaman {
 font-size: clamp(1.05rem, 0.9rem + 0.6vw, 1.35rem);
 letter-spacing: 0.06em;
 color: var(--murekkep-2);
 font-variant-numeric: tabular-nums;
}
.saat-panel {
 min-width: 0;
}
.saat-b {
 display: block;
 color: var(--murekkep-3);
}
.saat-de {
 display: block;
 margin-top: 6px;
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 600;
 font-size: clamp(1.4rem, 1.1rem + 1.1vw, 1.95rem);
 line-height: 1.1;
 letter-spacing: var(--ls-bolum);
 color: var(--murekkep);
}
.saat-tr {
 display: block;
 margin-top: 2px;
 font-size: 1rem;
 color: var(--murekkep-2);
}
.saat-liste {
 list-style: none;
 margin: clamp(14px, 2vw, 20px) 0 0;
 padding: 0;
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 overflow: hidden;
}
.saat-sat {
 display: grid;
 grid-template-columns: 14px minmax(0, 1fr) auto;
 align-items: center;
 gap: 10px;
 padding: 10px 14px;
 border-bottom: 1px solid color-mix(in srgb, var(--cizgi) 60%, transparent);
 transition: background var(--dur-orta) var(--ev);
}
.saat-sat:last-child {
 border-bottom: 0;
}
.saat-benek {
 width: 10px;
 height: 10px;
 border-radius: var(--r-hap);
 background: currentColor;
 opacity: 0.42;
 transition: opacity var(--dur-orta) var(--ev), transform var(--dur-orta) var(--ev);
}
.saat-sat b {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 600;
 font-size: 1.02rem;
 color: var(--murekkep-2);
 transition: color var(--dur-orta) var(--ev);
}
.saat-sat i {
 font-style: normal;
 font-size: var(--yz-mikro);
 letter-spacing: 0.1em;
 color: var(--murekkep-3);
 font-variant-numeric: tabular-nums;
}
.saat-sat-nacht { color: var(--s-nacht); }
.saat-sat-morgen { color: #a97b21; }
.saat-sat-tag { color: var(--s-tag); }
.saat-sat-abend { color: var(--s-abend); }
.saat-sat.etkin {
 background: color-mix(in srgb, currentColor 9%, transparent);
}
.saat-sat.etkin .saat-benek {
 opacity: 1;
 transform: scale(1.15);
}
.saat-sat.etkin b {
 color: currentColor;
}
.saat-alt {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 12px;
 margin: clamp(14px, 2vw, 18px) 0 0;
}
.saat-alt .not {
 border-top: 0;
 padding-top: 0;
 margin-top: 0;
 flex: 1 1 14ch;
 min-width: 0;
}
.saat-oynat {
 appearance: none;
 cursor: pointer;
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 letter-spacing: 0.06em;
 color: var(--kagit);
 background: var(--vurgu-koyu);
 border: 0;
 border-radius: var(--r-hap);
 padding: 10px 18px;
 transition: background var(--dur-kisa) var(--ev);
}
.saat-oynat:hover {
 background: var(--vurgu);
}
.saat-oynat[disabled] {
 opacity: 0.55;
 cursor: default;
}
@media (max-width: 620px) {
 .saat {
 grid-template-columns: minmax(0, 1fr);
 justify-items: center;
 gap: 22px;
 }
 .saat-kadran {
 max-width: 250px;
 }
 .saat-panel {
 width: 100%;
 }
}
@media (prefers-reduced-motion: reduce) {
 .saat-nisan,
 .ark,
 .saat-sat,
 .saat-benek {
 transition: none;
 }
}
.kopru {
 margin: 0 0 clamp(18px, 2.4vw, 26px);
 padding: 14px 16px 14px;
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 background: var(--isik);
}
.kopru-et {
 display: block;
 margin-bottom: 10px;
 color: var(--murekkep-3);
}
.kopru-baglar {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
}
.kopru-b {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 6px 12px;
 border: 1px solid var(--ayrac);
 border-radius: var(--r-hap);
 background: var(--kagit);
 font-size: max(14px, 0.93em);
 color: var(--murekkep-2);
 text-decoration: none;
 transition: border-color var(--dur-kisa) var(--ev), color var(--dur-kisa) var(--ev),
 background var(--dur-kisa) var(--ev);
}
.kopru-b::after {
 content: '\2192';
 color: var(--murekkep-3);
 transition: transform var(--dur-kisa) var(--ev), color var(--dur-kisa) var(--ev);
}
.kopru-b:hover {
 border-color: var(--vurgu-koyu);
 color: var(--vurgu-koyu);
 background: var(--vurgu-yumusak);
}
.kopru-b:hover::after {
 color: var(--vurgu-koyu);
 transform: translateX(2px);
}
.kopru-m {
 margin: 10px 0 0;
 font-size: max(14px, 0.93em);
 color: var(--murekkep-2);
}
.video {
 margin: clamp(18px, 2.6vw, 28px) 0;
}
.video-ac,
.video iframe {
 display: block;
 width: 100%;
 aspect-ratio: 16 / 9;
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 overflow: hidden;
 background: var(--kagit-3);
}
.video-ac {
 position: relative;
 padding: 0;
 cursor: pointer;
 appearance: none;
}
.video-ac img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
}
.video-ok {
 position: absolute;
 inset: 0;
 margin: auto;
 width: 64px;
 height: 44px;
 border-radius: var(--r-md);
 background: var(--vurgu-koyu);
 transition: transform var(--dur-kisa) var(--ev), background var(--dur-kisa) var(--ev);
}
.video-ok::after {
 content: '';
 position: absolute;
 inset: 0;
 margin: auto;
 width: 0;
 height: 0;
 border-left: 15px solid var(--kagit);
 border-top: 9px solid transparent;
 border-bottom: 9px solid transparent;
 transform: translateX(2px);
}
.video-ac:hover .video-ok {
 transform: scale(1.08);
 background: var(--vurgu);
}
.video figcaption {
 margin-top: 10px;
 font-size: max(14px, 0.93em);
 color: var(--murekkep-2);
}
@media (prefers-reduced-motion: reduce) {
 .kopru-b,
 .kopru-b::after,
 .video-ok {
 transition: none;
 }
}
.kisayol {
 display: block;
 margin: clamp(14px, 2vw, 20px) 0;
 padding: 14px 18px;
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 background: var(--vurgu-yumusak);
 font-size: 1.02em;
 line-height: 1.55;
}
.kisayol .mono {
 display: inline-block;
 margin-right: 10px;
 color: var(--vurgu-koyu);
 letter-spacing: 0.12em;
}
.yanmenu {
 display: none;
}
@media (min-width: 1260px) {
 .sayfa-ikili {
 display: grid;
 grid-template-columns: minmax(0, 1fr) var(--yan);
 gap: clamp(24px, 2.2vw, 36px);
 align-items: stretch;
 width: 100%;
 max-width: none;
 margin-inline: 0;
 padding-inline: var(--pad);
 }
 .sayfa-ikili main.yanli .kabuk {
 max-width: clamp(
 calc(56rem + var(--pad) * 2),
 62vw,
 calc(68rem + var(--pad) * 2)
 );
 margin-inline: auto;
 padding-inline: 0;
 }
 .sayfa-ikili {
 grid-template-columns: var(--yan-sol) minmax(0, 1fr) var(--yan);
 gap: clamp(16px, 1.3vw, 26px);
 }
 .sayfa-ikili main.yanli { grid-column: 2; grid-row: 1; }
 .sayfa-ikili .yanmenu   { grid-column: 3; grid-row: 1; }
 .sayfa-ikili .yansol    { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; min-height: 0; }
 .yansol-yapis {
 position: sticky;
 top: 100px;
 display: flex;
 flex-direction: column;
 gap: 20px;
 }
 .sayfa-ikili main.yanli .kabuk { max-width: none; margin-inline: 0; }
 .yanmenu {
 display: flex;
 flex-direction: column;
 min-height: 0;
 }
 .yan-blok {
 flex: 1 1 0;
 min-height: 0;
 }
 .yan-yapis {
 position: sticky;
 top: 100px;
 display: flex;
 flex-direction: column;
 gap: 20px;
 max-height: calc(100vh - 128px);
 scrollbar-width: none;
 }
 .yanmenu ol {
 flex: 0 1 auto;
 min-height: 0;
 overflow-y: auto;
 scrollbar-width: none;
 }
 .yanmenu ol::-webkit-scrollbar {
 display: none;
 }
 .yanmenu .reklam {
 flex: 0 0 auto;
 }
 .yanmenu::-webkit-scrollbar {
 display: none;
 }
 .yanmenu-b {
 display: block;
 flex: 0 0 auto;
 margin-bottom: -8px;
 color: var(--murekkep-3);
 }
 .yanmenu ol {
 list-style: none;
 margin: 0;
 padding: 0;
 border-left: 1px solid var(--cizgi);
 }
 .yanmenu a {
 display: flex;
 gap: 8px;
 padding: 6px 0 6px 12px;
 margin-left: -2px;
 border-left: 2px solid transparent;
 font-size: var(--yz-kucuk);
 line-height: 1.35;
 color: var(--murekkep-3);
 text-decoration: none;
 transition: color var(--dur-kisa) var(--ev), border-color var(--dur-kisa) var(--ev);
 }
 .yanmenu a .mono {
 font-size: var(--yz-mini);
 padding-top: 2px;
 color: inherit;
 }
 .yanmenu a:hover {
 color: var(--murekkep);
 }
 .yanmenu a.etkin {
 color: var(--vurgu-koyu);
 border-left-color: var(--vurgu-koyu);
 }
 html.odak .yanmenu {
 display: none;
 }
}
.reklam {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 6px;
 margin: clamp(18px, 2.2vw, 30px) 0;
 max-width: min(var(--rek-en, 728px), 100%);
 min-height: calc(var(--rek-boy, 90px) + 20px);
}
.reklam-et {
 align-self: flex-start;
 font-size: var(--yz-mini);
 letter-spacing: 0.14em;
 color: var(--murekkep-3);
 opacity: 0.65;
}
.reklam ins {
 width: 100%;
 background: var(--kagit-3);
 border-radius: var(--r-md);
}
.reklam-yan {
 margin: 22px 0 0;
 max-width: 100%;
}
.reklam-yer {
 display: none;
}
html.yerel .reklam-yer {
 display: flex;
}
.reklam-kutu {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 100%;
 height: var(--rek-boy, 90px);
 max-height: 58vh;
 border: 1px dashed var(--cizgi);
 border-radius: var(--r-md);
 color: var(--murekkep-3);
 background: linear-gradient(
 135deg,
 transparent 46%,
 var(--kagit-3) 46%,
 var(--kagit-3) 54%,
 transparent 54%
 );
 background-size: 14px 14px;
}
html.odak .reklam {
 display: none !important;
}
@media print {
 .reklam {
 display: none;
 }
}
:root {
 --g1: 0 1px 2px -1px rgba(61, 44, 28, 0.16);
 --g2: 0 2px 4px -2px rgba(61, 44, 28, 0.12), 0 8px 20px -14px rgba(61, 44, 28, 0.4);
 --g3: 0 4px 8px -4px rgba(61, 44, 28, 0.14), 0 18px 44px -24px rgba(61, 44, 28, 0.5);
 --levha-ust: #b4552a;
 --g-levha: 0 2px 6px rgba(60, 26, 8, 0.22);
 --tane: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
}
[data-dil='en'] {
 --g1: 0 1px 2px -1px rgba(6, 12, 28, 0.5);
 --g2: 0 2px 4px -2px rgba(6, 12, 28, 0.45), 0 8px 20px -14px rgba(6, 12, 28, 0.8);
 --g3: 0 4px 8px -4px rgba(6, 12, 28, 0.5), 0 18px 44px -24px rgba(6, 12, 28, 0.9);
 --levha-ust: color-mix(in srgb, var(--vurgu-koyu) 85%, var(--murekkep));
 --g-levha: 0 2px 6px rgba(6, 12, 28, 0.55);
}
body::before {
 content: '';
 position: fixed;
 inset: 0;
 z-index: 1;
 pointer-events: none;
 background-image: var(--tane);
 background-size: 140px 140px;
 opacity: 0.035;
}
[data-dil='en'] body::before {
 opacity: 0.05;
}
@media print {
 body::before {
 display: none;
 }
}
html.odak body::before {
 opacity: 0.02;
}
.ifade,
.kutu,
.kopru,
.saat-liste,
.tablo-sar {
 box-shadow: var(--g1);
}
.ifade-vur,
.kisayol {
 box-shadow: var(--g2);
}
.ifade {
 --isik-x: 50%;
 --isik-y: 50%;
}
.ifade::after {
 content: '';
 position: absolute;
 inset: 0;
 border-radius: inherit;
 pointer-events: none;
 opacity: 0;
 transition: opacity var(--dur-orta) var(--ev);
 background: radial-gradient(
 circle 220px at var(--isik-x) var(--isik-y),
 color-mix(in srgb, var(--vurgu) 13%, transparent),
 transparent 70%
 );
}
@media (hover: hover) {
 .ifade:hover::after,
 .ifade:focus-within::after {
 opacity: 1;
 }
 .ifade:hover {
 box-shadow: var(--g3);
 }
}
p,
li,
.ifade-tr,
.kopru-m {
 text-wrap: pretty;
}
h1,
h2,
h3,
.dev,
.kucuk-baslik {
 text-wrap: balance;
}
table,
.saat-sat i,
.iz-ad,
.rozet {
 font-variant-numeric: tabular-nums;
}
@media (min-resolution: 2dppx) {
 .ifade,
 .kutu,
 .kopru,
 .tablo-sar,
 .saat-liste,
 .kopru-b {
 border-width: 0.5px;
 }
}
@supports selector(::-webkit-scrollbar) {
 ::-webkit-scrollbar {
 width: 11px;
 height: 11px;
 }
 ::-webkit-scrollbar-track {
 background: transparent;
 }
 ::-webkit-scrollbar-thumb {
 background: color-mix(in srgb, var(--murekkep) 18%, transparent);
 border: 3px solid var(--kagit);
 border-radius: var(--r-hap);
 }
 ::-webkit-scrollbar-thumb:hover {
 background: color-mix(in srgb, var(--murekkep) 32%, transparent);
 }
}
@media (prefers-reduced-motion: reduce) {
 .ifade::after {
 display: none;
 }
}
.ik {
 width: 1.05em;
 height: 1.05em;
 flex: none;
 vertical-align: -0.16em;
}
.kisayol {
 display: flex;
 align-items: baseline;
 gap: 10px;
 flex-wrap: wrap;
}
.kisayol .ik {
 color: var(--vurgu-koyu);
 align-self: center;
}
.tuzak > .ik {
 color: var(--vurgu-koyu);
 margin-right: 8px;
 vertical-align: -0.2em;
}
.not:has(> .ik) {
 display: flex;
 align-items: flex-start;
 gap: 10px;
}
.not > .ik {
 color: var(--murekkep-3);
 margin-top: 0.28em;
}
.kisayol-m {
 flex: 1 1 12ch;
 min-width: 0;
}
.replik {
 display: grid;
 grid-template-columns: auto minmax(0, 1fr);
 align-items: baseline;
 column-gap: 10px;
}
.replik > .ik {
 grid-column: 1;
 grid-row: 1 / span 2;
 width: 16px;
 height: 16px;
 align-self: start;
 margin-top: 0.3em;
}
.replik > p {
 grid-column: 2;
}
.replik.iyi > .ik {
 color: var(--dogru, #4a7c4e);
}
.replik.kotu > .ik {
 color: var(--yanlis-renk, #b3453a);
}
@media print {
 .replik > .ik {
 background: none;
 }
}
button.ses {
 appearance: none;
 background: none;
 border: 0;
 padding: 0 0 0 2px;
 margin-left: 8px;
 cursor: pointer;
 color: var(--murekkep-3);
 vertical-align: -0.14em;
 line-height: 0;
 opacity: 0;
 transition: opacity var(--dur-kisa) var(--ev), color var(--dur-kisa) var(--ev);
}
html:not(.sesli) button.ses,
html:not(.sesli) .tc-ses .ik { display: none; }
button.ses .ik { width: 15px; height: 15px; }
button.ses .ik-dur { display: none; }
.replik:hover button.ses,
button.ses:focus-visible { opacity: 0.55; }
button.ses:hover { opacity: 1; color: var(--vurgu-koyu); }
@media (hover: none) {
 button.ses { opacity: 0.4; }
}
.replik { position: relative; }
.replik::before {
 content: '';
 position: absolute;
 left: -2px;
 top: 0;
 bottom: 0;
 width: 2px;
 background: var(--vurgu);
 border-radius: var(--r-md);
 transform: scaleY(0);
 transform-origin: top;
 transition: transform var(--dur-kisa) var(--ev);
}
.replik.calan::before { transform: scaleY(1); }
.replik.calan button.ses { opacity: 1; color: var(--vurgu-koyu); }
.replik.calan buttonbutton.ses .ik-ses { display: none; }
.replik.calan buttonbutton.ses .ik-dur { display: inline; }
.tc-ses {
 appearance: none;
 background: none;
 border: 0;
 padding: 0;
 margin: 0;
 font: inherit;
 color: inherit;
 letter-spacing: inherit;
 cursor: default;
 display: inline-flex;
 align-items: center;
 gap: 6px;
}
html.sesli .tc-ses { cursor: pointer; }
.tc-ses .ik {
 width: 13px;
 height: 13px;
 color: var(--vurgu-koyu);
 opacity: 0;
 transform: translateX(-3px);
 transition: opacity var(--dur-kisa) var(--ev), transform var(--dur-kisa) var(--ev);
}
.tc-ses .ik-dur { display: none; }
html.sesli .tc-ses:hover .ik,
html.sesli .tc-ses:focus-visible .ik { opacity: 1; transform: none; }
html.sesli .tc-ses:hover span { color: var(--vurgu-koyu); }
.tc-ses.calan .ik { opacity: 1; transform: none; }
.tc-ses.calan .ik-ses { display: none; }
.tc-ses.calan .ik-dur { display: inline; }
.tc-ses.calan span { color: var(--vurgu-koyu); }
.alt-araclar {
 position: fixed;
 right: clamp(14px, 2.4vw, 26px);
 bottom: clamp(14px, 2.4vw, 26px);
 z-index: 40;
 display: flex;
 align-items: center;
 gap: 2px;
 padding: 4px;
 background: var(--kagit-2);
 border-radius: var(--r-plaka);
}
@media (max-width: 620px) {
 .alt-araclar {
 right: 10px;
 bottom: 10px;
 opacity: 0.92;
 }
 .odak-dugme {
 position: relative; width: 36px; height: 36px; padding: 0;
 color: transparent; overflow: hidden; white-space: nowrap;
 }
 .odak-dugme::after {
 content: '◑'; position: absolute; inset: 0; display: grid; place-items: center;
 color: var(--murekkep); font-size: 15px; line-height: 1;
 }
 .hiz-dugme span:first-child { display: none; }
}
.hiz-dugme {
 display: none;
 align-items: center;
 gap: 7px;
 appearance: none;
 cursor: pointer;
 font-family: var(--f-mono);
 font-size: var(--yz-mini);
 letter-spacing: 0.02em;
 text-transform: none;
 color: var(--murekkep-3);
 background: none;
 border: 0;
 border-radius: var(--r-xs);
 padding: 9px 12px;
 transition: color var(--dur-kisa) var(--ev), background var(--dur-kisa) var(--ev);
}
html.sesli .hiz-dugme { display: inline-flex; }
.hiz-dugme:hover { color: var(--vurgu-koyu); background: var(--isik); }
.hiz-d {
 color: var(--kagit);
 background: var(--murekkep);
 border-radius: 4px;
 padding: 1px 5px;
 font-weight: 500;
}
html.odak button.ses,
html.odak .tc-ses .ik { display: none; }
html.odak .hiz-dugme { display: none; }
@media print {
 .alt-araclar, button.ses, .tc-ses .ik { display: none !important; }
 .replik::before { display: none; }
}
@media (prefers-reduced-motion: reduce) {
 button.ses, .tc-ses .ik, .replik::before { transition: none; }
}
.tamam {
 display: none;
 margin-top: var(--bosluk-m);
 padding: 16px 18px;
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 background: var(--kagit-3);
}
.tamam.acik { display: block; }
.tamam-b {
 margin: 0 0 4px;
 font-weight: 600;
}
.tamam-b .mono {
 color: var(--vurgu-koyu);
 font-size: max(14px, 0.93em);
 letter-spacing: 0.04em;
}
.tamam-n {
 margin: 0;
 font-size: max(14px, 0.86em);
 color: var(--murekkep-3);
 line-height: 1.5;
}
.test-sayac {
 margin-top: 14px;
 font-size: var(--yz-mikro);
 letter-spacing: 0.1em;
 text-transform: uppercase;
 color: var(--murekkep-3);
}
.test-sayac [data-sayac] { color: var(--vurgu-koyu); }
.yol-ilerleme {
 margin: 0 0 var(--bosluk-s);
 padding-bottom: 12px;
 border-bottom: 1px solid var(--ayrac);
 font-size: var(--yz-mikro);
 letter-spacing: 0.09em;
 text-transform: uppercase;
 color: var(--murekkep-3);
}
.yol-ilerleme strong { color: var(--vurgu-koyu); }
.yol > li.bitti .adim-no {
 color: var(--vurgu-koyu);
}
.yol > li.bitti .adim-no::after {
 content: '✓';
 margin-left: 4px;
 font-size: max(14px, 0.93em);
}
.yol > li.bitti .adim[data-skor]::after {
 content: attr(data-skor);
 position: absolute;
 right: 34px;
 top: 50%;
 transform: translateY(-50%);
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 letter-spacing: 0.06em;
 color: var(--murekkep-3);
}
.yol > li .adim { position: relative; }
@media print {
 .tamam, .test-sayac, .yol-ilerleme { display: none !important; }
}
.onay {
 position: fixed;
 left: clamp(14px, 2vw, 22px);
 right: clamp(14px, 2vw, 22px);
 bottom: clamp(14px, 2vw, 22px);
 z-index: 60;
 max-width: 52rem;
 margin-inline: auto;
 background: var(--kagit);
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 box-shadow: var(--g3);
 padding: clamp(14px, 2vw, 20px) clamp(16px, 2.4vw, 24px);
 opacity: 0;
 transform: translateY(12px);
 transition: opacity var(--dur-kisa) var(--ev), transform var(--dur-kisa) var(--ev);
}
.onay.acik { opacity: 1; transform: none; }
.onay-ic {
 display: flex;
 align-items: center;
 gap: clamp(14px, 2.4vw, 28px);
 flex-wrap: wrap;
}
.onay-metin { flex: 1 1 22rem; min-width: 0; }
.onay-b {
 margin: 0 0 4px;
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 600;
 font-size: 1.02rem;
 letter-spacing: var(--ls-kart);
}
.onay-m {
 margin: 0;
 font-size: max(14px, 0.86em);
 line-height: 1.5;
 color: var(--murekkep-2);
}
.onay-m a { color: var(--vurgu-koyu); }
.onay-dugmeler {
 display: flex;
 gap: 8px;
 flex: 0 0 auto;
}
.onay-d {
 appearance: none;
 cursor: pointer;
 font-family: var(--f-etiket);
 font-size: var(--yz-govde);
 font-weight: 600;
 letter-spacing: -0.005em;
 text-transform: none;
 border: 0;
 border-radius: var(--r-xs);
 padding: 10px 18px;
 min-height: 44px;
 transition: background var(--dur-kisa) var(--ev), color var(--dur-kisa) var(--ev), transform var(--dur-kisa) var(--ev-sekme);
}
.onay-ret {
 background: color-mix(in srgb, var(--murekkep) 6%, transparent);
 color: var(--murekkep-2);
}
.onay-ret:hover { background: color-mix(in srgb, var(--murekkep) 12%, transparent); color: var(--murekkep); }
.onay-kabul {
 background: var(--vurgu-koyu);
 color: var(--kagit);
}
.onay-kabul:hover { background: color-mix(in srgb, var(--vurgu-koyu) 84%, var(--murekkep)); transform: scale(1.045, 1.085); }
@media (max-width: 720px) {
 .alt-araclar { bottom: calc(clamp(14px, 2vw, 22px) + 118px); }
}
@media print { .onay { display: none !important; } }
@media (prefers-reduced-motion: reduce) {
 .onay { transition: none; }
}
@media (min-width: 2100px) {
 .sayfa-ikili { grid-template-columns: 200px minmax(0, 1fr) 200px; }
}
@media print {
 .yansol { display: none !important; }
}
.portal-bas { margin-top: clamp(18px, 2.2vw, 30px) !important; }
.portal-bas .govde > h1 {
 line-height: 1.05;
 margin: 2px 0 10px;
}
.portal-bas .govde > .giris {
 font-size: max(14px, 0.95rem);
 line-height: 1.5;
 color: var(--murekkep-2);
 max-width: 64ch;
 margin: 0;
}
.portal-bas .govde > .rozetler { margin-bottom: 10px !important; }
.portal-bas + section { margin-top: clamp(20px, 2.4vw, 32px); }
@media (min-width: 1260px) {
 .sayfa-ikili > main.olculu,
 .sayfa-ikili > main:not([class]) {
 grid-column: 2;
 grid-row: 1;
 min-width: 0;
 }
 .sayfa-ikili > main.olculu .kabuk,
 .sayfa-ikili > main:not([class]) .kabuk {
 max-width: calc(64rem + var(--pad) * 2);
 margin-inline: auto;
 padding-inline: 0;
 }
 .yan-reklam .yan-blok { flex: 0 0 auto; }
}
@media (max-width: 1259px) {
 .sayfa-ikili > main.olculu .kabuk,
 .sayfa-ikili > main:not([class]) .kabuk {
 margin-inline: auto;
 }
}
main.yanli h1.dev {
 line-height: 1.06;
 margin-bottom: 6px;
}
.de-terim {
 margin: 0 0 var(--bosluk-s);
 font-family: var(--f-etiket);
 font-size: clamp(14px, 10px + 0.2vw, 13px);
 letter-spacing: 0.1em;
 text-transform: uppercase;
 color: var(--vurgu-koyu);
}
.de-terim::before {
 content: '';
 display: inline-block;
 width: 18px;
 height: 1px;
 background: currentColor;
 vertical-align: 0.3em;
 margin-right: 10px;
 opacity: 0.5;
}
[data-dil='en'] .de-terim { color: var(--vurgu-koyu); }
@media print { .de-terim { color: #000; } }
.tanim {
 margin: 0 0 10px;
 font-size: 1.02em;
 line-height: 1.6;
 color: var(--murekkep);
 max-width: 64ch;
}
@media print { .tanim { border-left-color: #000; } }
.diz-liste {
 list-style: none;
 margin: var(--bosluk-s) 0 0;
 padding: 0;
 display: grid;
 gap: var(--bosluk-s);
}
.diz {
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 padding: clamp(14px, 2vw, 20px);
 background: var(--kagit-3);
 transition: border-color var(--dur-kisa) var(--ev);
}
.diz-hedef {
 margin: 0 0 12px;
 min-height: 1.9em;
 padding-bottom: 8px;
 border-bottom: 1px dashed var(--cizgi);
 font-family: var(--f-govde);
 font-weight: 600;
 font-size: clamp(1.02rem, 0.98rem + 0.25vw, 1.18rem);
 line-height: 1.45;
 color: var(--murekkep);
}
.diz-bos {
 font-weight: 400;
 font-size: var(--yz-mikro);
 letter-spacing: 0.1em;
 text-transform: uppercase;
 color: var(--murekkep-3);
}
.diz-havuz {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
}
.diz-j {
 appearance: none;
 cursor: pointer;
 font-family: var(--f-govde);
 font-size: max(14px, 0.95rem);
 font-weight: 600;
 line-height: 1.2;
 padding: 10px 14px;
 min-height: 40px;
 color: var(--murekkep);
 border-radius: var(--r-hap);
}
.diz-j.secili { color: var(--kagit); }
.diz-alt {
 display: flex;
 align-items: center;
 gap: 14px;
 flex-wrap: wrap;
 margin-top: 14px;
}
.diz-bak {
 appearance: none;
 cursor: pointer;
 font-family: var(--f-govde);
 font-size: var(--yz-govde);
 font-weight: 600;
 padding: 9px 16px;
 min-height: 40px;
 color: var(--kagit);
 background: var(--murekkep);
 border: 0;
 border-radius: var(--r-xs);
 transition: background var(--dur-anlik) var(--ev), transform var(--dur-kisa) var(--ev-sekme);
}
.diz-bak:hover { background: var(--murekkep-2); transform: scale(1.045, 1.085); }
.diz-bak:active { transform: scale(0.98, 0.96); }
.diz-not {
 font-size: var(--yz-mikro);
 letter-spacing: 0.04em;
 color: var(--murekkep-3);
}
.diz.diz-dogru { border-left-color: var(--das); }
.diz.diz-dogru .diz-not { color: var(--das); }
.diz.diz-yanlis { border-left-color: var(--die); }
.diz.diz-yanlis .diz-not { color: var(--die); }
@media print {
 .diz-havuz, .diz-alt { display: none; }
 .diz-hedef { border-bottom: 0; }
}
@media (prefers-reduced-motion: reduce) {
 .diz-j, .diz, .diz-bak { transition: none; }
}
.iz[hidden] { display: none !important; }
.iz-durum {
 margin: 6px 0 0;
 font-size: var(--yz-mikro);
 letter-spacing: 0.09em;
 text-transform: uppercase;
 color: var(--murekkep-3);
}
.tekrar-sonra,
.tekrar-bos {
 margin: 28px 0 0;
 padding: 16px 18px;
 border: 1px dashed var(--ayrac);
 border-radius: var(--r-md);
 background: var(--kagit-3);
 font-size: var(--yz-govde);
 line-height: 1.55;
 color: var(--murekkep-2);
 max-width: 60ch;
}
.tekrar-grup {
 margin: 0 0 clamp(26px, 3.4vw, 44px);
}
.tekrar-grup + .tekrar-grup {
 padding-top: clamp(22px, 2.8vw, 34px);
 border-top: 1px solid var(--ayrac);
}
.tekrar-grup > h2 {
 font-size: clamp(1.05rem, 0.95rem + 0.4vw, 1.3rem);
 line-height: 1.25;
 margin: 0 0 14px;
}
.tekrar-grup > h2 > a {
 color: var(--murekkep);
 text-decoration: none;
 border-bottom: 1px solid var(--cizgi-koyu, var(--cizgi));
 padding-bottom: 2px;
 transition: color var(--dur-anlik) var(--ev), border-color var(--dur-anlik) var(--ev);
}
.tekrar-grup > h2 > a:hover,
.tekrar-grup > h2 > a:focus-visible {
 color: var(--vurgu-koyu);
 border-color: var(--vurgu-koyu);
}
[data-tekrar-sayac] {
 white-space: nowrap;
}
.blog-izgara {
 display: grid;
 gap: var(--bosluk-m);
 grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.blog-kart, .blog-zincir .kutu {
 transition: box-shadow var(--dur-kisa) var(--ev);
 color: inherit;
}
.blog-kart:hover, .blog-kart:focus-visible,
.blog-zincir .kutu:hover, .blog-zincir .kutu:focus-visible {
 box-shadow: 0 0 0 1px var(--ayrac), var(--g2);
 border-color: transparent;
}
.blog-k-ust {
 color: var(--murekkep-3);
 font-size: max(14px, 0.93em);
}
.blog-k-baslik {
 font-family: var(--f-display);
 font-weight: 600;
 font-size: clamp(1.2rem, 1rem + 0.6vw, 1.4rem);
 line-height: 1.18;
 color: var(--murekkep);
}
.blog-k-giris {
 color: var(--murekkep-2);
 font-size: max(14px, 0.93em);
 line-height: 1.45;
}
.blog-sv { color: var(--murekkep); }
.blog-k-ust > span { white-space: nowrap; }
.blog-yazi .blog-bas { margin-bottom: var(--bosluk-l); }
.blog-yazi .blog-bas h1 {
 margin: 16px 0;
 font-family: var(--f-display);
 font-weight: 700;
 line-height: 1.12;
 letter-spacing: var(--ls-dev);
}
.blog-yazi .blog-giris {
 font-size: clamp(17px, 16px + 0.4vw, 20px);
 font-weight: 500;
 line-height: 1.5;
 color: var(--murekkep-2);
}
.blog-govde {
 display: flex;
 flex-direction: column;
 gap: var(--bosluk-m);
 margin-bottom: var(--bosluk-l);
}
.blog-govde p { line-height: calc(6px + 2.125ex); }
.blog-kelimeler, .blog-bagli-okuma { margin-bottom: var(--bosluk-l); }
.blog-k-liste {
 list-style: none;
 padding: 0;
 margin: 0;
}
.blog-k-liste li {
 padding: 16px 20px;
 border-bottom: 1px solid var(--cizgi);
 display: flex;
 flex-direction: column;
 gap: 4px;
}
.blog-k-liste li:first-child { padding-top: 0; }
.blog-k-liste li:last-child {
 border-bottom: none;
 padding-bottom: 0;
}
.blog-k-liste b { color: var(--murekkep); font-weight: 600; }
.blog-k-liste span { color: var(--murekkep-2); }
.blog-zincir {
 display: grid;
 grid-template-columns: 1fr auto 1fr;
 gap: var(--bosluk-s);
 margin-top: var(--bosluk-l);
}
.blog-zincir .kutu { justify-content: center; min-height: 44px; padding: 16px; }
.blog-btn { align-items: center; text-align: center; font-weight: 600; white-space: nowrap; }
.blog-zincir .mono { font-size: var(--yz-mikro); color: var(--murekkep-3); margin-bottom: 4px; }
.blog-siradaki { text-align: right; align-items: flex-end; }
.blog-bos { display: block; }
@media (max-width: 768px) {
 .blog-zincir { grid-template-columns: 1fr; }
 .blog-siradaki { text-align: left; align-items: flex-start; }
 .blog-zincir .blog-btn { order: -1; margin-bottom: 12px; }
}
.serit-sag { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.serit-cta {
 margin-left: 0;
 display: inline-flex;
 align-items: center;
 gap: 10px;
 min-height: 44px;
 padding: 0 8px 0 18px;
 border-radius: var(--r-plaka);
 color: var(--kagit);
 font-size: var(--yz-govde);
 font-weight: 600;
 letter-spacing: -0.005em;
 text-decoration: none;
 white-space: nowrap;
 transition: filter var(--dur-anlik) var(--ev), transform var(--dur-kisa) var(--ev-sekme);
}
.serit-cta .hap-ok {
 background: color-mix(in srgb, var(--kagit) 16%, transparent);
 color: var(--kagit);
 width: 26px;
 height: 26px;
}
.serit-cta:hover,
.serit-cta:focus-visible {
 transform: scale(1.045, 1.085);
}
.serit-cta:hover .hap-ok,
.serit-cta:focus-visible .hap-ok { transform: translate(2px, -2px); }
.serit-cta:active { transform: scale(0.98, 0.96); }
@media (max-width: 900px) {
 .serit-cta { padding: 6px 10px; font-size: var(--yz-mikro); margin-left: 4px; }
}
.tk-adimlar {
 list-style: none;
 margin: clamp(20px, 3vw, 34px) 0 0;
 padding: 0;
 display: grid;
 gap: clamp(16px, 2.4vw, 26px);
 grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}
.tk-adim > .tk-no {
 display: block;
 color: var(--vurgu-koyu);
 font-size: var(--yz-kucuk);
 letter-spacing: 0.14em;
 margin-bottom: 8px;
}
.tk-adim > :is(h2, h3, h4) {
 font-size: clamp(1rem, 0.94rem + 0.3vw, 1.15rem);
 line-height: 1.3;
 margin: 0 0 6px;
}
.tk-adim > p {
 margin: 0;
 font-size: max(14px, 0.95rem);
 line-height: 1.55;
 color: var(--murekkep-2, var(--murekkep));
}
.govde > .tk-paketler {
 list-style: none;
 max-width: none;
 margin: clamp(18px, 2.6vw, 30px) 0 clamp(14px, 2vw, 20px);
 padding: 0;
 display: grid;
 gap: 12px;
 grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 960px) {
 .govde > .tk-paketler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 460px) {
 .govde > .tk-paketler { grid-template-columns: 1fr; }
}
.tk-paket {
 position: relative;
 padding: clamp(16px, 2vw, 22px) clamp(14px, 1.8vw, 20px);
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 background: var(--kagit);
}
.tk-onerilen {
 border-color: var(--vurgu-koyu);
 box-shadow: 0 0 0 1px var(--vurgu) inset;
}
.tk-rozet {
 position: absolute;
 top: -9px;
 left: clamp(14px, 1.8vw, 20px);
 padding: 2px 10px;
 border-radius: var(--r-hap);
 background: var(--vurgu-koyu, var(--vurgu));
 color: var(--kagit);
 font-size: var(--yz-mikro);
 letter-spacing: 0.08em;
 text-transform: uppercase;
}
.tk-tempo {
 display: block;
 font-size: var(--yz-mikro);
 letter-spacing: 0.1em;
 text-transform: uppercase;
 color: var(--vurgu-koyu, var(--vurgu));
 margin-bottom: 10px;
}
.tk-fiyat {
 margin: 0 0 4px;
 display: flex;
 align-items: baseline;
 gap: 6px;
 flex-wrap: wrap;
}
.tk-fiyat > b {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-size: clamp(1.7rem, 1.4rem + 1vw, 2.2rem);
 font-weight: 600;
 line-height: 1;
 font-variant-numeric: tabular-nums;
}
.tk-fiyat > .mono { font-size: var(--yz-mikro); letter-spacing: 0.04em; }
.tk-ay {
 text-wrap: balance;
 margin: 0;
 font-size: var(--yz-mikro);
 color: var(--murekkep-3, var(--murekkep-2, var(--murekkep)));
 font-variant-numeric: tabular-nums;
}
.tk-yorum {
 margin: clamp(16px, 2.4vw, 26px) 0 0;
 padding-left: clamp(14px, 1.8vw, 22px);
 border-left: 2px solid var(--vurgu);
}
.tk-yorum blockquote { margin: 0; }
.tk-yorum blockquote > p {
 margin: 0 0 10px;
 font-size: clamp(1rem, 0.95rem + 0.35vw, 1.2rem);
 line-height: 1.5;
}
.tk-yorum figcaption {
 font-size: var(--yz-mikro);
 letter-spacing: 0.08em;
 text-transform: uppercase;
 color: var(--murekkep-3, var(--murekkep-2, var(--murekkep)));
}
.tk-kapanis .tk-yorum {
 text-align: left;
 max-width: 46rem;
 margin-inline: auto;
 border-left-color: var(--asit, var(--vurgu));
}
.tk-kapanis .tk-yorum figcaption {
 color: color-mix(in srgb, var(--alan-2-metin) 78%, var(--alan-2));
}
.tk-kapanis {
 padding: clamp(24px, 3.4vw, 40px) 0;
 border-top: 1px solid var(--ayrac);
 border-bottom: 1px solid var(--ayrac);
}
.tk-kapanis > .btnler { margin-top: clamp(16px, 2vw, 24px); }
.govde > .tk-yol,
.tk-alt > .tk-yol {
 list-style: none;
 max-width: none;
 margin: clamp(20px, 2.6vw, 30px) 0 0;
 padding: 0;
 display: grid;
 gap: clamp(2px, 0.4vw, 6px);
}
.tk-basamak {
 display: flex;
 gap: clamp(14px, 1.8vw, 22px);
 align-items: baseline;
 padding: clamp(14px, 1.6vw, 18px) 0;
 border-top: 1px solid var(--ayrac);
}
.tk-basamak > .tk-kod {
 flex: 0 0 clamp(38px, 5vw, 54px);
 font-size: clamp(0.95rem, 0.85rem + 0.4vw, 1.15rem);
 font-weight: 600;
 letter-spacing: 0.04em;
 color: var(--vurgu-koyu, var(--vurgu));
 font-variant-numeric: tabular-nums;
}
.tk-basamak > div { min-width: 0; }
.tk-basamak :is(h3, h4) {
 margin: 0 0 4px;
 font-size: clamp(1rem, 0.95rem + 0.25vw, 1.15rem);
 display: flex;
 align-items: baseline;
 gap: 10px;
 flex-wrap: wrap;
}
.tk-basamak .tk-sure {
 font-size: var(--yz-mikro);
 letter-spacing: 0.08em;
 text-transform: uppercase;
 font-weight: 400;
 color: var(--murekkep-3, var(--murekkep-2, var(--murekkep)));
}
.tk-basamak p { margin: 0; }
.govde > .tk-premium,
.tk-alt > .tk-premium {
 list-style: none;
 max-width: none;
 margin: clamp(20px, 2.6vw, 30px) 0 0;
 padding: 0;
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: clamp(14px, 2vw, 24px);
}
@media (max-width: 620px) {
 .govde > .tk-premium,
 .tk-alt > .tk-premium { grid-template-columns: 1fr; }
}
.tk-premium > li {
 display: grid;
 gap: 6px;
 padding-top: clamp(14px, 1.4vw, 14px);
 border-top: 2px solid var(--vurgu);
}
.tk-premium > li > b {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-size: clamp(1rem, 0.95rem + 0.25vw, 1.12rem);
 font-weight: 600;
}
.tk-premium > li > span {
 font-size: clamp(0.9rem, 0.87rem + 0.15vw, 0.97rem);
 color: var(--murekkep-2, var(--murekkep));
}
.tk-sss {
 margin: clamp(20px, 2.6vw, 30px) 0 0;
 border-top: 1px solid var(--ayrac);
}
.tk-sss > details { border-bottom: 1px solid var(--ayrac); }
.tk-sss > details > summary {
 list-style: none;
 cursor: pointer;
 padding: clamp(14px, 1.7vw, 18px) 34px clamp(14px, 1.7vw, 18px) 0;
 position: relative;
 font-family: var(--f-display); font-optical-sizing: auto;
 font-size: clamp(0.98rem, 0.94rem + 0.25vw, 1.12rem);
 font-weight: 600;
 text-wrap: balance;
}
.tk-sss > details > summary::-webkit-details-marker { display: none; }
.tk-sss > details > summary::after {
 content: '';
 position: absolute;
 right: 6px;
 top: 50%;
 width: 9px;
 height: 9px;
 border-right: 2px solid var(--vurgu);
 border-bottom: 2px solid var(--vurgu);
 transform: translateY(-70%) rotate(45deg);
 transition: transform var(--sure, var(--dur-kisa)) var(--kolay, ease);
}
.tk-sss > details[open] > summary::after { transform: translateY(-30%) rotate(-135deg); }
.tk-sss > details > summary:focus-visible {
 outline: 2px solid var(--vurgu);
 outline-offset: 3px;
}
.tk-sss > details > p {
 margin: 0;
 padding: 0 34px clamp(14px, 2vw, 20px) 0;
 color: var(--murekkep-2, var(--murekkep));
 max-width: 62ch;
}
@media (prefers-reduced-motion: reduce) {
 .tk-sss > details > summary::after { transition: none; }
}
.diyalog { margin: clamp(18px, 2.4vw, 26px) 0 0; display: grid; gap: 8px; }
.diyalog > .replik { position: relative; }
.replik-kim {
 display: block;
 font-size: var(--yz-mikro);
 letter-spacing: 0.1em;
 text-transform: uppercase;
 color: var(--murekkep-3, var(--murekkep-2, var(--murekkep)));
 margin-bottom: 4px;
}
.rakam-bant { padding-top: clamp(28px, 4vw, 48px); padding-bottom: clamp(28px, 4vw, 48px); }
.govde > .rakamlar {
 list-style: none;
 max-width: none;
 margin: 0;
 padding: 0;
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: clamp(16px, 2.4vw, 34px);
}
@media (max-width: 780px) {
 .govde > .rakamlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.rakamlar > li {
 display: grid;
 gap: 4px;
 padding-left: clamp(14px, 1.8vw, 20px);
 border-left: 1px solid var(--cizgi);
}
.rakamlar > li:first-child { border-left: 0; padding-left: 0; }
@media (max-width: 780px) {
 .rakamlar > li:nth-child(odd) { border-left: 0; padding-left: 0; }
}
.rakam-n {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-size: clamp(2rem, 1.4rem + 2.4vw, 3.4rem);
 font-weight: 600;
 line-height: 0.95;
 font-variant-numeric: tabular-nums;
 color: var(--vurgu-koyu, var(--vurgu));
}
.rakam-e {
 font-size: var(--yz-mikro);
 letter-spacing: 0.09em;
 text-transform: uppercase;
 color: var(--murekkep-3, var(--murekkep-2, var(--murekkep)));
 text-wrap: balance;
}
.rakam-bant .govde > .not {
 max-width: none;
 margin: clamp(18px, 2.4vw, 26px) 0 0;
 text-align: center;
 justify-content: center;
}
.rakam-bant {
 padding-top: 0;
 margin-top: 0;
}
@media (min-width: 1000px) {
 .onay { max-width: 25rem; margin-inline: auto 0; }
}
body:has(.onay.acik) .alt-araclar {
 opacity: 0;
 pointer-events: none;
 transition: opacity var(--dur-kisa) var(--ev, ease);
}
:root {
 --isik: #fffdf9;
 --tas: #f2ede4;
 --hat: #c2af92;
 --asit: #d4f24b;
 --asit-2: #dff083;
 --cam-2: #b7ccc0;
 --kum: #e9c3a4;
 --gece: #2b2620;
 --r-tam: 999px;
 --r-dev: var(--r-md);
 --gecis: var(--dur-kisa) var(--ev);
}
.g1 {
 position: relative; overflow: hidden;
 width: 100%; max-width: none; margin: 0; border-radius: 0;
 padding: clamp(20px, 2.4vw, 38px) 0 clamp(44px, 5vw, 70px);
 background: radial-gradient(120% 88% at 50% 0%, var(--isik) 0%, var(--kagit) 46%, var(--tas) 100%);
}
.g1::after {
 content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 110px;
 z-index: 1; pointer-events: none;
 background: linear-gradient(transparent, var(--kagit));
}
.g1 .kabuk {
 position: relative; z-index: 2;
 display: flex; flex-direction: column; align-items: center; text-align: center;
}
.g1-mini {
 display: inline-flex; align-items: center; gap: 8px;
 font-size: var(--yz-mikro); letter-spacing: 0.15em; font-weight: 600;
 line-height: 1.2;
 color: var(--murekkep);
}
.ik-kiv { width: 13px; height: 13px; flex: none; fill: currentColor; }
.g1 h1 {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-size: clamp(38px, 6.1vw, 88px); line-height: 1;
 letter-spacing: var(--ls-dev); font-weight: 700;
 max-width: 15ch; margin: 16px auto 0;
 text-wrap: wrap;
}
.g1 .kutu {
 display: inline-block; background: var(--murekkep); color: var(--asit);
 border-radius: 0.3em; padding: 0.02em 0.24em 0.1em;
 margin-left: 0.04em; letter-spacing: -0.03em;
}
.g1-sahne {
 position: relative; width: 100%; margin: 18px auto 0;
 display: grid; grid-template-columns: 1fr auto 1fr;
 gap: clamp(16px, 2.4vw, 34px);
 align-items: center; text-align: left;
}
.g1-orta {
 position: relative; width: clamp(250px, 31vw, 430px); aspect-ratio: 1;
 display: grid; place-items: center;
}
.g1-daire {
 position: absolute; inset: 0; border-radius: var(--r-tam); pointer-events: none;
 background:
 radial-gradient(54% 48% at 32% 24%, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 62%),
 radial-gradient(92% 88% at 36% 26%, #eaff8e 0%, #dcf75e 30%, var(--asit) 56%,
 #bcdc36 82%, #a9c927 100%);
 box-shadow:
 0 0 0 1px rgba(120,150,30,0.22),
 0 30px 68px rgba(90,110,20,0.20),
 inset 0 2px 0 rgba(255,255,255,0.75),
 inset -20px -28px 54px rgba(108,140,18,0.24);
}
.g1-daire::after {
 content: ''; position: absolute; inset: -18%; border-radius: inherit;
 background: radial-gradient(50% 50% at 50% 50%, rgba(196,232,74,0.28) 56%, rgba(196,232,74,0) 100%);
 filter: blur(34px); z-index: -1;
}
.g1-maskot {
 position: relative; z-index: 2; width: 62%; height: auto;
 filter: drop-shadow(0 18px 28px rgba(60,26,8,0.26));
}
.sr-yigin { display: grid; gap: 10px; position: relative; z-index: 3; }
.sr-sol { margin-right: -64px; }
.sr-sag { margin-left: 0; }
.sr {
 position: relative; display: flex; align-items: center; gap: 12px;
 padding: 0 18px; min-height: 62px; border-radius: var(--r-md);
 background: linear-gradient(180deg, var(--isik), var(--tas) 94%);
 box-shadow:
 inset 0 1.5px 0 rgba(255,255,255,0.95),
 inset 0 -9px 16px -11px rgba(120,86,52,0.30),
 0 7px 16px -7px rgba(60,40,20,0.18);
 transition: transform var(--gecis), box-shadow var(--gecis);
}
a.sr:hover {
 transform: translateY(-3px);
 box-shadow:
 inset 0 1.5px 0 rgba(255,255,255,0.95),
 inset 0 -9px 16px -11px rgba(120,86,52,0.26),
 0 14px 26px -8px rgba(60,40,20,0.24);
}
.sr-one {
 background: linear-gradient(180deg, #e9ff92, var(--asit) 90%);
 box-shadow:
 inset 0 1.5px 0 rgba(255,255,255,0.85),
 inset 0 -9px 16px -11px rgba(108,140,18,0.42),
 0 7px 16px -7px rgba(120,150,20,0.30);
}
.sr-kilit { background: transparent; border: 1.5px dashed var(--hat); box-shadow: none; }
.sr-kilit .sr-say { margin-right: 0; }
.sr-kilit .sr-ad, .sr-kilit .sr-say { color: var(--murekkep-3); }
[data-dil='en'] .sr-kilit .sr-ad,
[data-dil='en'] .sr-kilit .sr-say { color: var(--murekkep-2); }
.sr-sv {
 background: var(--murekkep); color: var(--isik); border-radius: var(--r-xs);
 padding: 6px 10px; font-size: var(--yz-mikro); font-weight: 600; letter-spacing: 0.05em;
 line-height: 1.2; flex: none;
}
.sr-one .sr-sv { color: var(--asit); }
.sr-ad { font-size: var(--yz-buyuk); font-weight: 600; letter-spacing: -0.018em; line-height: 1.2; flex: 1; }
.sr-say {
 font-style: normal; font-size: var(--yz-kucuk); font-weight: 600; line-height: 1.2;
 color: var(--murekkep-2); white-space: nowrap; margin-right: 30px;
}
.sr-one .sr-say { color: #3d4a12; }
.sr-ok {
 position: absolute; right: 13px; top: 50%; transform: translateY(-50%);
 width: 30px; height: 30px; border-radius: var(--r-tam);
 background: var(--isik); color: var(--murekkep);
 display: grid; place-items: center;
 box-shadow: 0 2px 5px rgba(60,40,20,0.16);
 transition: transform var(--gecis);
}
a.sr:hover .sr-ok { transform: translateY(-50%) rotate(45deg); }
.ca-hero .sr-yigin > .sr, [data-dil='en'] .g1-sahne .sr-yigin > .sr, [data-dil='de'] .g1-sahne .sr-yigin > .sr {
 animation: yuz-dalga var(--dur-yuz-dalga) linear infinite, yuz-yalpa var(--dur-yuz-yalpa) linear infinite;
 animation-delay: calc(var(--i, 0) * var(--yuz-faz-1)), calc(var(--i, 0) * var(--yuz-faz-2));
}
.ca-hero .sr-yigin > .sr:hover, .ca-hero .sr-yigin > .sr:focus-visible,
[data-dil='en'] .g1-sahne .sr-yigin > .sr:hover, [data-dil='en'] .g1-sahne .sr-yigin > .sr:focus-visible,
[data-dil='de'] .g1-sahne .sr-yigin > .sr:hover, [data-dil='de'] .g1-sahne .sr-yigin > .sr:focus-visible { animation-play-state: paused; }
@keyframes yuz-dalga { 0% { translate: calc(var(--yuz-x) * 0) calc(var(--yuz-y) * -0); } 8.33% { translate: calc(var(--yuz-x) * 0.5) calc(var(--yuz-y) * -0.067); } 16.67% { translate: calc(var(--yuz-x) * 0.866) calc(var(--yuz-y) * -0.25); } 25% { translate: calc(var(--yuz-x) * 1) calc(var(--yuz-y) * -0.5); } 33.33% { translate: calc(var(--yuz-x) * 0.866) calc(var(--yuz-y) * -0.75); } 41.67% { translate: calc(var(--yuz-x) * 0.5) calc(var(--yuz-y) * -0.933); } 50% { translate: calc(var(--yuz-x) * 0) calc(var(--yuz-y) * -1); } 58.33% { translate: calc(var(--yuz-x) * -0.5) calc(var(--yuz-y) * -0.933); } 66.67% { translate: calc(var(--yuz-x) * -0.866) calc(var(--yuz-y) * -0.75); } 75% { translate: calc(var(--yuz-x) * -1) calc(var(--yuz-y) * -0.5); } 83.33% { translate: calc(var(--yuz-x) * -0.866) calc(var(--yuz-y) * -0.25); } 91.67% { translate: calc(var(--yuz-x) * -0.5) calc(var(--yuz-y) * -0.067); } 100% { translate: calc(var(--yuz-x) * -0) calc(var(--yuz-y) * -0); } }
@keyframes yuz-yalpa { 0% { rotate: calc(var(--yuz-don) * 0); } 8.33% { rotate: calc(var(--yuz-don) * 0.5); } 16.67% { rotate: calc(var(--yuz-don) * 0.866); } 25% { rotate: calc(var(--yuz-don) * 1); } 33.33% { rotate: calc(var(--yuz-don) * 0.866); } 41.67% { rotate: calc(var(--yuz-don) * 0.5); } 50% { rotate: calc(var(--yuz-don) * 0); } 58.33% { rotate: calc(var(--yuz-don) * -0.5); } 66.67% { rotate: calc(var(--yuz-don) * -0.866); } 75% { rotate: calc(var(--yuz-don) * -1); } 83.33% { rotate: calc(var(--yuz-don) * -0.866); } 91.67% { rotate: calc(var(--yuz-don) * -0.5); } 100% { rotate: calc(var(--yuz-don) * -0); } }
@media (prefers-reduced-motion: reduce) {
 .ca-hero .sr-yigin > .sr, [data-dil='en'] .g1-sahne .sr-yigin > .sr, [data-dil='de'] .g1-sahne .sr-yigin > .sr { animation: none; }
}
.kn-cam { text-align: center; }
.kn-baslik { display: inline-flex; align-items: center; gap: clamp(12px, 1.4vw, 18px); margin: 14px 0 0; font-family: var(--f-display); font-size: clamp(34px, 4.4vw, 60px); line-height: 1.02; letter-spacing: var(--ls-dev); }
.kn-logo { width: clamp(44px, 4.6vw, 64px); height: auto; flex: none; filter: drop-shadow(0 8px 14px rgba(60, 26, 8, 0.22)); }
.kn-adim { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px 10px; margin: clamp(18px, 2.4vw, 28px) 0 16px; font-size: var(--yz-h4); font-weight: 700; }
.kn-adim b { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: var(--r-tam); background: var(--murekkep); color: var(--asit); font-size: 15px; }
.kn-adim span { font-size: var(--yz-buyuk); font-weight: 500; color: var(--murekkep-2); }
.kn-kapilar { text-align: left; }
@media (min-width: 701px) {
 .kn-kapilar.kp-izgara { grid-template-columns: 1fr 1fr; gap: 14px; }
 .kn-kapilar .kp { min-height: 0; }
}
.kn-kapilar .kp { text-decoration: none; color: inherit; }
.kn-kapilar .kp:focus-visible { outline: 2.5px solid var(--vurgu); outline-offset: 3px; }
.kn-kapilar .kp-secili { box-shadow: 0 0 0 3px var(--murekkep), 0 18px 40px rgba(32, 26, 20, 0.14); }
.kn-alt-sira { display: grid; justify-items: center; gap: 14px; margin-top: clamp(18px, 2.4vw, 28px); }
.kn-test { display: inline-flex; align-items: center; gap: 8px; font-size: var(--yz-buyuk); color: var(--murekkep-2); text-decoration: none; }
.kn-test b { color: var(--murekkep); text-decoration: underline; text-underline-offset: 3px; }
.kn-test:hover b { color: var(--vurgu-koyu); }
.kn-test .ik-ok { width: 15px; height: 15px; }
.kn-ara {
 display: flex; align-items: center; gap: 4px; width: min(100%, 640px); min-height: 60px; padding: 0 10px 0 18px; text-align: left;
 background: var(--isik); border: 1.5px solid var(--cizgi); border-radius: var(--r-tam); box-shadow: var(--golge);
 transition: border-color var(--dur-kisa) var(--ev), box-shadow var(--dur-kisa) var(--ev);
}
.kn-ara:focus-within { border-color: var(--murekkep); box-shadow: 0 0 0 4px color-mix(in srgb, var(--asit) 55%, transparent), var(--golge); }
.kn-ara > svg { width: 22px; height: 22px; flex: none; color: var(--murekkep-2); }
.kn-ara input { flex: 1; min-width: 0; height: 56px; padding: 0 10px; border: 0; outline: none; background: transparent; font: 500 17px var(--f-govde); color: var(--murekkep); }
.kn-ara input::placeholder { color: var(--murekkep-3); }
.kn-kisayol { padding: 2px 9px; border: 1px solid var(--cizgi); border-radius: var(--r-xs); font-size: 14px; color: var(--murekkep-3); }
.kn-oneri { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin: 0; font-size: 14px; color: var(--murekkep-2); }
.kn-oneri > span { margin-right: 4px; font-weight: 600; }
.kn-oneri-cip {
 padding: 6px 13px; border: 1px solid var(--cizgi); border-radius: var(--r-tam); cursor: pointer;
 background: color-mix(in srgb, var(--isik) 72%, transparent); font: 600 14px var(--f-govde); color: var(--murekkep);
 transition: background var(--dur-kisa) var(--ev), color var(--dur-kisa) var(--ev), border-color var(--dur-kisa) var(--ev);
}
.kn-oneri-cip:hover, .kn-oneri-cip:focus-visible { background: var(--murekkep); border-color: var(--murekkep); color: var(--kagit); }
html:not(.js) .kn-ara, html:not(.js) .kn-oneri, html:not(.js) .kn-suz { display: none; }
.kn-suz { position: relative; z-index: 2; width: min(100%, 70rem); display: grid; gap: 10px; }
.kn-grup { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.kn-turler { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding: 2px 0 4px; }
.kn-turler::-webkit-scrollbar { display: none; }
.kn-grup-ad { flex: none; min-width: 64px; font-size: 14px; letter-spacing: 0.08em; color: var(--murekkep-3); }
.kn-cip {
 display: inline-flex; align-items: center; gap: 8px; flex: none; min-height: 42px; padding: 0 15px; cursor: pointer;
 border: 1.5px solid var(--cizgi); border-radius: var(--r-tam); background: var(--isik); color: var(--murekkep);
 font: 600 15px var(--f-govde); white-space: nowrap;
 transition: background var(--dur-kisa) var(--ev), color var(--dur-kisa) var(--ev), border-color var(--dur-kisa) var(--ev), transform var(--dur-kisa) var(--ev);
}
.kn-cip i { font-style: normal; font-size: 14px; color: var(--murekkep-3); }
.kn-cip:hover { border-color: var(--murekkep); }
.kn-cip:active { transform: scale(0.97); }
.kn-cip[aria-pressed='true'] { background: var(--murekkep); border-color: var(--murekkep); color: var(--kagit); }
.kn-cip[aria-pressed='true'] i { color: var(--asit); }
.kn-cip-a1::before, .kn-cip-a2::before, .kn-cip-b1::before, .kn-cip-b2::before { content: ''; width: 9px; height: 9px; border-radius: var(--r-tam); }
.kn-cip-a1::before { background: var(--sv-a1); }
.kn-cip-a2::before { background: var(--sv-a2); }
.kn-cip-b1::before { background: var(--sv-b1); }
.kn-cip-b2::before { background: var(--alan-2); }
.kn-sonuc { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; margin-top: 4px; padding-top: 14px; border-top: 1px solid var(--cizgi); }
.kn-sonuc p { margin: 0; font-size: 15px; color: var(--murekkep-2); }
.kn-sonuc b { font-size: 18px; color: var(--murekkep); }
.kn-temizle { padding: 0; border: 0; background: none; cursor: pointer; font: 600 14px var(--f-govde); color: var(--vurgu-koyu); text-decoration: underline; text-underline-offset: 3px; }
.kn-gizle { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; font-size: 14px; color: var(--murekkep-2); cursor: pointer; }
.kn-gizle[hidden] { display: none; }
.kn-gizle input { width: 18px; height: 18px; accent-color: var(--murekkep); }
.kn-gizle[hidden] + .kn-sira-kutu { margin-left: auto; }
.kn-sira-kutu select {
 appearance: none; min-height: 42px; padding: 0 38px 0 15px; cursor: pointer;
 border: 1.5px solid var(--cizgi); border-radius: var(--r-tam); color: var(--murekkep); font: 600 14px var(--f-govde);
 background: var(--isik) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a5044' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center / 16px;
}
.kn-ekran-disi { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.kn { margin-top: 0; padding: 8px 0 clamp(64px, 8vw, 112px); scroll-margin-top: 112px; }
html.js .kn[data-bekle] { display: none; }
.kn-bas { width: min(100%, 70rem); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 18px; margin-bottom: 14px; }
.kn-bolum-b { display: flex; align-items: center; gap: 12px; margin: 0; font-family: var(--f-display); font-size: clamp(26px, 3vw, 40px); line-height: 1.1; letter-spacing: -0.02em; }
.kn-bolum-b .kp-rozet { font-size: 16px; }
.kn-bolum-b .kp-rozet[hidden] { display: none; }
.kn-izgara { width: min(100%, 70rem); margin: 0 auto; list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 18px; }
.kn-izgara[hidden], .kn-kart[hidden], .kn-bos[hidden] { display: none; }
.kn-kart { display: flex; }
.kn-kart > a {
 flex: 1; display: flex; flex-direction: column; overflow: hidden; text-decoration: none; color: inherit;
 background: var(--isik); border: 1px solid var(--cizgi); border-radius: var(--r-md); box-shadow: var(--golge);
 transition: transform var(--dur-kisa) var(--ev), box-shadow var(--dur-kisa) var(--ev), border-color var(--dur-kisa) var(--ev);
}
.kn-kart > a:hover { transform: translateY(-4px); border-color: var(--ayrac); box-shadow: 0 18px 36px -18px rgba(43, 34, 24, 0.35); }
.kn-kart > a:focus-visible { outline: 2.5px solid var(--vurgu); outline-offset: 3px; }
.kn-gorsel { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 9; padding: 18px; overflow: hidden; color: var(--alan-metin); background: var(--sv-a1); }
.kn-gorsel::before { content: ''; position: absolute; right: -16%; bottom: -46%; width: 68%; aspect-ratio: 1; border-radius: var(--r-tam); background: rgba(255, 253, 249, 0.12); transition: transform var(--dur-orta) var(--ev); }
.kn-kart > a:hover .kn-gorsel::before { transform: scale(1.12) translate(-4%, -4%); }
.kn-sv-a2 { background: var(--sv-a2); }
.kn-sv-b1 { background: var(--sv-b1); }
.kn-sv-b2 { background: var(--alan-2); }
.kn-de { position: relative; font-family: var(--f-display); font-weight: 700; font-size: clamp(19px, 1.6vw, 24px); line-height: 1.12; letter-spacing: -0.01em; text-align: center; text-wrap: balance; }
.kn-rozet { position: absolute; left: 12px; top: 12px; padding: 3px 10px; border-radius: var(--r-tam); background: var(--alan-metin); color: var(--murekkep); font-size: 14px; }
.kn-bitti { position: absolute; right: 12px; top: 12px; display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px 3px 6px; border-radius: var(--r-tam); background: var(--asit); color: var(--murekkep); font-size: 14px; font-weight: 700; }
.kn-bitti[hidden] { display: none; }
.kn-bitti svg { width: 15px; height: 15px; }
.kn-bitti i { font-style: normal; }
.kn-govde { display: flex; flex-direction: column; gap: 6px; flex: 1; padding: 14px 16px 16px; }
.kn-tur { font-size: 14px; font-weight: 600; color: var(--vurgu-koyu); }
.kn-ad { font-family: var(--f-display); font-weight: 700; font-size: 18px; line-height: 1.2; color: var(--murekkep); }
.kn-ne { font-size: 14px; line-height: 1.45; color: var(--murekkep-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.kn-meta { margin-top: auto; padding-top: 6px; font-size: 14px; color: var(--murekkep-3); }
.kn-bos { width: min(100%, 70rem); display: grid; justify-items: center; gap: 10px; padding: 32px 0; text-align: center; }
.kn-bos img { width: 140px; height: auto; }
.kn-bos-b { margin: 0; font-family: var(--f-display); font-size: 26px; font-weight: 700; }
.kn-bos-a { max-width: 46ch; margin: 0 0 6px; color: var(--murekkep-2); }
@media (max-width: 700px) {
 .kn-ara input { font-size: 16px; }
 .kn-adim span { flex-basis: 100%; }
 .kn-baslik { flex-direction: column; gap: 10px; }
 .kn-kisayol { display: none; }
 .kn-izgara { grid-template-columns: 1fr; gap: 10px; }
 .kn-kart > a { flex-direction: row; }
 .kn-gorsel { flex: none; width: 64px; aspect-ratio: auto; padding: 10px 0; align-content: start; }
 .kn-de { display: none; }
 .kn-rozet { position: static; padding: 2px 8px; }
 .kn-bitti { position: static; margin-top: 8px; padding: 2px 6px; }
 .kn-bitti i { display: none; }
 .kn-govde { padding: 12px 14px; gap: 4px; }
 .kn-ad { font-size: 16px; }
}
.ik-ok { width: 15px; height: 15px; }
.sr-olcu {
 cursor: default; background: none; box-shadow: none; border-radius: 0;
 min-height: 54px; padding: 0 2px; gap: 10px;
 border-bottom: 1px solid var(--cizgi);
}
.sr-olcu:last-child { border-bottom: 0; }
.sr-n {
 font-family: 'Martian Mono', ui-monospace, monospace;
 font-size: var(--yz-h4); font-weight: 600; letter-spacing: -0.01em;
 line-height: 1.1; flex: none; margin-left: auto;
 color: var(--murekkep); font-variant-numeric: tabular-nums;
}
.sr-olcu .sr-ad { font-weight: 500; color: var(--murekkep-2); font-size: var(--yz-orta); flex: 0 1 auto; }
@media (max-width: 900px) {
 .g1-sahne { grid-template-columns: 1fr; justify-items: center; gap: 20px; }
 .sr-yigin { width: 100%; max-width: 520px; }
 .sr-sol, .sr-sag { margin-right: 0; margin-left: 0; }
 .g1-orta {
 width: min(300px, 70vw); height: min(300px, 70vw); aspect-ratio: auto;
 order: -1; margin-bottom: 6px;
 }
}
.hap-asit, .hap-kagit {
 display: inline-flex; align-items: center; gap: 12px;
 min-height: 52px; padding: 0 24px; border-radius: var(--r-plaka);
 font-size: var(--yz-orta); font-weight: 600; letter-spacing: -0.014em; line-height: 1.15;
 white-space: nowrap; border: 0; cursor: pointer;
 font-family: inherit;
 transition: transform var(--gecis), box-shadow var(--gecis), color var(--gecis);
}
.hap-ok {
 display: grid; place-items: center; width: 30px; height: 30px; flex: none;
 border-radius: var(--r-xs); margin-right: -8px;
 transition: transform var(--gecis), background var(--gecis);
}
.hap-asit .hap-ok { background: var(--murekkep); color: var(--asit); }
.hap-kagit .hap-ok { background: rgba(43,34,24,0.07); color: var(--vurgu-koyu); }
.hap-asit:hover .hap-ok { transform: translate(2px, -2px); }
.hap-kagit:hover .hap-ok { transform: translate(2px, -2px); }
.hap-asit {
 color: var(--murekkep);
 background:
 linear-gradient(180deg, rgba(255,255,255,0.60), rgba(255,255,255,0) 48%),
 linear-gradient(180deg, #ddfa66 0%, var(--asit) 54%, #c1e137 100%);
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,0.90),
 inset 0 -9px 16px -10px rgba(96,124,16,0.60),
 0 0 0 1px rgba(133,162,32,0.32),
 0 2px 3px rgba(74,92,16,0.16),
 0 12px 22px -9px rgba(74,92,16,0.34);
}
.hap-asit:hover {
 transform: translateY(-2px);
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,0.95),
 inset 0 -9px 16px -10px rgba(96,124,16,0.50),
 0 0 0 1px rgba(133,162,32,0.38),
 0 3px 5px rgba(74,92,16,0.18),
 0 20px 32px -12px rgba(74,92,16,0.42);
}
.hap-asit:active {
 transform: translateY(1px);
 box-shadow:
 inset 0 2px 6px rgba(96,124,16,0.42),
 0 0 0 1px rgba(133,162,32,0.36),
 0 1px 2px rgba(74,92,16,0.18);
}
.hap-kagit {
 color: var(--murekkep);
 background: linear-gradient(180deg, var(--isik), var(--tas));
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,0.95),
 0 0 0 1px rgba(43,34,24,0.18),
 0 2px 3px rgba(60,40,20,0.10),
 0 12px 22px -10px rgba(60,40,20,0.22);
}
.hap-kagit:hover {
 transform: translateY(-2px); color: var(--vurgu-koyu);
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,0.95),
 0 0 0 1px var(--murekkep),
 0 3px 5px rgba(60,40,20,0.10),
 0 20px 30px -12px rgba(60,40,20,0.26);
}
.hap-kagit:active {
 transform: translateY(1px);
 box-shadow: inset 0 2px 5px rgba(60,40,20,0.14), 0 0 0 1px var(--hat);
}
.hap-asit[aria-disabled='true'], .hap-asit:disabled {
 filter: grayscale(0.65); opacity: 0.55; pointer-events: none;
}
.g1-eylem {
 display: flex; align-items: center; justify-content: center;
 gap: 14px; flex-wrap: wrap; margin-top: 26px;
}
.g1 .g1-eylem { justify-content: center; gap: 14px; margin-top: 26px; }
.g1-olcu {
 display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 24px;
 margin: 26px auto 0; padding: 16px 0 0; max-width: 780px;
 list-style: none; border-top: 1px solid var(--hat);
}
.g1-olcu li { display: flex; align-items: baseline; gap: 8px; font-size: var(--yz-kucuk); color: var(--murekkep-2); }
.g1-olcu b {
 font-family: 'Martian Mono', ui-monospace, monospace;
 font-size: var(--yz-buyuk); font-weight: 600; letter-spacing: -0.04em; color: var(--murekkep);
}
.g1-guven {
 display: flex; gap: 16px; flex-wrap: wrap; justify-content: center;
 margin: 14px 0 0; padding: 0; list-style: none;
 font-size: var(--yz-kucuk); color: var(--murekkep-3);
}
.g1-guven li { display: flex; align-items: center; gap: 6px; }
.g1-guven li::before { content: '·'; color: var(--vurgu); font-weight: 700; }
.g1-guven li:first-child::before { content: none; }
.g1-balon {
 display: flex; justify-content: center; align-items: flex-start;
 gap: 20px; flex-wrap: wrap; margin: 40px auto 0; max-width: 1000px;
}
.bl {
 position: relative; display: block; text-align: left; max-width: 296px;
 padding: 16px 20px 18px; border-radius: var(--r-md);
 background: linear-gradient(180deg, #ffffff, var(--isik));
 box-shadow:
 inset 0 1.5px 0 #fff,
 0 0 0 1px rgba(228,220,207,0.95),
 0 3px 6px rgba(60,40,20,0.08),
 0 18px 34px -14px rgba(60,40,20,0.22);
 transition: transform var(--gecis), box-shadow var(--gecis);
}
.bl::after {
 content: ''; position: absolute; left: 28px; bottom: -19px;
 width: 26px; height: 22px; background: var(--isik);
 border-radius: 0 0 var(--r-md) 0;
 border-left: 1px solid rgba(228,220,207,0.95);
 border-bottom: 1px solid rgba(228,220,207,0.95);
}
.bl-de { display: block; font-size: var(--yz-buyuk); font-weight: 600; letter-spacing: -0.018em; line-height: 1.3; color: var(--murekkep); }
.bl-tr { display: block; margin-top: 8px; font-size: var(--yz-kucuk); line-height: 1.4; color: var(--murekkep-2); }
.bl-ne { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font-size: var(--yz-mikro); letter-spacing: 0.11em; font-weight: 600; color: var(--vurgu-koyu); }
.bl:hover {
 transform: translateY(-3px);
 box-shadow:
 inset 0 1.5px 0 #fff, 0 0 0 1px var(--murekkep),
 0 3px 6px rgba(60,40,20,0.08), 0 26px 42px -16px rgba(60,40,20,0.28);
}
.bl-b { margin-top: -18px; }
.bl-c { margin-top: 14px; }
.mini {
 display: inline-flex; align-items: center; gap: 8px;
 font-size: var(--yz-mikro); letter-spacing: 0.15em; font-weight: 600; line-height: 1.2;
 color: var(--murekkep-2);
}
.bolum {
 display: flex; align-items: flex-end; justify-content: space-between;
 gap: 26px; margin: 0 0 22px;
}
.bolum > div:first-child {
 flex: 1;
 min-width: 0;
}
.bolum h1, .bolum h2 {
 font-size: clamp(1.45rem, 1.15rem + 1.1vw, 1.95rem); line-height: 1.2;
 letter-spacing: var(--ls-bolum); font-weight: 700; margin-top: 10px;
 text-wrap: wrap;
}
.bolum-ne { font-size: var(--yz-govde); line-height: 1.55; color: var(--murekkep-2); max-width: 52ch; margin-top: 10px; }
.oklar { display: flex; gap: 8px; flex: none; }
.bolum-sag { flex: none; align-self: flex-end; }
@media (max-width: 640px) {
 .bolum:has(.bolum-sag) { flex-wrap: wrap; }
 .bolum-sag { align-self: flex-start; }
}
.ok-d {
 width: 44px; height: 44px; border-radius: var(--r-tam); flex: none;
 background: var(--murekkep); color: var(--isik);
 display: grid; place-items: center; border: 0; padding: 0; cursor: pointer;
 transition: opacity var(--gecis), transform var(--gecis);
}
.ok-d:hover { transform: translateY(-2px); }
.ok-d:active { transform: scale(0.92); }
.ok-d.sonuk { opacity: 0.3; pointer-events: none; }
.ik-chev { width: 18px; height: 18px; }
.halka {
 margin-left: auto; width: 28px; height: 28px; border-radius: var(--r-tam);
 display: grid; place-items: center; flex: none;
 border: 1.8px solid var(--murekkep-3); color: var(--murekkep-2);
 transition: background var(--gecis), border-color var(--gecis), color var(--gecis), transform var(--gecis);
}
.kapilar { margin-top: clamp(26px, 3.4vw, 52px); }
.kp-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.kp {
 position: relative; overflow: hidden;
 display: flex; flex-direction: column; min-height: 252px;
 border-radius: var(--r-md); padding: 20px;
 transition: transform var(--gecis), box-shadow var(--gecis);
}
.kp:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(32, 26, 20, 0.11); }
.kp-sade { background: var(--tas); }
.kp-one { background: linear-gradient(#e2fa76, var(--asit) 62%); }
.kp-yakinda { background: transparent; border: 1.5px dashed var(--hat); cursor: default; }
.kp-yakinda:hover { transform: none; box-shadow: none; }
.kp-bos { color: var(--murekkep-2); opacity: 0.7; }
.kp-sembol {
 position: absolute; right: 16px; top: 14px; width: 114px; height: 92px;
 object-fit: contain; object-position: center; pointer-events: none;
 transition: transform var(--gecis);
}
.kp:hover .kp-sembol { transform: translateY(-3px) scale(1.04); }
.kp-tepe, .kp-ad, .kp-ne { max-width: calc(100% - 118px); }
.kp-tepe { display: flex; align-items: center; gap: 10px; }
.kp-rozet {
 background: var(--murekkep); color: var(--isik); border-radius: var(--r-xs);
 padding: 6px 10px; font-size: var(--yz-kucuk); font-weight: 600; letter-spacing: 0.04em; line-height: 1.2;
}
.kp-one .kp-rozet { background: var(--murekkep); color: var(--asit); }
.kp-sayi { font-size: var(--yz-h2); font-weight: 700; letter-spacing: -0.04em; line-height: 1; }
.kp-sayi i { font-style: normal; font-size: var(--yz-kucuk); font-weight: 600; margin-left: 6px; color: var(--murekkep-2); }
.kp-olcu { display: block; margin-top: 8px; font-size: var(--yz-mikro); font-weight: 600; line-height: 1.3; color: var(--murekkep-2); }
.kp-ad { font-size: var(--yz-h3); line-height: 1.14; letter-spacing: -0.03em; font-weight: 700; margin-top: 20px; }
.kp-ne { font-size: var(--yz-kucuk); line-height: 1.5; color: var(--murekkep-2); margin-top: 10px; }
.kp-one .kp-sayi i, .kp-one .kp-olcu, .kp-one .kp-ne { color: #3d4a12; }
.kp-etek { display: flex; align-items: flex-end; gap: 12px; margin-top: auto; padding-top: 18px; }
.kp-etek .halka { margin-left: auto; }
.kp:hover .halka { background: var(--murekkep); border-color: var(--murekkep); color: var(--isik); }
.kp-one .halka { border-color: var(--murekkep); border-width: 2.4px; color: var(--murekkep); }
.kp-cipler { display: flex; flex-wrap: wrap; gap: 6px; }
.kp-cip {
 background: var(--isik); border-radius: var(--r-tam); padding: 6px 10px;
 font-size: var(--yz-mikro); font-weight: 600; line-height: 1.3; white-space: nowrap;
}
.kp-daha { background: transparent; border: 1.5px solid var(--hat); color: var(--murekkep-2); }
.kp-one .kp-daha { border-color: rgba(32, 26, 20, 0.28); color: #3d4a12; }
.sirali-ray { margin-top: clamp(30px, 4vw, 62px); overflow: hidden; }
.kt-rayl { position: relative; }
.kt-ray {
 display: flex; gap: 16px; overflow-x: auto;
 scroll-snap-type: x mandatory; scroll-behavior: smooth;
 padding-block: 4px 8px; scrollbar-width: none;
 --ray-sol: max(var(--pad), calc((100vw - var(--genis)) / 2));
 padding-inline: var(--ray-sol) var(--pad);
 scroll-padding-inline-start: var(--ray-sol);
}
.kt-ray::-webkit-scrollbar { display: none; }
main.olculu .kt-ray { --ray-sol: max(var(--pad), calc((100vw - 62rem) / 2)); }
.kt {
 flex: none; width: 274px; scroll-snap-align: start;
 display: flex; flex-direction: column; overflow: hidden;
 border-radius: var(--r-md);
 transition: transform var(--gecis);
}
.kt:hover { transform: translateY(-6px); }
.kt-sade { background: var(--tas); }
.kt-one { background: linear-gradient(#e2fa76, var(--asit) 58%); }
.kt-bilgi { padding: 14px 16px 18px; display: flex; flex-direction: column; min-height: 196px; }
.kt-serit { display: flex; align-items: center; gap: 6px; }
.kt-etiket {
 background: var(--isik); border-radius: var(--r-tam); padding: 6px 10px;
 font-size: var(--yz-mikro); font-weight: 600; line-height: 1.3; white-space: nowrap;
}
.kt-one .halka { border-color: var(--murekkep); border-width: 2.4px; color: var(--murekkep); }
.kt:hover .halka { background: var(--murekkep); border-color: var(--murekkep); color: var(--isik); }
.kt-ad { font-size: var(--yz-h2); line-height: 1.1; letter-spacing: -0.03em; font-weight: 700; margin-top: auto; padding-top: 18px; }
.kt-ne { font-size: var(--yz-kucuk); line-height: 1.45; margin-top: 10px; color: var(--murekkep-2); }
.kt-one .kt-ne { color: #3d4a12; }
.kt-gorsel {
 position: relative; flex: 1; min-height: 236px;
 display: flex; align-items: center; justify-content: center; padding: 22px 18px;
}
.kt-de {
 font-size: var(--yz-h2); font-weight: 700; letter-spacing: -0.03em;
 text-align: center; line-height: 1.24; color: var(--alan);
}
.kt-gorsel.koyu .kt-de { color: var(--asit); }
.kt-gorsel.notr .kt-de { color: var(--murekkep); }
.kt-oku { position: absolute; left: 13px; bottom: 13px; display: inline-flex; align-items: center; gap: 4px; }
.kt-oku-hap {
 background: rgba(32, 26, 20, 0.72); color: var(--alan-metin); border-radius: var(--r-tam);
 padding: 6px 10px; font-size: var(--yz-mikro); font-weight: 600; line-height: 1.3;
}
.kt-oku-daire {
 width: 27px; height: 27px; border-radius: var(--r-tam); flex: none;
 background: var(--isik); color: var(--murekkep);
 display: grid; place-items: center; transition: transform var(--gecis);
}
.kt:hover .kt-oku-daire { transform: rotate(45deg); }
@media (max-width: 1100px) { .kp-izgara { grid-template-columns: 1fr 1fr; } }
@media (max-width: 1000px) {
 .kp-sembol { width: 96px; height: 78px; }
 .kp { min-height: 0; }
}
@media (max-width: 640px) {
 .kp-izgara { grid-template-columns: 1fr; }
 .bolum { flex-direction: column; align-items: flex-start; gap: 16px; }
 .kt { width: min(274px, 78vw); }
}
.adim3 {
 display: grid; grid-template-columns: repeat(3, 1fr);
 gap: clamp(14px, 1.8vw, 24px); margin: 0; padding: 0; list-style: none;
 counter-reset: adim3;
}
.adim3 > li {
 position: relative; counter-increment: adim3;
 background: var(--isik); border: 1px solid var(--hat);
 border-radius: var(--r-md); padding: 24px 22px 22px;
}
.adim3 > li::before {
 content: counter(adim3, decimal-leading-zero);
 display: inline-flex; align-items: center; justify-content: center;
 width: 38px; height: 38px; border-radius: var(--r-tam);
 background: var(--asit); color: var(--murekkep);
 font-family: 'Martian Mono', ui-monospace, monospace;
 font-size: var(--yz-kucuk); font-weight: 600; margin-bottom: 14px;
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 5px rgba(74,92,16,0.20);
}
.adim3 > li:not(:last-child)::after {
 content: '→'; position: absolute; right: -14px; top: 50%;
 transform: translateY(-50%); color: var(--murekkep-3);
 font-size: var(--yz-buyuk); z-index: 2;
}
.adim3 b { display: block; font-size: var(--yz-h4); letter-spacing: -0.02em; line-height: 1.25; }
.adim3 span { display: block; margin-top: 8px; font-size: var(--yz-govde); line-height: 1.5; color: var(--murekkep-2); }
.yol3 {
 display: grid; gap: 8px; margin: 0 auto; padding: 0; list-style: none;
 max-width: 780px;
}
.yol3 > li { display: flex; }
.yol3-k {
 flex: 1; display: grid; grid-template-columns: auto minmax(0, 1fr) auto;
 align-items: center; gap: 12px;
 padding: 12px 14px; border-radius: var(--r-plaka);
 background: linear-gradient(180deg, var(--isik), var(--tas) 96%);
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,0.95),
 0 0 0 1px var(--hat),
 0 2px 4px rgba(60,40,20,0.07);
 transition: transform var(--gecis), box-shadow var(--gecis);
}
a.yol3-k:hover {
 transform: translateX(3px);
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,0.95),
 0 0 0 1px var(--murekkep),
 0 8px 18px -8px rgba(60,40,20,0.28);
}
.yol3-sv {
 background: var(--murekkep); color: var(--isik); border-radius: var(--r-xs);
 padding: 6px 0; min-width: 44px; text-align: center;
 font-size: var(--yz-mikro); font-weight: 600;
 letter-spacing: 0.05em; flex: none;
}
.yol3 > li:first-child a.yol3-k .yol3-sv { color: var(--asit); }
.yol3-orta { min-width: 0; }
.yol3-ad { display: block; font-size: var(--yz-orta); font-weight: 600; letter-spacing: -0.02em; line-height: 1.2; }
.yol3-say {
 display: block; margin-top: 4px; font-size: var(--yz-mikro);
 letter-spacing: 0.03em; color: var(--murekkep-3);
}
.yol3-alt {
 font-size: var(--yz-kucuk); font-weight: 600; color: var(--vurgu-koyu);
 white-space: nowrap; display: inline-flex; align-items: center; gap: 6px;
}
.yol3-k[data-durum='yakinda'] {
 background: transparent; box-shadow: none;
 border: 1.5px dashed var(--hat); padding: 10px 12px;
}
.yol3-k[data-durum='yakinda'] .yol3-sv { background: var(--tas); color: var(--murekkep-3); }
.yol3-k[data-durum='yakinda'] .yol3-ad { opacity: 0.6; }
.yol3-rozet {
 font-size: var(--yz-mikro); letter-spacing: 0.1em; font-weight: 600;
 padding: 6px 10px; border-radius: var(--r-xs);
 background: var(--tas); color: var(--murekkep-2); white-space: nowrap;
}
.yol3-k[data-etkin='1'] {
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,0.95),
 0 0 0 2px var(--murekkep),
 0 10px 20px -12px rgba(60,40,20,0.35);
}
.gk-sekme {
 display: inline-flex; align-items: center; gap: 2px; flex-wrap: wrap;
 margin: 0 0 22px; padding: 3px; list-style: none;
 background: var(--kagit-2); border-radius: var(--r-plaka);
}
.gk-sekme button {
 font-family: inherit; cursor: pointer; border: 0;
 background: none; color: var(--murekkep-3);
 min-height: 38px; padding: 0 16px; border-radius: var(--r-xs);
 font-size: var(--yz-govde); font-weight: 600; letter-spacing: -0.01em;
 transition: background var(--gecis), color var(--gecis);
}
.gk-sekme button[aria-selected='true'] { background: var(--murekkep); color: var(--isik); }
.gk-sekme button[aria-selected='true'] .mono { color: inherit; }
.gk-sekme button:hover:not([aria-selected='true']) { background: var(--isik); color: var(--murekkep); }
.cerceve {
 position: relative;
 padding: 16px 14px 4px;
 background-image:
 linear-gradient(var(--kenar), var(--kenar)), linear-gradient(var(--kenar), var(--kenar)),
 linear-gradient(var(--kenar), var(--kenar)), linear-gradient(var(--kenar), var(--kenar)),
 linear-gradient(var(--kenar), var(--kenar)), linear-gradient(var(--kenar), var(--kenar)),
 linear-gradient(var(--kenar), var(--kenar)), linear-gradient(var(--kenar), var(--kenar));
 background-repeat: no-repeat;
 background-size: 11px 1px, 1px 11px, 11px 1px, 1px 11px, 11px 1px, 1px 11px, 11px 1px, 1px 11px;
 background-position:
 left top, left top, right top, right top,
 left bottom, left bottom, right bottom, right bottom;
}
.gk-olcu {
 margin: 0 0 10px; color: var(--murekkep-3);
 font-size: var(--yz-mikro); letter-spacing: 0.08em; text-transform: uppercase;
}
.gk-dizin {
 margin: 0; padding: 0; list-style: none;
 display: grid; grid-template-columns: 1fr;
 border-top: 1px solid var(--ayrac);
}
@media (min-width: 900px) {
 .gk-dizin { display: block; columns: 2; column-gap: clamp(24px, 3.4vw, 52px); }
 .gk-dizin > li { break-inside: avoid; }
 .gk-dizin.gk-tek { columns: 1; max-width: 46rem; }
}
.gk-dizin > li { border-bottom: 1px solid var(--cizgi); min-width: 0; }
.gk-k {
 display: grid; grid-template-columns: 2.4em minmax(0, 1fr) auto;
 align-items: baseline; column-gap: 12px;
 min-height: 52px; padding: 10px 10px 10px 6px;
 transition: background-color var(--gecis), padding-left var(--gecis), color var(--gecis);
}
.gk-no { grid-column: 1; grid-row: 1; color: var(--murekkep-3); font-size: var(--yz-mikro); letter-spacing: 0.06em; font-variant-numeric: tabular-nums; }
.gk-ad { grid-column: 2; grid-row: 1; font-size: var(--yz-orta); font-weight: 600; letter-spacing: -0.014em; line-height: 1.3; }
.gk-de { grid-column: 2; grid-row: 2; margin-top: 2px; font-size: var(--yz-kucuk); color: var(--murekkep-2); line-height: 1.4; overflow-wrap: anywhere; }
.gk-meta { grid-column: 3; grid-row: 1; justify-self: end; font-family: 'Martian Mono', ui-monospace, monospace; font-size: var(--yz-mikro); letter-spacing: 0.04em; color: var(--murekkep-3); font-variant-numeric: tabular-nums; }
@media (min-width: 900px) {
 .gk-k { grid-template-columns: 2.4em max-content minmax(0, 1fr) auto; min-height: 44px; padding: 7px 8px 7px 6px; }
 .gk-de {
 grid-column: 3; grid-row: 1; margin-top: 0; color: var(--murekkep-3);
 overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 }
 .gk-meta { grid-column: 4; }
}
.gk-k:hover { background: var(--kagit-3); padding-left: 12px; }
.gk-k:hover .gk-ad { color: var(--vurgu-koyu); }
.gk-k:hover .gk-meta { color: var(--murekkep-2); }
.gk-k[data-bitti='1'] .gk-no { color: var(--sv-a2); }
.gk-k[data-bitti='1'] .gk-ad::after { content: ' ✓'; color: var(--sv-a2); }
.gk-govde[hidden] { display: none; }
.gk-daha { margin: 18px auto 0; width: fit-content; }
.drm {
 display: grid; grid-template-columns: 1.2fr 1fr; gap: clamp(18px, 2.4vw, 32px);
 align-items: center; padding: clamp(22px, 2.8vw, 34px);
 border-radius: var(--r-dev); background: var(--isik); border: 1px solid var(--hat);
}
.drm-b { font-size: clamp(21px, 2.2vw, 28px); font-weight: 700; letter-spacing: -0.03em; line-height: 1.2; }
.drm-a { margin-top: 10px; font-size: var(--yz-orta); line-height: 1.55; color: var(--murekkep-2); }
.drm-eylem { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
.drm-sayi { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }
.drm-sayi li { text-align: center; padding: 16px 10px; border-radius: var(--r-md); background: var(--tas); }
.drm-sayi b { display: block; font-size: var(--yz-h1); font-weight: 700; letter-spacing: -0.035em; line-height: 1; }
.drm-sayi span { display: block; margin-top: 8px; font-size: var(--yz-mikro); line-height: 1.3; color: var(--murekkep-2); }
.drm-cizgi { margin-top: 16px; height: 8px; border-radius: var(--r-tam); background: var(--tas); overflow: hidden; }
.drm-cizgi i { display: block; height: 100%; border-radius: inherit; background: var(--asit); transition: width var(--dur-yavas) var(--gecis); }
.drm [data-goster] { display: none; }
.tcta {
 position: relative; overflow: hidden; text-align: center;
 padding: clamp(30px, 4vw, 54px) clamp(20px, 3vw, 44px);
 border-radius: var(--r-dev); color: var(--alan-metin);
 background:
 radial-gradient(120% 95% at 76% 12%, #c2612f 0%, rgba(194,97,47,0) 58%),
 radial-gradient(90% 80% at 12% 92%, #8f3d18 0%, rgba(143,61,24,0) 62%),
 var(--alan);
}
.tcta h2 { font-size: clamp(1.45rem, 1.15rem + 1.1vw, 1.95rem); font-weight: 700; letter-spacing: var(--ls-bolum); line-height: 1.2; max-width: 20ch; margin: 0 auto; }
.tcta p { max-width: 48ch; margin: 14px auto 22px; font-size: var(--yz-orta); line-height: 1.55; color: var(--kagit-2); }
.tcta-maskot { width: 88px; height: auto; display: block; margin: 0 auto 14px; filter: drop-shadow(0 14px 24px rgba(40,14,4,0.34)); }
@media (max-width: 900px) {
 .g1-balon { gap: 32px; margin-top: 34px; }
 .bl, .bl-b, .bl-c { margin-top: 0; max-width: none; width: 100%; }
 .adim3 { grid-template-columns: 1fr; }
 .adim3 > li:not(:last-child)::after { content: '↓'; right: auto; left: 50%; top: auto; bottom: -16px; transform: translateX(-50%); }
 .drm { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
 .g1-metin .g1-eylem { flex-direction: column; align-items: stretch; }
 .g1-metin .g1-eylem > * { justify-content: center; }
 .yol3-alt { font-size: 0; gap: 0; }
}
@media (prefers-reduced-motion: reduce) {
 .bl, .yol3-k, .gk-k, .hap-asit, .hap-kagit, .drm-cizgi i,
 .hap-ok, .sr, .sr-ok, .hz, .daire { transition: none; }
 .bl:hover, a.yol3-k:hover, .gk-k:hover, a.sr:hover, .hz:hover,
 .hap-asit:hover, .hap-kagit:hover,
 .hap-asit:hover .hap-ok, .hap-kagit:hover .hap-ok,
 a.sr:hover .sr-ok { transform: none; }
}
.g1-hizli {
 display: flex; flex-direction: column; align-items: center; gap: 12px;
 margin: 34px auto 0; max-width: 1000px;
}
.hz-ad {
 font-size: var(--yz-mikro); font-weight: 600; letter-spacing: 0.14em; line-height: 1.2;
 color: var(--murekkep-3);
}
.hz-sira { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.hz {
 display: inline-flex; align-items: center; gap: 10px;
 min-height: 44px; padding: 0 10px 0 16px; border-radius: var(--r-plaka);
 color: var(--murekkep); background: rgba(255, 253, 249, 0.74);
 font-size: var(--yz-govde); font-weight: 600; letter-spacing: -0.012em; line-height: 1.2;
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,0.9),
 0 0 0 1px rgba(43,34,24,0.13),
 0 6px 14px -10px rgba(60,40,20,0.34);
 transition: transform var(--gecis), box-shadow var(--gecis), color var(--gecis);
}
.hz-n { font-size: var(--yz-mikro); font-weight: 500; letter-spacing: 0.04em; color: var(--murekkep-3); }
.hz-ok {
 display: grid; place-items: center; width: 24px; height: 24px; flex: none;
 border-radius: var(--r-xs); color: var(--vurgu);
 transition: transform var(--gecis), background var(--gecis), color var(--gecis);
}
.hz-ok .ik-ok { width: 13px; height: 13px; }
.hz:hover {
 transform: translateY(-2px);
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,0.95),
 0 0 0 1px rgba(43,34,24,0.34),
 0 14px 24px -12px rgba(60,40,20,0.4);
}
.hz:hover .hz-ok { background: var(--murekkep); color: var(--asit); }
.hz:active { transform: translateY(1px); }
@media (max-width: 640px) {
 .g1-hizli { margin-top: 26px; }
 .hz-sira { gap: 8px; }
 .hz { min-height: 40px; padding: 0 8px 0 12px; font-size: var(--yz-kucuk); }
}
.g1-sn { padding-bottom: clamp(30px, 3.4vw, 52px); }
.g1-sn h1 { max-width: 18ch; }
.sn-sahne {
 position: relative; width: 100%; max-width: 840px; margin: 18px auto 0;
 display: grid; grid-template-columns: minmax(0, 1fr) auto;
 gap: clamp(16px, 2.4vw, 40px); align-items: center; text-align: left;
}
.sn-sahne .sr-yigin { justify-self: end; width: min(100%, 340px); }
.sn-sahne .g1-orta { width: clamp(190px, 24vw, 330px); }
.g1-mini a { color: inherit; text-underline-offset: 3px; }
.g1-dip {
 margin: 20px auto 0; max-width: 64ch;
 font-size: var(--yz-kucuk); line-height: 1.55; color: var(--murekkep-2);
}
.sn-sarma { position: relative; max-width: 920px; }
.sn-alan .test { margin-bottom: 14px; }
html.js .sn-alan .cevap:not(.acik) { margin-top: 0; border-top: 0; }
.sn-uyari { margin-top: 14px; }
.sec.secili:not([data-durum]) {
 background: color-mix(in srgb, var(--asit) 18%, var(--isik));
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,0.8),
 0 0 0 2px var(--murekkep),
 0 2px 4px rgba(60,40,20,0.10);
}
.sn-bar {
 position: sticky; bottom: 12px; z-index: 5;
 display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
 margin-top: 18px; padding: 10px 10px 10px 20px; border-radius: var(--r-md);
 background: var(--alan-2); color: var(--alan-2-metin);
 box-shadow: 0 20px 38px -18px rgba(43, 34, 24, 0.7), inset 0 1px 0 rgba(255,255,255,0.10);
}
.sn-bar-sure { font-size: var(--yz-h3); font-weight: 700; letter-spacing: 0.02em; line-height: 1; color: var(--asit); }
.sn-bar-sure.az { color: #ff9d7d; }
.sn-bar-ad { font-size: var(--yz-mikro); letter-spacing: 0.1em; font-weight: 600; line-height: 1.2; opacity: 0.72; }
.sn-bar-say { margin-left: auto; font-size: var(--yz-kucuk); line-height: 1.2; opacity: 0.82; }
.sn-bar-btn { min-height: 44px; }
body:has(.sn-bar:not([hidden])) .alt-araclar {
 bottom: calc(clamp(14px, 2.4vw, 26px) + 80px);
}
body:has(.onay.acik) .sn-bar { position: static; }
.sn-yuzde {
 display: inline-flex; align-items: center; justify-content: center;
 min-width: 108px; padding: 10px 20px; border-radius: var(--r-plaka);
 background: var(--asit); color: var(--murekkep);
 font-size: var(--yz-h1); font-weight: 700; letter-spacing: -0.03em;
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 10px 24px -10px rgba(0,0,0,0.4);
}
.sn-zayif-b {
 margin-top: 34px; font-size: clamp(20px, 2.2vw, 27px);
 letter-spacing: -0.028em; line-height: 1.15; font-weight: 700;
}
.sn-dip { margin-top: 22px; }
@media (max-width: 900px) {
 .sn-sahne { grid-template-columns: 1fr; justify-items: center; }
 .sn-sahne .sr-yigin { justify-self: stretch; width: 100%; max-width: 520px; margin-inline: auto; }
 .sn-sahne .g1-orta { order: -1; width: min(240px, 62vw); margin-bottom: 4px; }
}
@media (max-width: 560px) {
 .sn-bar { padding: 10px 10px 10px 14px; gap: 8px; }
 .sn-bar-ad { display: none; }
 .st-cizgi { flex-basis: 100%; order: 1; }
 .st-bar .sn-bar-btn { order: 2; }
 .sn-bar-btn { width: 100%; justify-content: center; }
 body:has(.sn-bar:not([hidden])) .alt-araclar {
 bottom: calc(clamp(14px, 2vw, 22px) + 128px);
 }
}
.st-alan .test[data-sonuc] { opacity: 0.92; }
.st-bar .sn-bar-say {
 margin-left: 0; font-size: var(--yz-h3); font-weight: 700;
 letter-spacing: 0.02em; line-height: 1; opacity: 1; color: var(--asit);
}
.st-cizgi {
 flex: 1; min-width: 70px; height: 6px; border-radius: var(--r-tam);
 background: rgba(255, 255, 255, 0.16); overflow: hidden;
}
.st-cizgi i {
 display: block; height: 100%; width: 0; border-radius: inherit;
 background: var(--asit); transition: width var(--gecis);
}
.st-sonuc[hidden], .sn-sonuc[hidden], .sn-bar[hidden] { display: none; }
.st-kart, .sn-kart {
 text-align: center; padding: clamp(26px, 3.4vw, 42px);
 border-radius: var(--r-dev); color: var(--alan-metin);
 background:
 radial-gradient(120% 95% at 76% 12%, #c2612f 0%, rgba(194,97,47,0) 58%),
 radial-gradient(90% 80% at 12% 92%, #8f3d18 0%, rgba(143,61,24,0) 62%),
 var(--alan);
}
.st-sv {
 display: inline-flex; align-items: center; justify-content: center;
 min-width: 96px; padding: 10px 20px; border-radius: var(--r-plaka);
 background: var(--asit); color: var(--murekkep);
 font-size: var(--yz-h1); font-weight: 700; letter-spacing: -0.03em;
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 10px 24px -10px rgba(0,0,0,0.4);
}
.st-kart h2, .sn-kart h2 { margin-top: 16px; font-size: clamp(22px, 2.8vw, 34px); font-weight: 700; letter-spacing: -0.03em; }
.st-kart p, .sn-kart p { max-width: 46ch; margin: 12px auto 0; font-size: var(--yz-orta); line-height: 1.55; color: var(--kagit-2); }
.st-skor, .sn-skor { margin-top: 14px; font-family: 'Martian Mono', ui-monospace, monospace; font-size: var(--yz-kucuk); letter-spacing: 0.05em; color: var(--kagit-2); }
.st-kirilim { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; max-width: 34rem; margin: 22px auto 0; padding: 0; list-style: none; }
.st-kirilim li { padding: 12px 8px; border-radius: var(--r-md); background: rgba(255,255,255,0.13); }
.st-kirilim b { display: block; font-size: var(--yz-h3); font-weight: 700; letter-spacing: -0.03em; }
.st-kirilim span { display: block; margin-top: 4px; font-size: var(--yz-mikro); letter-spacing: 0.06em; color: var(--kagit-2); }
.st-kart .g1-eylem, .sn-kart .g1-eylem { margin-top: 24px; }
.st-zayif { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.st-zayif a {
 display: flex; flex-direction: column; gap: 6px; height: 100%;
 padding: 16px 18px; border-radius: var(--r-md);
 background: var(--kagit-3); border: 1px solid transparent;
 transition: transform var(--gecis), border-color var(--gecis), background-color var(--gecis);
}
.st-zayif a:hover { transform: translateY(-2px); background: var(--kagit-2); }
.st-zayif b { font-size: var(--yz-buyuk); font-weight: 600; letter-spacing: -0.018em; }
.st-zayif span { font-family: 'Martian Mono', ui-monospace, monospace; font-size: var(--yz-mikro); letter-spacing: 0.05em; color: var(--vurgu-koyu); }
@media (max-width: 560px) {
 .st-kirilim { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
 .st-cizgi i, .st-zayif a { transition: none; }
 .st-zayif a:hover { transform: none; }
}
.drm-sayi[hidden], .gk-govde[hidden], .st-sonuc[hidden], .sn-sonuc[hidden],
.sn-bar[hidden], .hap-asit[hidden], .hap-kagit[hidden], .drm-cizgi[hidden] { display: none; }
.hap-asit, .hap-asit *, .hap-kagit, .hap-kagit *, .sr, .sr *,
.hz, .hz *, .bl, .kp, .kt, .yol3-k, .gk-k, .st-zayif a,
.sr .sr-ad, .sr .sr-say, .bl-de, .bl-tr, .bl-ne,
.yol3-ad, .yol3-ne, .yol3-alt, .gk-ad, .gk-de { text-decoration: none; }
.govde > .yol3, .govde > .gk-sekme, .govde > .st-zayif, .govde > .drm-sayi {
 max-width: none;
 padding-left: 0;
 list-style: none;
}
.govde > .yol3 { max-width: 780px; margin-inline: auto; }
.drm[data-durum='misafir'] { grid-template-columns: 1fr; }
.btn:not(.btn-2), .serit-cta {
 background:
 linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0) 46%),
 linear-gradient(180deg, #bd5b2c 0%, var(--vurgu-koyu) 56%, #8e3d16 100%);
 box-shadow:
 inset 0 1px 0 rgba(255, 255, 255, 0.34),
 inset 0 -9px 16px -10px rgba(74, 26, 6, 0.70),
 0 0 0 1px rgba(120, 52, 20, 0.38),
 0 2px 3px rgba(90, 40, 12, 0.20),
 0 12px 22px -9px rgba(90, 40, 12, 0.38);
 transition: transform var(--gecis), box-shadow var(--gecis);
}
.btn:not(.btn-2):hover, .serit-cta:hover {
 transform: translateY(-2px);
 box-shadow:
 inset 0 1px 0 rgba(255, 255, 255, 0.40),
 inset 0 -9px 16px -10px rgba(74, 26, 6, 0.60),
 0 0 0 1px rgba(120, 52, 20, 0.40),
 0 3px 5px rgba(90, 40, 12, 0.20),
 0 20px 32px -12px rgba(90, 40, 12, 0.44);
}
.btn:not(.btn-2):active, .serit-cta:active {
 transform: translateY(1px);
 box-shadow:
 inset 0 2px 6px rgba(74, 26, 6, 0.50),
 0 0 0 1px rgba(120, 52, 20, 0.42),
 0 1px 2px rgba(90, 40, 12, 0.22);
}
.btn.btn-2 {
 border: 0;
 background: linear-gradient(180deg, var(--isik), var(--tas));
 color: var(--murekkep);
 box-shadow:
 inset 0 1px 0 rgba(255, 255, 255, 0.95),
 0 0 0 1px var(--hat),
 0 2px 3px rgba(60, 40, 20, 0.10),
 0 12px 22px -10px rgba(60, 40, 20, 0.22);
 transition: transform var(--gecis), box-shadow var(--gecis), color var(--gecis);
}
.btn.btn-2:hover {
 transform: translateY(-2px);
 color: var(--vurgu-koyu);
 box-shadow:
 inset 0 1px 0 rgba(255, 255, 255, 0.95),
 0 0 0 1px var(--murekkep),
 0 3px 5px rgba(60, 40, 20, 0.10),
 0 20px 30px -12px rgba(60, 40, 20, 0.26);
}
.btn.btn-2:active {
 transform: translateY(1px);
 box-shadow: inset 0 2px 5px rgba(60, 40, 20, 0.14), 0 0 0 1px var(--hat);
}
.sec, .diz-j {
 border: 0;
 background: linear-gradient(180deg, var(--isik), var(--tas));
 box-shadow:
 inset 0 1px 0 rgba(255, 255, 255, 0.95),
 0 0 0 1px var(--hat),
 0 2px 3px rgba(60, 40, 20, 0.09),
 0 8px 16px -8px rgba(60, 40, 20, 0.18);
 transition: transform var(--gecis), box-shadow var(--gecis), color var(--gecis);
}
.sec:hover:not([aria-disabled='true']),
.diz-j:hover:not(.secili) {
 transform: translateY(-2px);
 box-shadow:
 inset 0 1px 0 rgba(255, 255, 255, 0.95),
 0 0 0 1px var(--murekkep),
 0 3px 5px rgba(60, 40, 20, 0.10),
 0 16px 26px -10px rgba(60, 40, 20, 0.24);
}
.sec:active:not([aria-disabled='true']),
.diz-j:active {
 transform: translateY(1px);
 box-shadow: inset 0 2px 5px rgba(60, 40, 20, 0.16), 0 0 0 1px var(--hat);
}
.diz-j.secili {
 background: var(--vurgu-koyu);
 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.22), 0 0 0 1px var(--vurgu-koyu);
 transform: none;
}
.sec[data-durum='dogru'] {
 background: color-mix(in srgb, var(--das) 16%, var(--isik));
 box-shadow:
 inset 0 1px 0 rgba(255, 255, 255, 0.8),
 0 0 0 1.5px var(--das),
 0 2px 4px rgba(60, 40, 20, 0.10);
}
.sec[data-durum='yanlis'] {
 background: color-mix(in srgb, var(--die) 13%, var(--isik));
 box-shadow:
 inset 0 1px 0 rgba(255, 255, 255, 0.8),
 0 0 0 1.5px var(--die),
 0 2px 4px rgba(60, 40, 20, 0.10);
}
.sec[aria-disabled='true']:not([data-durum]) {
 background: transparent;
 box-shadow: 0 0 0 1px var(--hat);
 color: var(--murekkep-3);
}
.hap-asit::after, .hap-kagit::after, .yol3-alt::after, .bl-ne::after {
 content: '→';
 display: inline-block;
 transition: transform var(--gecis);
}
.hap-asit:hover::after, .hap-kagit:hover::after,
a.yol3-k:hover .yol3-alt::after, .bl:hover .bl-ne::after { transform: translateX(4px); }
.hap-asit[data-ok='yok']::after, .hap-kagit[data-ok='yok']::after { content: none; }
:root { --ev-2: var(--ev); }
@keyframes gnu-yukari { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@keyframes gnu-pop    { 0% { transform: scale(1); } 42% { transform: scale(1.055); } 100% { transform: scale(1); } }
@keyframes gnu-sars   { 0%, 100% { transform: translateX(0); } 18% { transform: translateX(-5px); } 38% { transform: translateX(5px); } 58% { transform: translateX(-3px); } 78% { transform: translateX(2px); } }
@keyframes gnu-suz    { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
html.js .g1 .g1-mini,
html.js .g1 h1,
html.js .g1 .g1-sahne,
html.js .g1 .g1-eylem,
html.js .g1 .g1-balon { animation: gnu-yukari 0.62s var(--ev-2) both; }
html.js .g1 h1         { animation-delay: 0.05s; }
html.js .g1 .g1-sahne  { animation-delay: 0.13s; }
html.js .g1 .g1-eylem  { animation-delay: 0.21s; }
html.js .g1 .g1-balon  { animation-delay: 0.29s; }
html.js .g1-maskot { animation: gnu-suz 7s ease-in-out 1.2s infinite; }
html.js .bel.gorundu .adim3 > li,
html.js .bel.gorundu .yol3 > li,
html.js .bel.gorundu .g1-balon > .bl,
html.js .bel.gorundu .st-kirilim > li,
html.js .bel.gorundu .st-zayif > li { animation: gnu-yukari 0.5s var(--ev-2) both; }
html.js .bel.gorundu .adim3 > li:nth-child(2),
html.js .bel.gorundu .yol3 > li:nth-child(2),
html.js .bel.gorundu .st-kirilim > li:nth-child(2),
html.js .bel.gorundu .st-zayif > li:nth-child(2) { animation-delay: 0.06s; }
html.js .bel.gorundu .adim3 > li:nth-child(3),
html.js .bel.gorundu .yol3 > li:nth-child(3),
html.js .bel.gorundu .st-kirilim > li:nth-child(3),
html.js .bel.gorundu .st-zayif > li:nth-child(3) { animation-delay: 0.12s; }
html.js .bel.gorundu .yol3 > li:nth-child(4),
html.js .bel.gorundu .st-zayif > li:nth-child(4) { animation-delay: 0.18s; }
html.js .bel.gorundu .st-zayif > li:nth-child(5) { animation-delay: 0.24s; }
html.js .bel.gorundu .st-zayif > li:nth-child(6) { animation-delay: 0.30s; }
html.js .bel.gorundu .gk-dizin > li:nth-child(-n + 5) { animation: gnu-yukari 0.44s var(--ev-2) both; }
html.js .bel.gorundu .gk-dizin > li:nth-child(2) { animation-delay: 0.05s; }
html.js .bel.gorundu .gk-dizin > li:nth-child(3) { animation-delay: 0.10s; }
html.js .bel.gorundu .gk-dizin > li:nth-child(4) { animation-delay: 0.15s; }
html.js .bel.gorundu .gk-dizin > li:nth-child(5) { animation-delay: 0.20s; }
html.js .bel.gorundu .kp-izgara > .kp,
html.js .bel.gorundu .serit-liste > li,
html.js .bel.gorundu .kat-liste > li:nth-child(-n + 5),
html.js .bel.gorundu .kt-ray > .kt:nth-child(-n + 5) { animation: gnu-yukari 0.46s var(--ev-2) both; }
html.js .bel.gorundu .kp-izgara > .kp:nth-child(2),
html.js .bel.gorundu .serit-liste > li:nth-child(2),
html.js .bel.gorundu .kat-liste > li:nth-child(2),
html.js .bel.gorundu .kt-ray > .kt:nth-child(2) { animation-delay: 0.06s; }
html.js .bel.gorundu .kp-izgara > .kp:nth-child(3),
html.js .bel.gorundu .serit-liste > li:nth-child(3),
html.js .bel.gorundu .kat-liste > li:nth-child(3),
html.js .bel.gorundu .kt-ray > .kt:nth-child(3) { animation-delay: 0.12s; }
html.js .bel.gorundu .kp-izgara > .kp:nth-child(4),
html.js .bel.gorundu .serit-liste > li:nth-child(4),
html.js .bel.gorundu .kat-liste > li:nth-child(4),
html.js .bel.gorundu .kt-ray > .kt:nth-child(4) { animation-delay: 0.18s; }
html.js .bel.gorundu .serit-liste > li:nth-child(5),
html.js .bel.gorundu .kat-liste > li:nth-child(5),
html.js .bel.gorundu .kt-ray > .kt:nth-child(5) { animation-delay: 0.24s; }
html.js .bel.gorundu .serit-liste > li:nth-child(6) { animation-delay: 0.30s; }
html.js .gk-govde:not([hidden]) > .gk-dizin { animation: gnu-yukari 0.32s var(--ev-2) both; }
.sec[data-durum='dogru'] { animation: gnu-pop 0.34s var(--ev-2); }
.sec[data-durum='yanlis'] { animation: gnu-sars 0.38s var(--ev-2); }
html.js .st-sonuc:not([hidden]) > .st-kart { animation: gnu-yukari 0.55s var(--ev-2) both; }
html.js .st-sonuc:not([hidden]) .st-sv { animation: gnu-pop 0.5s var(--ev-2) 0.25s both; }
@media (prefers-reduced-motion: reduce) {
 html.js .g1 .g1-mini, html.js .g1 h1,
 html.js .g1 .g1-eylem, html.js .g1 .g1-sahne,
 html.js .g1 .sr-yigin, html.js .g1 .g1-balon, html.js .g1-maskot,
 html.js .bel.gorundu .adim3 > li, html.js .bel.gorundu .yol3 > li,
 html.js .bel.gorundu .g1-balon > .bl, html.js .bel.gorundu .gk-dizin > li,
 html.js .bel.gorundu .st-kirilim > li, html.js .bel.gorundu .st-zayif > li,
 html.js .bel.gorundu .kp-izgara > .kp,
 html.js .bel.gorundu .serit-liste > li,
 html.js .bel.gorundu .kat-liste > li,
 html.js .bel.gorundu .kt-ray > .kt,
 html.js .gk-govde:not([hidden]) > .gk-dizin,
 html.js .st-sonuc:not([hidden]) > .st-kart,
 html.js .st-sonuc:not([hidden]) .st-sv,
 .sec[data-durum='dogru'], .sec[data-durum='yanlis'] {
 animation: none !important;
 opacity: 1;
 transform: none;
 }
 .btn, .btn-2, .serit-cta, .sec { transition: none; }
 .btn:hover, .btn-2:hover, .serit-cta:hover, .sec:hover { transform: none; }
 .hap-asit::after, .hap-kagit::after, .yol3-alt::after, .bl-ne::after { transition: none; }
}
@media (max-width: 1340px) {
 .gez a { padding: 0 10px; }
}
@media (max-width: 1160px) {
 .gez { gap: 0; }
 .gez a { padding: 0 8px; }
}
@media (max-width: 1020px) {
 .gez a { font-size: var(--yz-kucuk); padding: 0 6px; }
}
@media (max-width: 1000px) {
 .gez a { font-size: var(--yz-kucuk); padding: 0 6px; }
}
@media (max-width: 1200px) {
 .serit { flex-wrap: wrap; row-gap: 6px; }
 .gez {
 order: 3; flex-basis: 100%; width: 100%;
 margin-inline: 0; justify-content: flex-start;
 }
}
[data-dil='en'] {
 --isik: #1b2743;
 --tas: #16223a;
 --hat: #3b4f75;
}
[data-dil='en'] .g1 {
 background: radial-gradient(116% 80% at 70% 0%, #1b2743 0%, var(--kagit) 52%, #0b1220 100%);
}
[data-dil='en'] .sr { background: linear-gradient(180deg, #22314f, var(--kagit-3)); }
[data-dil='en'] .sr-kilit { background: transparent; box-shadow: none; }
[data-dil='en'] .sr-one { background: linear-gradient(180deg, #e9ff92, var(--asit) 90%); }
[data-dil='en'] .kp-one { background: linear-gradient(#e2fa76, var(--asit) 62%); }
[data-dil='en'] .kt-one { background: linear-gradient(#e2fa76, var(--asit) 58%); }
[data-dil='en'] .sr-one .sr-ad,
[data-dil='en'] .kp-one .kp-ad,
[data-dil='en'] .kp-one .kp-sayi,
[data-dil='en'] .kt-one .kt-ad,
[data-dil='en'] .kt-one .kt-etiket,
[data-dil='en'] .kt-gorsel.notr .kt-de { color: #0e1626; }
[data-dil='en'] .sr-one .sr-say { color: #3d4a12; }
[data-dil='en'] .sr-one .sr-sv,
[data-dil='en'] .kp-one .kp-rozet { background: #0e1626; color: var(--asit); }
[data-dil='en'] .sr-one .sr-ok { background: #0e1626; color: var(--asit); }
[data-dil='en'] .kp-one .kp-cip,
[data-dil='en'] .kt-one .kt-etiket { background: rgba(255, 253, 249, 0.92); color: #0e1626; }
[data-dil='en'] .kp-one .halka,
[data-dil='en'] .kt-one .halka { border-color: #0e1626; color: #0e1626; }
[data-dil='en'] .kp-one:hover .halka,
[data-dil='en'] .kt-one:hover .halka { background: #0e1626; border-color: #0e1626; color: var(--asit); }
[data-dil='en'] .g1 .kutu { background: var(--asit); color: #0e1626; }
[data-dil='en'] .hap-asit .hap-ok { background: #0e1626; color: var(--asit); }
[data-dil='en'] .hap-kagit .hap-ok { background: rgba(255,255,255,0.10); color: var(--vurgu); }
[data-dil='en'] .hz {
 background: var(--kagit-3);
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,0.05),
 0 0 0 1px var(--hat),
 0 6px 14px -10px rgba(0,0,0,0.5);
}
[data-dil='en'] .hz:hover {
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,0.07),
 0 0 0 1px var(--murekkep-2),
 0 14px 24px -12px rgba(0,0,0,0.6);
}
[data-dil='en'] .hz:hover .hz-ok { background: var(--asit); color: #0e1626; }
[data-dil='en'] .sn-yuzde { color: #0e1626; }
[data-dil='en'] .sec.secili:not([data-durum]) { background: var(--kagit-2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), 0 0 0 2px var(--murekkep); }
[data-dil='en'] .sr:not(.sr-olcu),
[data-dil='en'] .yol3-k,
[data-dil='en'] .adim3 > li,
[data-dil='en'] .drm,
[data-dil='en'] .st-giris,
[data-dil='en'] .hap-kagit,
[data-dil='en'] .sec {
 box-shadow:
 inset 0 1px 0 rgba(255, 255, 255, 0.06),
 0 0 0 1px var(--hat),
 0 2px 4px rgba(0, 0, 0, 0.34),
 0 12px 24px -12px rgba(0, 0, 0, 0.55);
}
[data-dil='en'] .hap-kagit:hover,
[data-dil='en'] .sec:hover:not([aria-disabled='true']),
[data-dil='en'] a.yol3-k:hover {
 box-shadow:
 inset 0 1px 0 rgba(255, 255, 255, 0.09),
 0 0 0 1px var(--murekkep-3),
 0 3px 6px rgba(0, 0, 0, 0.36),
 0 20px 34px -14px rgba(0, 0, 0, 0.62);
}
[data-dil='en'] .hap-kagit:active,
[data-dil='en'] .sec:active:not([aria-disabled='true']) {
 box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--hat);
}
[data-dil='en'] .yol3-sv { background: #0b1220; color: var(--murekkep); }
[data-dil='en'] .yol3-k[data-durum='yakinda'] .yol3-sv {
 background: var(--kagit-2); color: var(--murekkep-3);
}
[data-dil='en'] .bl { background: linear-gradient(180deg, #22314f, var(--isik)); }
[data-dil='en'] .bl::after { background: var(--isik); border-color: var(--hat); }
[data-dil='en'] .bl-ne { color: var(--vurgu); }
[data-dil='en'] .yol3-alt { color: var(--vurgu); }
[data-dil='en'] .sec[data-durum='dogru'] {
 background: color-mix(in srgb, var(--das) 22%, var(--kagit-3));
 box-shadow: 0 0 0 1.5px var(--das);
}
[data-dil='en'] .sec[data-durum='yanlis'] {
 background: color-mix(in srgb, var(--die) 20%, var(--kagit-3));
 box-shadow: 0 0 0 1.5px var(--die);
}
[data-dil='en'] .gk-sekme button { background: var(--isik); border-color: var(--hat); }
[data-dil='en'] .gk-sekme button[aria-selected='true'] {
 background: var(--asit); color: #0e1626; border-color: var(--asit);
}
[data-dil='en'] .drm-sayi li { background: var(--kagit-2); }
[data-dil='en'] .drm-cizgi, [data-dil='en'] .st-ilerleme-cizgi { background: var(--kagit-2); }
[data-dil='en'] .hap-asit,
[data-dil='en'] .adim3 > li::before,
[data-dil='en'] .st-sv { color: #0e1626; }
[data-dil='en'] .daire { background: var(--murekkep); color: #0e1626; }
.bosluk {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 3.2em;
 min-height: 1.5em;
 padding: 0 0.5em;
 margin: 0 0.12em;
 border-radius: var(--r-xs);
 vertical-align: baseline;
 background: color-mix(in srgb, var(--asit) 22%, var(--isik));
 box-shadow: inset 0 0 0 1.5px var(--murekkep);
 transition: box-shadow var(--gecis), background var(--gecis), min-width var(--gecis);
}
.bosluk-m {
 font-weight: 700;
 color: var(--murekkep);
 white-space: nowrap;
}
.bosluk[data-dolu] { background: var(--isik); }
.bosluk[data-dolu='dogru'] {
 background: color-mix(in srgb, var(--das) 18%, var(--isik));
 box-shadow: inset 0 0 0 1.5px var(--das);
}
.bosluk[data-dolu='yanlis'] {
 background: color-mix(in srgb, var(--die) 15%, var(--isik));
 box-shadow: inset 0 0 0 1.5px var(--die);
}
.bosluk[data-dolu='duzeltme'] {
 background: color-mix(in srgb, var(--das) 14%, var(--isik));
 box-shadow: inset 0 0 0 1.5px var(--das);
}
.bosluk[data-dolu='duzeltme'] .bosluk-m { animation: gnu-otur 0.42s var(--ev-2); }
.bosluk[data-dolu='kilit'] {
 background: var(--isik);
 box-shadow: inset 0 0 0 2px var(--murekkep);
}
@keyframes gnu-otur {
 0%   { transform: translateY(-0.5em); opacity: 0; }
 60%  { transform: translateY(0.08em); opacity: 1; }
 100% { transform: translateY(0); }
}
.sirala { display: grid; gap: 10px; margin-top: 10px; }
.sirala-et {
 margin: 0; color: var(--murekkep-3);
 font-size: var(--yz-mikro); letter-spacing: 0.08em; text-transform: uppercase;
}
.sirala-satir,
.sirala-havuz {
 display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
 min-height: 52px; padding: 8px 10px;
 border-radius: var(--r-plaka);
}
.sirala-satir {
 background: var(--isik);
 box-shadow: inset 0 0 0 1.5px var(--murekkep);
 transition: box-shadow var(--gecis), background var(--gecis);
}
.sirala-satir:empty::before {
 content: '…'; color: var(--murekkep-3); font-family: var(--f-mono); letter-spacing: 0.2em;
}
.sirala-havuz { background: var(--kagit-3); transition: min-height var(--gecis), padding var(--gecis); }
.sirala-havuz:empty { min-height: 0; padding: 0; }
.sec-parca { padding: 7px 13px; font-size: max(14px, 0.93em); }
.sirala-satir .sec-parca { box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 0 0 1px var(--hat); }
.sirala-satir[data-dolu='eksik'] { box-shadow: inset 0 0 0 2px var(--vurgu); }
.sirala-satir[data-dolu='dogru'] {
 background: color-mix(in srgb, var(--das) 18%, var(--isik));
 box-shadow: inset 0 0 0 1.5px var(--das);
}
.sirala-satir[data-dolu='yanlis'] {
 background: color-mix(in srgb, var(--die) 15%, var(--isik));
 box-shadow: inset 0 0 0 1.5px var(--die);
}
.sirala-satir[data-dolu='kilit'] { box-shadow: inset 0 0 0 2px var(--murekkep); }
.sirala-dogrusu {
 margin: 0; font-size: var(--yz-kucuk); color: var(--murekkep-2);
 animation: gnu-otur 0.42s var(--ev-2);
}
.sirala-dogrusu .mono { color: var(--murekkep-3); font-size: var(--yz-mikro); letter-spacing: 0.08em; text-transform: uppercase; margin-right: 6px; }
.sirala-dogrusu b { font-weight: 600; }
@media (prefers-reduced-motion: reduce) {
 .sirala-dogrusu { animation: none; }
}
[data-dil='en'] .sirala-havuz { background: rgba(255, 255, 255, 0.05); }
.bosluk-yaz { padding: 0 0.3em; }
.bosluk-in {
 width: 4.4em;
 border: 0;
 background: transparent;
 font: inherit;
 font-weight: 700;
 font-size: max(14px, 0.93em);
 color: var(--murekkep);
 text-align: center;
 padding: 0.15em 0;
}
.bosluk-in:focus { outline: none; }
.bosluk:focus-within { box-shadow: inset 0 0 0 2px var(--murekkep); }
.bosluk-in::placeholder { color: var(--murekkep-3); }
.sec-onay { font-size: max(14px, 0.86em); }
.soru-tr {
 margin: -8px 0 14px;
 font-size: max(14px, 0.93em);
 color: var(--murekkep-3);
 line-height: 1.4;
}
.soru-tr::before {
 content: '';
 display: inline-block;
 width: 14px;
 height: 1px;
 margin: 0 8px 4px 0;
 background: var(--murekkep-3);
 opacity: 0.6;
}
.sec {
 display: inline-flex;
 align-items: center;
 gap: 10px;
}
.sec-h {
 font-size: max(14px, 0.76em);
 font-weight: 700;
 line-height: 1;
 padding: 4px 6px;
 border-radius: var(--r-xs);
 color: var(--murekkep-3);
 background: color-mix(in srgb, var(--murekkep) 8%, transparent);
 transition: color var(--gecis), background var(--gecis);
}
.sec[data-durum='dogru'] .sec-h {
 color: var(--isik);
 background: var(--das);
}
.sec[data-durum='yanlis'] .sec-h {
 color: var(--isik);
 background: var(--die);
}
.sec.secili:not([data-durum]) .sec-h {
 color: var(--isik);
 background: var(--murekkep);
}
.sec[aria-disabled='true']:not([data-durum]) .sec-h { opacity: 0.5; }
@media (prefers-reduced-motion: reduce) {
 .bosluk, .bosluk-m, .sec-h { transition: none; animation: none; }
}
[data-dil='en'] .bosluk { color: #0e1626; }
[data-dil='en'] .bosluk .bosluk-m { color: #0e1626; }
[data-dil='en'] .bosluk[data-dolu] .bosluk-m,
[data-dil='en'] .bosluk-in { color: var(--murekkep); }
[data-dil='en'] .sec-h { background: color-mix(in srgb, var(--murekkep) 14%, transparent); }
.test { position: relative; }
.test-no {
 position: absolute;
 top: clamp(14px, 2.4vw, 20px);
 right: clamp(16px, 2.6vw, 24px);
 font-size: var(--yz-kucuk);
 font-weight: 700;
 letter-spacing: 0.06em;
 color: var(--murekkep-3);
}
.test[data-sonuc='dogru'] .test-no { color: var(--das); }
.test[data-sonuc='yanlis'] .test-no { color: var(--die); opacity: 1; }
.test .soru { padding-right: 3.2em; }
html.js .cevap:not(.acik) { margin-top: 0; border-top: 0; }
.tam-test {
 display: flex; align-items: center; gap: 16px;
 margin-top: 26px; padding: 16px 18px;
 border-radius: var(--r-md);
 background: var(--alan-2); color: var(--alan-2-metin);
 text-decoration: none;
 transition: transform var(--gecis);
}
.tam-test:hover { transform: translateY(-2px); }
.tam-test-n {
 flex: none; display: grid; place-items: center;
 min-width: 54px; padding: 10px 10px; border-radius: var(--r-plaka);
 background: var(--asit); color: var(--murekkep);
 font-size: var(--yz-buyuk); font-weight: 700; letter-spacing: -0.02em;
}
.tam-test-m { display: grid; gap: 4px; min-width: 0; }
.tam-test-m b { font-size: var(--yz-buyuk); font-weight: 600; letter-spacing: -0.022em; }
.tam-test-m em {
 font-style: normal; font-size: var(--yz-kucuk); line-height: 1.45;
 color: color-mix(in srgb, var(--alan-2-metin) 76%, transparent);
}
.tam-test .hap-ok {
 margin: 0 0 0 auto;
 background: rgba(255, 255, 255, 0.13); color: var(--asit);
}
.tam-test:hover .hap-ok { transform: translate(2px, -2px); }
@media (max-width: 480px) {
 .tam-test { gap: 12px; padding: 14px; }
 .tam-test .hap-ok { display: none; }
}
.tk-kurallar {
 display: grid; grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));
 gap: 12px; margin: 24px 0 0; padding: 0; list-style: none;
}
.tk-kural {
 position: relative;
 display: flex; flex-direction: column;
 padding: 20px 20px 18px;
 border-radius: var(--r-md);
 background: var(--isik); border: 1px solid var(--hat);
}
.tk-kural .tk-no {
 display: inline-grid; place-items: center; align-self: flex-start;
 min-width: 30px; height: 26px; padding: 0 8px;
 border-radius: var(--r-plaka);
 background: var(--kagit-2); color: var(--vurgu-koyu);
 font-size: var(--yz-mikro); font-weight: 700; letter-spacing: 0.06em;
}
.tk-kural b {
 display: block; margin-top: 12px;
 font-size: var(--yz-buyuk); font-weight: 600; letter-spacing: -0.022em;
}
.tk-kural p { margin: 8px 0 12px; font-size: var(--yz-govde); line-height: 1.55; color: var(--murekkep-2); }
.tk-kural > p:last-child { margin-bottom: 0; }
.tk-kural .tk-ornek {
 margin-top: auto; padding-top: 10px;
 border-top: 1px solid var(--ayrac);
 font-size: var(--yz-govde); line-height: 1.6;
}
.tk-tuzaklar {
 display: grid; grid-template-columns: repeat(auto-fit, minmax(258px, 1fr));
 gap: 12px; margin: 24px 0 0; padding: 0; list-style: none;
}
.tk-tuzak {
 padding: 18px 20px;
 border-radius: var(--r-md);
 background: var(--isik); border: 1px solid var(--hat);
}
.tk-yanlis, .tk-dogru {
 display: flex; align-items: baseline; gap: 10px;
 font-size: var(--yz-buyuk); line-height: 1.4;
}
.tk-dogru { margin-top: 6px; }
.tk-im { flex: none; font-size: var(--yz-kucuk); font-weight: 700; line-height: 1; }
.tk-yanlis { color: var(--murekkep-3); }
.tk-yanlis .de { text-decoration: line-through; text-decoration-thickness: 1.5px;
 text-decoration-color: color-mix(in srgb, var(--die) 70%, transparent); }
.tk-yanlis .tk-im { color: var(--die); }
.tk-dogru .tk-im { color: var(--das); }
.tk-dogru .de { font-weight: 600; }
.tk-ne {
 margin-top: 10px; padding-top: 10px;
 border-top: 1px solid var(--ayrac);
 font-size: var(--yz-govde); line-height: 1.55; color: var(--murekkep-2);
}
.tk-kirilim {
 display: grid; gap: 10px; max-width: 46rem;
 margin: 18px 0 0; padding: 0; list-style: none;
}
.tk-kirilim li {
 display: grid; grid-template-columns: auto 1fr; align-items: center;
 gap: 6px 14px;
 padding: 14px 16px;
 border-radius: var(--r-md);
 background: var(--isik); border: 1px solid var(--hat);
}
.tk-kirilim b {
 display: grid; place-items: center;
 min-width: 62px; padding: 6px 10px; border-radius: var(--r-plaka);
 background: var(--kagit-2); color: var(--murekkep);
 font-size: var(--yz-kucuk); font-weight: 700; letter-spacing: 0.02em;
}
.tk-kirilim span { font-size: var(--yz-orta); font-weight: 600; letter-spacing: -0.018em; }
.tk-cubuk {
 grid-column: 1 / -1;
 display: block; height: 6px; margin-top: 4px;
 border-radius: var(--r-tam); background: var(--cizgi); overflow: hidden;
}
.tk-cubuk u {
 display: block; height: 100%; text-decoration: none;
 border-radius: inherit; background: var(--das);
}
.tk-kirilim li[data-zayif] { border-color: var(--die); }
.tk-kirilim li[data-zayif] b { background: var(--die); color: var(--kagit); }
.tk-kirilim li[data-zayif] .tk-cubuk u { background: var(--die); }
.tk-gez {
 display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
 margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--ayrac);
}
.tk-gez-a {
 display: grid; gap: 6px; align-content: center;
 padding: 16px 18px; border-radius: var(--r-md);
 background: var(--isik); border: 1px solid var(--hat);
 text-decoration: none;
 transition: transform var(--gecis), border-color var(--gecis);
}
.tk-gez-a:hover { transform: translateY(-2px); border-color: var(--murekkep); }
.tk-gez-a .mono { font-size: var(--yz-mikro); letter-spacing: 0.05em; color: var(--vurgu-koyu); }
.tk-gez-a b { font-size: var(--yz-buyuk); font-weight: 600; letter-spacing: -0.018em; }
.tk-gez-s { text-align: right; }
@media (max-width: 560px) {
 .tk-gez { grid-template-columns: 1fr; }
 .tk-gez-s { text-align: left; }
 .tk-kirilim b { min-width: 56px; }
}
@media (prefers-reduced-motion: reduce) {
 .tam-test, .tk-gez-a { transition: none; }
 .tam-test:hover, .tk-gez-a:hover { transform: none; }
 .tam-test:hover .hap-ok { transform: none; }
}
[data-dil='en'] .tam-test { background: #0e1626; color: var(--kagit-2); }
[data-dil='en'] .tam-test .hap-ok { background: rgba(255, 255, 255, 0.10); }
[data-dil='en'] .tk-no,
[data-dil='en'] .tk-kirilim b { background: rgba(255, 255, 255, 0.10); color: var(--kagit-2); }
[data-dil='en'] .tk-kirilim li[data-zayif] b { background: var(--die); color: #0e1626; }
.tm-kat {
 display: flex; align-items: baseline; gap: 10px;
 margin: 26px 0 12px; padding-bottom: 8px;
 border-bottom: 1px solid var(--ayrac);
 font-size: var(--yz-orta); font-weight: 600; letter-spacing: 0.01em;
}
.tm-kat:first-of-type { margin-top: 22px; }
.tm-kat span {
 font-size: var(--yz-mikro); font-weight: 700; letter-spacing: 0.06em;
 color: var(--vurgu-koyu);
}
.tm-kat span::before { content: '· '; color: var(--murekkep-3); }
.g1-aurora {
 background: var(--kagit);
 padding-top: clamp(14px, 1.5vw, 22px);
 padding-bottom: clamp(56px, 6vw, 88px);
}
.g1-aurora {
 overflow: visible;
}
.aur-alan {
 position: absolute; left: 0; right: 0; top: -160px; bottom: 0;
 z-index: 0; overflow: hidden; background: var(--kagit);
}
.aur-alan .akis {
 position: absolute; inset: 0; width: 100%; height: 100%;
 display: block; z-index: 1;
}
.aur-alan::after {
 content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none;
 opacity: 0.05; mix-blend-mode: multiply;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
 background-size: 140px 140px;
}
.aurora {
 position: absolute; inset: -24%;
 filter: blur(96px) saturate(0.98); opacity: 0.38;
 background:
 radial-gradient(40% 44% at 14% 12%, var(--alan) 0%, transparent 64%),
 radial-gradient(35% 39% at 62% 42%, var(--asit) 0%, transparent 62%),
 radial-gradient(33% 37% at 74% 70%, var(--alan-2) 0%, transparent 66%),
 radial-gradient(29% 33% at 26% 76%, var(--vurgu) 0%, transparent 64%),
 var(--kagit);
 animation: gnu-aurora 26s ease-in-out infinite;
}
@keyframes gnu-aurora {
 0%, 100% { transform: scale(1) rotate(0deg); }
 50%      { transform: scale(1.07) rotate(2.5deg); }
}
.g1-cam {
 position: relative; z-index: 2;
 width: min(100%, 70rem);
 margin-inline: auto;
 padding: clamp(20px, 2.3vw, 30px) clamp(20px, 3vw, 44px) clamp(28px, 3.6vw, 48px);
 border-radius: clamp(22px, 2.2vw, 30px);
 background: rgba(255, 253, 249, 0.46);
 backdrop-filter: blur(9px) saturate(1.3);
 -webkit-backdrop-filter: blur(9px) saturate(1.3);
 box-shadow:
 0 1px 1px rgba(43, 34, 24, 0.05),
 0 18px 44px -22px rgba(43, 34, 24, 0.34);
 isolation: isolate;
}
.g1-cam::after {
 content: ''; position: absolute; inset: 0; border-radius: inherit;
 pointer-events: none; padding: 1.2px;
 background: linear-gradient(145deg,
 rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.28) 25%,
 rgba(255,255,255,0.02) 47%, rgba(255,255,255,0.20) 63%,
 rgba(255,255,255,0.85) 100%);
 -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
 -webkit-mask-composite: xor;
 mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
 mask-composite: exclude;
}
.g1-cam .sr { background: rgba(255, 253, 249, 0.52); }
.g1-cam .sr-olcu,
[data-dil='en'] .g1-cam .sr-olcu { background: none; }
.g1-cam .sr-one {
 background: linear-gradient(180deg, #e9ff92, var(--asit) 90%);
}
.g1-aurora .g1-balon,
.g1-aurora .g1-hizli { position: relative; z-index: 2; }
@media (max-width: 700px) {
 .g1-cam { padding-inline: 16px; border-radius: var(--r-md); }
}
@media (prefers-reduced-motion: reduce) {
 .aurora { animation: none; }
}
[data-dil='en'] .g1-cam {
 background: rgba(22, 34, 58, 0.52);
 box-shadow:
 0 1px 1px rgba(0, 0, 0, 0.18),
 0 18px 44px -22px rgba(0, 0, 0, 0.55);
}
[data-dil='en'] .g1-cam::after {
 background: linear-gradient(145deg,
 rgba(255,255,255,0.34) 0%, rgba(255,255,255,0.10) 25%,
 rgba(255,255,255,0.01) 47%, rgba(255,255,255,0.08) 63%,
 rgba(255,255,255,0.30) 100%);
}
[data-dil='en'] .g1-cam .sr { background: rgba(255, 255, 255, 0.07); }
[data-dil='en'] .g1-cam .sr-one { background: linear-gradient(180deg, #e9ff92, var(--asit) 90%); }
.tk-akis { position: relative; }
.tk-akis .ray {
 position: relative;
 align-items: center;
 gap: 14px;
 margin-bottom: clamp(14px, 1.8vw, 20px);
}
.tk-akis .ray::before {
 content: '';
 position: absolute;
 left: calc(var(--plaka-yari, 17px) - 1px);
 bottom: calc(100% + 6px);
 width: 2px; height: clamp(30px, 4.5vw, 62px);
 border-radius: 1px;
 background: linear-gradient(var(--cizgi), color-mix(in srgb, var(--vurgu) 42%, transparent));
}
.tk-akis > section:first-of-type .ray::before { display: none; }
.tk-akis .ray > .mono,
.tk-akis .ray > .bolum-et {
 display: inline-flex; align-items: center; justify-content: center;
 min-width: 34px; height: 34px; padding: 0 12px;
 border-radius: var(--r-plaka);
 background: var(--alan); color: var(--alan-metin);
 font-size: var(--yz-mikro); font-weight: 700; letter-spacing: 0.1em;
 text-transform: uppercase;
}
.tk-akis .ray::after {
 height: 2px; border-radius: 1px; transform: none;
 background: linear-gradient(90deg, var(--cizgi), transparent 62%);
}
.govde > .not:has(+ .tk-alt) { border-top: 0; padding-top: 0; }
.tk-alt {
 margin-top: clamp(30px, 4vw, 52px);
 padding-top: clamp(18px, 2.4vw, 26px);
 border-top: 1px solid var(--cizgi);
}
.tk-alt-ray {
 display: flex; align-items: baseline; gap: 12px;
 margin: 0 0 8px; max-width: none;
}
.tk-alt-ray > .mono {
 color: var(--murekkep-3); font-size: var(--yz-mikro);
 letter-spacing: 0.1em; text-transform: uppercase; flex: none;
}
.tk-alt-ray::after {
 content: ''; flex: 1; height: 1px; background: var(--cizgi); transform: translateY(-3px);
}
.tk-alt-b {
 margin: 0; max-width: none;
 font-size: var(--yz-h3); font-weight: 700; letter-spacing: -0.02em; line-height: 1.2;
}
.tk-alt > .giris { margin-top: 10px; }
.tk-akis .tk-adim {
 padding: clamp(18px, 2.2vw, 24px) clamp(18px, 2.2vw, 24px) clamp(20px, 2.4vw, 26px);
 border-radius: var(--r-md);
 background: var(--isik);
 border: 1px solid var(--hat);
}
.tk-akis .tk-adim > .tk-no {
 display: inline-flex; align-items: center; justify-content: center;
 width: 32px; height: 32px; margin-bottom: 12px;
 border-radius: var(--r-plaka);
 background: var(--kagit-2); color: var(--vurgu-koyu);
 font-size: var(--yz-mikro); font-weight: 700; letter-spacing: 0.06em;
}
.tk-akis .tk-adim:first-child > .tk-no {
 background: var(--asit); color: var(--murekkep);
}
.tk-akis .tk-basamak {
 align-items: flex-start;
 border-top: 0;
 padding: 0;
 margin-top: 10px;
}
.tk-akis .tk-basamak > .tk-kod {
 flex: none;
 display: inline-flex; align-items: center; justify-content: center;
 min-width: 46px; height: 34px; padding: 0 10px;
 border-radius: var(--r-plaka);
 background: var(--kagit-2); color: var(--murekkep);
 font-size: var(--yz-kucuk); font-weight: 700; letter-spacing: 0.06em;
}
.tk-akis .tk-basamak[data-kod='a1'] > .tk-kod { background: var(--sv-a1); color: var(--kagit); }
.tk-akis .tk-basamak[data-kod='a2'] > .tk-kod { background: var(--sv-a2); color: var(--kagit); }
.tk-akis .tk-basamak[data-kod='b1'] > .tk-kod { background: var(--sv-b1); color: var(--kagit); }
.tk-akis .tk-basamak + .tk-basamak { position: relative; padding-top: 18px; margin-top: 0; }
.tk-akis .tk-basamak + .tk-basamak::before {
 content: '';
 position: absolute; left: 22px; top: 0; width: 2px; height: 18px;
 border-radius: 1px; background: var(--cizgi);
}
.tk-akis .tk-paket { border-radius: var(--r-md); }
.tk-akis .tk-onerilen {
 background: var(--alan); color: var(--alan-metin);
 border-color: transparent;
}
.tk-akis .tk-onerilen .tk-tempo,
.tk-akis .tk-onerilen .tk-ay { color: var(--kagit-2); }
.tk-akis .tk-onerilen .tk-fiyat b { color: var(--alan-metin); }
.tk-akis .tk-onerilen .tk-fiyat .mono { color: var(--kagit-2); }
.tk-akis .tk-onerilen .tk-rozet {
 background: var(--asit); color: var(--murekkep);
 border-radius: var(--r-plaka);
}
.tk-akis .tk-premium > li {
 position: relative;
 padding-left: 26px;
 border-top: 0;
}
.tk-akis .tk-premium > li::before {
 content: '';
 position: absolute; left: 0; top: 7px;
 width: 12px; height: 12px; border-radius: 4px;
 background: var(--asit);
}
.tk-akis .tk-kapanis {
 border-top: 0; border-bottom: 0;
 padding: clamp(30px, 4vw, 48px) clamp(22px, 3vw, 40px);
 border-radius: var(--r-dev);
 background: var(--alan-2); color: var(--alan-2-metin);
 text-align: center;
}
.tk-akis .tk-kapanis h2 { color: var(--alan-2-metin); }
.tk-akis .tk-kapanis .giris { color: var(--kagit-2); margin-inline: auto; }
.tk-akis .tk-kapanis .g1-eylem { margin-top: clamp(18px, 2.4vw, 28px); }
.tk-akis .tk-kapanis .hap-kagit {
 background: rgba(255, 255, 255, 0.10);
 border-color: rgba(255, 255, 255, 0.22);
 color: var(--alan-2-metin);
}
.tk-akis .tk-kapanis .hap-kagit .hap-ok {
 background: rgba(255, 255, 255, 0.14); color: var(--asit);
}
@media (max-width: 620px) {
 .tk-akis .ray::before { left: 16px; }
 .tk-akis .tk-basamak + .tk-basamak::before { left: 20px; }
}
@media (prefers-reduced-motion: reduce) {
 .tk-akis .tk-adim { transition: none; }
}
[data-dil='en'] .tk-akis .tk-adim > .tk-no,
[data-dil='en'] .tk-akis .tk-basamak > .tk-kod {
 background: rgba(255, 255, 255, 0.10); color: var(--kagit-2);
}
[data-dil='en'] .tk-akis .tk-adim:first-child > .tk-no {
 background: var(--asit); color: #0e1626;
}
.st-asama {
 display: flex; align-items: stretch; gap: 8px; flex-wrap: wrap;
 margin: 0 0 18px; padding: 0; list-style: none;
}
.st-asama-k {
 display: inline-flex; align-items: center; gap: 10px;
 padding: 8px 14px; border-radius: var(--r-plaka);
 border: 1px solid var(--hat); background: var(--isik);
 transition: background var(--gecis), color var(--gecis), border-color var(--gecis);
}
.st-asama-k .mono {
 font-size: var(--yz-mikro); font-weight: 700; letter-spacing: 0.08em;
}
.st-asama-k > span:last-child {
 font-size: var(--yz-mikro); letter-spacing: 0.06em; text-transform: uppercase;
 font-weight: 600; opacity: 0.7;
}
.st-asama-k[data-durum='bitti'] {
 background: var(--alan); border-color: transparent; color: var(--alan-metin);
}
.st-asama-k[data-durum='bitti'] > span:last-child { opacity: 0.82; }
.st-asama-k[data-durum='acik'] {
 background: var(--asit); border-color: transparent; color: var(--murekkep);
}
.st-asama-k[data-durum='acik'] > span:last-child { opacity: 0.78; }
.st-asama-k[data-durum='kapali'] { opacity: 0.5; }
.st-alan .test-no { display: none; }
.st-alan .test {
 padding: clamp(20px, 2.6vw, 32px);
 border-radius: var(--r-md);
 border: 1px solid var(--hat);
 background: var(--isik);
}
.st-alan .test[hidden] { display: none; }
.st-alan .soru { font-size: clamp(17px, 1.9vw, 21px); line-height: 1.5; }
.st-ara {
 margin-top: 18px; padding: clamp(24px, 3vw, 38px);
 border-radius: var(--r-dev);
 background: var(--alan-2); color: var(--alan-2-metin);
 text-align: center;
}
.st-ara[hidden] { display: none; }
.st-ara-m {
 max-width: 40ch; margin: 0 auto 18px;
 font-size: clamp(16px, 1.9vw, 20px); line-height: 1.5; font-weight: 600;
 letter-spacing: -0.015em;
}
.st-yapabilir {
 max-width: 44ch; margin: 14px auto 0 !important;
 padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, 0.16);
 font-size: var(--yz-orta) !important; line-height: 1.55;
 color: var(--alan-2-metin) !important;
}
.mt-modul[hidden] { display: none; }
.mt-modul-bas { max-width: 46rem; margin-bottom: clamp(24px, 3vw, 38px); }
.mt-modul-no { font-size: var(--yz-mikro); letter-spacing: 0.12em; text-transform: uppercase; color: var(--murekkep-3); }
.mt-modul-bas h2 {
 margin-top: 10px; font-size: clamp(28px, 4vw, 44px); font-weight: 700; letter-spacing: -0.035em;
}
.mt-modul-tr {
 margin-left: 12px; font-size: clamp(15px, 1.6vw, 19px); font-weight: 500;
 letter-spacing: -0.01em; color: var(--murekkep-3);
}
.mt-yonerge { margin-top: 14px; font-size: var(--yz-orta); line-height: 1.6; color: var(--murekkep-2); }
.mt-olcu {
 display: flex; gap: 8px; flex-wrap: wrap; margin: 18px 0 0; padding: 0; list-style: none;
}
.mt-olcu li {
 padding: 6px 12px; border-radius: var(--r-plaka);
 background: var(--kagit-2); font-size: var(--yz-mikro); letter-spacing: 0.05em;
}
.mt-teil { margin-top: clamp(28px, 3.4vw, 44px); }
.mt-teil-b {
 display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap;
 padding-bottom: 12px; border-bottom: 1px solid var(--ayrac);
 font-size: var(--yz-orta); font-weight: 600; letter-spacing: -0.01em;
}
.mt-teil-b .mono {
 flex: none; padding: 6px 10px; border-radius: var(--r-plaka);
 background: var(--alan); color: var(--alan-metin);
 font-size: var(--yz-mikro); font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase;
}
.mt-teil-b > span:last-child { color: var(--murekkep-2); font-weight: 500; }
.mt-maddeler { margin: 18px 0 0; padding: 0; list-style: none; display: grid; gap: 0; }
.mt-madde {
 position: relative;
 display: grid;
 grid-template-columns: 2.35rem 1fr;
 column-gap: clamp(14px, 1.1vw, 14px);
 align-items: start;
 padding: clamp(14px, 1.7vw, 20px) 0;
 border-bottom: 1px solid var(--ayrac);
}
.mt-madde:last-child { border-bottom: 0; }
.mt-no {
 grid-column: 1; grid-row: 1;
 min-width: 2.35rem; height: 25px; margin-bottom: 0; padding: 0;
 background: var(--murekkep); color: var(--kagit);
 font-size: var(--yz-mikro); letter-spacing: 0.05em;
}
.mt-madde > *:not(.mt-no) { grid-column: 2; }
.mt-madde .test { padding: 0; border: 0; background: none; margin: 0; }
.mt-madde .test-no { display: none; }
.mt-madde .soru { margin-bottom: 10px; }
.mt-no {
 display: inline-grid; place-items: center;
 border-radius: var(--r-plaka); font-weight: 700;
}
.mt-ses {
 display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
 max-width: 30rem;
 margin-bottom: 16px; padding: 10px 14px 10px 10px;
 border-radius: var(--r-md); background: var(--alan-2); color: var(--alan-2-metin);
}
.mt-ses-btn { min-height: 40px; gap: 10px; }
.mt-ses-ik { font-size: var(--yz-kucuk); line-height: 1; }
.mt-ses-cizgi {
 flex: 1; min-width: 60px; height: 5px; border-radius: var(--r-tam);
 background: rgba(255, 255, 255, 0.18); overflow: hidden;
}
.mt-ses-cizgi i { display: block; height: 100%; width: 0; background: var(--asit); }
.mt-ses-hak { font-size: var(--yz-mikro); letter-spacing: 0.05em; color: var(--kagit-2); }
.mt-ses [aria-disabled='true'] { opacity: 0.42; cursor: not-allowed; }
.mt-metin {
 margin-top: 16px; padding: clamp(18px, 2.2vw, 26px);
 border: 1px solid var(--ayrac); border-radius: var(--r-md); background: var(--isik);
}
.mt-metin header {
 display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap;
 padding-bottom: 10px; margin-bottom: 12px; border-bottom: 1px solid var(--ayrac);
}
.mt-metin header .mono {
 padding: 4px 10px; border-radius: var(--r-plaka);
 background: var(--kagit-2); font-size: var(--yz-mikro); letter-spacing: 0.08em; text-transform: uppercase;
}
.mt-metin header b { font-size: var(--yz-kucuk); font-weight: 600; color: var(--murekkep-3); }
.mt-metin-g { font-size: var(--yz-orta); line-height: 1.75; }
.mt-ilanlar { display: grid; gap: 10px; margin-bottom: 16px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.mt-ilan {
 position: relative; padding: 16px 16px 16px 46px;
 border: 1px solid var(--hat); border-radius: var(--r-md); background: var(--kagit-3);
}
.mt-ilan-h {
 position: absolute; left: 14px; top: 14px;
 display: grid; place-items: center; width: 24px; height: 24px;
 border-radius: var(--r-xs); background: var(--murekkep); color: var(--kagit);
 font-size: var(--yz-mikro); font-weight: 700;
}
.mt-ilan b { display: block; font-size: var(--yz-govde); font-weight: 600; }
.mt-ilan p { margin-top: 6px; font-size: var(--yz-kucuk); line-height: 1.5; color: var(--murekkep-2); }
.mt-levha {
 margin-bottom: 16px; padding: 16px 18px;
 border: 2px dashed var(--cizgi); border-radius: var(--r-md); background: var(--kagit-3);
}
.mt-levha .mono {
 font-size: var(--yz-mikro); letter-spacing: 0.08em; text-transform: uppercase; color: var(--murekkep-3);
}
.mt-levha p { margin-top: 8px; font-size: var(--yz-buyuk); font-weight: 600; letter-spacing: -0.01em; }
.mt-durum {
 margin-top: 18px; padding: clamp(18px, 2.2vw, 26px);
 border: 1px solid var(--vurgu); border-radius: var(--r-md);
 background: var(--vurgu-yumusak);
}
.mt-durum .mono { font-size: var(--yz-mikro); letter-spacing: 0.09em; text-transform: uppercase; color: var(--vurgu-koyu); }
.mt-durum p { margin-top: 8px; font-size: var(--yz-orta); line-height: 1.65; }
.mt-noktalar { margin: 14px 0 0; padding-left: 0; list-style: none; display: grid; gap: 8px; }
.mt-noktalar li { position: relative; padding-left: 22px; font-size: var(--yz-govde); }
.mt-noktalar li::before {
 content: ''; position: absolute; left: 0; top: 7px;
 width: 11px; height: 11px; border-radius: 4px; background: var(--asit);
}
.mt-form {
 margin-top: 16px; padding: clamp(18px, 2.2vw, 26px);
 border: 1px solid var(--hat); border-radius: var(--r-md); background: var(--isik);
}
.mt-form h4 { font-size: var(--yz-buyuk); font-weight: 700; letter-spacing: -0.02em; }
.mt-form ol { margin: 16px 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.mt-alan label { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.mt-alan-no {
 flex: none; display: grid; place-items: center; width: 24px; height: 24px;
 border-radius: var(--r-xs); background: var(--kagit-2); font-size: var(--yz-mikro); font-weight: 700;
}
.mt-alan label > .de { flex: none; min-width: 150px; font-size: var(--yz-govde); font-weight: 600; }
.mt-in {
 flex: 1; min-width: 140px; min-height: 42px; padding: 8px 12px;
 border: 1px solid var(--ayrac); border-radius: var(--r-xs);
 background: var(--kagit); font: inherit; font-size: var(--yz-orta); color: var(--murekkep);
}
.mt-in:focus { outline: 2px solid var(--vurgu); outline-offset: 1px; }
.mt-alan[data-sonuc='dogru'] .mt-in { border-color: var(--sv-a2); background: color-mix(in srgb, var(--sv-a2) 8%, var(--kagit)); }
.mt-alan[data-sonuc='yanlis'] .mt-in { border-color: var(--vurgu); background: color-mix(in srgb, var(--vurgu) 8%, var(--kagit)); }
.mt-alan-a { margin: 8px 0 0 34px; font-size: var(--yz-kucuk); line-height: 1.55; color: var(--murekkep-2); }
.mt-yazi { margin-top: 16px; }
.mt-ta {
 width: 100%; padding: 16px; border: 1px solid var(--ayrac); border-radius: var(--r-md);
 background: var(--isik); font: inherit; font-size: var(--yz-orta); line-height: 1.7;
 color: var(--murekkep); resize: vertical;
}
.mt-ta:focus { outline: 2px solid var(--vurgu); outline-offset: 1px; }
.mt-sayac { margin-top: 8px; font-size: var(--yz-mikro); letter-spacing: 0.06em; color: var(--murekkep-3); }
.mt-sayac[data-az='1'] { color: var(--vurgu-koyu); }
.mt-kontrol {
 margin-top: 16px; padding: clamp(16px, 2vw, 22px);
 border: 1px solid var(--hat); border-radius: var(--r-md); background: var(--kagit-3);
}
.mt-kontrol[hidden] { display: none; }
.mt-kontrol h4 { font-size: var(--yz-govde); font-weight: 700; letter-spacing: -0.015em; }
.mt-kontrol ul { margin: 12px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.mt-kontrol label { display: flex; gap: 10px; align-items: flex-start; font-size: var(--yz-govde); line-height: 1.5; cursor: pointer; }
.mt-kontrol input { margin-top: 4px; width: 17px; height: 17px; accent-color: var(--vurgu); flex: none; }
.mt-ornek { margin-top: 14px; padding: 18px; border-radius: var(--r-md); background: var(--alan-2); color: var(--alan-2-metin); }
.mt-ornek[hidden] { display: none; }
.mt-ornek pre { margin: 0; font: inherit; font-size: var(--yz-orta); line-height: 1.7; white-space: pre-wrap; }
.mt-ornek .not { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,0.16); color: var(--kagit-2); }
.mt-yazi > .hap-kagit { margin-top: 14px; }
.mt-kartlar {
 margin: 18px 0 0; padding: 0; list-style: none;
 display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.mt-kart { padding: 18px; border: 1px solid var(--hat); border-radius: var(--r-md); background: var(--isik); }
.mt-kart b { display: block; font-size: var(--yz-orta); font-weight: 600; letter-spacing: -0.015em; }
.mt-kart-btn {
 margin-top: 12px; padding: 7px 13px; border: 0;
 border-radius: var(--r-xs); background: var(--kagit-2);
 font: inherit; font-size: var(--yz-kucuk); font-weight: 600;
 color: var(--murekkep); cursor: pointer;
 transition: background var(--dur-anlik) var(--ev), color var(--dur-anlik) var(--ev),
 transform var(--dur-kisa) var(--ev-sekme);
}
.mt-kart-btn:hover { background: var(--isik); color: var(--vurgu-koyu); transform: scale(1.045, 1.085); }
.mt-kart-btn:active { transform: scale(0.98, 0.96); }
.mt-kart-o { margin-top: 12px; font-size: var(--yz-govde); line-height: 1.6; color: var(--vurgu-koyu); }
.mt-kart-o[hidden] { display: none; }
.mt-kapi { margin-top: 18px; max-width: 52rem; }
.mt-alt { margin-top: clamp(28px, 3.4vw, 42px); display: flex; justify-content: flex-end; }
@media (max-width: 560px) {
 .mt-alan label > .de { min-width: 0; width: 100%; }
 .mt-alt { justify-content: stretch; }
}
.mt-bas-bel { margin-top: var(--bosluk-m); }
.mt-iz {
 display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
 margin-bottom: var(--bosluk-s);
 font-size: var(--yz-kucuk); color: var(--murekkep-3);
}
.mt-iz a { color: var(--murekkep-2); text-underline-offset: 3px; }
.mt-bas-bel .sayfa-h1 { margin-top: 10px; }
.mt-bas-alt { margin: 12px 0 0; font-size: var(--yz-buyuk); color: var(--murekkep-2); max-width: var(--olcu); }
.mt-pano {
 margin-top: var(--bosluk-m);
 background: var(--isik); border: 1px solid var(--ayrac);
 border-radius: var(--r-md); box-shadow: var(--g1); overflow: hidden;
}
.mt-pano-ust {
 display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px;
 padding: var(--bosluk-s) var(--pad);
 border-bottom: 1px solid var(--ayrac);
}
.mt-pano-ust > b { font-family: var(--f-display); font-size: var(--yz-h4); font-weight: 700; }
.mt-ilerleme { font-size: var(--yz-kucuk); color: var(--murekkep-2); }
.mt-cubuk {
 flex: 1 1 8rem; height: 8px; border-radius: var(--r-xs);
 background: var(--kagit-3); overflow: hidden;
}
.mt-cubuk i { display: block; height: 100%; width: 0; background: var(--ikinci); transition: width var(--dur-yavas) var(--ev); }
.mt-liste { margin: 0; padding: 0; list-style: none; }
.mt-sat {
 display: grid; align-items: center; gap: 4px 18px;
 grid-template-columns: auto minmax(0, 1fr) auto auto;
 grid-template-areas: 'ik ad durum dgm' 'ik olcu durum dgm' 'gec gec gec gec';
 padding: var(--bosluk-s) var(--pad);
}
.mt-sat + .mt-sat { border-top: 1px solid var(--cizgi); }
.mt-ik {
 grid-area: ik; display: grid; place-items: center;
 width: 3.25rem; height: 3.25rem; border-radius: var(--r-plaka);
 color: var(--murekkep);
}
.mt-ik svg, .mt-saat svg, .mt-geri svg { width: 1.5rem; height: 1.5rem; }
[data-ik='hoeren'] .mt-ik, .mt-ik[data-ik='hoeren'] { background: var(--cam-2); }
.mt-ik[data-ik='lesen'] { background: var(--asit-2); }
.mt-ik[data-ik='schreiben'] { background: var(--kum); }
.mt-ik[data-ik='sprechen'] { background: var(--kagit-2); }
.mt-sat-ad { grid-area: ad; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.mt-sat-ad b { font-family: var(--f-display); font-size: var(--yz-h3); font-weight: 700; color: var(--murekkep); }
.mt-sat-ad span { font-size: var(--yz-kucuk); color: var(--murekkep-3); }
.mt-sat-olcu { grid-area: olcu; font-size: var(--yz-kucuk); color: var(--murekkep-2); }
.mt-sat-durum {
 grid-area: durum; display: grid; justify-items: end; gap: 2px;
 font-size: var(--yz-kucuk); color: var(--murekkep-3); text-align: right;
}
.mt-sat-durum b { font-size: var(--yz-orta); color: var(--murekkep); }
.mt-sat[data-durum='gecti'] .mt-sat-durum b { color: var(--das); }
.mt-sat[data-durum='kaldi'] .mt-sat-durum b { color: var(--vurgu-koyu); }
.mt-basla { grid-area: dgm; min-height: 46px; padding-inline: 18px; }
.mt-gecmis {
 grid-area: gec; margin-top: 10px; width: 100%; border-collapse: collapse;
 font-size: var(--yz-kucuk);
}
.mt-gecmis[hidden] { display: none; }
.mt-gecmis th, .mt-gecmis thead th {
 padding: 6px 10px 6px 0; text-align: left; font-weight: 600;
 font-size: var(--yz-kucuk); letter-spacing: 0; text-transform: none;
 color: var(--murekkep-3); background: none; border-bottom: 1px solid var(--cizgi);
}
.mt-gecmis td { padding: 6px 10px 6px 0; color: var(--murekkep-2); }
.mt-gecmis tr[data-durum='gecti'] td:first-child { color: var(--das); font-weight: 600; }
.mt-gecmis tr[data-durum='kaldi'] td:first-child { color: var(--vurgu-koyu); font-weight: 600; }
.mt-genel { padding: var(--bosluk-s) var(--pad) var(--bosluk-m); border-top: 1px solid var(--ayrac); background: var(--kagit); }
.mt-genel[hidden] { display: none; }
.mt-genel-eksik { margin: 8px 0 0; font-size: var(--yz-orta); color: var(--murekkep-2); }
.mt-genel-ust, .mt-ms-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 10px; }
.mt-genel-p, .mt-ms-p {
 font-family: var(--f-display); font-weight: 700; line-height: 1;
 font-size: calc(var(--yz-h1) * 1.6); color: var(--murekkep);
}
.mt-genel-p span, .mt-ms-p span { font-size: 0.45em; color: var(--murekkep-3); }
.mt-genel-ust h2, .mt-ms-ust h2 { margin: 0; font-family: var(--f-display); font-size: var(--yz-h3); }
.mt-genel-ust p, .mt-ms-ust p { margin: 4px 0 0; font-size: var(--yz-kucuk); color: var(--murekkep-2); }
.mt-genel-ust[data-gecti='1'] .mt-genel-p, .mt-modul-sonuc[data-gecti='1'] .mt-ms-p { color: var(--das); }
.mt-genel-ust .hap-kagit { margin-top: 12px; min-height: 44px; }
.mt-beceri-b { margin: var(--bosluk-s) 0 8px; font-size: var(--yz-orta); font-weight: 600; }
.mt-beceri { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.mt-beceri li {
 display: grid; grid-template-columns: 7rem minmax(0, 1fr) 3.5rem; align-items: center; gap: 12px;
 font-size: var(--yz-kucuk);
}
.mt-beceri li[data-bos] { color: var(--murekkep-3); }
.mt-beceri b { text-align: right; font-weight: 600; }
.mt-zayif { margin-top: 4px; align-items: start; }
.mt-zayif li > a:first-child { height: auto; }
.mt-zayif li { display: flex; flex-direction: column; gap: 6px; }
.st-zayif a.mt-zayif-ders {
 height: auto; flex-direction: row; align-items: center; min-height: 44px; padding: 0 18px;
 background: var(--kagit-2); border-color: transparent; font-size: var(--yz-kucuk); font-weight: 600;
}
.st-zayif a.mt-zayif-ders:hover { background: var(--kagit-3); border-color: var(--murekkep); }
.mt-bar, .mt-cizgi { position: relative; height: 10px; border-radius: var(--r-xs); background: var(--kagit-3); overflow: hidden; }
.mt-bar i, .mt-cizgi i { display: block; height: 100%; border-radius: inherit; transition: width var(--dur-yavas) var(--ev); }
.mt-beceri [data-ik='hoeren'] i { background: var(--der); }
.mt-beceri [data-ik='lesen'] i { background: var(--das); }
.mt-beceri [data-ik='schreiben'] i { background: var(--sv-b1); }
.mt-beceri [data-ik='sprechen'] i { background: var(--vurgu); }
.mt-genel .not { margin-top: var(--bosluk-s); }
.mt-deneyim { margin-top: var(--bosluk-m); max-width: 52rem; }
.mt-deneyim > b { font-size: var(--yz-orta); font-weight: 600; }
.mt-deneyim ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.mt-deneyim .cip { padding: 6px 10px; border-radius: var(--r-xs); }
.mt-deneyim .not { margin-top: 12px; }
html[data-mt-odak] .serit, html[data-mt-odak] .ku { display: none; }
html[data-mt-odak] .mt-modul { margin-top: 0; }
.mt-ust {
 position: sticky; top: 0; z-index: 40;
 background: var(--kagit); border-bottom: 1px solid var(--ayrac);
 margin-bottom: var(--bosluk-m);
}
.mt-ust[hidden] { display: none; }
.mt-ust-ic { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding-block: 10px; }
.mt-geri, .mt-sekme-b {
 display: inline-flex; align-items: center; gap: 8px; min-height: 40px;
 padding: 0 12px; border-radius: var(--r-xs); border: 1px solid var(--ayrac);
 background: var(--isik); color: var(--murekkep);
 font-family: var(--f-govde); font-size: var(--yz-kucuk); font-weight: 600; cursor: pointer;
 transition: background var(--dur-anlik) var(--ev), color var(--dur-anlik) var(--ev);
}
.mt-geri[data-emin] { background: var(--vurgu-yumusak); color: var(--vurgu-koyu); border-color: transparent; }
.mt-ust-ad { font-family: var(--f-display); font-size: var(--yz-h4); font-weight: 700; }
.mt-ust-ad span { margin-left: 8px; font-family: var(--f-govde); font-size: var(--yz-kucuk); font-weight: 500; color: var(--murekkep-3); }
.mt-sekme { display: flex; flex-wrap: wrap; gap: 6px; }
.mt-sekme[hidden] { display: none; }
.mt-sekme-b[aria-current='true'] { background: var(--murekkep); color: var(--kagit); border-color: var(--murekkep); }
.mt-cevap { margin-left: auto; font-size: var(--yz-kucuk); color: var(--murekkep-3); }
.mt-saat {
 display: inline-flex; align-items: center; gap: 8px;
 padding: 6px 12px; border-radius: var(--r-xs); background: var(--kagit-3);
 color: var(--murekkep); font-size: var(--yz-orta);
}
.mt-saat[data-durum='az'] { background: var(--kum); }
.mt-saat[hidden] { display: none; }
.mt-saat[data-durum='son'] { background: var(--vurgu-yumusak); color: var(--vurgu-koyu); }
.mt-teil[hidden] { display: none; }
.mt-alt[hidden] { display: none; }
.mt-alt { gap: 12px; }
.mt-alt [hidden] { display: none; }
.mt-alt [data-mt-onceki] { margin-right: auto; }
.mt-modul-sonuc {
 margin-bottom: var(--bosluk-m); padding: var(--bosluk-s) var(--pad) var(--bosluk-m);
 background: var(--isik); border: 1px solid var(--ayrac); border-radius: var(--r-md); box-shadow: var(--g1);
}
.mt-modul-sonuc[hidden] { display: none; }
.mt-cizgi { margin-top: var(--bosluk-s); }
.mt-cizgi i { background: var(--vurgu); }
.mt-modul-sonuc[data-gecti='1'] .mt-cizgi i { background: var(--das); }
.mt-cizgi::after {
 content: ''; position: absolute; top: 0; bottom: 0; left: var(--esik); width: 2px;
 background: var(--murekkep);
}
.mt-ms-eylem { display: flex; flex-wrap: wrap; gap: 12px; margin-top: var(--bosluk-s); }
.mt-kart-alt { margin: 8px 0 0; font-size: var(--yz-kucuk); color: var(--murekkep-2); }
.mt-kart-tik { display: flex; align-items: center; gap: 8px; margin-top: 12px; font-size: var(--yz-kucuk); cursor: pointer; }
.mt-kart-tik input { width: 1.15rem; height: 1.15rem; accent-color: var(--ikinci); }
@media (max-width: 640px) {
 .mt-sat {
 grid-template-columns: auto minmax(0, 1fr) auto;
 grid-template-areas: 'ik ad ad' 'ik olcu olcu' 'durum durum dgm' 'gec gec gec';
 row-gap: 8px;
 }
 .mt-sat-durum { justify-items: start; text-align: left; }
 .mt-beceri li { grid-template-columns: 5.5rem minmax(0, 1fr) 3rem; }
 .mt-ust-ic { gap: 8px 10px; padding-block: 8px; }
 .mt-ust-ad span { display: none; }
 .mt-saat { order: 1; margin-left: auto; }
 .mt-sekme { order: 2; }
 .mt-sekme-k { display: none; }
 .mt-sekme-b { min-width: 44px; justify-content: center; }
 .mt-cevap { order: 3; margin-left: auto; }
 .mt-alt { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
 .mt-cubuk i, .mt-bar i, .mt-cizgi i, .mt-geri, .mt-sekme-b { transition: none; }
}
.sp-bel { margin-top: var(--bosluk-m); }
.sp {
 display: grid; gap: var(--bosluk-s); margin-top: var(--bosluk-m);
 grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
}
.sp-hedef {
 display: flex; flex-direction: column; gap: 12px;
 padding: var(--pad); border-radius: var(--r-md);
 background: var(--alan-2); color: var(--alan-2-metin); box-shadow: var(--g2);
}
.sp-et { font-size: var(--yz-mikro); letter-spacing: 0.12em; text-transform: uppercase; color: var(--asit-2); }
.sp-ad { font-family: var(--f-display); font-size: var(--yz-h2); font-weight: 700; line-height: 1.1; }
.sp-sv { display: flex; gap: 8px; flex-wrap: wrap; }
.sp-sv button {
 min-width: 52px; min-height: 44px; padding: 0 14px; border-radius: var(--r-xs);
 border: 1px solid rgba(246, 232, 219, 0.35); background: transparent; color: var(--alan-2-metin);
 font-family: var(--f-mono); font-size: var(--yz-kucuk); font-weight: 600; cursor: pointer;
 transition: background var(--dur-anlik) var(--ev), color var(--dur-anlik) var(--ev);
}
.sp-sv button[aria-pressed='true'] { background: var(--asit); border-color: var(--asit); color: var(--murekkep); }
.sp-hazir { margin: auto 0 0; font-size: var(--yz-kucuk); }
.sp-hazir-c { flex: none; background: rgba(246, 232, 219, 0.18); }
.sp-hazir-c i { background: var(--asit); }
.sp-sag { display: grid; gap: var(--bosluk-s); align-content: start; }
.sp-olcu { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.sp-olcu li {
 display: grid; gap: 4px; padding: 14px 16px; border-radius: var(--r-md);
 background: var(--isik); border: 1px solid var(--ayrac);
}
.sp-olcu b { font-size: var(--yz-h3); font-weight: 600; color: var(--murekkep); }
.sp-olcu span { font-size: var(--yz-kucuk); color: var(--murekkep-3); }
.sp-basla { justify-content: space-between; width: 100%; }
.sp-gun {
 display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 4px 14px;
 padding: 14px 16px; border-radius: var(--r-md); background: var(--isik); border: 1px solid var(--ayrac);
}
.sp-gun > b {
 display: grid; place-items: center; min-width: 3.2rem; height: 3.2rem; padding: 0 8px;
 border-radius: var(--r-plaka); background: var(--cam-2); color: var(--murekkep);
 font-size: var(--yz-h4); font-weight: 700;
}
.sp-gun > span { font-size: var(--yz-orta); font-weight: 600; color: var(--murekkep); }
.sp-tarih { display: grid; gap: 2px; font-size: var(--yz-kucuk); color: var(--murekkep-3); }
.sp-tarih input {
 min-height: 44px; padding: 0 10px; border-radius: var(--r-xs); border: 1px solid var(--ayrac);
 background: var(--kagit); color: var(--murekkep); font-family: var(--f-govde); font-size: var(--yz-kucuk);
}
.sp-rehber {
 grid-column: 1 / -1; display: flex; align-items: center; gap: 16px;
 padding: 16px var(--pad); border-radius: var(--r-md);
 background: var(--asit-2); color: var(--murekkep); text-decoration: none;
 transition: transform var(--dur-kisa) var(--ev);
}
.sp-rehber > span:first-child { display: grid; gap: 2px; }
.sp-rehber b { font-size: var(--yz-orta); font-weight: 600; }
.sp-rehber > span:first-child > span { font-size: var(--yz-kucuk); color: var(--murekkep-2); }
.sp-rehber:hover .halka { background: var(--murekkep); border-color: var(--murekkep); color: var(--isik); }
.sp-grup + .sp-grup { margin-top: var(--bosluk-m); }
.sp-grup h3 {
 display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 0 0 12px;
 font-family: var(--f-display); font-size: var(--yz-h3); font-weight: 700;
}
.sp-grup h3 > span { font-family: var(--f-govde); font-size: var(--yz-kucuk); font-weight: 500; color: var(--murekkep-3); }
.sp-grup-sv { padding: 4px 10px; border-radius: var(--r-xs); background: var(--murekkep); color: var(--asit); font-size: var(--yz-kucuk); }
.sp-liste { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.sp-d {
 display: grid; align-items: center; gap: 6px 20px;
 grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto auto;
 padding: 16px var(--pad); border-radius: var(--r-md);
 background: var(--isik); border: 1px solid var(--ayrac); box-shadow: var(--g1);
 color: var(--murekkep); text-decoration: none;
 transition: box-shadow var(--dur-kisa) var(--ev), transform var(--dur-kisa) var(--ev);
}
.sp-d:hover { box-shadow: var(--g2); transform: translateY(-1px); }
.sp-d:hover .halka { background: var(--murekkep); border-color: var(--murekkep); color: var(--isik); }
.sp-d-ad { display: grid; gap: 2px; }
.sp-d-ad b { font-size: var(--yz-orta); font-weight: 600; }
.sp-d-ad span { font-size: var(--yz-kucuk); color: var(--murekkep-3); }
.sp-d-il { display: grid; gap: 6px; font-size: var(--yz-kucuk); color: var(--murekkep-2); }
.sp-d-il .mt-cubuk { flex: none; }
.sp-d-p { min-width: 4.5rem; text-align: right; font-size: var(--yz-orta); }
.sp-d[data-durum='gecti'] .sp-d-p { color: var(--das); }
.sp-d[data-durum='kaldi'] .sp-d-p { color: var(--vurgu-koyu); }
.sp-d .halka { margin-left: 0; }
.rh-haplar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 14px; margin-top: var(--bosluk-s); }
.rh-kontrol { font-size: var(--yz-kucuk); color: var(--murekkep-3); }
.rh-olgu {
 display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: var(--bosluk-m) 0 0;
 background: var(--isik); border: 1px solid var(--ayrac); border-radius: var(--r-md); overflow: hidden;
}
.rh-olgu > div { padding: 18px 20px; border-right: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }
.rh-olgu > div:nth-child(3n) { border-right: 0; }
.rh-olgu > div:nth-last-child(-n + 3) { border-bottom: 0; }
.rh-olgu dt { font-size: var(--yz-mikro); letter-spacing: 0.1em; text-transform: uppercase; color: var(--murekkep-3); }
.rh-olgu dd { margin: 6px 0 0; font-size: var(--yz-orta); font-weight: 600; color: var(--murekkep); line-height: 1.35; }
.rh-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bosluk-l); }
.rh-liste { margin: 0; padding-left: 1.2em; display: grid; gap: 10px; font-size: var(--yz-orta); color: var(--murekkep-2); }
.rh-belge { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.rh-belge li {
 display: grid; gap: 4px; padding: 16px 18px; border-radius: var(--r-md);
 background: var(--isik); border: 1px solid var(--ayrac);
}
.rh-belge b { font-size: var(--yz-orta); }
.rh-belge span { font-size: var(--yz-kucuk); color: var(--murekkep-2); }
.rh-adim { margin: 0; padding: 0; list-style: none; counter-reset: rh; display: grid; gap: 0; max-width: 52rem; }
.rh-adim li {
 position: relative; counter-increment: rh; display: grid; gap: 6px;
 padding: 0 0 var(--bosluk-m) 64px;
}
.rh-adim li::before {
 content: counter(rh); position: absolute; left: 0; top: 0;
 display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
 background: var(--asit); color: var(--murekkep); font-family: var(--f-mono); font-size: var(--yz-kucuk); font-weight: 700;
}
.rh-adim li:not(:last-child)::after {
 content: ''; position: absolute; left: 19px; top: 46px; bottom: 6px; width: 2px; background: var(--cizgi);
}
.rh-adim b { font-size: var(--yz-h4); font-weight: 700; padding-top: 8px; }
.rh-adim span { font-size: var(--yz-orta); color: var(--murekkep-2); line-height: 1.55; }
.rh-hata { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--bosluk-s); }
.rh-hata li {
 display: grid; align-content: start; gap: 8px; padding: 20px; border-radius: var(--r-md);
 background: var(--isik); border: 1px solid var(--ayrac);
}
.rh-hata b { font-size: var(--yz-h4); }
.rh-hata span { font-size: var(--yz-govde); color: var(--murekkep-2); line-height: 1.55; }
.rh-sss { display: grid; gap: 10px; max-width: 52rem; }
.rh-sss details { border-radius: var(--r-md); background: var(--isik); border: 1px solid var(--ayrac); }
.rh-sss summary {
 cursor: pointer; padding: 16px 20px; font-size: var(--yz-orta); font-weight: 600; min-height: 44px;
}
.rh-sss details p { margin: 0; padding: 0 20px 18px; font-size: var(--yz-govde); color: var(--murekkep-2); line-height: 1.6; }
.rh-cagri {
 display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--bosluk-s);
 padding: var(--pad); border-radius: var(--r-md); background: var(--alan-2); color: var(--alan-2-metin);
}
.rh-cagri h2 { margin: 0; font-family: var(--f-display); font-size: var(--yz-h2); }
.rh-cagri p { margin: 6px 0 0; font-size: var(--yz-orta); opacity: 0.85; }
.rh-cagri-e { display: flex; flex-wrap: wrap; gap: 10px; }
.rh-kaynak-b { margin: var(--bosluk-l) 0 10px; font-size: var(--yz-h4); }
.rh-kaynak { margin: 0; padding-left: 1.2em; display: grid; gap: 6px; font-size: var(--yz-govde); }
.rh-kaynak a { color: var(--vurgu-koyu); text-underline-offset: 3px; }
@media (max-width: 900px) {
 .sp { grid-template-columns: minmax(0, 1fr); }
 .rh-iki { grid-template-columns: minmax(0, 1fr); gap: var(--bosluk-m); }
 .rh-hata { grid-template-columns: minmax(0, 1fr); }
 .rh-olgu { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .rh-olgu > div:nth-child(3n) { border-right: 1px solid var(--cizgi); }
 .rh-olgu > div:nth-child(2n) { border-right: 0; }
 .rh-olgu > div:nth-last-child(-n + 3) { border-bottom: 1px solid var(--cizgi); }
 .rh-olgu > div:nth-last-child(-n + 2) { border-bottom: 0; }
}
@media (max-width: 640px) {
 .sp-olcu { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
 .sp-olcu li { padding: 12px; }
 .sp-gun { grid-template-columns: auto minmax(0, 1fr); }
 .sp-tarih { grid-column: 1 / -1; }
 .sp-d { grid-template-columns: minmax(0, 1fr) auto; }
 .sp-d-il { grid-column: 1 / -1; grid-row: 2; }
 .sp-d .halka { display: none; }
 .rh-olgu { grid-template-columns: minmax(0, 1fr); }
 .rh-olgu > div { border-right: 0 !important; border-bottom: 1px solid var(--cizgi) !important; }
 .rh-olgu > div:last-child { border-bottom: 0 !important; }
 .rh-adim li { padding-left: 54px; }
}
@media (prefers-reduced-motion: reduce) {
 .sp-sv button, .sp-rehber, .sp-d { transition: none; }
 .sp-d:hover { transform: none; }
}
.tm-bant {
 display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--bosluk-m);
 padding: var(--pad); border-radius: var(--r-md);
 background: var(--alan-2); color: var(--alan-2-metin); box-shadow: var(--g2);
}
.tm-bant .g1-mini { color: var(--asit-2); }
.tm-bant .sayfa-h1 { margin-top: 8px; color: var(--alan-2-metin); }
.tm-bant p { margin: 10px 0 0; max-width: 42rem; font-size: var(--yz-orta); line-height: 1.55; }
.tm-sayac { display: flex; flex-wrap: wrap; gap: 10px; margin: var(--bosluk-s) 0 0; padding: 0; list-style: none; }
.tm-sayac li {
 display: inline-flex; align-items: baseline; gap: 8px; padding: 8px 14px;
 border-radius: var(--r-xs); background: rgba(246, 232, 219, 0.10);
}
.tm-sayac b { font-size: var(--yz-h4); color: var(--alan-2-metin); }
.tm-sayac li[data-tur='d'] b { color: var(--asit); }
.tm-sayac li[data-tur='y'] b { color: var(--kum); }
.tm-sayac span { font-size: var(--yz-kucuk); }
.tm-oran {
 width: 9.5rem; height: 9.5rem; border-radius: 50%;
 display: grid; place-content: center; justify-items: center; gap: 2px; text-align: center;
 background:
 radial-gradient(closest-side, var(--alan-2) 74%, transparent 75% 100%),
 conic-gradient(var(--asit) calc(var(--y, 0) * 1%), rgba(246, 232, 219, 0.16) 0);
}
.tm-oran b { font-size: var(--yz-h2); font-weight: 700; color: var(--alan-2-metin); }
.tm-oran span { font-size: var(--yz-kucuk); max-width: 6rem; }
.tm-kutular { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--bosluk-s); margin-top: var(--bosluk-s); }
.tm-tum {
 grid-column: 1 / -1; display: flex; align-items: center; gap: 16px;
 padding: 18px var(--pad); border-radius: var(--r-md);
 background: var(--isik); border: 1px solid var(--ayrac); box-shadow: var(--g1);
 color: var(--murekkep); text-decoration: none;
}
.tm-tum > span:first-child { display: grid; gap: 2px; }
.tm-tum b { font-family: var(--f-display); font-size: var(--yz-h3); font-weight: 700; }
.tm-tum > span:first-child > span { font-size: var(--yz-kucuk); color: var(--murekkep-3); }
.tm-tum:hover .halka, .tm-s:hover .tm-no { background: var(--murekkep); border-color: var(--murekkep); color: var(--isik); }
.tm-kutu {
 display: grid; align-content: start; gap: 6px; min-height: 9rem; padding: 18px;
 border-radius: var(--r-md); color: var(--murekkep); text-decoration: none;
 transition: transform var(--dur-kisa) var(--ev), box-shadow var(--dur-kisa) var(--ev);
}
.tm-kutu:hover { transform: translateY(-2px); box-shadow: var(--g2); }
.tm-kutu-ik {
 display: grid; place-items: center; width: 2.75rem; height: 2.75rem;
 border-radius: var(--r-plaka); background: rgba(255, 253, 249, 0.6);
}
.tm-kutu-ik svg, .ts-isaret svg { width: 1.5rem; height: 1.5rem; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.tm-kutu > b { margin-top: 6px; font-size: var(--yz-h4); font-weight: 700; }
.tm-kutu > span { font-size: var(--yz-kucuk); color: var(--murekkep-2); }
.tm-kutu > span b { font-weight: 700; color: var(--murekkep); }
.tm-k1 { background: var(--cam-2); }
.tm-k2 { background: var(--asit-2); }
.tm-k3 { background: var(--kum); }
.tm-k4 { background: var(--kagit-2); border: 1px solid var(--ayrac); }
.tm-sv { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: var(--bosluk-s); }
.tm-sv[hidden] { display: none; }
.tm-sv button {
 min-width: 52px; min-height: 44px; padding: 0 14px; border-radius: var(--r-xs);
 border: 1px solid var(--ayrac); background: var(--isik); color: var(--murekkep);
 font-family: var(--f-govde); font-size: var(--yz-kucuk); font-weight: 600; cursor: pointer;
 transition: background var(--dur-anlik) var(--ev), color var(--dur-anlik) var(--ev);
}
.tm-sv button[aria-pressed='true'] { background: var(--murekkep); border-color: var(--murekkep); color: var(--asit); }
.tm-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.tm-liste > li[hidden] { display: none; }
.tm-s {
 display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px;
 padding: 12px 16px; border-radius: var(--r-md);
 background: var(--isik); border: 1px solid var(--ayrac);
 color: var(--murekkep); text-decoration: none;
 transition: box-shadow var(--dur-kisa) var(--ev);
}
.tm-s:hover { box-shadow: var(--g2); }
.tm-no {
 display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 50%;
 border: 1.8px solid var(--murekkep); font-size: var(--yz-kucuk);
 transition: background var(--dur-anlik) var(--ev), color var(--dur-anlik) var(--ev);
}
.tm-ad { display: grid; gap: 2px; }
.tm-ad b { font-size: var(--yz-orta); font-weight: 600; }
.tm-ad span { font-size: var(--yz-kucuk); color: var(--murekkep-3); }
.tm-halka {
 display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: 50%;
 background:
 radial-gradient(closest-side, var(--isik) 72%, transparent 73% 100%),
 conic-gradient(var(--das) calc(var(--y, 0) * 1%), var(--kagit-3) 0);
}
.tm-halka i { font-style: normal; font-size: var(--yz-mini); color: var(--murekkep-2); }
.ts-bel { margin-top: 0; }
.ts { max-width: 54rem; }
.ts-ust { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.ts-ust[hidden], .ts-alt[hidden], .ts-alt [hidden], .ts .test[hidden] { display: none; }
.ts-say { min-width: 4.5rem; font-size: var(--yz-orta); font-weight: 600; }
.ts-cubuk i { background: var(--ikinci); }
.ts-isaret {
 display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px;
 border-radius: var(--r-xs); border: 1px solid var(--ayrac); background: var(--isik); color: var(--murekkep);
 font-family: var(--f-govde); font-size: var(--yz-kucuk); font-weight: 600; cursor: pointer;
 transition: background var(--dur-anlik) var(--ev), color var(--dur-anlik) var(--ev);
}
.ts-isaret[aria-pressed='true'] { background: var(--murekkep); border-color: var(--murekkep); color: var(--asit); }
.ts-isaret[aria-pressed='true'] svg { fill: currentColor; }
.ts.ts-js .ts-alan .test {
 padding: var(--pad); background: var(--isik); border: 1px solid var(--ayrac);
 border-radius: var(--r-md); box-shadow: var(--g1);
}
.ts.ts-bitti .ts-alan .test + .test { margin-top: var(--bosluk-s); }
.ts-alt { display: flex; flex-wrap: wrap; gap: 12px; margin-top: var(--bosluk-s); }
.ts-alt [data-ts-onceki] { margin-right: auto; }
.ts-bar .ts-isaret {
 padding: 0 12px; background: transparent; color: var(--alan-2-metin);
 border-color: rgba(255, 255, 255, 0.22);
}
.ts-bar .ts-isaret span { display: none; }
.ts-bar [data-ts-sure] { opacity: 1; font-weight: 700; color: var(--alan-2-metin); }
.ts-bar .ts-isaret[aria-pressed='true'] { background: var(--asit); border-color: var(--asit); color: var(--murekkep); }
.ts-bar .ts-geri { background: transparent; color: var(--alan-2-metin); border: 1px solid rgba(255, 255, 255, 0.22); box-shadow: none; }
.ts-bar .ts-geri[hidden] { display: none; }
.ts-sonuc { margin-bottom: var(--bosluk-m); }
.ts-sonuc .tk-kirilim { margin-top: 14px; }
.ts-bitti .st-alan .test + .test { margin-top: var(--bosluk-s); }
[data-sn-giris][hidden], .ts-sonuc [hidden] { display: none; }
@media (max-width: 560px) {
 .ts-bar .sn-bar-ad { display: inline; }
 .ts-bar .ts-isaret { margin-left: auto; }
 .ts-bar .sn-bar-btn { flex: 1 1 0; width: auto; }
 .ts-bar .ts-geri { flex: 0 0 auto; }
}
@media (max-width: 900px) {
 .tm-kutular { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .tm-liste { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
 .tm-bant { grid-template-columns: minmax(0, 1fr); }
 .tm-oran { width: 7.5rem; height: 7.5rem; }
 .tm-kutu { min-height: 0; }
 .ts-isaret span { display: none; }
}
@media (prefers-reduced-motion: reduce) {
 .tm-kutu, .tm-s, .tm-sv button, .ts-isaret, .tm-no { transition: none; }
 .tm-kutu:hover { transform: none; }
}
.dd-sayfa {
 --dd-kap: 64rem;
 --dd-t-okuma: 18px;
 --dd-t-ornek: 21px;
 --dd-t-baslik: clamp(30px, 3.4vw, 46px);
}
.dd-ust { padding-bottom: clamp(36px, 4vw, 56px); }
.dd-cam { text-align: center; }
.dd-kirinti {
 display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 8px;
 margin: 0 0 12px; font-size: var(--yz-kucuk); color: var(--murekkep-2);
}
.dd-kirinti a { color: inherit; text-underline-offset: 3px; }
.dd-kirinti span[aria-hidden] { opacity: 0.5; }
.dd-kirinti [aria-current] { color: var(--murekkep); font-weight: 600; }
.dd-baslik { display: flex; justify-content: center; }
.dd-cam > .g1-mini { display: flex; justify-content: center; }
.dd-de { margin: 8px 0 0; font: 600 var(--dd-t-ornek) / 1.3 var(--f-govde); letter-spacing: -0.015em; color: var(--murekkep-2); }
.dd-bolumler { text-align: left; grid-template-columns: repeat(var(--dd-n, 4), minmax(0, 1fr)); }
.dd-kp { min-height: 0; padding: 16px; cursor: pointer; }
.dd-kp .kp-tepe, .dd-kp .kp-ad, .dd-kp .kp-ne { max-width: calc(100% - 86px); }
.dd-kp .kp-ad { display: block; margin-top: 14px; }
.dd-kp .kp-ne { display: block; margin-top: 4px; }
.dd-kp .kp-etek { padding-top: 12px; }
.dd-kp-foto {
 position: absolute; right: 12px; top: 12px; width: 78px; height: 56px;
 object-fit: cover; border-radius: var(--r-xs); box-shadow: var(--golge);
 transition: transform var(--gecis);
}
.dd-kp:hover .dd-kp-foto { transform: translateY(-3px) scale(1.04); }
.dd-kp[data-gordu].kp-sade .halka { background: var(--ikinci); border-color: var(--ikinci); color: var(--alan-metin); }
@media (min-width: 1260px) {
 .sayfa-ikili > main.dd-govde { grid-column: 2; grid-row: 1; min-width: 0; }
 .dd-kap { padding-inline: 0; }
}
.dd-govde { padding-bottom: var(--bosluk-l); }
.dd-kap { max-width: calc(var(--dd-kap) + 2 * var(--pad)); margin-inline: auto; padding-inline: var(--pad); }
.dd-reklam { max-width: calc(var(--dd-kap) + 2 * var(--pad)); margin: var(--bosluk-l) auto 0; padding-inline: var(--pad); }
.dd-adimci { display: flex; align-items: center; justify-content: center; gap: var(--bosluk-s); margin: var(--bosluk-m) auto; }
.dd-adimci[hidden] { display: none; }
.dd-ok {
 display: grid; place-items: center; width: 48px; height: 48px;
 border: 0; border-radius: var(--r-tam); background: var(--tas); color: var(--murekkep);
 cursor: pointer; transition: background-color var(--gecis), color var(--gecis), transform var(--gecis);
}
.dd-ok:hover:not(:disabled) { background: var(--murekkep); color: var(--isik); }
.dd-ok:active:not(:disabled) { transform: scale(0.94); }
.dd-ok:disabled { opacity: 0.35; cursor: default; }
.dd-ok svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.dd-adimci-ad { display: grid; justify-items: center; gap: 2px; min-width: 9rem; margin: 0; }
.dd-adimci-ad b { font: 700 var(--yz-h3) / 1.2 var(--f-display); color: var(--murekkep); }
.dd-adimci-ad span { font-size: var(--yz-mikro); color: var(--murekkep-3); }
.dd-adim { padding-top: var(--bosluk-l); }
.dd-js .dd-adim { padding-top: 0; }
.dd-adim + .dd-adim { margin-top: var(--bosluk-l); border-top: 1px solid var(--ayrac); }
.dd-js .dd-adim + .dd-adim { margin-top: 0; border-top: 0; }
.dd-adim-tur { margin: 0 0 8px; font-size: var(--yz-mikro); color: var(--vurgu-koyu); }
.dd-js .dd-adim-tur { display: none; }
.dd-h { margin: 0 0 14px; font: 800 var(--dd-t-baslik) / 1.04 var(--f-display); letter-spacing: var(--ls-dev); color: var(--murekkep); text-wrap: balance; }
.dd-h3 { margin: var(--bosluk-m) 0 8px; font: 700 var(--yz-h2) / 1.15 var(--f-display); color: var(--murekkep); }
.dd-adim > p, .dd-tablo > p, .dd-h3 + p {
 max-width: 46rem; margin: 0 0 12px;
 font-size: var(--dd-t-okuma); line-height: 1.6; color: var(--murekkep-2);
}
.dd-sc { margin: 6px 0 var(--bosluk-s); padding: 0; list-style: none; }
.dd-sc li { margin: 0 0 10px; font: 600 var(--dd-t-ornek) / 1.4 var(--f-govde); letter-spacing: -0.015em; color: var(--murekkep); }
.dd-sc-s b { font-weight: 800; }
.dd-sc-c { color: var(--vurgu-koyu); }
.dd-sc-not { font-size: var(--yz-orta); font-weight: 500; letter-spacing: 0; color: var(--murekkep-3); }
.dd-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--bosluk-m) var(--bosluk-s); margin: var(--bosluk-s) 0 var(--bosluk-m); }
.dd-izgara-yazi { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--bosluk-s); }
.dd-ornek { margin: 0; }
.dd-ornek-foto { position: relative; overflow: hidden; border-radius: var(--r-md); background: var(--tas); }
.dd-ornek-foto img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; transition: transform var(--dur-uzun) var(--ev); }
.dd-ornek:hover .dd-ornek-foto img { transform: scale(1.03); }
.dd-etiket {
 position: absolute; top: 10px; left: 10px;
 padding: 6px 10px; border-radius: var(--r-xs);
 background: var(--murekkep); color: var(--isik);
 font-size: var(--yz-kucuk); font-weight: 600; line-height: 1.2;
 text-transform: none; letter-spacing: 0;
}
.dd-etiket[data-g='akk'] { background: var(--vurgu-koyu); color: var(--alan-metin); }
.dd-etiket[data-g='dat'] { background: var(--ikinci); color: var(--alan-metin); }
.dd-ornek figcaption { padding: 12px 2px 0; }
.dd-ornek .de { margin: 0; font: 600 var(--dd-t-ornek) / 1.34 var(--f-govde); letter-spacing: -0.015em; color: var(--murekkep); }
.dd-ornek .de b { font-weight: 600; color: var(--vurgu-koyu); }
.dd-ornek .cev { margin: 6px 0 0; font-size: var(--yz-orta); line-height: 1.45; color: var(--murekkep-3); }
.dd-ornek-yazi { padding: 16px 18px; border-radius: var(--r-md); background: var(--tas); border-left: 4px solid var(--vurgu); }
.dd-ornek-yazi figcaption { padding: 0; }
.dd-ornek-et { margin-bottom: 10px; }
.dd-ornek-et .dd-etiket { position: static; display: inline-block; }
.dd-sayfa button.ses { opacity: 0.55; }
.dd-sayfa button.ses:hover { opacity: 1; }
.dd-ciftler { display: grid; gap: var(--bosluk-m); margin: var(--bosluk-s) 0 var(--bosluk-m); }
.dd-cift { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: start; gap: var(--bosluk-s); }
.dd-cift-ok { display: grid; place-items: center; width: 40px; height: 40px; margin-top: calc(var(--bosluk-l) * 1.6); border-radius: var(--r-tam); background: var(--asit); color: var(--murekkep); }
.dd-cift-ok svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.dd-not {
 max-width: 46rem; margin: 0 0 var(--bosluk-s); padding: 14px 18px;
 border-radius: var(--r-md); background: var(--tas);
 font-size: var(--yz-buyuk); line-height: 1.55; color: var(--murekkep-2);
}
.dd-tablo { margin: var(--bosluk-m) 0; }
.dd-tablo-sar { overflow-x: auto; border-radius: var(--r-md); background: var(--isik); box-shadow: inset 0 0 0 1px var(--cizgi); }
.dd-tablo table { width: 100%; border-collapse: collapse; }
.dd-tablo th, .dd-tablo td { padding: 12px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--cizgi); text-transform: none; letter-spacing: 0; }
.dd-tablo tr:last-child > * { border-bottom: 0; }
.dd-tablo thead th { background: var(--tas); font-size: var(--yz-kucuk); font-weight: 700; color: var(--murekkep-2); }
.dd-tablo tbody th { font-weight: 700; color: var(--murekkep); }
.dd-tablo td { font-size: var(--yz-buyuk); color: var(--murekkep); }
.dd-tablo td b, .dd-tablo th b { font-weight: 700; color: var(--vurgu-koyu); }
.dd-fiil td b { display: block; font: 600 var(--yz-h3) / 1.3 var(--f-govde); color: var(--murekkep); }
.dd-fiil td span, .dd-fiil th span:not([lang]) { display: block; font-size: var(--yz-kucuk); color: var(--murekkep-3); }
.dd-fiil thead th:first-child { color: var(--vurgu-koyu); }
.dd-fiil thead th:last-child { color: var(--ikinci); }
.dd-kisa { margin: var(--bosluk-m) 0; }
.dd-kisa p { margin: 0 0 10px; font-size: var(--dd-t-okuma); color: var(--murekkep-2); }
.dd-kisa ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.dd-kisa li { padding: 10px 16px; border-radius: var(--r-tam); background: var(--isik); box-shadow: inset 0 0 0 1.5px var(--hat); font: 600 var(--dd-t-ornek) / 1.2 var(--f-govde); letter-spacing: -0.015em; color: var(--murekkep); }
.dd-terim { margin: var(--bosluk-m) 0; padding: clamp(18px, 2vw, 26px); border-radius: var(--r-md); background: var(--tas); }
.dd-terim-b { margin: 0 0 12px; font-size: var(--yz-kucuk); font-weight: 700; color: var(--vurgu-koyu); }
.dd-terim dl { display: grid; gap: 14px; margin: 0; }
.dd-terim dt { margin: 0 0 4px; font: 700 var(--yz-h3) / 1.25 var(--f-display); color: var(--murekkep); }
.dd-terim dd { margin: 0; font-size: var(--yz-buyuk); line-height: 1.6; color: var(--murekkep-2); }
.dd-devam { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: var(--bosluk-l) 0 0; }
.dd-oda { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: var(--bosluk-m); align-items: start; margin-top: var(--bosluk-s); }
.dd-oda-tek { grid-template-columns: minmax(0, 1fr); }
.dd-oda-tek .dd-kliste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--bosluk-s); }
.dd-oda-foto { position: relative; margin: 0; overflow: hidden; border-radius: var(--r-md); background: var(--tas); }
.dd-oda-foto img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.dd-pin {
 position: absolute; left: var(--x); top: var(--y);
 display: grid; place-items: center; width: 34px; height: 34px; padding: 0;
 transform: translate(-50%, -50%);
 border: 2.5px solid var(--murekkep); border-radius: var(--r-tam);
 background: var(--isik); color: var(--murekkep);
 font-size: var(--yz-mikro); font-weight: 700; cursor: pointer;
 box-shadow: var(--golge); transition: transform var(--gecis), background-color var(--gecis);
}
.dd-pin.yanik, .dd-pin.secili { background: var(--asit); transform: translate(-50%, -50%) scale(1.2); }
.dd-kliste { margin: 0; padding: 0; list-style: none; }
.dd-kliste li + li { margin-top: 4px; }
.dd-k {
 display: grid; grid-template-columns: 30px minmax(0, 1fr) 22px;
 grid-template-areas: 'no de ses' 'no tr ses';
 align-items: center; column-gap: 12px;
 width: 100%; padding: 10px 12px; border: 0; border-radius: var(--r-plaka);
 background: transparent; color: var(--murekkep); font: inherit; text-align: left; cursor: pointer;
 transition: background-color var(--gecis);
}
.dd-k:hover, .dd-k.yanik, .dd-k.secili { background: var(--tas); }
.dd-k-no { grid-area: no; display: grid; place-items: center; width: 28px; height: 28px; border-radius: var(--r-tam); background: var(--tas); font-size: var(--yz-mikro); font-weight: 700; }
.dd-k.yanik .dd-k-no, .dd-k.secili .dd-k-no { background: var(--asit); }
.dd-k-de { grid-area: de; font: 600 var(--dd-t-ornek) / 1.25 var(--f-govde); letter-spacing: -0.015em; }
.dd-k-tr { grid-area: tr; font-size: var(--yz-orta); color: var(--murekkep-2); }
.dd-k-tr small { font-size: inherit; color: var(--murekkep-3); }
.dd-k-ses { grid-area: ses; color: var(--murekkep-3); }
.dd-k-ses .ik { width: 18px; height: 18px; }
html:not(.sesli) .dd-k-ses { display: none; }
.dd-art[data-g='der'] { color: var(--der); }
.dd-art[data-g='die'] { color: var(--die); }
.dd-art[data-g='das'] { color: var(--das); }
.dd-al { display: grid; gap: 14px; margin: var(--bosluk-s) 0 0; padding: 0; list-style: none; }
.dd-soru {
 position: relative; display: grid; grid-template-columns: minmax(0, 15rem) minmax(0, 1fr);
 gap: var(--bosluk-m); align-items: center; padding: 14px;
 border-radius: var(--r-md); background: var(--tas);
}
.dd-soru-yazi { grid-template-columns: auto minmax(0, 1fr); padding: 18px 20px; }
.dd-soru-foto { position: relative; overflow: hidden; border-radius: var(--r-plaka); }
.dd-soru-foto img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.dd-soru-no {
 display: grid; place-items: center; width: 30px; height: 30px; border-radius: var(--r-tam);
 background: var(--murekkep); color: var(--isik); font-size: var(--yz-mikro); font-weight: 700;
}
.dd-soru-foto .dd-soru-no { position: absolute; top: 8px; left: 8px; }
.dd-soru-yazi > .dd-soru-no { align-self: start; }
.dd-cumle { margin: 0 0 12px; font: 600 var(--dd-t-ornek) / 1.45 var(--f-govde); letter-spacing: -0.015em; color: var(--murekkep); }
.dd-soru-tr { margin: -6px 0 12px; font-size: var(--yz-orta); color: var(--murekkep-3); }
.dd-bos { display: inline-block; min-width: 5ch; border-bottom: 2.5px dashed var(--kenar); text-align: center; }
.dd-bos[data-durum] { border-bottom-style: solid; border-color: var(--ikinci); color: var(--ikinci); }
.dd-sec { display: flex; flex-wrap: wrap; gap: 10px; }
.dd-sec button {
 min-height: 46px; padding: 0 20px;
 border: 0; border-radius: var(--r-tam);
 background: var(--isik); box-shadow: inset 0 0 0 1.5px var(--hat); color: var(--murekkep);
 font: 600 var(--yz-h4) / 1 var(--f-govde); cursor: pointer;
 transition: background-color var(--gecis), color var(--gecis), box-shadow var(--gecis), transform var(--gecis);
}
.dd-sec button:hover:not(:disabled) { box-shadow: inset 0 0 0 2px var(--murekkep); transform: translateY(-2px); }
.dd-sec button:disabled { cursor: default; opacity: 0.45; }
.dd-sec button[data-durum] { opacity: 1; color: var(--alan-metin); box-shadow: none; }
.dd-sec button[data-durum='dogru'] { background: var(--ikinci); }
.dd-sec button[data-durum='yanlis'] { background: var(--die); }
.dd-neden { margin: 12px 0 0; font-size: var(--yz-buyuk); line-height: 1.55; color: var(--murekkep-2); }
.dd-soru[data-cevap='dogru'] .dd-neden b { color: var(--ikinci); }
.dd-soru[data-cevap='yanlis'] .dd-neden b { color: var(--die); }
.dd-sonuc { margin: var(--bosluk-m) 0 0; padding: var(--bosluk-m); border-radius: var(--r-md); background: var(--tas); text-align: center; }
.dd-sonuc.kp-one { background: linear-gradient(#e2fa76, var(--asit) 62%); }
.dd-sonuc-b { margin: 0 0 6px; font: 800 var(--yz-h1) / 1.15 var(--f-display); color: var(--murekkep); }
.dd-sonuc p { margin: 0 0 14px; font-size: var(--dd-t-okuma); color: var(--murekkep-2); }
.dd-tekrar {
 min-height: 46px; padding: 0 20px; border: 0; border-radius: var(--r-tam);
 background: var(--murekkep); color: var(--isik); font: 600 var(--yz-orta) / 1 var(--f-govde); cursor: pointer;
}
.dd-ok:focus-visible, .dd-pin:focus-visible, .dd-k:focus-visible, .dd-kp:focus-visible,
.dd-sec button:focus-visible, .dd-tekrar:focus-visible {
 outline: 2px solid var(--vurgu-koyu); outline-offset: 3px;
}
@media (max-width: 1100px) {
 .dd-bolumler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
 .dd-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .dd-oda { grid-template-columns: minmax(0, 1fr); }
 .dd-kliste, .dd-oda-tek .dd-kliste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--bosluk-s); }
}
@media (max-width: 640px) {
 .dd-sayfa { --dd-t-ornek: 19px; --dd-t-okuma: 17px; }
 .dd-kp { padding: 12px; }
 .dd-kp-foto { width: 56px; height: 42px; right: 10px; top: 10px; }
 .dd-kp .kp-tepe, .dd-kp .kp-ad, .dd-kp .kp-ne { max-width: calc(100% - 60px); }
 .dd-kp .kp-ne { display: none; }
 .dd-kp .kp-sayi { font-size: var(--yz-h3); }
 .dd-kp .kp-sayi i { display: none; }
 .dd-izgara, .dd-izgara-yazi { grid-template-columns: minmax(0, 1fr); }
 .dd-cift { grid-template-columns: minmax(0, 1fr); }
 .dd-cift-ok { justify-self: center; margin: 0; transform: rotate(90deg); }
 .dd-kliste, .dd-oda-tek .dd-kliste { grid-template-columns: minmax(0, 1fr); }
 .dd-soru { grid-template-columns: minmax(0, 1fr); gap: 12px; }
 .dd-pin { width: 28px; height: 28px; border-width: 2px; }
}
@media (prefers-reduced-motion: reduce) {
 .dd-ok, .dd-pin, .dd-k, .dd-sec button, .dd-ornek-foto img, .dd-kp-foto { transition: none; }
 .dd-ornek:hover .dd-ornek-foto img, .dd-kp:hover .dd-kp-foto { transform: none; }
}
@media (hover: none), (max-width: 760px) {
 .akordeon-konu { padding-top: 12px; padding-bottom: 12px; min-height: 44px; align-items: center; }
 .akordeon-cikis {
 display: inline-flex; align-items: center; min-height: 44px;
 margin-top: 2px; padding: 0 2px;
 }
 .hz, .hiz-dugme, .odak-dugme { min-height: 44px; }
 button.ses {
 opacity: 0.6;
 display: inline-grid; place-items: center;
 width: 44px; height: 44px; padding: 0;
 margin-left: 2px; margin-block: -14px;
 vertical-align: middle;
 }
 .sec, .mt-ses-btn, .hap-asit, .hap-kagit, .hs-input { min-height: 44px; }
 .tc, .diz-j, .diz-bak, a.rozet {
 display: flex; align-items: center; min-height: 44px;
 }
}
.mt-metin-kucuk {
 margin-block: 0 10px;
 padding: clamp(14px, 1.5vw, 16px) clamp(14px, 1.7vw, 18px);
}
.mt-metin-kucuk header {
 margin-bottom: 6px;
 padding-bottom: 0;
 border-bottom: 0;
}
.mt-metin-kucuk header b {
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 letter-spacing: 0.02em;
 color: var(--vurgu-koyu);
}
.mt-metin-kucuk .mt-metin-g { font-size: max(14px, 0.93em); }
.kurs-mast > .govde {
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(300px, 26rem);
 gap: clamp(18px, 2.2vw, 34px);
 align-items: start;
 max-width: none;
}
.kurs-mast > .govde > .rozetler {
 grid-column: 1 / -1;
 margin-bottom: clamp(14px, 1.1vw, 14px);
}
.kurs-sag {
 display: flex;
 flex-direction: column;
 align-items: stretch;
}
@media (max-width: 940px) {
 .kurs-mast > .govde {
 grid-template-columns: minmax(0, 1fr);
 gap: 22px;
 align-items: start;
 }
}
@media (max-width: 1000px) {
 .kurs-mast { grid-template-columns: minmax(0, 1fr); }
}
.kurs-mast .giris {
 margin-top: clamp(14px, 1.3vw, 16px);
 max-width: 46rem;
}
.kurs-eylem {
 display: flex;
 flex-wrap: wrap;
 align-items: stretch;
 gap: 10px;
 margin-top: 0;
}
.kurs-sag .kurs-eylem > a {
 flex: 1 1 100%;
 justify-content: center;
}
@media (max-width: 940px) {
 .kurs-sag .kurs-eylem > a { flex: 0 1 auto; }
}
.kurs-basla {
 gap: 10px;
 max-width: 100%;
 white-space: normal;
 text-align: left;
}
.kurs-basla b {
 font-weight: 700;
 letter-spacing: -0.012em;
}
.kurs-basla [data-kb-ad] {
 font-weight: 500;
 color: color-mix(in srgb, var(--murekkep) 68%, transparent);
}
.kurs-mast .kurs-olcu {
 display: flex;
 flex-wrap: wrap;
 align-items: baseline;
 gap: 6px 10px;
 max-width: none;
 margin: 14px 0 0;
 gap: 4px 8px;
 font-size: var(--yz-mikro);
 letter-spacing: 0.085em;
 text-transform: uppercase;
 color: var(--murekkep-3);
}
.kurs-olcu .iz-durum {
 margin: 0;
 font-size: inherit;
 letter-spacing: inherit;
 font-weight: 700;
 color: var(--vurgu-koyu);
}
.kurs-mast .kurs-olcu > *:not(:last-child)::after {
 content: '·';
 margin-left: 8px;
 color: var(--ayrac);
}
@media (max-width: 560px) {
 .kurs-eylem { flex-direction: column; align-items: stretch; }
 .kurs-eylem > a { justify-content: space-between; }
}
.blok-bas {
 margin-bottom: clamp(14px, 1.2vw, 14px);
}
main > section[id^='blok-'] {
 margin-block: clamp(22px, 2.5vw, 34px);
}
.blok-bas > h2 {
 margin: 0 0 0;
 display: flex;
 align-items: baseline;
 gap: 0.5em;
}
.blok-no {
 flex: none;
 font-size: max(14px, 0.62em);
 letter-spacing: 0.02em;
 color: var(--vurgu-koyu);
}
.blok-bas > .blok-ne {
 margin: 2px 0 0;
 max-width: 56ch;
 font-size: 1.02em;
 line-height: 1.45;
 color: var(--murekkep-2);
}
:root {
 --zemin-a: rgba(192, 90, 46, 0.10);
 --zemin-b: rgba(47, 93, 80, 0.075);
 --zemin-c: rgba(217, 164, 65, 0.11);
}
[data-dil='en'] {
 --zemin-a: rgba(217, 164, 65, 0.10);
 --zemin-b: rgba(127, 179, 232, 0.075);
 --zemin-c: rgba(192, 90, 46, 0.12);
}
body {
 background-color: var(--kagit);
 background-image:
 radial-gradient(circle 132px at 12% 32%,
 var(--zemin-a) 0%, var(--zemin-a) 72%, transparent 100%),
 radial-gradient(circle 94px at 90% 17%,
 var(--zemin-c) 0%, var(--zemin-c) 70%, transparent 100%),
 radial-gradient(circle 172px at 93% 28%,
 var(--zemin-b) 0%, var(--zemin-b) 70%, transparent 100%),
 radial-gradient(circle 126px at 6% 76%,
 var(--zemin-c) 0%, var(--zemin-c) 70%, transparent 100%),
 linear-gradient(90deg, var(--zemin-a) 0%, transparent 17%),
 linear-gradient(270deg, var(--zemin-c) 0%, transparent 15%);
 background-size:
 100% 100vh, 100% 100vh,
 100% 210vh, 100% 210vh,
 auto, auto;
 background-repeat:
 no-repeat, no-repeat,
 repeat-y, repeat-y,
 no-repeat, no-repeat;
 background-position:
 left top, left top,
 left 70vh, left 70vh,
 left top, left top;
}
html.odak body {
 background-image: none;
}
@media print {
 body { background-image: none; }
}
.uliste > li + li {
 border-top: 1px solid var(--ayrac);
}
.usat {
 border-bottom: 0;
 border-radius: var(--r-md);
 --usat-pad: clamp(14px, 1.5vw, 20px);
 padding-inline: var(--usat-pad);
 margin-inline: calc(-1 * var(--usat-pad));
 transition: background var(--dur-kisa) var(--ev), box-shadow var(--dur-kisa) var(--ev),
 color var(--dur-kisa) var(--ev);
}
.usat:hover,
.usat:focus-visible {
 background: var(--isik);
 box-shadow: 0 0 0 1px var(--ayrac), var(--g2);
}
.usat-ok {
 display: grid;
 place-items: center;
 width: 30px;
 height: 30px;
 border-radius: var(--r-xs);
 padding-top: 0;
 margin-top: 2px;
 background: transparent;
 transition: transform var(--dur-kisa) var(--ev), background var(--dur-kisa) var(--ev),
 color var(--dur-kisa) var(--ev);
}
.usat:hover .usat-ok,
.usat:focus-visible .usat-ok {
 background: var(--vurgu-koyu);
 color: var(--kagit);
 transform: translateX(3px);
}
.reklam-kutu {
 border-color: color-mix(in srgb, var(--cizgi) 70%, transparent);
 background: none;
 opacity: 0.5;
}
.reklam-et {
 opacity: 0.4;
}
.blok-no {
 display: inline-grid;
 place-items: center;
 width: 1.85em;
 height: 1.85em;
 border-radius: 50%;
 background: var(--alan);
 align-self: center;
 font-size: max(14px, 0.5em);
 font-weight: 600;
 letter-spacing: 0.01em;
 color: var(--alan-metin);
}
.usat:hover .cip,
.usat:focus-visible .cip {
 background: var(--kagit-2);
 color: var(--vurgu-koyu);
}
.cip {
 transition: background var(--dur-kisa) var(--ev), color var(--dur-kisa) var(--ev);
}
@media (max-width: 900px) {
 :root {
 --zemin-a: rgba(192, 90, 46, 0.07);
 --zemin-b: rgba(47, 93, 80, 0.05);
 --zemin-c: rgba(217, 164, 65, 0.075);
 }
 [data-dil='en'] {
 --zemin-a: rgba(217, 164, 65, 0.07);
 --zemin-b: rgba(127, 179, 232, 0.055);
 --zemin-c: rgba(192, 90, 46, 0.085);
 }
}
.hap-kagit:hover .hap-ok,
.hap-kagit:focus-visible .hap-ok {
 background: var(--vurgu-koyu);
 color: var(--kagit);
}
.hap-asit:active .hap-ok,
.hap-kagit:active .hap-ok {
 transform: translate(0, 0);
}
@media (max-width: 767px) {
 .aurora {
 animation: none;
 filter: blur(52px) saturate(0.98);
 }
}
.sv-levha .yol-ilerleme strong,
.sv-levha strong { color: var(--alan-metin); }
.yol > li.bitti .adim-no {
 background: var(--vurgu-yumusak);
 color: var(--vurgu-koyu);
}
.yol > li.bitti .adim[data-skor] .adim-govde { padding-right: 58px; }
.svb {
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto;
 align-items: center;
 gap: clamp(20px, 4vw, 56px);
}
.svb-yazi { min-width: 0; }
.svb-gorsel {
 width: clamp(160px, 20vw, 268px);
 height: auto;
 display: block;
 opacity: 0;
 animation: svb-gel 0.7s var(--ev) 0.1s forwards;
}
@keyframes svb-gel {
 from { opacity: 0; transform: scale(0.985); }
 to   { opacity: 1; transform: none; }
}
@media (max-width: 760px) {
 .svb { grid-template-columns: 1fr; }
 .svb-gorsel { display: none; }
}
@media (prefers-reduced-motion: reduce) {
 .svb-gorsel { animation: none; opacity: 1; transform: none; }
}
.tk-form { margin-top: clamp(20px, 2.6vw, 30px); text-align: left; }
.tk-form-satir {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: clamp(14px, 1.6vw, 18px);
 margin-bottom: clamp(14px, 1.6vw, 18px);
}
@media (max-width: 620px) { .tk-form-satir { grid-template-columns: 1fr; } }
.tk-alan { display: block; }
.tk-alan > span {
 display: block;
 margin-bottom: 7px;
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 font-weight: 600;
 letter-spacing: 0.1em;
 text-transform: uppercase;
 color: color-mix(in srgb, var(--alan-metin) 82%, transparent);
}
.tk-in {
 width: 100%;
 padding: 12px 14px;
 font: inherit;
 font-size: var(--yz-govde);
 color: var(--murekkep);
 background: var(--isik);
 border: 1px solid var(--hat);
 border-radius: var(--r-xs);
 transition: border-color var(--dur-kisa) var(--ev), box-shadow var(--dur-kisa) var(--ev);
}
.tk-in::placeholder { color: var(--murekkep-3); }
.tk-in:focus-visible {
 outline: none;
 border-color: var(--vurgu);
 box-shadow: 0 0 0 2px var(--alan-metin);
}
.tk-in:is(select) {
 appearance: none;
 -webkit-appearance: none;
 padding-right: 42px;
 cursor: pointer;
 background-image:
 linear-gradient(45deg, transparent 50%, var(--murekkep-2) 50%),
 linear-gradient(135deg, var(--murekkep-2) 50%, transparent 50%);
 background-position: calc(100% - 21px) 50%, calc(100% - 16px) 50%;
 background-size: 5px 5px;
 background-repeat: no-repeat;
}
.tk-in:is(select):has(option[value=""]:checked) { color: var(--murekkep-3); }
.tk-in option { color: var(--murekkep); }
.tk-form-eylem { margin-top: clamp(16px, 2vw, 22px); }
.tk-form-hata { margin: 12px 0 0; font-size: var(--yz-kucuk); color: var(--vurgu-koyu); }
.tk-form-hata[hidden] { display: none; }
.tk-form-not {
 margin-top: 14px;
 color: color-mix(in srgb, var(--alan-metin) 78%, transparent);
}
.tk-form-not a { color: var(--alan-metin); }
.tk-bot {
 position: absolute;
 width: 1px;
 height: 1px;
 overflow: hidden;
 clip-path: inset(50%);
 white-space: nowrap;
}
.xp-cip {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 min-height: 44px;
 padding: 0 12px;
 border: 0;
 border-radius: var(--r-xs);
 color: var(--murekkep);
 text-decoration: none;
 white-space: nowrap;
 transition: filter var(--dur-anlik) var(--ev), color var(--dur-anlik) var(--ev);
}
.xp-cip:hover,
.xp-cip:focus-visible { filter: brightness(1.03); }
.xp-cip svg { width: 20px; height: 20px; transform: rotate(-90deg); }
.xp-iz { fill: none; stroke: var(--cizgi); stroke-width: 2.5; }
.xp-dolum {
 fill: none;
 stroke: var(--vurgu);
 stroke-width: 2.5;
 stroke-linecap: round;
 stroke-dasharray: 50.265;
 stroke-dashoffset: 50.265;
 transition: stroke-dashoffset var(--dur-orta) var(--ev);
}
.xp-cip b { font-family: var(--f-mono); font-size: var(--yz-mikro); font-weight: 500; }
.xp-ek { font-size: var(--yz-mini); color: var(--murekkep-3); letter-spacing: 0.04em; }
.xp-cip[data-tamam='1'] { background: var(--vurgu-yumusak); }
.xp-cip[data-tamam='1'] b { color: var(--vurgu-koyu); }
@keyframes xp-kutla {
 0% { transform: scale(1); }
 40% { transform: scale(1.12); }
 100% { transform: scale(1); }
}
.xp-cip.kutla { animation: xp-kutla var(--dur-yavas) var(--ev); }
.xp-toast {
 position: fixed;
 left: 50%;
 bottom: 22px;
 transform: translate(-50%, 8px);
 z-index: 60;
 padding: 8px 16px;
 border-radius: var(--r-tam);
 background: var(--murekkep);
 color: var(--kagit);
 font-family: var(--f-mono);
 font-size: var(--yz-mikro);
 opacity: 0;
 pointer-events: none;
 transition: opacity var(--dur-kisa) var(--ev), transform var(--dur-kisa) var(--ev);
}
.xp-toast.acik { opacity: 1; transform: translate(-50%, 0); }
@media (max-width: 760px) {
 .xp-cip { padding: 0 8px; gap: 4px; }
 .xp-ek { display: none; }
}
@media (prefers-reduced-motion: reduce) {
 .xp-dolum { transition: none; }
 .xp-cip.kutla { animation: none; }
 .xp-toast { transition: opacity var(--dur-kisa) var(--ev); transform: translate(-50%, 0); }
}
.ok-kart[data-sv='A1'] { --alan: var(--sv-a1); }
.ok-kart[data-sv='A2'] { --alan: var(--sv-a2); }
.ok-kart[data-sv='B1'] { --alan: var(--sv-b1); }
.ok-izgara {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
 gap: 18px;
 margin-top: 26px;
}
.ok-kart {
 position: relative;
 display: flex;
 flex-direction: column;
 gap: 10px;
 padding: clamp(18px, 3vw, 26px);
 padding-left: clamp(26px, 4vw, 34px);
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 background: var(--isik);
 box-shadow: var(--golge);
 color: var(--murekkep);
 text-decoration: none;
 overflow: hidden;
 transition: border-color var(--dur-anlik) var(--ev), transform var(--dur-anlik) var(--ev);
}
.ok-kart:hover,
.ok-kart:focus-visible { border-color: var(--alan); transform: translateY(-2px); }
.ok-serit-renk {
 position: absolute;
 inset: 0 auto 0 0;
 width: 5px;
 background: var(--alan);
}
.ok-kart-ust { display: flex; align-items: center; gap: 10px; }
.ok-sv {
 font-size: var(--yz-mini);
 font-weight: 600;
 color: var(--alan);
 border: 1px solid currentColor;
 border-radius: var(--r-xs);
 padding: 2px 7px;
}
.ok-tur {
 font-size: var(--yz-mini);
 color: var(--murekkep-3);
 text-transform: uppercase;
 letter-spacing: var(--ls-bolum);
}
.ok-kart-baslik { font-family: var(--f-display); font-optical-sizing: auto; font-size: var(--yz-h4); line-height: 1.25; letter-spacing: var(--ls-kart); }
.ok-one .ok-kart-baslik { font-size: var(--yz-h3); }
.ok-kart-tr { color: var(--murekkep-3); font-size: var(--yz-kucuk); margin-top: -6px; }
.ok-kart-tanitim { color: var(--murekkep-2); font-size: var(--yz-govde); line-height: 1.55; }
.ok-kart-alt { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 8px; }
.ok-meta { font-size: var(--yz-mini); color: var(--murekkep-3); }
.ok-okundu { font-size: var(--yz-mini); font-weight: 600; color: var(--vurgu-koyu); white-space: nowrap; }
.ok-okundu::before { content: '✓ '; }
.ok-dip { margin-top: 22px; max-width: 68ch; }
@media (min-width: 761px) {
 .ok-one { grid-column: span 2; }
}
.ok-ilerleme {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 height: 3px;
 z-index: 40;
 pointer-events: none;
}
.ok-ilerleme span {
 display: block;
 height: 100%;
 background: var(--alan);
 transform: scaleX(0);
 transform-origin: 0 50%;
}
.kabuk-okuma { max-width: 780px; }
.ok-geri { margin-bottom: 18px; }
.ok-geri a {
 display: inline-flex; align-items: center; min-height: 36px;
 color: var(--murekkep-3); text-decoration: none; font-size: var(--yz-kucuk);
}
@media (pointer: coarse), (max-width: 620px) {
 .ok-geri a { min-height: 44px; }
}
.ok-geri a:hover, .ok-geri a:focus-visible { color: var(--vurgu-koyu); text-decoration: underline; }
.ok-bas { padding-bottom: 22px; border-bottom: 1px solid var(--cizgi); margin-bottom: 30px; }
.ok-bas-ust { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.ok-bas h1 { font-family: var(--f-display); font-optical-sizing: auto; font-size: var(--yz-h2); line-height: 1.12; letter-spacing: var(--ls-dev); margin: 0 0 6px; }
.ok-bas-tr { color: var(--murekkep-3); font-size: var(--yz-orta); margin: 0; }
.ok-govde { max-width: 66ch; }
.ok-par { margin-bottom: 30px; }
.ok-de {
 font-size: var(--yz-orta);
 line-height: 1.78;
 letter-spacing: var(--ls-govde);
 color: var(--murekkep);
 margin: 0 0 10px;
}
.ok-govde .ok-par:first-child .ok-de::first-letter {
 font-family: var(--f-display); font-optical-sizing: auto;
 font-weight: 700;
 font-size: 3.4em;
 line-height: 0.78;
 float: left;
 padding: 5px 8px 0 0;
 color: var(--alan);
}
.ok-tr-ac {
 font-family: var(--f-mono);
 font-size: var(--yz-mini);
 letter-spacing: 0.04em;
 color: var(--murekkep-3);
 background: none;
 border: 1px solid var(--hat);
 border-radius: var(--r-tam);
 padding: 4px 12px;
 min-height: 30px;
 cursor: pointer;
 transition: border-color var(--dur-anlik) var(--ev), color var(--dur-anlik) var(--ev);
}
.ok-tr-ac:hover, .ok-tr-ac:focus-visible { border-color: var(--vurgu); color: var(--vurgu-koyu); }
.ok-tr-ac.acik { border-color: var(--vurgu); color: var(--vurgu-koyu); }
.ok-tr {
 margin: 10px 0 0;
 padding: 2px 0 2px 14px;
 border-left: 2px solid var(--alan);
 color: var(--murekkep-2);
 font-size: var(--yz-govde);
 line-height: 1.65;
}
.ok-notlar {
 list-style: none;
 display: flex;
 flex-wrap: wrap;
 gap: 6px 18px;
 margin: 12px 0 0;
 padding: 0;
}
.ok-notlar li { font-size: var(--yz-mini); color: var(--murekkep-3); }
.ok-notlar b { font-family: var(--f-mono); font-weight: 500; color: var(--murekkep-2); }
.ok-notlar b::after { content: ' = '; color: var(--murekkep-3); }
.ok-sorular { margin-top: 44px; padding-top: 10px; border-top: 1px solid var(--cizgi); }
.ok-bitir { margin-top: 36px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.ok-bitir .btn.ok-bitti {
 background: transparent;
 color: var(--murekkep-3);
 border: 1px solid var(--hat);
 cursor: default;
}
.ok-bitir-not { margin: 0; font-size: var(--yz-kucuk); color: var(--murekkep-3); max-width: 40ch; }
.ok-siradaki {
 display: flex;
 flex-direction: column;
 gap: 4px;
 margin-top: 36px;
 padding: clamp(16px, 3vw, 22px);
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 background: var(--isik);
 color: var(--murekkep);
 text-decoration: none;
 transition: border-color var(--dur-anlik) var(--ev);
}
.ok-siradaki:hover, .ok-siradaki:focus-visible { border-color: var(--alan); }
.ok-siradaki .mono { font-size: var(--yz-mini); color: var(--murekkep-3); }
.ok-siradaki b { font-family: var(--f-display); font-optical-sizing: auto; font-size: var(--yz-h4); }
.ok-siradaki span:last-child { color: var(--murekkep-3); font-size: var(--yz-kucuk); }
@media (max-width: 760px) {
 .ok-bas h1 { font-size: var(--yz-h3); }
 .ok-govde .ok-par:first-child .ok-de::first-letter { font-size: 2.6em; }
}
@media (prefers-reduced-motion: reduce) {
 .ok-kart:hover, .ok-kart:focus-visible { transform: none; }
}
.pn-bugun {
 margin-top: 16px;
 padding: clamp(20px, 3vw, 28px);
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 background: var(--isik);
}
.pn-bg-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.pn-bg-xp { font-size: var(--yz-h4); font-weight: 600; color: var(--murekkep); }
.pn-bg-xp i { font-style: normal; font-size: var(--yz-kucuk); color: var(--murekkep-3); }
.pn-bg-xp.tamam, .pn-bg-xp.tamam i { color: var(--vurgu-koyu); }
.pn-bg-cubuk { margin-top: 12px; }
.pn.cizildi .pn-bg-cubuk i { width: var(--hedef); }
.pn-bg-hafta {
 display: flex;
 align-items: flex-end;
 gap: 6px;
 height: 36px;
 margin-top: 14px;
}
.pn-bg-hafta i {
 flex: 1;
 height: max(var(--y), 6%);
 background: var(--kagit-3);
 border-radius: var(--r-xs);
}
.pn-bg-hafta i.dolu { background: var(--alan); }
.pn-bg-hafta i.bugun { background: var(--vurgu); }
.pn-gorev { list-style: none; margin: 18px 0 0; padding: 0; }
.pn-gorev li { border-top: 1px solid var(--cizgi); }
.pn-gorev a {
 display: flex;
 align-items: center;
 gap: 14px;
 min-height: 48px;
 padding: 10px 4px;
 color: var(--murekkep);
 text-decoration: none;
}
.pn-gorev a:hover .pn-g-ad,
.pn-gorev a:focus-visible .pn-g-ad { color: var(--vurgu-koyu); }
.pn-g-isaret {
 width: 20px;
 height: 20px;
 flex: 0 0 auto;
 border: 1.5px solid var(--hat);
 border-radius: var(--r-tam);
 display: inline-flex;
 align-items: center;
 justify-content: center;
 font-size: 14px;
 color: transparent;
}
.pn-gorev li.tamam .pn-g-isaret {
 border-color: var(--vurgu);
 background: var(--vurgu-yumusak);
 color: var(--vurgu-koyu);
}
.pn-gorev li.tamam .pn-g-isaret::before { content: '✓'; }
.pn-gorev li.tamam .pn-g-ad { color: var(--murekkep-3); }
.pn-gorev b { margin-left: auto; font-size: var(--yz-mini); color: var(--murekkep-3); }
.pn-gorev li.tamam b { color: var(--vurgu-koyu); }
.pn-bg-bitti { margin: 14px 0 0; font-size: var(--yz-kucuk); color: var(--vurgu-koyu); }
.pn-hedef {
 display: flex;
 align-items: center;
 gap: 8px 12px;
 flex-wrap: wrap;
 margin: 16px 0 0;
 padding-top: 14px;
 border-top: 1px dashed var(--ayrac);
}
.pn-hedef-et { font-size: var(--yz-kucuk); color: var(--murekkep-3); }
.pn-hedef-sec {
 display: inline-flex; align-items: center; gap: 2px; flex-wrap: wrap;
 padding: 3px; border-radius: var(--r-plaka); background: var(--kagit-2);
}
.pn-hedef-btn {
 font: inherit;
 font-size: var(--yz-kucuk);
 padding: 6px 12px;
 border-radius: var(--r-xs);
 border: 0;
 background: none;
 color: var(--murekkep-3);
 cursor: pointer;
 transition: background var(--dur-anlik) var(--ev), color var(--dur-anlik) var(--ev);
}
@media (max-width: 620px) {
 .pn-hedef-btn { min-height: 44px; }
}
.pn-hedef-btn b { font-size: var(--yz-mini); }
.pn-hedef-btn:hover, .pn-hedef-btn:focus-visible { background: var(--kagit-3); color: var(--murekkep); }
.pn-hedef-btn[aria-pressed='true'] {
 background: var(--isik);
 color: var(--murekkep);
 font-weight: 600;
}
.ok-dinle {
 display: grid;
 grid-template-columns: auto 1fr;
 align-items: center;
 gap: 6px 14px;
 margin: 0 0 28px;
 padding: 14px 16px;
 background: var(--kagit-2);
 border: 1px solid var(--cizgi);
 border-radius: var(--r-md);
}
.ok-dinle-et { font-size: var(--yz-mikro); letter-spacing: 0.08em; color: var(--murekkep-3); }
.ok-dinle audio { width: 100%; height: 36px; }
.ok-dinle-not { grid-column: 1 / -1; margin: 0; font-size: var(--yz-mini); color: var(--murekkep-3); }
html.js .bel.ders {
 transform: none;
}
html.js .bel.ders.gorundu {
 animation: bel-op var(--staggered-opacity-duration) var(--ev) both;
}
html.js .bel.ders .govde > * {
 opacity: 0;
 transform: translateY(var(--staggered-translate-y));
}
html.js .bel.ders.gorundu .govde > *:nth-child(-n + 6) {
 animation: bel-op var(--staggered-opacity-duration) var(--ev) both,
 bel-ty var(--staggered-translate-y-duration) var(--ev) both;
}
html.js .bel.ders.gorundu .govde > *:nth-child(n + 7) {
 opacity: 1;
 transform: none;
}
html.js .bel.ders.gorundu .govde > *:nth-child(2) { animation-delay: 0.06s; }
html.js .bel.ders.gorundu .govde > *:nth-child(3) { animation-delay: 0.12s; }
html.js .bel.ders.gorundu .govde > *:nth-child(4) { animation-delay: 0.18s; }
html.js .bel.ders.gorundu .govde > *:nth-child(5) { animation-delay: 0.24s; }
html.js .bel.ders.gorundu .govde > *:nth-child(6) { animation-delay: 0.30s; }
@media (prefers-reduced-motion: reduce) {
 html.js .bel.ders,
 html.js .bel.ders.gorundu,
 html.js .bel.ders .govde > *,
 html.js .bel.ders.gorundu .govde > * {
 animation: none !important;
 animation-delay: 0s !important;
 opacity: 1;
 transform: none;
 }
}
:root {
 --coz-gizli-op: 0.26;
 --coz-gizli-blur: 5px;
 --coz-gizli-y: 0.12em;
}
.coz-k,
.coz-cumle .coz-not {
 --wp: 1;
}
html.js .coz-cumle[data-coz] .coz-k {
 display: inline-block;
 opacity: calc(var(--coz-gizli-op) + (1 - var(--coz-gizli-op)) * var(--wp));
 filter: blur(calc(var(--coz-gizli-blur) * (1 - var(--wp))));
 transform: translateY(calc(var(--coz-gizli-y) * (1 - var(--wp))));
 transition: opacity var(--dur-anlik) var(--ev), filter var(--dur-anlik) var(--ev),
 transform var(--dur-anlik) var(--ev);
}
html.js .coz-cumle[data-coz] .coz-k[data-a] {
 filter: blur(calc(var(--coz-gizli-blur) * 0.34 * (1 - var(--wp))));
 opacity: calc(0.48 + 0.52 * var(--wp));
}
html.js .coz-cumle[data-coz] .coz-not {
 opacity: calc(0.12 + 0.88 * var(--wp));
 transition: opacity var(--dur-kisa) var(--ev);
}
@media (max-width: 899px) {
 html.js .coz-cumle[data-coz] .coz-k,
 html.js .coz-cumle[data-coz] .coz-k[data-a] {
 filter: none;
 }
}
@media (prefers-reduced-motion: reduce) {
 html.js .coz-cumle[data-coz] .coz-k,
 html.js .coz-cumle[data-coz] .coz-k[data-a],
 html.js .coz-cumle[data-coz] .coz-not {
 --wp: 1 !important;
 filter: none;
 transform: none;
 transition: none;
 }
}
@media print {
 .coz-cumle .coz-k,
 .coz-cumle .coz-not {
 --wp: 1 !important;
 filter: none !important;
 transform: none !important;
 opacity: 1 !important;
 }
}
.hs {
 display: grid;
 gap: 14px;
 margin: 20px 0 0;
 padding: 18px 20px;
 border: 1px solid var(--hat);
 border-radius: var(--r-md);
 background: var(--tas);
}
.hs[hidden] { display: none; }
.hs-ne {
 margin: 0;
 font-size: var(--yz-kucuk);
 line-height: 1.55;
 color: var(--murekkep-2);
}
.hs-form {
 display: flex;
 flex-wrap: wrap;
 align-items: flex-end;
 gap: 10px;
}
.hs-alan {
 display: grid;
 gap: 6px;
 flex: 1 1 15rem;
 max-width: 24rem;
 min-width: 0;
}
.hs-et {
 font-size: var(--yz-mini);
 color: var(--murekkep-3);
}
.hs-input {
 font-family: var(--f-govde);
 font-size: var(--yz-govde);
 line-height: 1.2;
 color: var(--murekkep);
 background: var(--kagit-2);
 border: 1px solid transparent;
 border-radius: var(--r-plaka);
 padding: 0 14px;
 min-height: 52px;
 width: 100%;
 -webkit-appearance: none;
 appearance: none;
 transition: background var(--dur-anlik) var(--ev);
}
.hs-input::placeholder { color: var(--murekkep-3); }
.hs-input:hover { background: var(--isik); }
.hs-gonder:disabled { opacity: 0.55; cursor: default; }
.hs-durum {
 margin: 0;
 font-size: var(--yz-mini);
 line-height: 1.5;
 color: var(--murekkep-3);
}
.hs-durum:empty { display: none; }
.hs-kip { margin: 0; justify-self: start; }
.hs-unuttum {
 font-family: inherit;
 font-size: var(--yz-mini);
 color: var(--murekkep-2);
 background: none;
 border: 0;
 padding: 0;
 min-height: 44px;
 text-decoration: underline;
 text-underline-offset: 3px;
 cursor: pointer;
}
.hs-unuttum:hover { color: var(--murekkep); }
.hs-unuttum:disabled { opacity: 0.55; cursor: default; }
.hs-kim {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 gap: 10px;
}
.hs-posta {
 font-weight: 600;
 font-size: var(--yz-govde);
 color: var(--murekkep);
 overflow-wrap: anywhere;
}
.hs-islem { display: flex; flex-wrap: wrap; gap: 10px; }
.pk { margin-top: var(--bosluk-m); }
.pk[hidden] { display: none; }
.pk-bas { margin: 0 0 6px; }
.pk-ne {
 margin: 0;
 font-size: var(--yz-kucuk);
 line-height: 1.6;
 color: var(--murekkep-2);
 max-width: 46rem;
}
.pk-yan {
 margin: 14px 0 0;
 font-size: var(--yz-kucuk);
 color: var(--murekkep-3);
}
.pk-liste {
 list-style: none;
 margin: 16px 0 0;
 padding: 0;
 display: grid;
 gap: 10px;
}
.pk-k {
 display: flex;
 align-items: center;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: 12px;
 padding: 14px 16px;
 border: 1px solid var(--hat);
 border-radius: var(--r-md);
 background: var(--isik);
 transition: background var(--dur-anlik) var(--ev);
}
.pk-yazi { display: grid; gap: 3px; min-width: 0; }
.pk-ad { font-weight: 600; font-size: var(--yz-govde); color: var(--murekkep); }
.pk-alt { font-size: var(--yz-mini); color: var(--murekkep-3); }
.pk-sag { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.pk-dur { font-size: var(--yz-mini); color: var(--murekkep-3); }
.pk-dur:empty { display: none; }
.pk-k.kilitli { background: var(--kagit-3); }
.pk-k.kilitli .pk-ad { color: var(--murekkep-2); }
.pk-al:disabled { opacity: 0.5; cursor: default; }
.pk-bos {
 margin: 16px 0 0;
 font-size: var(--yz-kucuk);
 color: var(--murekkep-3);
}
.pn-kapilar > .pn-sirada:nth-child(3):last-child { grid-column: 1 / -1; }
@media (prefers-reduced-motion: reduce) {
 .hs-input, .pk-k { transition: none; }
}
.gs {
 position: relative;
 overflow: hidden;
 display: grid;
 place-items: center;
 background: var(--kagit);
 padding: clamp(48px, 7vw, 104px) 0 clamp(40px, 6vw, 88px);
 min-height: min(84vh, 760px);
}
.gs { background: transparent; }
.gs .aur-alan {
 top: 0;
 background: transparent;
 -webkit-mask-image:
 linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent),
 linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent);
 -webkit-mask-composite: source-in;
 mask-image:
 linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent),
 linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent);
 mask-composite: intersect;
}
.gs-cerceve {
 position: relative;
 max-width: 36rem;
 margin-inline: auto;
 padding: clamp(26px, 3.4vw, 46px);
 background: var(--isik);
 border: 1px solid var(--kenar);
 border-radius: var(--r-md);
 box-shadow: var(--g3);
 animation: gs-cerceve-gir var(--dur-yavas) var(--ev) both;
 transform: translate3d(calc(var(--gx, 0) * -7px), calc(var(--gy, 0) * -5px), 0);
 transition: transform var(--dur-kisa) var(--ev);
}
.gs-cerceve::before {
 content: '';
 position: absolute;
 inset: 10px;
 border: 1px solid var(--ayrac);
 border-radius: var(--r-plaka);
 pointer-events: none;
 animation: gs-hat-ciz var(--dur-uzun) var(--ev) 0.18s both;
}
@keyframes gs-cerceve-gir {
 from { opacity: 0; translate: 0 18px; }
 to   { opacity: 1; translate: 0 0; }
}
@keyframes gs-hat-ciz {
 from { clip-path: inset(46% 46% 46% 46%); opacity: 0; }
 to   { clip-path: inset(0 0 0 0); opacity: 1; }
}
.gs-ust {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 12px;
 margin-bottom: 18px;
}
.gs-kod {
 font-size: var(--yz-mikro);
 color: var(--murekkep-3);
}
.gs-b {
 margin: 0 0 12px;
 font-size: clamp(1.75rem, 1.3rem + 1.1vw, 2.3rem);
}
.gs-ne {
 margin: 0;
 font-size: var(--yz-orta);
 line-height: 1.6;
 color: var(--murekkep-2);
}
.gs-hs {
 margin: 20px 0 0;
 padding: 0;
 border: 0;
 background: none;
}
.gs-hs .hs-form { flex-direction: column; align-items: stretch; }
.gs-hs .hs-alan { flex: none; max-width: none; }
.gs-hs .hs-gonder { justify-content: space-between; }
.gs-hs .hs-unuttum { align-self: flex-start; }
.hs-sifre-kap { position: relative; display: block; }
.hs-sifre-kap .hs-input { padding-right: 48px; }
.hs-goz {
 appearance: none;
 position: absolute;
 top: 50%;
 right: 4px;
 translate: 0 -50%;
 width: 44px;
 height: 44px;
 display: grid;
 place-items: center;
 border: 0;
 border-radius: var(--r-xs);
 background: none;
 color: var(--murekkep-3);
 cursor: pointer;
}
.hs-goz svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.hs-goz[aria-pressed='true'] { color: var(--murekkep); }
.hs-goz:focus-visible { outline: 2px solid var(--vurgu-koyu); outline-offset: -4px; }
.hs-google-yer { margin: 14px 0 0; }
.hs-google-yer[hidden] { display: none; }
.hs-google { width: 100%; max-width: 24rem; justify-content: center; gap: 10px; }
.gs-hs .hs-google { max-width: none; }
.hs-google-g { width: 20px; height: 20px; flex: none; }
.hs-ya-da { margin: 12px 0 0; font-size: var(--yz-kucuk); color: var(--murekkep-3); text-align: center; max-width: 24rem; }
.gs-hs .hs-ya-da { max-width: none; }
.gs-cerceve {
 border-color: transparent;
 background: color-mix(in srgb, var(--isik) 76%, transparent);
 backdrop-filter: blur(16px) saturate(1.3);
 -webkit-backdrop-filter: blur(16px) saturate(1.3);
 box-shadow:
 0 1px 1px color-mix(in srgb, var(--murekkep) 6%, transparent),
 0 30px 64px -32px color-mix(in srgb, var(--murekkep) 45%, transparent);
 isolation: isolate;
}
.gs-cerceve::after {
 content: ''; position: absolute; inset: 0; border-radius: inherit;
 pointer-events: none; padding: 1.2px;
 background: linear-gradient(145deg,
 rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.28) 25%,
 rgba(255,255,255,0.02) 47%, rgba(255,255,255,0.20) 63%,
 rgba(255,255,255,0.85) 100%);
 -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
 -webkit-mask-composite: xor;
 mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
 mask-composite: exclude;
}
.gs-cerceve::before { border-color: color-mix(in srgb, var(--murekkep) 10%, transparent); }
:is(.gs-cerceve, .hs, .pk) .hap-asit,
:is(.gs-cerceve, .hs, .pk) .hap-kagit {
 min-height: 48px;
 padding: 0 22px;
 border-radius: var(--r-tam);
 font-weight: 700;
 transition: background-color var(--dur-anlik) var(--ev), box-shadow var(--dur-kisa) var(--ev), transform var(--dur-bas) var(--ev);
}
:is(.gs-cerceve, .hs, .pk) .hap-asit {
 background: var(--asit);
 box-shadow:
 inset 0 1px 0 color-mix(in srgb, var(--isik) 70%, transparent),
 0 10px 24px -14px color-mix(in srgb, var(--murekkep) 55%, transparent);
}
:is(.gs-cerceve, .hs, .pk) .hap-kagit {
 background: color-mix(in srgb, var(--isik) 80%, transparent);
 box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--murekkep) 13%, transparent);
}
:is(.gs-cerceve, .hs, .pk) .hap-asit:hover {
 transform: none;
 box-shadow:
 inset 0 1px 0 color-mix(in srgb, var(--isik) 70%, transparent),
 0 0 0 4px color-mix(in srgb, var(--asit) 45%, transparent),
 0 10px 24px -14px color-mix(in srgb, var(--murekkep) 55%, transparent);
}
:is(.gs-cerceve, .hs, .pk) .hap-kagit:hover {
 transform: none;
 color: var(--murekkep);
 background: var(--isik);
 box-shadow:
 inset 0 0 0 1px color-mix(in srgb, var(--murekkep) 18%, transparent),
 0 0 0 4px color-mix(in srgb, var(--murekkep) 6%, transparent);
}
:is(.gs-cerceve, .hs, .pk) .hap-asit:active,
:is(.gs-cerceve, .hs, .pk) .hap-kagit:active { transform: scale(0.98); }
:is(.gs-cerceve, .hs, .pk) .hap-ok { border-radius: var(--r-tam); width: 28px; height: 28px; margin-right: -12px; }
.pk .hs {
 border-color: transparent;
 background: color-mix(in srgb, var(--kagit-2) 45%, var(--isik));
 box-shadow:
 0 1px 2px color-mix(in srgb, var(--murekkep) 5%, transparent),
 0 18px 40px -30px color-mix(in srgb, var(--murekkep) 35%, transparent);
}
.pk-k {
 border-color: transparent;
 box-shadow:
 0 1px 2px color-mix(in srgb, var(--murekkep) 6%, transparent),
 0 12px 28px -24px color-mix(in srgb, var(--murekkep) 40%, transparent);
}
.pk-k.kilitli { box-shadow: none; }
.gs-cerceve .gk-sekme { border-radius: var(--r-tam); background: color-mix(in srgb, var(--kagit-2) 80%, transparent); }
.gs-cerceve .gk-sekme button { border-radius: var(--r-tam); }
.gs-cerceve .hs-input { background: color-mix(in srgb, var(--isik) 62%, var(--kagit-2)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--murekkep) 8%, transparent); }
.gs-cerceve .hs-input:hover { background: var(--isik); }
.gs-cerceve .hs-input:focus { outline: none; background: var(--isik); box-shadow: inset 0 0 0 1.5px var(--murekkep), 0 0 0 4px color-mix(in srgb, var(--asit) 45%, transparent); }
@media (max-width: 640px) {
 .gs-cerceve .hs-islem { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
 .gs-cerceve .hs-islem .hs-devam { grid-column: 1 / -1; justify-content: space-between; }
 .gs-cerceve .hs-islem .hap-kagit { justify-content: center; }
}
.gs-cerceve .gs-kazanc { border-top: 0; padding-top: 0; margin-top: 30px; }
@media (prefers-reduced-motion: reduce) {
 :is(.gs-cerceve, .hs, .pk) :is(.hap-asit, .hap-kagit) { transition: none; }
}
.gs-not {
 margin: 18px 0 0;
 font-size: var(--yz-kucuk);
 line-height: 1.55;
 color: var(--murekkep-2);
}
.gs-kazanc {
 list-style: none;
 margin: 22px 0 0;
 padding: 18px 0 0;
 border-top: 1px solid var(--ayrac);
 display: grid;
 gap: 12px;
}
.gs-kz {
 display: grid;
 grid-template-columns: 5.5rem 1fr;
 gap: 12px;
 align-items: baseline;
}
.gs-kz-k {
 font-size: var(--yz-mini);
 color: var(--murekkep-3);
}
.gs-kz-y {
 font-size: var(--yz-kucuk);
 line-height: 1.55;
 color: var(--murekkep-2);
}
.gs-kz-y strong {
 display: block;
 color: var(--murekkep);
}
.gs-alt {
 font-size: var(--yz-kucuk);
 line-height: 1.6;
 color: var(--murekkep-2);
}
@media (max-width: 640px) {
 .gs-kz { grid-template-columns: 1fr; gap: 4px; }
 .gs { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
 .gs-cerceve,
 .gs-cerceve::before { animation: none; opacity: 1; translate: none; }
 .gs-cerceve { transform: none; transition: none; }
 .gs-cerceve::before { clip-path: none; }
}
.marka-levha,
.serit-cta {
 background: linear-gradient(160deg, var(--levha-ust), var(--vurgu-koyu) 70%);
 box-shadow: var(--g-levha);
}
.serit-cta:hover,
.serit-cta:focus-visible { filter: brightness(0.93); }
.serit-cta:active { filter: brightness(0.88); }
.xp-cip,
.arama input {
 background: linear-gradient(160deg, var(--isik), var(--kagit-2) 70%);
 box-shadow: var(--g1);
}
.arama input:focus,
.arama input:not(:placeholder-shown) {
 background: var(--kagit-2);
 box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
 .serit-cta, .xp-cip { transition: none; }
}
.uliste {
 position: relative;
 --ray-koprusu: 10px;
}
.usat { position: relative; }
.usat::before {
 content: '';
 position: absolute;
 top: 0;
 bottom: calc(-1 * var(--ray-koprusu));
 left: calc(var(--usat-pad) + 1.1rem - 1px);
 width: 2px;
 background: var(--ayrac);
 border-radius: 2px;
}
.uliste > li:first-child .usat::before { top: 50%; }
.uliste > li:last-child .usat::before { bottom: 50%; }
.usat.bitti::before { background: var(--asit); }
.usat.sirada::before {
 background: linear-gradient(var(--asit) 50%, var(--ayrac) 50%);
}
.usat-no {
 position: relative;
 z-index: 1;
 display: grid;
 place-items: center;
 width: 2.2rem;
 height: 2.2rem;
 padding-top: 0;
 border-radius: 50%;
 background: var(--kagit-3);
 color: var(--murekkep-2);
 font-size: var(--yz-mikro);
 box-shadow: 0 0 0 4px var(--kagit);
 transition: background var(--dur-kisa) var(--ev), color var(--dur-kisa) var(--ev),
 box-shadow var(--dur-kisa) var(--ev);
}
.usat.bitti .usat-no {
 background: var(--asit);
 color: var(--murekkep);
}
.usat.bitti .usat-no::after { content: none; }
.usat.sirada .usat-no {
 background: var(--isik);
 color: var(--murekkep);
 box-shadow: 0 0 0 4px var(--kagit), 0 0 0 6px var(--asit);
}
.usat.bitti .usat-ad { color: var(--murekkep-2); }
.usat-ok {
 border-radius: 50%;
 background: var(--kagit-3);
 color: var(--vurgu-koyu);
 width: 34px;
 height: 34px;
}
.usat:hover .usat-ok,
.usat:focus-visible .usat-ok {
 background: var(--asit);
 color: var(--murekkep);
}
.usat.sirada .usat-ok {
 background: var(--asit);
 color: var(--murekkep);
}
html.js.kaydi header {
 border-bottom: 1px solid var(--ayrac);
 box-shadow: var(--g1);
}
@media (prefers-reduced-motion: no-preference) {
 .bel .uliste > li { opacity: 0; translate: 0 10px; }
 .bel.gorundu .uliste > li {
 animation: usat-gir var(--dur-orta) var(--ev) both;
 }
 .bel.gorundu .uliste > li:nth-child(1) { animation-delay: 0s; }
 .bel.gorundu .uliste > li:nth-child(2) { animation-delay: 0.06s; }
 .bel.gorundu .uliste > li:nth-child(3) { animation-delay: 0.12s; }
 .bel.gorundu .uliste > li:nth-child(4) { animation-delay: 0.18s; }
 .bel.gorundu .uliste > li:nth-child(5) { animation-delay: 0.24s; }
 .bel.gorundu .uliste > li:nth-child(6) { animation-delay: 0.3s; }
 .bel.gorundu .uliste > li:nth-child(n + 7) { animation-delay: 0.36s; }
}
@keyframes usat-gir {
 from { opacity: 0; translate: 0 10px; }
 to   { opacity: 1; translate: 0 0; }
}
html:not(.js) .bel .uliste > li { opacity: 1; translate: none; }
@media (prefers-reduced-motion: reduce) {
 .usat-no, .usat-ok { transition: none; }
}
.uliste > li + li { border-top: 0; position: relative; }
.uliste > li + li::before {
 content: '';
 position: absolute;
 top: 0;
 left: calc(2.2rem + clamp(14px, 1.6vw, 16px));
 right: 0;
 border-top: 1px solid var(--ayrac);
}
.pr-bag { font-size: max(14px, 1em) !important; }
button.btn { font-family: var(--f-govde); }
.panom-cip {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 min-height: 44px;
 padding: 0 12px;
 border-radius: var(--r-xs);
 font-family: var(--f-etiket);
 font-size: var(--yz-mini);
 font-weight: 600;
 color: var(--murekkep);
 text-decoration: none;
 white-space: nowrap;
 background: linear-gradient(160deg, var(--isik), var(--kagit-2) 70%);
 box-shadow: var(--g1);
 transition: filter var(--dur-anlik) var(--ev);
}
.panom-cip:hover,
.panom-cip:focus-visible { filter: brightness(1.03); }
.panom-cip.etkin { background: var(--murekkep); color: var(--isik); box-shadow: none; }
.pin-ik { width: 18px; height: 18px; flex: none; }
.panom-sayi {
 min-width: 1.7em;
 padding: 1px 5px;
 border-radius: var(--r-xs);
 font-family: var(--f-mono);
 font-size: var(--yz-mikro);
 font-weight: 500;
 text-align: center;
 background: var(--murekkep);
 color: var(--isik);
}
.panom-cip.etkin .panom-sayi { background: var(--isik); color: var(--murekkep); }
.panom-sayi[hidden] { display: none; }
.pano-hero { margin: 18px 0 0; }
.pano-hero[hidden] { display: none; }
.pano-as[aria-pressed='true'] { background: var(--vurgu-yumusak); color: var(--vurgu-koyu); }
.pano-as .hap-ok .pin-ik { width: 16px; height: 16px; }
button.tablo-indir {
 background: none;
 border: 0;
 padding: 0;
 cursor: pointer;
 margin-left: 14px;
}
button.tablo-indir::before { content: '+'; }
button.tablo-indir[aria-pressed='true'] { background: none; color: var(--vurgu-koyu); }
button.tablo-indir[aria-pressed='true']::before { content: '−'; }
html.defter-acik main [lang='de']:not(.cozul *) { cursor: pointer; }
html.defter-acik main span[lang='de']:not(.cozul *):hover,
html.defter-acik main b[lang='de']:not(.cozul *):hover {
 text-decoration: underline dotted var(--murekkep-3);
 text-underline-offset: 3px;
}
.kb-ipucu {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 10px 16px;
 margin: 16px 0 0;
 padding: 12px 16px;
 border-radius: var(--r-plaka);
 background: var(--kagit-3);
 font-size: var(--yz-kucuk);
 line-height: 1.5;
 color: var(--murekkep-2);
}
.kb-ipucu span { flex: 1 1 18rem; }
.kb-ipucu-kapat {
 min-height: 44px;
 padding: 0 14px;
 border: 0;
 border-radius: var(--r-xs);
 background: var(--isik);
 box-shadow: var(--g1);
 font-family: var(--f-govde);
 font-size: var(--yz-kucuk);
 font-weight: 600;
 color: var(--murekkep);
 cursor: pointer;
}
.kb {
 position: absolute;
 z-index: 60;
 display: grid;
 gap: 8px;
 width: min(22rem, calc(100vw - 32px));
 padding: 14px 16px 16px;
 border: 1px solid var(--kenar);
 border-radius: var(--r-md);
 background: var(--isik);
 box-shadow: var(--g3);
 animation: kb-gir var(--dur-kisa) var(--ev);
}
@keyframes kb-gir { from { opacity: 0; transform: translateY(4px); } }
.kb-ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.kb-de {
 margin: 0;
 font-family: var(--f-display);
 font-weight: 700;
 font-size: var(--yz-h3);
 line-height: 1.2;
 color: var(--murekkep);
 overflow-wrap: anywhere;
}
.kb-kok { font-family: var(--f-govde); font-weight: 500; font-size: var(--yz-kucuk); color: var(--murekkep-3); }
.kb-kapat {
 display: inline-grid;
 place-items: center;
 flex: none;
 width: 44px;
 height: 44px;
 margin: -8px -10px 0 0;
 border: 0;
 border-radius: var(--r-xs);
 background: none;
 color: var(--murekkep-2);
 cursor: pointer;
}
.kb-kapat:hover { background: var(--kagit-3); }
.kb-kapat svg { width: 16px; height: 16px; }
.kb-et { font-size: var(--yz-mini); color: var(--murekkep-3); }
.kb-tr {
 min-height: 48px;
 padding: 0 12px;
 border: 1px solid transparent;
 border-radius: var(--r-plaka);
 background: var(--kagit-2);
 font-family: var(--f-govde);
 font-size: var(--yz-buyuk);
 color: var(--murekkep);
 width: 100%;
}
.kb-tr::placeholder { color: var(--murekkep-3); }
.kb-kaynak { margin: 0; font-size: var(--yz-mini); line-height: 1.45; color: var(--murekkep-3); }
.kb-kaynak:empty { display: none; }
.kb-islem .hap-asit { width: 100%; justify-content: center; }
.kb-kaydet:disabled { opacity: 0.55; cursor: default; }
.kb-durum { margin: 0; font-size: var(--yz-kucuk); color: var(--murekkep-2); }
.kb-durum:empty { display: none; }
.kb-durum a { color: var(--vurgu-koyu); font-weight: 600; }
.nt { display: grid; gap: 10px; }
.nt[hidden] { display: none; }
.nt-ne { margin: 0; font-size: var(--yz-kucuk); line-height: 1.55; color: var(--murekkep-2); }
.nt-et { font-size: var(--yz-mini); color: var(--murekkep-3); }
.nt-alan {
 width: 100%;
 min-height: 8rem;
 padding: 12px 14px;
 border: 1px solid transparent;
 border-radius: var(--r-plaka);
 background: var(--kagit-2);
 font-family: var(--f-govde);
 font-size: var(--yz-buyuk);
 line-height: 1.55;
 color: var(--murekkep);
 resize: vertical;
 transition: background var(--dur-anlik) var(--ev);
}
.nt-alan:hover,
.nt-alan:focus { background: var(--isik); }
.nt-alan:focus { border-color: var(--kenar); }
.nt-durum { margin: 0; min-height: 1.4em; font-size: var(--yz-mini); color: var(--murekkep-3); }
.pm { margin-top: var(--bosluk-m); }
.pm-sekme { margin-bottom: var(--bosluk-m); }
.pm-sekme .mono:empty { display: none; }
.pm .pm-bolum { margin-block: 0; }
.pm .pn > :first-child { margin-top: 0; }
.pm-bolum:focus { outline: none; }
.pm-bolum[hidden] { display: none; }
.pm-soluk { margin: 0; font-size: var(--yz-kucuk); color: var(--murekkep-3); }
.pm-bos {
 display: grid;
 gap: 12px;
 justify-items: start;
 padding: var(--pad);
 border: 1px dashed var(--ayrac);
 border-radius: var(--r-md);
}
.pm-bos p { margin: 0; max-width: 40rem; line-height: 1.6; color: var(--murekkep-2); }
.pm-kart, .pm-ozet, .pm-not, .pm-sonuc {
 background: var(--isik);
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 box-shadow: var(--g1);
}
.pm-izgara {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(min(100%, 30rem), 1fr));
 gap: var(--bosluk-s);
 align-items: start;
}
.pm .pm-kart { display: grid; gap: 14px; padding: 18px 20px; margin: 0; }
.pm-kart-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pm .pm-kart-ad {
 margin: 0;
 font-family: var(--f-display);
 font-size: var(--yz-h4);
 font-weight: 700;
 line-height: 1.25;
}
.pm .pm-kart-ad a { color: var(--murekkep); text-decoration: none; }
.pm .pm-kart-ad a:hover { color: var(--vurgu-koyu); }
.pm-oge { display: grid; gap: 10px; padding-top: 12px; border-top: 1px solid var(--cizgi); }
.pm-oge-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.pm .pm-oge-ad { margin: 0; flex: 1 1 10rem; font-size: var(--yz-govde); font-weight: 600; }
.pm-oge-islem { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; }
.pm-tablo .tablo-sar { margin: 0; }
.pm-tablo .not { margin: 8px 0 0; }
.pm-git,
.pm-kaldir,
.pm-duzelt,
.pm-sil,
.pm-quiz-cik {
 display: inline-flex;
 align-items: center;
 min-height: 44px;
 padding: 0 10px;
 border: 0;
 border-radius: var(--r-xs);
 background: none;
 font-family: var(--f-govde);
 font-size: var(--yz-kucuk);
 font-weight: 600;
 color: var(--murekkep-2);
 text-decoration: none;
 cursor: pointer;
}
.pm-git { color: var(--vurgu-koyu); }
.pm-git:hover,
.pm-kaldir:hover,
.pm-duzelt:hover,
.pm-sil:hover,
.pm-quiz-cik:hover { background: var(--kagit-3); }
.pm .pm-ozet { display: grid; gap: 12px; padding: 18px 20px; margin: 0 0 var(--bosluk-s); }
.pm-ozet-sayi { margin: 0; color: var(--murekkep-2); }
.pm-ozet-sayi b { color: var(--murekkep); }
.pm-kelimeler, .pm-notlar { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.pm-kelime { padding: 14px 0 6px; border-bottom: 1px solid var(--ayrac); }
.pm-kelime:first-child { border-top: 1px solid var(--ayrac); }
.pm-kelime-ust { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; }
.pm-de { font-family: var(--f-display); font-size: var(--yz-h4); font-weight: 700; color: var(--murekkep); }
.pm-tr { font-size: var(--yz-buyuk); color: var(--murekkep-2); }
.pm-tr .pm-tr-in { min-height: 44px; width: min(18rem, 70vw); }
.pm-durum {
 margin-left: auto;
 padding: 2px 8px;
 border-radius: var(--r-xs);
 background: var(--kagit-3);
 font-size: var(--yz-mini);
 color: var(--murekkep-2);
}
.pm-durum[data-durum='tamam'] { background: var(--ikinci); color: var(--alan-metin); }
.pm-cumle { margin: 6px 0 0; font-size: var(--yz-kucuk); line-height: 1.5; color: var(--murekkep-3); }
.pm-cumle mark { background: var(--vurgu-yumusak); color: var(--vurgu-koyu); padding: 0 2px; border-radius: var(--r-xs); }
.pm-kelime-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 0 4px; margin-top: 2px; }
.pm-kaynak { margin-right: auto; font-size: var(--yz-mini); color: var(--murekkep-3); }
a.pm-kaynak { color: var(--murekkep-2); }
.pm-tarih { font-size: var(--yz-mikro); color: var(--murekkep-3); }
.pm-ekle {
 display: flex;
 flex-wrap: wrap;
 align-items: flex-end;
 gap: 10px;
 margin-top: var(--bosluk-m);
 padding-top: var(--bosluk-s);
 border-top: 1px solid var(--ayrac);
}
.pm-ekle-bas { flex: 1 0 100%; margin: 0; font-weight: 600; }
.pm-ekle .hs-alan { flex: 1 1 12rem; max-width: 18rem; }
.pm-ekle-durum { flex: 1 0 100%; margin: 0; font-size: var(--yz-kucuk); color: var(--murekkep-2); }
.pm-ekle-durum:empty { display: none; }
.pm-quiz { display: grid; gap: var(--bosluk-s); }
.pm-quiz-ust { display: flex; align-items: center; gap: 14px; }
.pm-quiz-sayac { font-size: var(--yz-mikro); color: var(--murekkep-2); }
.pm-quiz-cubuk { flex: 1; height: 6px; border-radius: var(--r-xs); background: var(--kagit-3); overflow: hidden; }
.pm-quiz-cubuk span {
 display: block;
 height: 100%;
 width: 100%;
 background: var(--ikinci);
 transform-origin: left;
 transform: scaleX(var(--oran, 0));
 transition: transform var(--dur-yavas) var(--ev);
}
.pm .pm-test { margin: 0; }
.pm-test .soru { display: grid; gap: 6px; }
.pm-q-et { font-size: var(--yz-kucuk); color: var(--murekkep-3); }
.pm-q-et em { font-style: normal; color: var(--murekkep-2); }
.pm-q-de, .pm-q-tr { font-family: var(--f-display); font-size: var(--yz-h2); font-weight: 700; line-height: 1.2; color: var(--murekkep); }
.pm-q-cumle { margin: 0; font-size: var(--yz-h4); line-height: 1.5; color: var(--murekkep); }
.pm-bosluk { color: var(--vurgu-koyu); font-weight: 700; letter-spacing: 0.08em; }
.pm-yaz { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; }
.pm-yaz .hs-alan { flex: 1 1 16rem; max-width: 24rem; }
.pm-yaz-in[data-durum='dogru'] { background: var(--kagit-3); border-color: var(--das); }
.pm-yaz-in[data-durum='yanlis'] { background: var(--vurgu-yumusak); border-color: var(--die); }
.pm-geri { margin: 12px 0 0; font-size: var(--yz-buyuk); line-height: 1.5; color: var(--murekkep-2); }
.pm-geri:empty { display: none; }
.pm-geri[data-durum='dogru'] { color: var(--ikinci); }
.pm-geri[data-durum='yanlis'] b { color: var(--vurgu-koyu); }
.pm-sonraki { margin-top: 12px; }
.pm-sonraki[hidden] { display: none; }
.pm .pm-sonuc { display: grid; gap: 10px; padding: var(--pad); margin: 0; }
.pm .pm-sonuc p { margin: 0; line-height: 1.55; }
.pm-sonuc-sayi { font-family: var(--f-display); font-size: var(--yz-h2); font-weight: 700; }
.pm-notlar { gap: var(--bosluk-s); }
.pm .pm-not { display: grid; gap: 8px; padding: 18px 20px; margin: 0; }
.pm-not-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.pm .pm-not-metin { margin: 0; white-space: pre-wrap; line-height: 1.6; color: var(--murekkep-2); }
.pm-hesap { margin-top: var(--bosluk-l); }
@media (max-width: 420px) {
 .panom-sayi { display: none; }
}
@media (max-width: 760px) {
 .panom-cip { padding: 0 8px; gap: 4px; }
 .pm-durum { margin-left: 0; }
 .pm-oge-islem { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
 .kb { animation: none; }
 .panom-cip, .nt-alan, .pm-quiz-cubuk span { transition: none; }
}
.ah-durum {
 display: grid;
 gap: 10px;
 margin-top: var(--bosluk-m);
 padding: 18px 20px;
 background: var(--isik);
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 box-shadow: var(--g1);
}
.ah-durum[hidden] { display: none; }
.ah-durum-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.ah-durum-gun { font-family: var(--f-display); font-size: var(--yz-h3); font-weight: 700; }
.ah-durum-ne { margin: 0; color: var(--murekkep-2); line-height: 1.55; }
.ah-cubuk { height: 8px; border-radius: var(--r-xs); background: var(--kagit-3); overflow: hidden; }
.ah-cubuk span {
 display: block;
 height: 100%;
 background: var(--ikinci);
 transform-origin: left;
 transform: scaleX(var(--oran, 0));
 transition: transform var(--dur-yavas) var(--ev);
}
.ah-giris[hidden] { display: none; }
.ah-hafta-ust { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; }
.ah-hafta-ust .orta { margin: 0; }
.ah-hafta-durum.ah-tamam { background: var(--ikinci); color: var(--alan-metin); }
.ah-hafta-is { color: var(--murekkep-2); }
.govde > .ah-hafta .ah-bloklar,
.ah-bloklar { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 12px; }
.ah-blok {
 display: grid;
 gap: 10px;
 padding: 16px 18px;
 background: var(--isik);
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
 scroll-margin-top: 96px;
 transition: border-color var(--dur-anlik) var(--ev), background var(--dur-anlik) var(--ev);
}
.ah-blok.ah-simdi { border-color: var(--ikinci); box-shadow: 0 0 0 1px var(--ikinci), var(--g2); }
.ah-blok.ah-bitti { background: var(--kagit-3); }
.ah-blok-ust { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.ah-gun-ad { font-size: var(--yz-mikro); color: var(--vurgu-koyu); }
.ah-blok.ah-simdi .ah-gun-ad::after { content: ' · şimdi burada'; color: var(--ikinci); }
.ah .ah-ne, .ah-ne { margin: 0; font-family: var(--f-display); font-size: var(--yz-h4); font-weight: 700; }
.ah-ayrinti { font-size: var(--yz-kucuk); color: var(--murekkep-3); }
.govde .ah-kur, .ah-kur { margin: 0; font-size: var(--yz-buyuk); line-height: 1.5; }
.ah-kur-et {
 margin-right: 6px;
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 letter-spacing: 0.08em;
 text-transform: uppercase;
 color: var(--murekkep-3);
}
.ah-blok .not { margin: 0; }
.ah-blok-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.ah-konular { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.ah-konu {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 min-height: 44px;
 padding: 0 12px;
 border-radius: var(--r-xs);
 background: var(--kagit-3);
 font-size: var(--yz-kucuk);
 font-weight: 600;
 color: var(--murekkep);
 text-decoration: none;
 transition: background var(--dur-anlik) var(--ev);
}
.ah-konu::after { content: '→'; color: var(--vurgu); }
.ah-konu:hover { background: var(--kagit-2); }
.ah-test { font-size: var(--yz-mikro); color: var(--ikinci); }
.ah-test[hidden] { display: none; }
.ah-isaretler { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.ah-isaretler[hidden] { display: none; }
.ah-gun { position: relative; display: inline-flex; }
.ah-gun input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.ah-gun span {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 min-height: 44px;
 padding: 0 12px;
 border: 1px solid var(--ayrac);
 border-radius: var(--r-xs);
 font-size: var(--yz-kucuk);
 font-weight: 600;
 color: var(--murekkep-2);
 background: var(--isik);
 transition: background var(--dur-anlik) var(--ev), color var(--dur-anlik) var(--ev), border-color var(--dur-anlik) var(--ev);
}
.ah-gun span::before {
 content: '';
 width: 14px;
 height: 14px;
 border: 1.5px solid currentColor;
 border-radius: 50%;
}
.ah-gun input:checked + span { background: var(--ikinci); border-color: var(--ikinci); color: var(--alan-metin); }
.ah-gun input:checked + span::before { background: currentColor; box-shadow: inset 0 0 0 2px var(--ikinci); }
.ah-gun input:focus-visible + span { outline: 2px solid var(--murekkep); outline-offset: 2px; }
.ah-gun:hover input:not(:checked) + span { border-color: var(--kenar); color: var(--murekkep); }
.govde > .ah-tuzaklar, .ah-tuzaklar,
.govde > .ah-deneme, .ah-deneme { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 12px; }
.ah-tuzak, .ah-soru {
 padding: 14px 18px;
 background: var(--isik);
 border: 1px solid var(--ayrac);
 border-radius: var(--r-md);
}
.ah-tuzak p, .ah-soru p { margin: 0; }
.ah-tuzak { display: grid; gap: 6px; }
.ah-et {
 display: inline-block;
 min-width: 5.5em;
 font-family: var(--f-etiket);
 font-size: var(--yz-mikro);
 letter-spacing: 0.08em;
 text-transform: uppercase;
}
.ah-yanlis { color: var(--murekkep-2); }
.ah-yanlis .ah-et { color: var(--die); }
.ah-dogru .ah-et { color: var(--ikinci); }
.ah-neden { font-size: var(--yz-kucuk); color: var(--murekkep-3); line-height: 1.55; }
.ah-soru-tr { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 12px; font-weight: 600; }
.ah-soru-hafta { font-size: var(--yz-mikro); color: var(--murekkep-3); }
.ah-cevap { margin-top: 6px; }
.ah-cevap summary {
 display: inline-flex;
 align-items: center;
 min-height: 44px;
 cursor: pointer;
 font-size: var(--yz-kucuk);
 font-weight: 600;
 color: var(--vurgu-koyu);
}
.ah-cevap p { margin: 4px 0 0; font-size: var(--yz-buyuk); }
@media (prefers-reduced-motion: reduce) {
 .ah-cubuk span, .ah-blok, .ah-konu, .ah-gun span { transition: none; }
}
@font-face {
 font-family: 'DM Serif Display';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url('/varlik/font/dmserif-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
 font-family: 'DM Serif Display';
 font-style: normal;
 font-weight: 400;
 font-display: swap;
 src: url('/varlik/font/dmserif-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;
}
:root {
 --f-serif: 'DM Serif Display', Georgia, serif;
 --ku-t-logo: 26px;
 --ku-t-bolum: 22px;
 --ku-t-bag: 15px;
 --ku-t-menu: 18px;
 --ku-golge-menu: 0 24px 40px -28px rgba(43, 34, 24, .45);
}
.ku {
 position: relative;
 z-index: 55;
 background: var(--kagit);
 border-bottom: 1px solid var(--cizgi);
}
.ku-ic {
 display: flex;
 align-items: center;
 gap: 32px;
 height: 68px;
 max-width: calc(1232px + 2 * var(--pad));
 margin-inline: auto;
 padding-inline: var(--pad);
}
.ku-logo {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 flex: none;
 color: var(--murekkep);
 font: 400 var(--ku-t-logo) / 1 var(--f-serif);
 letter-spacing: -0.01em;
 text-decoration: none;
}
.ku-logo-isaret { position: relative; flex: none; width: 28px; height: 28px; border-radius: var(--r-xs); background: var(--vurgu); }
.ku-logo-isaret::before,
.ku-logo-isaret::after { content: ''; position: absolute; left: 6px; right: 6px; height: 3px; border-radius: var(--r-tam); }
.ku-logo-isaret::before { top: 9px; background: var(--asit); }
.ku-logo-isaret::after { top: 16px; background: var(--isik); }
.ku-nav { display: flex; gap: 24px; margin-left: auto; font: 600 var(--ku-t-bag) / 1 var(--f-govde); }
.ku-nav a {
 padding: 8px 0;
 color: var(--murekkep);
 text-decoration: none;
 background: linear-gradient(currentColor, currentColor) left bottom / 0 1.5px no-repeat;
 transition: background-size var(--dur-kisa) var(--ev);
}
.ku-nav a:hover,
.ku-nav a.etkin { background-size: 100% 1.5px; }
.ku-eylem { display: flex; align-items: center; gap: 8px; }
.ku-hap {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 40px;
 padding: 0 16px;
 border: 1.5px solid transparent;
 border-radius: var(--r-tam);
 font: 700 var(--ku-t-bag) / 1.2 var(--f-govde);
 text-decoration: none;
 white-space: nowrap;
 transition: background-color var(--dur-anlik) var(--ev), box-shadow var(--dur-kisa) var(--ev), transform var(--dur-bas) var(--ev);
}
.ku-hap:active { transform: scale(0.97); }
.ku-hap-koyu { background: var(--murekkep); color: var(--isik); }
.ku-hap-koyu:hover { background: var(--murekkep-2); }
.ku-hap-asit { background: var(--asit); color: var(--murekkep); }
.ku-hap-asit:hover { box-shadow: 0 0 0 4px color-mix(in srgb, var(--asit) 40%, transparent); }
.ku-menu-dugme {
 display: none;
 place-items: center;
 width: 44px;
 height: 44px;
 padding: 0;
 border: 0;
 border-radius: var(--r-tam);
 background: none;
 color: var(--murekkep);
 cursor: pointer;
}
.ku-menu-dugme span,
.ku-menu-dugme span::before,
.ku-menu-dugme span::after {
 display: block;
 position: relative;
 width: 20px;
 height: 2px;
 border-radius: var(--r-tam);
 background: currentColor;
 transition: transform var(--dur-kisa) var(--ev), background-color var(--dur-kisa) var(--ev);
}
.ku-menu-dugme span::before,
.ku-menu-dugme span::after { content: ''; position: absolute; left: 0; }
.ku-menu-dugme span::before { top: -6px; }
.ku-menu-dugme span::after { top: 6px; }
.ku-menu-dugme[aria-expanded='true'] span { background: transparent; }
.ku-menu-dugme[aria-expanded='true'] span::before { transform: translateY(6px) rotate(45deg); }
.ku-menu-dugme[aria-expanded='true'] span::after { transform: translateY(-6px) rotate(-45deg); }
.ku-menu {
 position: absolute;
 top: 100%;
 left: 0;
 right: 0;
 padding: 8px var(--pad) 24px;
 background: var(--kagit);
 border-bottom: 1px solid var(--ayrac);
 box-shadow: var(--ku-golge-menu);
}
.ku-menu a:not(.ku-hap) {
 display: block;
 padding: 14px 0;
 border-bottom: 1px solid var(--cizgi);
 color: var(--murekkep);
 font-size: var(--ku-t-menu);
 font-weight: 600;
 text-decoration: none;
}
.ku-menu a.etkin { color: var(--vurgu-koyu); }
.ku-menu .ku-hap { width: 100%; min-height: 48px; margin-top: 16px; }
.serit.serit-v3 {
 flex-wrap: nowrap;
 gap: 20px;
 min-height: 56px;
 padding-block: 0;
 padding-inline: max(var(--pad), calc((100% - 1232px) / 2));
 background: var(--kagit);
 border-bottom: 1px solid var(--ayrac);
}
html.tepede .serit.serit-v3 { background: var(--kagit); border-bottom-color: var(--ayrac); }
.serit-v3 .marka-v3 { flex: none; min-height: 44px; }
.serit-v3 .marka-v3 .marka-ad {
 font: 400 var(--ku-t-bolum) / 1 var(--f-serif);
 letter-spacing: -0.01em;
 color: var(--murekkep);
}
.serit-v3 .gez {
 order: 0;
 flex: 0 1 auto;
 align-self: stretch;
 min-width: 0;
 width: auto;
 gap: 2px;
 margin-inline: 4px auto;
 padding: 0;
 border: 0;
 border-radius: 0;
 background: none;
}
.serit-v3 .gez a,
[data-dil='tr'] .serit-v3 .gez a {
 position: relative;
 min-height: 56px;
 padding: 0 12px;
 border-radius: 0;
 background: none;
 color: var(--murekkep-2);
 font-size: var(--ku-t-bag);
 font-weight: 600;
}
.serit-v3 .gez a::after {
 content: '';
 position: absolute;
 left: 12px;
 right: 12px;
 bottom: 0;
 height: 2px;
 border-radius: 2px;
 background: var(--ayrac);
 transform: scaleX(0);
 transform-origin: left center;
 transition: transform var(--dur-kisa) var(--ev), background-color var(--dur-anlik) var(--ev);
}
.serit-v3 .gez a:hover { color: var(--murekkep); background: none; }
.serit-v3 .gez a:hover::after { transform: scaleX(1); }
.serit-v3 .gez a.etkin,
.serit-v3 .gez a.etkin:hover { color: var(--murekkep); background: none; }
.serit-v3 .gez a.etkin::after { transform: scaleX(1); background: var(--vurgu); height: 3px; }
.serit-v3 .gez a sup { color: var(--murekkep-3); }
.serit-v3 .serit-sag { flex: none; margin-left: 0; }
.serit-v3 .panom-cip { flex: none; }
@media (max-width: 1200px) {
 .serit.serit-v3 { flex-wrap: nowrap; }
 .serit-v3 .gez { order: 0; flex: 1 1 0; width: auto; margin-inline: 0; }
}
@media (max-width: 1280px) {
 .serit-v3 .marka-v3 { display: none; }
}
@media (max-width: 1100px) {
 .ku-nav { gap: 18px; }
}
@media (max-width: 980px) {
 .ku-ic { gap: 12px; height: 60px; }
 .ku-nav,
 .ku-eylem .ku-giris { display: none; }
 .ku-menu-dugme { display: grid; }
 .ku-eylem { margin-left: auto; }
}
@media (max-width: 700px) {
 .serit.serit-v3 { gap: 6px; min-height: 52px; }
 .serit-v3 .gez a,
 [data-dil='tr'] .serit-v3 .gez a { min-height: 52px; padding: 0 10px; }
 .serit-v3 .gez a::after { left: 10px; right: 10px; }
 .serit-v3 .xp-cip { display: none; }
 .serit-v3 .panom-cip span { display: none; }
}
@media (max-width: 440px) {
 .ku-eylem .ku-hap-asit { display: none; }
}
@media (prefers-reduced-motion: reduce) {
 .ku-nav a, .ku-hap, .ku-menu-dugme span, .ku-menu-dugme span::before, .ku-menu-dugme span::after,
 .serit-v3 .gez a::after { transition: none; }
}
@media print {
 .ku { display: none; }
}
.gd { display: grid; gap: var(--bosluk-s); }
.gd-ust {
 display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 20px;
 padding: 20px var(--pad); border-radius: var(--r-md);
 background: var(--alan-2); color: var(--alan-2-metin);
 transition: background var(--gecis), color var(--gecis);
}
.gd-ust[data-tam='1'] { background: var(--asit); color: var(--murekkep); }
.gd-ust-sol { display: grid; gap: 4px; }
.gd-tarih { font-size: var(--yz-mikro); letter-spacing: 0.08em; text-transform: uppercase; color: inherit; opacity: 0.8; }
.gd-ust-b { font-family: var(--f-display); font-size: var(--yz-h2); font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; }
.gd-cipler { display: flex; flex-wrap: wrap; gap: 8px; }
.gd-cip {
 display: inline-flex; align-items: baseline; gap: 6px; min-height: 44px; padding: 10px 14px;
 border-radius: var(--r-plaka); background: rgba(255, 255, 255, 0.10); color: inherit; text-decoration: none;
 font-size: var(--yz-kucuk);
}
.gd-cip b { font-size: var(--yz-h4); font-weight: 700; }
a.gd-cip:hover { background: rgba(255, 255, 255, 0.18); }
.gd-ust[data-tam='1'] .gd-cip { background: rgba(43, 34, 24, 0.08); }
.gd-once {
 display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 20px;
 padding: 20px var(--pad); border-radius: var(--r-md); background: var(--asit-2); color: var(--murekkep);
}
.gd-once b { font-size: var(--yz-h4); }
.gd-once p { margin: 4px 0 0; max-width: 46ch; font-size: var(--yz-orta); line-height: 1.5; color: var(--murekkep-2); }
.gd-olcum { background: var(--kagit-2); }
.gd-hedefler { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.gd-hedef {
 display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px 16px;
 padding: 18px var(--pad); border-radius: var(--r-md); background: var(--isik); box-shadow: var(--g2);
}
.gd-im {
 display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--r-tam);
 background: var(--tas); color: var(--murekkep);
}
.gd-hedef[data-tamam='1'] .gd-im { background: var(--asit); }
.gd-im svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.gd-govde { display: grid; gap: 2px; }
.gd-govde b { font-size: var(--yz-h4); font-weight: 700; letter-spacing: -0.01em; }
.gd-govde span { font-size: var(--yz-kucuk); color: var(--murekkep-3); }
.gd-durum { font-size: var(--yz-kucuk); font-weight: 700; white-space: nowrap; }
.gd-cubuk { grid-column: 1 / -1; display: block; height: 6px; border-radius: var(--r-tam); background: var(--tas); overflow: hidden; }
.gd-cubuk i { display: block; height: 100%; width: calc(var(--oran, 0) * 100%); border-radius: inherit; background: var(--ikinci); transition: width var(--gecis); }
.gd-eylem { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.gd-not { font-size: var(--yz-orta); font-weight: 600; color: var(--ikinci); }
.gd-kural, .gd-tamam { margin: 0; font-size: var(--yz-kucuk); color: var(--murekkep-3); }
.gd-tamam { font-size: var(--yz-orta); color: var(--murekkep); }
.gd-h3 { margin: var(--bosluk-s) 0 0; font-size: var(--yz-h3); font-weight: 700; letter-spacing: -0.02em; }
.gd-kayit { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.gd-kayit li {
 display: grid; grid-template-columns: 7.5rem minmax(0, 1fr) auto; align-items: baseline; gap: 4px 14px;
 padding: 12px 16px; border-radius: var(--r-plaka); background: var(--kagit-3);
}
.gd-tur { font-size: var(--yz-mikro); letter-spacing: 0.06em; text-transform: uppercase; color: var(--murekkep-3); }
.gd-kayit b { font-weight: 600; }
.gd-sonuc { font-size: var(--yz-kucuk); color: var(--murekkep-3); white-space: nowrap; }
.gd-sonuc[data-gecti='1'] { color: var(--ikinci); font-weight: 700; }
.gd-gunler { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.gd-gunler li {
 display: grid; justify-items: center; gap: 6px; padding: 14px 4px 12px;
 border-radius: var(--r-plaka); background: var(--isik); box-shadow: var(--g1);
}
.gd-gunler li[data-gelecek='1'] { background: var(--kagit-3); box-shadow: none; }
.gd-gunler li[data-bugun='1'] { box-shadow: 0 0 0 2px var(--murekkep); }
.gd-gunler li[data-tam='1'] { background: var(--asit); }
.gd-gunler .mono { font-size: var(--yz-mikro); color: var(--murekkep-3); }
.gd-gunler b { font-size: var(--yz-h3); font-weight: 700; }
.gd-nokta { display: flex; gap: 4px; }
.gd-nokta u { display: block; width: 8px; height: 8px; border-radius: var(--r-tam); background: var(--tas); }
.gd-nokta u[data-dolu='1'] { background: var(--ikinci); }
.gd-rakam { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.gd-rakam li { display: grid; align-content: start; gap: 4px; padding: 16px; border-radius: var(--r-plaka); background: var(--kagit-3); }
.gd-rakam b { font-family: var(--f-display); font-size: var(--yz-h2); font-weight: 700; line-height: 1; }
.gd-rakam small, .gd-rakam span { font-size: var(--yz-kucuk); color: var(--murekkep-3); }
.gd-olcum-kart {
 display: grid; justify-items: start; gap: 10px; padding: 22px var(--pad); border-radius: var(--r-md);
 background: var(--alan-2); color: var(--alan-2-metin);
}
.gd-sv {
 display: inline-flex; padding: 6px 16px; border-radius: var(--r-plaka); background: var(--asit); color: var(--murekkep);
 font-size: var(--yz-h1); font-weight: 700; letter-spacing: -0.03em;
}
.gd-olcum-kart p { margin: 0; max-width: 46ch; font-size: var(--yz-orta); line-height: 1.5; }
.gd-yol { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.gd-yol a {
 display: grid; gap: 6px; padding: 16px 18px; border-radius: var(--r-md); background: var(--isik); box-shadow: var(--g1);
 color: var(--murekkep); text-decoration: none; transition: transform var(--gecis);
}
.gd-yol a:hover { transform: translateY(-2px); }
.gd-yol li[data-ben='1'] a { box-shadow: 0 0 0 2px var(--murekkep); }
.gd-yol b { font-size: var(--yz-h3); }
.gd-yol span { font-size: var(--yz-kucuk); color: var(--murekkep-3); }
.gd-yol .gd-cubuk { margin-top: 4px; }
@media (max-width: 640px) {
 .gd-hedef { grid-template-columns: auto minmax(0, 1fr); }
 .gd-durum { grid-column: 2; }
 .gd-kayit li { grid-template-columns: minmax(0, 1fr) auto; }
 .gd-tur { grid-column: 1 / -1; }
 .gd-rakam { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .gd-gunler { gap: 4px; }
 .gd-gunler li { padding: 10px 2px; }
 .gd-gunler b { font-size: var(--yz-h4); }
}
@media (prefers-reduced-motion: reduce) {
 .gd-ust, .gd-cubuk i, .gd-yol a { transition: none; }
 .gd-yol a:hover { transform: none; }
}
.ip-kurallar, .ip-tuzaklar { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.ip-tuzaklar { margin-top: 12px; }
.tam-test[data-gecti='1'] { background: var(--ikinci); }
.ig-bant {
 display: grid; gap: 12px; margin: 16px 0 0; padding: 16px 18px;
 border-radius: var(--r-md); background: var(--asit-2); color: var(--murekkep);
}
.ig-bant p { margin: 0; font-size: var(--yz-orta); line-height: 1.5; }
.ig-adim { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.ig-adim a {
 display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 14px;
 border-radius: var(--r-plaka); background: var(--isik); color: var(--murekkep);
 font-size: var(--yz-kucuk); font-weight: 600; text-decoration: none; box-shadow: var(--g1);
}
.ig-adim a:hover { background: var(--kagit); }
.ig-adim .mono { display: inline-grid; place-items: center; min-width: 22px; height: 22px; border-radius: var(--r-tam); background: var(--murekkep); color: var(--asit); font-size: var(--yz-mikro); }
.gd-eylem .hap-asit, .gd-eylem .hap-kagit { max-width: 100%; white-space: normal; text-align: left; }