/* Mizan Mali Müşavirlik — v5.1 "muhasebe yazılımı" iskeleti (H7 arama başlığı · K3 uygulama kabuğu · A6 pano · F7 SSS + iletişim)
   Saf beyaz + sis #EEF2F7 + oxford #13294B (derin blok) + mercan #FF6F59 (vergi / son gün vurgusu).
   Roboto Serif (başlık, tutar) + Roboto Flex (gövde, arayüz); rakamlar tabular. Köşe ≤ 10px, düğme 4px, hap yok. */
@font-face { font-family: 'Roboto Serif'; src: url(font/roboto-serif.woff2) format('woff2'); font-weight: 300 700; font-display: swap; }
@font-face { font-family: 'Roboto Flex'; src: url(font/roboto-flex.woff2) format('woff2'); font-weight: 300 800; font-display: swap; }

:root {
  --ox: #13294B; --ox2: #1D3A66; --ox3: #2C4C80; --oxt: #6680AC; --oxd: #0D1F3B;
  --ink: #0F1C33; --sl: #53637C; --sl2: #7B889C;
  --co: #FF6F59; --co2: #E4513C; --co3: #FFAE9F; --cow: #FFF1ED;
  --sis: #EEF2F7; --sis2: #E2E8F1; --ln: #DCE3EC; --ln2: #C6D2E4;
  --serif: 'Roboto Serif', 'Georgia', serif; --sans: 'Roboto Flex', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --wmax: 1312px; --g: clamp(16px, 4.4vw, 64px); --hd: 72px;
  --e1: 0 1px 2px rgba(19, 41, 75, .06), 0 3px 10px -4px rgba(19, 41, 75, .10);
  --e2: 0 22px 44px -22px rgba(19, 41, 75, .26), 0 8px 18px -10px rgba(15, 28, 51, .14);
  --e3: 0 46px 90px -30px rgba(19, 41, 75, .38), 0 18px 34px -18px rgba(15, 28, 51, .22);
  --ui-vurgu: #13294B; --ui-vurgu-murekkep: #fff; --ui-zemin: #fff; --ui-murekkep: #0F1C33; --ui-yuzey: #fff; --ui-yaricap: 3px;
  --ui-font-baslik: 'Roboto Serif', serif; --ui-ust-bosluk: 64px; --ui-hata: #C93A26; --ui-basari: #13294B; --ui-golge: 0 30px 60px -24px rgba(19, 41, 75, .32), 0 10px 22px -12px rgba(15, 28, 51, .16);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 92px; }
body { margin: 0; background: #fff; color: var(--ink); font: 400 17.5px/1.6 var(--sans); font-optical-sizing: auto; font-variant-numeric: tabular-nums lining-nums; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: clip; }
img, svg { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; background: none; border: 0; padding: 0; }
h1, h2, h3, h4, p, ul, ol, dl, dd, figure { margin: 0; }
ul, ol { padding: 0; list-style: none; }
:focus-visible { outline: 2px solid var(--co); outline-offset: 3px; }
::selection { background: var(--co3); color: var(--ink); }
[hidden] { display: none !important; }
.sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: absolute; left: 12px; top: -60px; z-index: 300; background: var(--ox); color: #fff; padding: 10px 16px; border-radius: 4px; }
.skip:focus { top: 12px; }
main:focus { outline: none; }
.w { width: min(100% - 2 * var(--g), var(--wmax)); margin-inline: auto; }
.ic { width: 20px; height: 20px; flex: none; }
.mk { width: 44px; height: 40px; flex: none; }

/* ---------------------------------------------------------------- tipografi */
.h1 { font: 330 clamp(40px, 5.4vw, 78px)/1.02 var(--serif); letter-spacing: -.032em; color: var(--ox); text-wrap: balance; }
.h2 { font: 330 clamp(34px, 4.1vw, 60px)/1.04 var(--serif); letter-spacing: -.03em; color: var(--ox); text-wrap: balance; }
.h3 { font: 420 clamp(22px, 2vw, 27px)/1.2 var(--serif); letter-spacing: -.012em; color: var(--ox); }
.lead { font-size: clamp(17.5px, 1.4vw, 19.5px); line-height: 1.6; color: var(--sl); max-width: 60ch; }
.sh { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 24px clamp(32px, 5vw, 80px); align-items: end; margin-bottom: clamp(36px, 4.4vw, 60px); }
.sh:not(:has(.sh-r)) { grid-template-columns: 1fr; }
.sh-r { display: grid; gap: 16px; justify-items: start; }
.sh-p { color: var(--sl); max-width: 52ch; }
.sec { padding: clamp(72px, 9vw, 128px) 0; }
.sec-sis { background: var(--sis); }
.tag { display: inline-flex; align-items: center; height: 24px; padding: 0 8px; border-radius: 3px; background: var(--sis); color: var(--ox); font: 600 12.5px/1 var(--sans); }

/* ---------------------------------------------------------------- düğmeler ve bağlantılar */
.btn { --bz: var(--ox); --bm: #fff; position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 48px; padding: 0 20px; border-radius: 4px; border: 1px solid transparent; background: var(--bz); color: var(--bm); font: 600 15.5px/1 var(--sans); white-space: nowrap; overflow: hidden; isolation: isolate; transition: transform .12s ease, background-color .2s ease, border-color .2s ease; }
.btn::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--bh, var(--ox2)); transform: scaleX(0); transform-origin: left; transition: transform .32s cubic-bezier(.2, .7, .2, 1); }
.btn:hover::before { transform: scaleX(1); }
.btn:active { transform: scale(.975); }
.btn .ic { width: 18px; height: 18px; transition: transform .25s ease; }
.btn:hover .ic { transform: translateX(3px); }
.btn:disabled { cursor: default; opacity: .6; }
.btn:disabled::before { display: none; }
.btn-p { --bz: var(--ox); --bm: #fff; --bh: var(--ox3); }
.btn-c { --bz: var(--co); --bm: var(--ink); --bh: #FF8C79; }
.btn-l { --bz: #fff; --bm: var(--ox); --bh: var(--sis); border-color: var(--ln2); }
.btn-g { --bz: transparent; --bm: #fff; --bh: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .34); }
.btn-w { width: 100%; }
.lnk { display: inline-flex; align-items: center; gap: 8px; color: var(--ox); font: 600 15.5px/1.3 var(--sans); background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat; padding-bottom: 3px; transition: background-size .3s ease; }
.lnk:hover { background-size: 0 1px; background-position: 100% 100%; }
.lnk .ic { width: 17px; height: 17px; transition: transform .25s; }
.lnk:hover .ic { transform: translateX(3px); }

/* ---------------------------------------------------------------- başlık: arama/komut merkezli (H7) — beyaz kalır */
.hd { position: sticky; top: 0; z-index: 100; background: #fff; border-bottom: 1px solid transparent; transition: border-color .2s; }
.hd--k { border-bottom-color: var(--ln); }
.hd-in { display: flex; align-items: center; gap: clamp(12px, 1.6vw, 24px); height: var(--hd); max-width: 1480px; margin: 0 auto; padding: 0 var(--g); }
.logo { display: flex; align-items: center; gap: 11px; flex: none; }
.logo-t { display: grid; line-height: 1; }
.logo-a { font: 480 25px/1 var(--serif); letter-spacing: -.025em; color: var(--ox); }
.logo-b { font: 500 12px/1.2 var(--sans); color: var(--sl); margin-top: 4px; letter-spacing: .01em; }
.mk { width: 40px; height: 36px; }
.ara { position: relative; flex: 1 1 auto; max-width: 640px; margin: 0 auto; }
.ara-f { position: relative; display: flex; align-items: center; height: 50px; padding: 0 12px 0 46px; border-radius: 6px; background: #F2F5F9; box-shadow: inset 0 0 0 1px rgba(19, 41, 75, .06); transition: background .15s, box-shadow .15s; }
.ara-f:hover { box-shadow: inset 0 0 0 1px var(--ln2); }
.ara.is-acik .ara-f, .ara-f:focus-within { background: #fff; box-shadow: inset 0 0 0 1.5px var(--ox), 0 10px 30px -14px rgba(19, 41, 75, .35); }
.ara-i { position: absolute; left: 15px; width: 20px; height: 20px; color: var(--sl); pointer-events: none; }
.ara-f input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: none; font: 450 16px/1 var(--sans); color: var(--ink); }
.ara-f input::placeholder { color: #6E7C92; }
.ara-f input::-webkit-search-cancel-button { display: none; }
.ara-kb, .ara-ft kbd { display: inline-grid; place-items: center; min-width: 22px; height: 24px; padding: 0 7px; border-radius: 4px; background: #fff; box-shadow: inset 0 0 0 1px var(--ln2), 0 1px 0 var(--ln2); font: 600 12px/1 var(--sans); color: var(--sl); white-space: nowrap; }
.ara-kb { flex: none; }
.ara-x { display: none; }
.hd-son { flex: none; display: inline-flex; align-items: baseline; gap: 8px; height: 40px; align-items: center; padding: 0 2px; font-size: 13.5px; color: var(--sl); white-space: nowrap; }
.hd-son i { width: 7px; height: 7px; background: var(--co); flex: none; align-self: center; }
.hd-son b { font-weight: 650; color: var(--ink); }
.hd-son em { font-style: normal; font-weight: 650; color: var(--co2); }
.hd-son:hover b { color: var(--ox); }
.hd-son.yakin i { animation: nabiz 1.6s ease-in-out infinite; }
@keyframes nabiz { 50% { opacity: .25; } }
.hd-ab { display: none; width: 44px; height: 44px; place-items: center; border-radius: 4px; color: var(--ox); box-shadow: inset 0 0 0 1px var(--ln); }
.hd-menu { flex: none; display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 12px; border-radius: 4px; font: 550 15px/1 var(--sans); color: var(--ink); transition: background .15s; }
.hd-menu:hover, .hd-menu[aria-expanded=true] { background: var(--sis); }
.hd-menu i { position: relative; width: 18px; height: 10px; border-top: 1.6px solid var(--ox); border-bottom: 1.6px solid var(--ox); }
.hd-cta { flex: none; height: 44px; padding: 0 18px; }

/* arama paneli: sonuçlar + önizleme; boşken site indeksi */
.ara-p { position: absolute; z-index: 5; top: calc(100% + 12px); left: 50%; width: min(960px, calc(100vw - 32px)); transform: translateX(-50%); background: #fff; border-radius: 10px; box-shadow: 0 50px 100px -30px rgba(13, 31, 59, .42), 0 18px 40px -20px rgba(13, 31, 59, .25), 0 0 0 1px rgba(19, 41, 75, .08); overflow: hidden; animation: inen .12s ease-out; }
@keyframes inen { from { opacity: 0; transform: translate(-50%, -6px); } }
.ix-g { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) minmax(0, 1fr); }
.ix-c { padding: 24px 24px 22px; }
.ix-c + .ix-c { border-left: 1px solid var(--ln); }
.ix-k { font: 600 12.5px/1 var(--sans); color: var(--sl); margin-bottom: 12px; }
.ix-c ul { display: grid; }
.ix-c li a { display: grid; gap: 2px; padding: 9px 10px; margin: 0 -10px; border-radius: 5px; transition: background .12s; }
.ix-c li a:hover, .ix-c li a:focus-visible { background: var(--sis); }
.ix-c li b { font: 430 17px/1.25 var(--serif); color: var(--ox); letter-spacing: -.01em; }
.ix-c li a[aria-current] b::after { content: ''; display: inline-block; width: 6px; height: 6px; background: var(--co); margin-left: 8px; vertical-align: middle; }
.ix-c li span { font-size: 13px; line-height: 1.4; color: var(--sl); }
.ix-c:nth-child(2) ul { grid-template-columns: 1fr; }
.ix-c:nth-child(2) li span { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.ix-son { background: #F6F8FB; display: flex; flex-direction: column; }
.ix-son ol { display: grid; }
.ix-son li a { grid-template-columns: 1fr auto auto !important; align-items: baseline; gap: 10px !important; padding: 11px 0 !important; margin: 0 !important; border-radius: 0 !important; border-top: 1px solid var(--ln); }
.ix-son li a:hover { background: none !important; }
.ix-son li a:hover b { color: var(--co2); }
.ix-son li b { font: 600 14.5px/1.3 var(--sans) !important; color: var(--ink) !important; }
.ix-son li span { font: 420 16px/1 var(--serif) !important; color: var(--ox) !important; }
.ix-son li em { font-style: normal; font-size: 12.5px; font-weight: 650; color: var(--co2); min-width: 46px; text-align: right; }
.ix-cta { margin-top: auto; display: grid; grid-template-columns: 1fr 18px; gap: 2px 12px; align-items: center; padding: 16px 18px; border-radius: 6px; background: var(--ox); color: #fff; transition: background .15s; }
.ix-cta:hover { background: var(--ox2); }
.ix-cta b { font: 420 18px/1.2 var(--serif); }
.ix-cta span { grid-row: 2; font-size: 13px; color: rgba(255, 255, 255, .7); }
.ix-cta .ic { grid-row: 1 / 3; grid-column: 2; width: 18px; height: 18px; color: var(--co3); }
.ara-sn { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); min-height: 300px; }
.ara-sn[hidden] { display: none; }
.ara-l { max-height: min(60vh, 520px); overflow-y: auto; padding: 10px 10px 14px; overscroll-behavior: contain; }
.ara-g > p { font: 600 12px/1 var(--sans); color: var(--sl); padding: 14px 12px 8px; }
.ara-l [role=option] a { display: grid; grid-template-columns: 20px 1fr; gap: 12px; align-items: start; padding: 10px 12px; border-radius: 5px; }
.ara-l [role=option].on a { background: var(--sis); box-shadow: inset 2px 0 var(--co); }
.ara-l [role=option] .ic { width: 18px; height: 18px; margin-top: 2px; color: var(--sl2); }
.ara-l [role=option].on .ic { color: var(--ox); }
.ara-l b { display: block; font-size: 15.5px; font-weight: 600; line-height: 1.3; color: var(--ink); }
.ara-l small { display: block; font-size: 13px; line-height: 1.4; color: var(--sl); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ara-l mark { background: none; color: var(--co2); box-shadow: inset 0 -2px rgba(255, 111, 89, .35); }
.ara-yok { display: grid; gap: 8px; padding: 22px 12px; font-size: 15px; }
.ara-yok > span:not(.ara-on2) { font-size: 13.5px; color: var(--sl); }
.ara-on2 { display: flex; flex-wrap: wrap; gap: 6px; }
.ara-on2 button { padding: 6px 10px; border-radius: 4px; box-shadow: inset 0 0 0 1px var(--ln2); font-size: 13.5px; color: var(--ox); }
.ara-on2 button:hover { background: var(--sis); }
.ara-on { display: flex; flex-direction: column; gap: 10px; padding: 24px 26px; background: #F6F8FB; border-left: 1px solid var(--ln); min-width: 0; }
.ara-on:empty { display: block; }
.op-ph { display: block; aspect-ratio: 16 / 9; border-radius: 6px; overflow: hidden; margin-bottom: 6px; background: var(--sis2); }
.op-ph img { width: 100%; height: 100%; object-fit: cover; }
.op-g { font: 600 12px/1 var(--sans); color: var(--sl); }
.op-t { font: 380 26px/1.12 var(--serif); letter-spacing: -.02em; color: var(--ox); text-wrap: balance; }
.op-d { font-size: 14.5px; line-height: 1.55; color: var(--ink); }
.op-k { font-size: 13px; color: var(--sl); }
.op-son { display: grid; margin: 4px 0; }
.op-son li { display: grid; grid-template-columns: 1fr auto; column-gap: 12px; padding: 10px 0; border-top: 1px solid var(--ln2); }
.op-son li b { font: 400 19px/1.1 var(--serif); color: var(--ox); }
.op-son li span { grid-row: 2; font-size: 12.5px; color: var(--sl); }
.op-son li em { grid-row: 1 / 3; align-self: center; font-style: normal; font-size: 13px; font-weight: 650; color: var(--sl); }
.op-son li.ilk b { font-size: 26px; }
.op-son li.ilk em { color: var(--co2); font-size: 15px; }
.op-a { margin-top: auto; display: inline-flex; align-items: center; gap: 8px; font: 600 14.5px/1 var(--sans); color: var(--ox); }
.op-a .ic { width: 16px; height: 16px; }
.ara-ft { display: flex; gap: 18px; align-items: center; padding: 11px 18px; border-top: 1px solid var(--ln); font-size: 12.5px; color: var(--sl); }
.ara-ft span { display: inline-flex; align-items: center; gap: 5px; }
.ara-ft kbd { height: 20px; min-width: 20px; padding: 0 5px; font-size: 11px; }
.ara-n { margin-left: auto; font-weight: 600; }

/* ---------------------------------------------------------------- K3 uygulama kabuğu: oxford blok + uygulama penceresi */
.ap { position: relative; }
.ap-slab { position: absolute; inset: 0 0 auto 0; height: clamp(300px, 34vw, 380px); background:
  radial-gradient(42% 90% at 88% 0%, rgba(255, 111, 89, .26), rgba(255, 111, 89, 0) 70%),
  radial-gradient(60% 120% at 0% 100%, #22457C, rgba(34, 69, 124, 0) 70%),
  repeating-linear-gradient(to bottom, rgba(255, 255, 255, .05) 0 1px, transparent 1px 36px),
  linear-gradient(160deg, #18335C, #102443 70%); }
.ap-slab::after { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(to right, rgba(255, 255, 255, .035) 0 1px, transparent 1px 164px); -webkit-mask: linear-gradient(to bottom, #000, transparent 85%); mask: linear-gradient(to bottom, #000, transparent 85%); }
.ap-ust { position: relative; z-index: 1; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px 48px; flex-wrap: wrap; padding: clamp(28px, 2.6vw, 40px) 0 clamp(22px, 2vw, 28px); color: #fff; }
.ap-h { font: 300 clamp(34px, 3.95vw, 60px)/1.04 var(--serif); letter-spacing: -.036em; text-wrap: balance; }
.ap-kn { display: flex; flex-wrap: wrap; padding-bottom: 8px; font-size: 14px; color: rgba(255, 255, 255, .72); }
.ap-kn span + span::before { content: ''; display: inline-block; width: 1px; height: 12px; background: rgba(255, 255, 255, .3); margin: 0 14px; vertical-align: -1px; }
.win { position: relative; z-index: 2; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 60px 120px -50px rgba(13, 31, 59, .5), 0 26px 50px -28px rgba(13, 31, 59, .3), 0 0 0 1px rgba(19, 41, 75, .07); }
.win-bar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: 56px; padding: 0 20px; border-bottom: 1px solid var(--ln); }
.win-t { display: flex; align-items: center; gap: 10px; min-width: 0; white-space: nowrap; }
.win-m { width: 22px; height: 20px; flex: none; }
.win-t b { font: 450 17px/1 var(--serif); color: var(--ox); letter-spacing: -.01em; }
.win-t span { font-size: 13px; color: var(--sl); overflow: hidden; text-overflow: ellipsis; }
.vw { position: relative; display: flex; height: 56px; }
.vw button { padding: 0 18px; font: 600 14.5px/1 var(--sans); color: var(--sl); transition: color .15s; }
.vw button[aria-selected=true] { color: var(--ox); }
.vw .tabs-i { bottom: -1px; }
.win-rs { justify-self: end; display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 10px; border-radius: 4px; font-size: 13.5px; color: var(--sl); }
.win-rs:hover { background: var(--sis); color: var(--ox); }
.win-rs .ic { width: 15px; height: 15px; }
.win-g { display: grid; grid-template-columns: minmax(0, 384px) minmax(0, 1fr); }
/* sol panel */
.pn { display: flex; flex-direction: column; border-right: 1px solid var(--ln); background: #fff; }
.pn-s { border: 0; margin: 0; min-width: 0; padding: 15px 24px; border-bottom: 1px solid var(--ln); }
.pn-k { display: flex; align-items: baseline; gap: 8px; padding: 0; font: 600 13.5px/1.3 var(--sans); color: var(--ink); }
.pn-k span { font-weight: 400; font-size: 12.5px; color: var(--sl); }
.pn-tur { position: relative; padding-top: 16px; padding-bottom: 12px; }
.pn-tur legend { margin-bottom: 6px; float: left; width: 100%; }
.pn-lk { position: absolute; right: 24px; top: 15px; display: inline-flex; align-items: center; gap: 5px; font: 600 13px/1.3 var(--sans); color: var(--ox); }
.pn-lk .ic { width: 14px; height: 14px; transition: transform .2s; }
.pn-lk:hover .ic { transform: translateX(2px); }
.tr { position: relative; clear: both; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "a v" "b b"; column-gap: 12px; row-gap: 6px; padding: 8px 12px 9px 14px; margin: 0 -12px; border-radius: 6px; cursor: pointer; transition: background .15s; }
.tr::before { content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; width: 2px; background: var(--ox); transform: scaleY(0); transition: transform .2s; }
.tr:hover { background: #F6F8FB; }
.tr:has(input:checked) { background: var(--sis); }
.tr:has(input:checked)::before { transform: none; }
.tr input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.tr input:focus-visible ~ .tr-a b { outline: 2px solid var(--co); outline-offset: 2px; }
.tr-a { grid-area: a; display: grid; }
.tr-a b { font-size: 15.5px; font-weight: 620; color: var(--ink); line-height: 1.3; }
.tr.oneri .tr-a b::after { content: 'öneri'; margin-left: 8px; padding: 2px 5px; border-radius: 3px; background: var(--cow); font: 650 11px/1 var(--sans); color: var(--co2); vertical-align: 2px; }
.tr-a small { font-size: 12.5px; color: var(--sl); line-height: 1.35; }
.tr-v { grid-area: v; display: grid; justify-items: end; align-content: start; }
.tr-v b { font: 400 19px/1.15 var(--serif); color: var(--ox); letter-spacing: -.01em; }
.tr-v b::after { content: ' ₺'; font-size: 14px; }
.tr-v small { font-size: 12px; color: var(--sl); }
.tr-bar { grid-area: b; height: 3px; background: var(--sis2); }
.tr-bar i { display: block; height: 100%; width: calc(var(--w) * 100%); background: var(--oxt); transition: width .45s cubic-bezier(.2, .7, .2, 1); }
.tr:has(input:checked) .tr-bar i { background: var(--co); }
.pn-on { clear: both; margin-top: 6px; font-size: 13px; line-height: 1.45; color: var(--ink); min-height: 38px; }
.pn-on b { color: var(--ox); font-weight: 650; }
.pn-on button { color: var(--co2); font-weight: 650; text-decoration: underline; text-underline-offset: 3px; }
.sw-ok { display: inline-block; width: 7px; height: 7px; background: #2E9D6B; margin-right: 8px; vertical-align: 1px; }
.pn-r { display: grid; grid-template-columns: 1fr auto; align-items: baseline; row-gap: 6px; }
.pn-o { font: 330 28px/1 var(--serif); color: var(--ox); letter-spacing: -.025em; }
.pn-o2 { font-size: 22px; font-weight: 380; }
.pn-r input[type=range], .pn-sc, .pn-r .sw-seg, .pn-dn { grid-column: 1 / -1; }
.pn-sc { display: flex; justify-content: space-between; font-size: 11.5px; color: var(--sl2); margin-top: -2px; }
.pn-2 { display: grid; grid-template-columns: 1fr; gap: 12px; padding-bottom: 16px; }
.pn-dg { grid-template-columns: auto minmax(0, 1fr); column-gap: 20px; align-items: center; }
.pn-dg .sw-seg { grid-column: 2; }
.pn-dg .sw-seg span { padding: 8px 6px; }
.pn-dn { display: none; font-size: 12px; color: var(--sl); line-height: 1.35; }
.pn.sahis .sw-seg { opacity: .4; }
.pn.sahis .pn-dn { display: block; }
.sw-seg { display: grid; grid-template-columns: repeat(3, 1fr); border-radius: 4px; overflow: hidden; box-shadow: inset 0 0 0 1px var(--ln2); }
.sw-seg label { position: relative; }
.sw-seg label + label { box-shadow: inset 1px 0 var(--ln2); }
.sw-seg input, .sw-tur input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.sw-seg span { display: block; padding: 8px 2px; text-align: center; font: 600 13px/1.2 var(--sans); color: var(--sl); transition: background .15s, color .15s; }
.sw-seg input:checked + span { background: var(--ox); color: #fff; }
.sw-seg input:focus-visible + span { outline: 2px solid var(--co); outline-offset: -2px; }
.pn-a { padding: 16px 24px; }
.pn-a .btn { height: 46px; }
.pn-ft { margin-top: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 8px 12px; background: #F6F8FB; border-top: 1px solid var(--ln); }
.pn-ki { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 10px; align-items: center; padding: 6px 8px; border-radius: 6px; transition: background .15s; }
.pn-ki:hover { background: #fff; }
.pn-ki b { display: block; font-size: 13.5px; font-weight: 620; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pn-ki small { display: block; font-size: 12.5px; color: var(--sl); line-height: 1.3; }
.pn-ki em { font-style: normal; font-weight: 700; color: var(--co2); }
.pn-ki > .ic { width: 15px; height: 15px; color: var(--sl2); }
.pn-pt, .pn-ph { position: relative; display: block; width: 36px; height: 36px; border-radius: 4px; overflow: hidden; background: var(--sis2); }
.pn-pt img, .pn-ph img { width: 100%; height: 100%; object-fit: cover; }
.pn-ph i { position: absolute; right: 2px; bottom: 2px; display: grid; place-items: center; width: 15px; height: 15px; border-radius: 2px; background: var(--ox); color: #fff; }
.pn-ph i .ic { width: 11px; height: 11px; }
/* sağ canvas */
.cvs { position: relative; display: flex; flex-direction: column; min-width: 0; background: linear-gradient(180deg, #FBFCFE, #F3F6FA); }
.cvs-ak { flex: 1; display: flex; padding: 18px 26px 6px 22px; }
.cvs-ak[hidden], .cvs-tb[hidden] { display: none; }
.cvs-ak .ak { flex: 1; min-height: 440px; }
.cvs-tb { flex: 1; padding: 18px 26px 10px; }
.ak-ko { position: absolute; inset: 0; pointer-events: none; }
.ak-k { position: absolute; top: 0; bottom: 0; display: grid; align-content: start; gap: 1px; padding-left: 0; white-space: nowrap; }
.ak-k::after { content: ''; position: absolute; left: 0; top: 40px; bottom: 0; border-left: 1px solid rgba(19, 41, 75, .08); }
.ak-k b { font: 650 12px/1.2 var(--sans); color: var(--ink); }
.ak-k small { font-size: 11.5px; color: var(--sl2); }
.ak.dar .ak-ko { display: none; }
.cv-oz { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); background: #fff; border-top: 1px solid var(--ln); }
.cv-oz div { padding: 14px 22px 16px; }
.cv-oz div + div { border-left: 1px solid var(--ln); }
.cv-oz dt { font: 600 12.5px/1.3 var(--sans); color: var(--ink); }
.cv-oz dt small { display: block; font-weight: 400; font-size: 12px; color: var(--sl); }
.cv-oz dd { margin-top: 6px; font: 400 15px/1.1 var(--serif); color: var(--ox); white-space: nowrap; }
.cv-oz dd b { font-weight: 380; font-size: 25px; letter-spacing: -.02em; }
.cv-oz dd em { font-style: normal; font-family: var(--sans); font-size: 13px; font-weight: 650; color: var(--co2); margin-left: 6px; }
.cv-oz div:first-child dd b { color: var(--co2); }
.cv-oz-k { background: var(--sis); }
.cvs-n { display: flex; gap: 8px; align-items: start; padding: 10px 22px 12px; background: #fff; border-top: 1px solid var(--ln); font-size: 12.5px; line-height: 1.45; color: var(--sl); }
.cvs-n .ic { width: 15px; height: 15px; margin-top: 1px; }
/* tablo görünümü */
.tb { width: 100%; border-collapse: collapse; font-size: 15px; }
.tb th, .tb td { padding: 11px 10px; border-bottom: 1px solid var(--ln); text-align: right; white-space: nowrap; }
.tb th:first-child { text-align: left; font-weight: 500; white-space: normal; }
.tb thead th { font: 600 12.5px/1 var(--sans); color: var(--sl); border-bottom: 1px solid var(--ln2); padding-top: 4px; }
.tb th small { color: var(--sl2); font-size: 12px; font-weight: 400; }
.tb td b { font: 400 18px/1 var(--serif); color: var(--ink); letter-spacing: -.01em; }
.tb td[data-tp], .tb td[data-tfp] { color: var(--sl); font-size: 14px; }
.tb td:last-child { width: 26%; }
.tb-bar { display: block; height: 6px; width: calc(min(var(--w), 1) * 100%); margin-left: auto; background: var(--oxt); transition: width .4s; }
.tb-ara th, .tb-ara td b { font-weight: 650; color: var(--ox); }
.tb-ara td b { font-weight: 450; }
.tb-ara .tb-bar { background: var(--ox); }
.tb-vg td b, .tb-S td b, .tb-kdv td b { color: var(--co2); }
.tb-vg .tb-bar, .tb-S .tb-bar { background: var(--co); }
.tb-kdv .tb-bar { background: var(--co3); }
.tb-gider .tb-bar, .tb-hes .tb-bar { background: var(--sis2); }
.tb tr.z { opacity: .35; }
.tb tfoot th, .tb tfoot td { border-bottom: 0; border-top: 2px solid var(--ox); padding-top: 13px; }
.tb tfoot tr + tr th, .tb tfoot tr + tr td { border-top: 1px solid var(--ln); }
.tb tfoot td b { font-size: 22px; }
.tb-dev td b { color: var(--co2); }
.tb-kal td b { color: var(--ox); }

/* şirket türü sekmesi (karşılaştırıcı sayfası) */
.sw-tur { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--ln); }
.sw-tur label { position: relative; cursor: pointer; }
.sw-tur input, .sw-seg input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.sw-tur span { display: block; padding: 9px 0 11px; text-align: center; font: 600 15px/1.2 var(--sans); color: var(--sl); transition: color .15s; }
.sw-tur input:checked + span { color: var(--ox); }
.sw-tur input:focus-visible + span { outline: 2px solid var(--co); outline-offset: -2px; }
.sw-ti { position: absolute; left: 0; bottom: -1px; width: calc(100% / 3); height: 2px; background: var(--co); transform: translateX(calc(var(--i, 1) * 100%)); transition: transform .26s cubic-bezier(.2, .7, .2, 1); }

/* kaydırıcı */
input[type=range] { -webkit-appearance: none; appearance: none; width: 100%; height: 24px; background: transparent; margin: 0; cursor: pointer; --p: 50%; }
input[type=range]::-webkit-slider-runnable-track { height: 4px; border-radius: 2px; background: linear-gradient(to right, var(--ox) var(--p), var(--sis2) var(--p)); }
input[type=range]::-moz-range-track { height: 4px; border-radius: 2px; background: linear-gradient(to right, var(--ox) var(--p), var(--sis2) var(--p)); }
input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 14px; height: 24px; margin-top: -10px; border-radius: 3px; background: #fff; border: 2px solid var(--ox); box-shadow: 0 4px 10px -3px rgba(19, 41, 75, .4); transition: transform .12s; }
input[type=range]::-moz-range-thumb { width: 10px; height: 20px; border-radius: 3px; background: #fff; border: 2px solid var(--ox); }
input[type=range]:active::-webkit-slider-thumb { transform: scaleY(1.12); }
input[type=range]:focus-visible { outline: none; }
input[type=range]:focus-visible::-webkit-slider-thumb { outline: 2px solid var(--co); outline-offset: 2px; }

/* sankey */
.ak { position: relative; }
.ak-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.ak-l path { opacity: .96; stroke: rgba(255, 255, 255, .9); stroke-width: 1; stroke-linejoin: round; transition: opacity .25s ease; cursor: pointer; }
.ak-l path[data-l=tg] { opacity: .55; }
.ak-p { pointer-events: none; }
.ak-p path { mix-blend-mode: normal; }
.ak.dar .ak-p { display: none; }
.ak-kes { fill: none; stroke: #fff; stroke-width: 2.2; stroke-linecap: square; pointer-events: none; }
.ak-n rect { transition: opacity .25s; }
.ak[data-on] .ak-l path:not(.on) { opacity: .16; }
.ak[data-on] .ak-n rect:not(.on) { opacity: .25; }
.ak[data-on] .al:not(.on):not(.z) { opacity: .3; }
.ak[data-on] .al.on .al-v { color: var(--ox); }
.ak[data-on] .al-vg.on .al-v, .ak[data-on] .al-S.on .al-v { color: var(--co2); }
@keyframes akis { to { stroke-dashoffset: -36; } }
.ak-lab { position: absolute; inset: 0; pointer-events: none; }
.al { position: absolute; display: grid; gap: 1px; transform: translateY(-50%); white-space: nowrap; transition: opacity .2s; --c: var(--ox); }
.al.z { opacity: 0; }
.al-u { transform: translateY(-100%); }
.al-n { display: flex; align-items: center; gap: 6px; font: 500 12.5px/1.2 var(--sans); color: var(--sl); }
.al-n::before { content: ''; width: 8px; height: 8px; background: var(--c); flex: none; }
.al-n i { font-style: normal; font-size: 11.5px; color: var(--sl2); }
.al-n i:empty { display: none; }
.al-v { font: 420 19px/1.15 var(--serif); color: var(--ink); letter-spacing: -.012em; }
.al-K .al-v, .al-N .al-v { font-size: 22px; color: var(--ox); }
.al-gider .al-v { color: var(--sl); font-size: 17px; }
.al-kdv { --c: #FFA897; } .al-gider { --c: #D3DCE8; } .al-vg { --c: var(--co); } .al-S { --c: var(--co2); } .al-O { --c: #6680AC; }
.al-vg .al-v, .al-S .al-v { color: var(--co2); }
.ak-lg { display: none; }

/* ---------------------------------------------------------------- A6 pano: modüller */
.pano { position: relative; background: var(--sis); margin-top: -220px; padding: calc(220px + clamp(64px, 6vw, 88px)) 0 clamp(96px, 10vw, 140px); }
.pano-h { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px 40px; margin-bottom: clamp(32px, 3.4vw, 48px); }
.pano-d { display: flex; flex-wrap: wrap; gap: 8px 24px; padding-bottom: 8px; font-size: 14.5px; color: var(--sl); }
.pano-d span:first-child { color: var(--ink); font-weight: 600; }
.pano-g { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; align-items: start; }
.md { position: relative; min-width: 0; display: flex; flex-direction: column; padding: clamp(24px, 2.6vw, 36px); background: #fff; border-radius: 10px; box-shadow: 0 1px 2px rgba(19, 41, 75, .05), 0 18px 40px -26px rgba(19, 41, 75, .22); scroll-margin-top: 96px; }
.md-h { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px 28px; margin-bottom: clamp(20px, 2.2vw, 30px); }
.md-hl { min-width: 0; }
.md-t { font: 360 clamp(25px, 2.25vw, 34px)/1.08 var(--serif); letter-spacing: -.025em; color: var(--ox); text-wrap: balance; }
.md-d { margin-top: 8px; font-size: 15.5px; line-height: 1.55; color: var(--sl); max-width: 58ch; }
.md-s { flex: none; padding-top: 6px; }
.md-s .lnk { font-size: 14.5px; }
.md-b { min-width: 0; }
.md-yil { grid-column: 1 / -1; }
.md-hz { grid-column: 1 / 8; }
.md-ox { grid-column: 8 / 13; align-self: stretch; }
.md-pk { grid-column: 1 / -1; }
.md-sk { grid-column: 1 / 6; align-self: stretch; }
.md-ek { grid-column: 6 / 13; }
.md-rh { grid-column: 1 / -1; }
/* koyu modül */
.md-ox { background: radial-gradient(120% 80% at 100% 0%, #25447B, #13294B 60%, #0F2240); color: #fff; box-shadow: 0 40px 80px -40px rgba(13, 31, 59, .55); }
.md-ox .md-t { color: #fff; }
.md-ox .md-d { color: rgba(255, 255, 255, .7); }
.md-ox .md-b { display: flex; flex-direction: column; gap: 22px; flex: 1; }
.lnk-w { color: #fff; margin-top: auto; align-self: flex-start; }

/* mali yıl modülü (sabitlenmiş) */
.yil-st { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 80px); min-height: 252px; }
.yil-ay, .yil-is { display: grid; }
.yil-a, .yil-l { grid-area: 1 / 1; opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity .28s ease, transform .4s cubic-bezier(.2, .7, .2, 1), visibility 0s .28s; }
.yil-a.on, .yil-l.on { opacity: 1; visibility: visible; transform: none; transition: opacity .28s ease, transform .4s cubic-bezier(.2, .7, .2, 1); }
.yil-an { font: 280 clamp(60px, min(7.4vw, 12vh), 116px)/.9 var(--serif); letter-spacing: -.05em; color: var(--ox); }
.yil-ao { display: flex; flex-wrap: wrap; gap: 6px 22px; margin-top: 18px; font-size: 14.5px; color: var(--sl); }
.yil-ao span:first-child { color: var(--co2); font-weight: 650; }
.yil-ao b { color: var(--ink); font-weight: 650; }
.yil-not { margin-top: 12px; font-size: 17.5px; line-height: 1.5; max-width: 36ch; }
.yil-l { align-content: start; }
.yil-l li { display: grid; grid-template-columns: 92px 1fr; gap: 20px; padding: clamp(10px, 1.5vh, 14px) 0; border-top: 1px solid var(--ln); }
.yil-l li:last-child { border-bottom: 1px solid var(--ln); }
.yl-d b { display: block; font: 330 clamp(30px, 4.2vh, 38px)/1 var(--serif); letter-spacing: -.03em; color: var(--ox); }
.yl-d small { font-size: 13px; color: var(--sl); }
.yl-b b { display: block; font-size: 17px; font-weight: 620; line-height: 1.3; }
.yl-b small { display: block; font-size: 14px; color: var(--sl); line-height: 1.45; margin-top: 3px; }
.yil-s { position: relative; margin-top: clamp(22px, 3vh, 36px); }
.yil-sr { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 6px; }
.yil-c { display: grid; gap: 10px; padding: 10px 10px 8px; background: #F4F7FA; border-radius: 4px; transition: background .25s; }
.yil:not(.pinli) .yil-c { cursor: pointer; }
.yil-cn { display: flex; justify-content: space-between; font: 600 13px/1 var(--sans); color: var(--sl); }
.yil-cn em { font-style: normal; font-weight: 600; font-size: 11px; color: var(--co2); }
.yil-ct { position: relative; height: 26px; border-bottom: 1px solid var(--ln2); }
.yil-ct i { position: absolute; bottom: 0; left: calc((var(--d) - .5) / var(--n) * 100% - 1.5px); width: 3px; height: 12px; background: var(--ln2); transition: background .2s; }
.yil-ct i.b { height: 24px; }
.yil-ct i.yan { background: var(--co); }
.yil-c.gc2 { background: #EBF0F6; }
.yil-c.on { background: var(--ox); }
.yil-c.on .yil-cn, .yil-c.on .yil-cn em { color: #fff; }
.yil-c.on .yil-ct { border-bottom-color: rgba(255, 255, 255, .3); }
.yil-c.on .yil-ct i:not(.yan) { background: rgba(255, 255, 255, .3); }
.yil-ph { position: absolute; top: -8px; bottom: -8px; left: 0; width: 2px; margin-left: -1px; background: var(--co); pointer-events: none; transition: left .12s linear; }
.yil-ph::before { content: ''; position: absolute; top: -5px; left: -4px; width: 10px; height: 10px; background: var(--co); }
.yil-m { display: none; }

/* hizmet satırları */
.hzr { border-bottom: 1px solid var(--ln); }
.hzr a { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr) 112px 18px; gap: 18px; align-items: center; padding: 14px 10px; margin: 0 -10px; border-top: 1px solid var(--ln); border-radius: 4px; isolation: isolate; }
.hzr li:first-child a { border-top: 0; }
.hzr a::before { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: 4px; background: var(--sis); opacity: 0; transition: opacity .2s; }
.hzr a:hover::before, .hzr a:focus-visible::before { opacity: 1; }
.hzr-ph { display: block; width: 56px; height: 56px; border-radius: 5px; overflow: hidden; background: var(--sis); }
.hzr-ph img { width: 100%; height: 100%; object-fit: cover; }
.hzr-a b { display: block; font: 420 20px/1.2 var(--serif); color: var(--ox); letter-spacing: -.012em; }
.hzr-a small { display: block; font-size: 14px; color: var(--sl); line-height: 1.4; margin-top: 2px; }
.hzr-k { display: grid; justify-items: end; font: 400 22px/1 var(--serif); color: var(--ink); }
.hzr-k small { font: 400 12px/1.4 var(--sans); color: var(--sl); }
.hzr-s { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--sl); white-space: nowrap; }
.ava-s { width: 28px; height: 28px; border-radius: 3px; }
.hzr-o { width: 18px; height: 18px; color: var(--ox); transition: transform .25s; }
.hzr a:hover .hzr-o { transform: translateX(3px); }

/* ay kapanışı (koyu modül içi) */
.cet { position: relative; overflow: hidden; }
.cet-r { display: grid; grid-template-columns: repeat(var(--n), 1fr); height: 20px; border-bottom: 1px solid rgba(255, 255, 255, .22); font-size: 11px; color: rgba(255, 255, 255, .56); }
.cet-r span { position: relative; }
.cet-r span.bu { color: var(--co3); font-weight: 700; }
.cet-r span.bu::after { content: ''; position: absolute; left: 0; bottom: -150px; width: 1px; top: 16px; background: rgba(255, 159, 141, .7); pointer-events: none; }
.cet-r span:empty::before { content: ''; position: absolute; left: 0; bottom: 0; width: 1px; height: 4px; background: rgba(255, 255, 255, .22); }
.cet-f li { position: relative; height: 44px; margin-top: 6px; }
.cet-b { position: absolute; top: 4px; height: 6px; left: calc((var(--a) - 1) / var(--n) * 100%); width: calc((var(--z) - var(--a) + 1) / var(--n) * 100%); background: rgba(255, 255, 255, .26); }
.cet-f .bitti .cet-b { background: rgba(255, 255, 255, .62); }
.cet-f .simdi .cet-b { background: var(--co); }
.cet-t { position: absolute; top: 15px; left: calc((var(--a) - 1) / var(--n) * 100%); white-space: nowrap; font-size: 13px; line-height: 1.2; }
.cet-f .f2 .cet-t, .cet-f .f3 .cet-t { left: auto; right: calc((var(--n) - var(--z)) / var(--n) * 100%); text-align: right; }
.cet-t b { font-weight: 600; margin-right: 6px; }
.cet-t small { color: rgba(255, 255, 255, .62); font-size: 12px; }
.onm { padding: 18px 20px 18px; border-radius: 8px; background: rgba(255, 255, 255, .06); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1); }
.onm-k { font: 600 12.5px/1 var(--sans); color: rgba(255, 255, 255, .62); margin-bottom: 4px; }
.on-r { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-top: 1px solid rgba(255, 255, 255, .12); }
.onm .on-r:first-of-type { border-top: 0; }
.on-r b { display: block; font-size: 15px; font-weight: 600; }
.on-r small { font-size: 12.5px; color: rgba(255, 255, 255, .62); }
.on-t { text-align: right; }
.on-t b { font: 380 22px/1.1 var(--serif); letter-spacing: -.01em; }
.on-a { display: grid; gap: 8px; margin-top: 10px; font-size: 12.5px; color: rgba(255, 255, 255, .62); }
.on-a .btn { justify-self: start; height: 42px; }
.onm.ok .on-t b { color: #9EE6C2; }
.onm.ok .btn { --bz: #2E7D5B; --bm: #fff; opacity: 1; }

/* portal önizleme (iç sayfalar) */
.pv { display: grid; gap: 12px; padding: 18px 18px 16px; background: #fff; border-radius: 8px; box-shadow: var(--e2); }
.pv-h { display: flex; justify-content: space-between; align-items: start; gap: 12px; }
.pv-k { font-size: 12.5px; color: var(--sl); }
.pv-t { font: 420 22px/1.1 var(--serif); color: var(--ox); }
.pv-st { font: 600 12px/1 var(--sans); color: #8A4A00; background: #FFF3DD; padding: 5px 7px; border-radius: 3px; white-space: nowrap; }
.pv-p { height: 4px; background: var(--sis2); }
.pv-p span { display: block; height: 100%; width: calc(var(--p) * 100%); background: var(--ox); }
.pv-l li { display: grid; grid-template-columns: 20px 1fr auto; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid var(--ln); font-size: 14px; }
.pv-l li .ic { width: 18px; height: 18px; color: var(--sl2); }
.pv-l b { display: block; font-weight: 600; line-height: 1.25; }
.pv-l small { font-size: 12.5px; color: var(--sl); }
.pv-l em { font-style: normal; font-size: 12.5px; font-weight: 650; color: var(--ox); }
.pv-l li.bek em { color: #8A4A00; }
.pv-l li.eks em, .pv-l li.eks .ic { color: var(--co2); }

/* paket kapsamı tablosu */
.pkt { border-top: 1px solid var(--ln2); }
.pkt-r { display: grid; grid-template-columns: minmax(0, 1.35fr) repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--ln); transition: background .15s; }
.pkt-r:not(.pkt-h):hover { background: #F8FAFC; }
.pkt-r > div { padding: 14px 18px; display: flex; align-items: center; font-size: 15.5px; }
.pkt-r > div[role=rowheader] { font-weight: 500; }
.pkt-r > .on { background: #F4F7FB; }
.pkt-h { position: sticky; top: var(--hd); z-index: 2; background: #fff; }
.pkt-h > div { display: grid; align-content: end; gap: 4px; padding: 18px 18px 16px; }
.pkt-h b { font: 420 21px/1.15 var(--serif); color: var(--ox); }
.pkt-h small { font-size: 13px; color: var(--sl); line-height: 1.35; }
.pkt-h > div > span { font-size: 12.5px; font-weight: 600; color: var(--ox); }
.pkt-h .pkt-c0 span { font: 600 13px/1 var(--sans); color: var(--sl); }
.pkt-h > .on { background: var(--ox); color: #fff; border-radius: 6px 6px 0 0; }
.pkt-h > .on b, .pkt-h > .on > span { color: #fff; }
.pkt-h > .on small { color: rgba(255, 255, 255, .72); }
.pc-y { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 4px; background: var(--ox); color: #fff; }
.pc-y .ic { width: 16px; height: 16px; }
.pc-n i { display: block; width: 14px; height: 2px; background: var(--ln2); }
.pc-s { font-weight: 600; font-size: 14.5px; color: var(--ox); }
.pkt-n { display: flex; gap: 10px; align-items: start; margin-top: 18px; font-size: 14px; color: var(--sl); max-width: 80ch; }
.pkt-n .ic { width: 18px; height: 18px; margin-top: 2px; }

/* sektörler modülü */
.skm { display: grid; gap: 18px; }
.skm-f { position: relative; aspect-ratio: 16 / 10; border-radius: 8px; overflow: hidden; background: var(--ox); }
.skm-i { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity .35s ease; }
.skm-i.on { opacity: 1; }
.skm-i img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.04); transition: transform 1.4s cubic-bezier(.2, .7, .2, 1); }
.skm-i.on img { transform: none; }
.skm-i figcaption { position: absolute; left: 0; right: 0; bottom: 0; display: grid; gap: 8px; padding: 56px 18px 16px; background: linear-gradient(to top, rgba(9, 20, 39, .86) 25%, rgba(9, 20, 39, 0)); color: #fff; }
.skm-i figcaption span { justify-self: start; font: 600 12.5px/1 var(--sans); padding: 5px 8px; border-radius: 3px; background: rgba(255, 255, 255, .16); }
.skm-i figcaption ul { display: grid; gap: 2px; font-size: 13.5px; line-height: 1.4; color: rgba(255, 255, 255, .9); }
.skm-i figcaption li::before { content: ''; display: inline-block; width: 10px; height: 2px; background: var(--co); vertical-align: middle; margin-right: 8px; }
.skm-l a { display: grid; grid-template-columns: minmax(0, 1fr) auto 16px; gap: 12px; align-items: baseline; padding: 11px 0; border-top: 1px solid var(--ln); transition: color .15s; }
.skm-l b { font: 420 17px/1.25 var(--serif); color: var(--ink); transition: color .15s; }
.skm-l span { font-size: 12.5px; color: var(--sl); white-space: nowrap; }
.skm-l .ic { width: 16px; height: 16px; color: var(--sl2); align-self: center; transition: transform .2s, color .2s; }
.skm-l a.on b, .skm-l a:hover b { color: var(--ox); }
.skm-l a.on .ic { color: var(--co2); transform: translateX(3px); }

/* ekip modülü */
.ekm { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px 18px; }
.ekm a { display: grid; gap: 4px; }
.ekm-pt { display: block; aspect-ratio: 4 / 5; border-radius: 6px; overflow: hidden; background: var(--sis); margin-bottom: 8px; }
.ekm-pt img, .pt img { width: 100%; height: 100%; object-fit: cover; }
.ekm-pt img { transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
.ekm a:hover .ekm-pt img { transform: scale(1.035); }
.ekm b { font-size: 15.5px; font-weight: 620; line-height: 1.3; }
.ekm small { font-size: 13px; color: var(--sl); }

/* rehber modülü */
.rhm { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(28px, 4vw, 56px); align-items: start; }
.rhm-a { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 28px; align-items: center; }
.rhm-ph { display: block; aspect-ratio: 4 / 3; border-radius: 8px; overflow: hidden; background: var(--sis); }
.rhm-ph img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
.rhm-a:hover .rhm-ph img { transform: scale(1.03); }
.rhm-b { display: grid; gap: 10px; }
.rhm-b small, .rhm-l small { font-size: 13px; color: var(--sl); }
.rhm-b b { font: 380 clamp(22px, 2vw, 29px)/1.18 var(--serif); color: var(--ox); letter-spacing: -.018em; text-wrap: balance; }
.rhm-b > span:not(.rhm-y) { font-size: 15px; color: var(--sl); line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.rhm-y { display: flex; align-items: center; gap: 10px; font-size: 13.5px; font-weight: 600; }
.rhm-l li a { display: grid; grid-template-columns: minmax(0, 1fr) 16px; gap: 4px 16px; align-items: center; padding: 14px 0; border-top: 1px solid var(--ln); }
.rhm-l li:first-child a { border-top: 0; padding-top: 0; }
.rhm-l b { grid-column: 1; font: 400 17px/1.3 var(--serif); color: var(--ink); transition: color .15s; }
.rhm-l small { grid-column: 1; }
.rhm-l .ic { grid-row: 1 / 3; grid-column: 2; width: 16px; height: 16px; color: var(--sl2); }
.rhm-l a:hover b { color: var(--ox); }

/* yazı kartı ve akordeon (iç sayfalar) */
.yk-g { display: grid; gap: 22px; }
.yk a { display: grid; gap: 14px; }
.yk-ph { display: block; border-radius: 8px; overflow: hidden; background: var(--sis2); aspect-ratio: 16 / 10; }
.yk-ph img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
.yk a:hover .yk-ph img { transform: scale(1.035); }
.yk-b { display: grid; gap: 8px; align-content: start; }
.yk-m { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; font-size: 13.5px; color: var(--sl); }
.yk-t { font: 400 22px/1.22 var(--serif); color: var(--ox); letter-spacing: -.012em; text-wrap: balance; }
.yk-o { font-size: 15.5px; color: var(--sl); line-height: 1.55; }
.yk-a { display: flex; align-items: center; gap: 10px; margin-top: 4px; font-size: 14px; }
.yk-a b { display: block; font-weight: 600; }
.yk-a small { color: var(--sl); }
.yk-a .ava { width: 36px; height: 36px; }
.yk-b1 .yk-t { font-size: clamp(24px, 2.2vw, 32px); }
.acc { width: 100%; border-top: 1px solid var(--ln2); }
.acc .ui-akordeon { border-bottom: 1px solid var(--ln2); }
.acc .ui-akordeon summary { font: 420 18px/1.35 var(--serif); color: var(--ox); padding: 18px 0; }
.acc .ui-akordeon p { color: var(--sl); padding-bottom: 18px; max-width: 62ch; }
.ava { display: block; width: 44px; height: 44px; border-radius: 4px; overflow: hidden; flex: none; background: var(--sis); }
.ava img { width: 100%; height: 100%; object-fit: cover; }
.acik { display: inline-flex; align-items: center; gap: 8px; }
.acik::before { content: ''; width: 8px; height: 8px; background: var(--sl2); }
.acik.on::before { background: #2E9D6B; }
.cv { position: relative; display: grid; grid-template-columns: repeat(var(--n), 1fr); gap: 2px; height: 6px; width: 100%; }
.cv i { background: var(--sis2); }
.cv i.gc { background: var(--ln2); }
.cv i.sg { background: var(--co); }
.cv-b { position: absolute; top: -3px; bottom: -3px; width: 2px; left: calc((var(--b) - .5) / var(--n) * 100% - 1px); background: var(--ox); }

/* ---------------------------------------------------------------- footer: SSS + iletişim yan yana (F7) — dev logo yok */
.ft { background: #fff; border-top: 1px solid var(--ln); }
.ft-in { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(36px, 5vw, 80px); align-items: start; padding: clamp(72px, 8vw, 112px) 0 clamp(64px, 7vw, 96px); }
.ft-sss { display: grid; gap: 22px; justify-items: start; }
.ft-sh { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px 32px; width: 100%; }
.ft-h { font: 330 clamp(34px, 3.6vw, 52px)/1.04 var(--serif); letter-spacing: -.032em; color: var(--ox); }
.ft-q { display: flex; align-items: center; gap: 10px; height: 46px; width: min(300px, 100%); padding: 0 12px; border-radius: 5px; background: #F2F5F9; box-shadow: inset 0 0 0 1px rgba(19, 41, 75, .06); }
.ft-q:focus-within { background: #fff; box-shadow: inset 0 0 0 1.5px var(--ox); }
.ft-q .ic { width: 18px; height: 18px; color: var(--sl); }
.ft-q input { flex: 1; min-width: 0; border: 0; outline: 0; background: none; font-size: 15px; }
.ft-il { position: sticky; top: calc(var(--hd) + 24px); display: grid; gap: 16px; padding: clamp(26px, 3vw, 40px); border-radius: 10px; background: radial-gradient(120% 80% at 100% 0%, #25447B, #13294B 60%, #0F2240); color: #fff; box-shadow: 0 40px 80px -40px rgba(13, 31, 59, .55); }
.ft-ih { font: 330 clamp(26px, 2.4vw, 34px)/1.1 var(--serif); letter-spacing: -.024em; text-wrap: balance; }
.ft-ip { font-size: 15.5px; color: rgba(255, 255, 255, .72); }
.ft-bt { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin: 4px 0 8px; font-size: 13.5px; color: rgba(255, 255, 255, .72); }
.ft-il .acik::before { background: rgba(255, 255, 255, .4); }
.ft-il .acik.on::before { background: #5CD69E; }
.ft-dl div { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-top: 1px solid rgba(255, 255, 255, .14); font-size: 15px; }
.ft-dl dt { font-size: 13px; color: rgba(255, 255, 255, .55); padding-top: 2px; }
.ft-dl dd { display: grid; gap: 8px; justify-items: start; }
.ft-dl a { color: #fff; background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size .25s; }
.ft-dl a:hover { background-size: 100% 1px; }
.ft-copy { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #fff; padding: 5px 9px; border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .24); }
.ft-copy .ic { width: 14px; height: 14px; }
.ft-copy.ok { color: var(--co3); box-shadow: inset 0 0 0 1px var(--co3); }
.ft-son { display: grid; width: 100%; }
.ft-son li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: baseline; padding: 2px 0; }
.ft-son li span { font-size: 14px; }
.ft-son li b { font: 400 16px/1 var(--serif); }
.ft-son li em { font-style: normal; font-size: 12.5px; font-weight: 650; color: var(--co3); min-width: 46px; text-align: right; }
.ft-bar { border-top: 1px solid var(--ln); }
.ft-bar-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 40px; padding: 26px 0 22px; }
.ft-nav ul { display: flex; flex-wrap: wrap; gap: 6px 22px; }
.ft-nav a { font-size: 14.5px; color: var(--ink); background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size .25s, color .15s; }
.ft-nav a:hover { color: var(--ox); background-size: 100% 1px; }
.ft-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 28px; padding: 16px 0 28px; border-top: 1px solid var(--ln); font-size: 13px; color: var(--sl); }
.ft-law { flex: 1 1 360px; }
.ft-lg { display: flex; align-items: center; gap: 18px; }
.ft-lg a:hover { color: var(--ox); }
.ft-up { display: inline-flex; align-items: center; gap: 6px; color: var(--ox); font-size: 13px; font-weight: 600; }
.ft-up .ic { width: 15px; height: 15px; }

/* ---------------------------------------------------------------- iç sayfa: uygulama düzeni */
.ip { background: var(--sis); }
.ip-h { background: #fff; border-bottom: 1px solid var(--ln); }
.ip-hi { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 24px clamp(32px, 5vw, 88px); align-items: end; padding: clamp(28px, 3vw, 44px) 0 clamp(30px, 3.2vw, 46px); }
.ip-t { display: grid; gap: 16px; justify-items: start; }
.ip-t .h1 { max-width: 20ch; }
.ip-m { font-size: 14px; color: var(--sl); }
.kn { display: grid; padding-bottom: 4px; }
.kn div { display: flex; align-items: baseline; gap: 12px; padding: 10px 0; border-top: 1px solid var(--ln); }
.kn div:last-child { border-bottom: 1px solid var(--ln); }
.kn dt { flex: 1; display: flex; align-items: baseline; gap: 12px; font-size: 14px; color: var(--sl); white-space: nowrap; }
.kn dt::after { content: ''; flex: 1; min-width: 16px; border-bottom: 1px dotted var(--ln2); transform: translateY(-4px); }
.kn dd { font: 400 18px/1.2 var(--serif); color: var(--ox); letter-spacing: -.01em; text-align: right; }
.ip-g { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: clamp(24px, 3vw, 40px); align-items: start; padding: clamp(28px, 3vw, 40px) 0 clamp(80px, 8vw, 120px); }
.ip-g1 { grid-template-columns: minmax(0, 1fr); }
.ip-pn { position: sticky; top: calc(var(--hd) + 20px); min-width: 0; }
.ip-pi { display: grid; gap: 16px; }
.ip-c { display: grid; gap: 24px; min-width: 0; }
.toc { padding: 18px 20px 12px; background: #fff; border-radius: 10px; box-shadow: 0 1px 2px rgba(19, 41, 75, .05); }
.toc-k { font: 600 12.5px/1 var(--sans); color: var(--sl); margin-bottom: 8px; }
.toc li a { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-top: 1px solid var(--ln); font-size: 14.5px; color: var(--ink); transition: color .15s; }
.toc li:first-child a { border-top: 0; }
.toc li a::before { content: ''; width: 6px; height: 6px; background: var(--ln2); flex: none; transition: background .15s; }
.toc li a:hover, .toc li a.on { color: var(--ox); }
.toc li a:hover::before, .toc li a.on::before { background: var(--co); }
.ip-pn .phc, .ip-pn .sg-k, .ip-pn .ldg-k { box-shadow: 0 1px 2px rgba(19, 41, 75, .05), 0 18px 40px -26px rgba(19, 41, 75, .22); }
.bc ol { display: flex; flex-wrap: wrap; gap: 4px 0; font-size: 13.5px; color: var(--sl); }
.bc li + li::before { content: ''; display: inline-block; width: 14px; height: 1px; background: var(--ln2); vertical-align: middle; margin: 0 9px; }
.bc a:hover { color: var(--ox); }
.bc [aria-current] { color: var(--ink); font-weight: 550; max-width: 46ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ip-c > .md .sh { margin-bottom: 24px; }

/* ================================================================ İÇ SAYFALAR */
/* hz-ui köşeli kimlik */
.ui-akordeon-ikon, .ui-takvim-git, .ui-takvim-gun { border-radius: 3px !important; }
.ui-akordeon-ikon { width: 30px; height: 30px; }
.ui-takvim-gun::after { border-radius: 0; }

.phc { background: #fff; border-radius: 10px; box-shadow: var(--e3); overflow: hidden; }
.phc-f { margin: 0; }
.phc-i { display: block; aspect-ratio: 16 / 10; background: var(--sis); }
.phc-i img { width: 100%; height: 100%; object-fit: cover; }
.phc-f figcaption { padding: 16px 20px 18px; }
.phc-k { display: flex; align-items: center; gap: 8px; font: 600 13px/1.3 var(--sans); color: var(--sl); margin-bottom: 8px; }
.phc-k .ic { width: 17px; height: 17px; color: var(--ox); }
.phc-r li { display: flex; justify-content: space-between; gap: 16px; padding: 9px 0; border-top: 1px solid var(--ln); font-size: 14.5px; }
.phc-r li span { color: var(--sl); }
.phc-r li b { font-weight: 600; text-align: right; }
.phc-r a { color: var(--ox); }
.phc-k2 { display: grid; gap: 12px; padding: 20px 22px; }
.phc-t { width: 100%; border-collapse: collapse; font-size: 14px; }
.phc-t th, .phc-t td { text-align: left; padding: 8px 6px 8px 0; border-top: 1px solid var(--ln); }
.phc-t thead th { font-weight: 600; font-size: 12.5px; color: var(--sl); border-top: 0; }
.phc-t tbody th { font-weight: 600; }
.phc-t tr.on th, .phc-t tr.on td { color: var(--ox); }
.phc-t tr.on th::before { content: ''; display: inline-block; width: 8px; height: 8px; background: var(--co); margin-right: 8px; }
.phc-n { display: flex; gap: 8px; align-items: start; font-size: 13.5px; color: var(--sl); }
.phc-n .ic { width: 17px; height: 17px; margin-top: 1px; }
.phc-n a { color: var(--ox); font-weight: 600; }
.phc-q { display: flex; flex-wrap: wrap; gap: 6px; }
.phc-q button { padding: 6px 10px; border: 1px solid var(--ln2); border-radius: 3px; font-size: 13.5px; color: var(--ox); }
.phc-q button:hover { background: var(--sis); }
.phc-pt { display: block; aspect-ratio: 4 / 5; border-radius: 6px; overflow: hidden; }
.pv-pn { font-size: 13.5px; color: var(--sl); }
.pv-pn b { color: var(--ink); }
/* sıradaki son gün kartı */
.sg-k { display: grid; gap: 6px; padding: 22px 24px; border-radius: 10px; background: radial-gradient(120% 90% at 100% 0%, #26467C, #13294B 62%); color: #fff; box-shadow: var(--e3); }
.sg-l { font-size: 13px; color: rgba(255, 255, 255, .62); }
.sg-k b { font: 330 clamp(26px, 2.6vw, 36px)/1.08 var(--serif); letter-spacing: -.025em; }
.sg-t { display: flex; justify-content: space-between; gap: 12px; font-size: 15px; color: rgba(255, 255, 255, .8); }
.sg-t em { font-style: normal; font-weight: 700; color: var(--co3); }
.sg-k .cv { width: 100%; height: 8px; margin-top: 10px; }
.sg-k .cv i { background: rgba(255, 255, 255, .16); } .sg-k .cv i.gc { background: rgba(255, 255, 255, .34); } .sg-k .cv i.sg { background: var(--co); } .sg-k .cv-b { background: #fff; }
/* vergi dilimleri cetveli */
.ldg-k { padding: 22px 24px; background: #fff; border-radius: 10px; box-shadow: var(--e3); }
.ldg-h { font: 600 14px/1.3 var(--sans); margin-bottom: 10px; display: flex; justify-content: space-between; gap: 12px; }
.ldg-h span { font-weight: 400; color: var(--sl); font-size: 13px; }
.ldg { width: 100%; border-collapse: collapse; }
.ldg th, .ldg td { padding: 9px 0; border-top: 1px solid var(--ln); font-size: 14.5px; }
.ldg th { text-align: left; font-weight: 450; color: var(--sl); }
.ldg td { text-align: right; font: 420 18px/1 var(--serif); color: var(--ox); }
.ldg-t th, .ldg-t2 th { color: var(--ink); font-weight: 600; }
.ldg-t th, .ldg-t td { border-top: 2px solid var(--ox); }
.ldg-t2 td { color: var(--co2); }
.ldg-n { display: flex; gap: 8px; margin-top: 12px; font-size: 12.5px; color: var(--sl); }
.ldg-n .ic { width: 16px; height: 16px; }

/* karşılaştırıcı */
.kars { display: grid; grid-template-columns: minmax(0, 380px) minmax(0, 1fr); gap: 28px; align-items: start; }
.kg { position: sticky; top: 84px; display: grid; gap: 18px; padding: 22px; background: #fff; border-radius: 10px; box-shadow: var(--e2); }
.kg-h { display: flex; justify-content: space-between; align-items: center; }
.kg-k { display: flex; align-items: center; gap: 8px; font: 440 19px/1 var(--serif); color: var(--ox); }
.kg-k .ic { display: none; }
.kg-rs { font-size: 13.5px; color: var(--sl); text-decoration: underline; text-underline-offset: 3px; }
.kg-r { display: grid; grid-template-columns: 1fr auto; align-items: baseline; row-gap: 6px; }
.kg-r > label, .kg-lb { font: 600 14px/1.3 var(--sans); }
.kg-o { font: 420 20px/1 var(--serif); color: var(--ox); }
.kg-r input[type=range], .kg-sc, .kg-n, .kg-r > .seg, .kg-r > .st { grid-column: 1 / -1; }
.kg-sc { display: flex; justify-content: space-between; font-size: 11.5px; color: var(--sl2); }
.kg-n { font-size: 13.5px; color: var(--sl); }
.kg-n b { color: var(--ink); }
.kg-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.kg-st { grid-template-columns: 1fr; }
.st { display: grid; grid-template-columns: 40px 1fr 40px; align-items: center; border: 1px solid var(--ln2); border-radius: 4px; height: 42px; }
.st button { height: 100%; display: grid; place-items: center; color: var(--ox); }
.st button:disabled { opacity: .3; }
.st button .ic { width: 16px; height: 16px; }
.st output { text-align: center; font: 420 18px/1 var(--serif); }
.seg { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--ln2); border-radius: 4px; overflow: hidden; }
.seg-4 { grid-template-columns: repeat(2, 1fr); }
.seg label { position: relative; }
.seg label + label { border-left: 1px solid var(--ln2); }
.seg-4 label:nth-child(3) { border-left: 0; }
.seg-4 label:nth-child(n+3) { border-top: 1px solid var(--ln2); }
.seg input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.seg span { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 9px 4px; font: 600 13.5px/1.2 var(--sans); color: var(--sl); text-align: center; }
.seg span .ic { width: 16px; height: 16px; }
.seg input:checked + span { background: var(--ox); color: #fff; }
.seg input:focus-visible + span { outline: 2px solid var(--co); outline-offset: -2px; }
.tg { position: relative; display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: center; cursor: pointer; }
.tg input { position: absolute; opacity: 0; }
.tg-s { position: relative; width: 40px; height: 22px; border-radius: 3px; background: var(--sis2); transition: background .2s; }
.tg-s::after { content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 2px; background: #fff; box-shadow: var(--e1); transition: transform .2s; }
.tg input:checked + .tg-s { background: var(--ox); }
.tg input:checked + .tg-s::after { transform: translateX(18px); }
.tg input:focus-visible + .tg-s { outline: 2px solid var(--co); outline-offset: 2px; }
.tg b { display: block; font-size: 14px; }
.tg small { font-size: 13px; color: var(--sl); }
.kg-x { display: flex; gap: 8px; font-size: 12.5px; color: var(--sl); line-height: 1.45; }
.kg-x .ic { width: 16px; height: 16px; margin-top: 1px; }
.kr { display: grid; gap: 20px; }
.kt { background: #fff; border-radius: 10px; box-shadow: var(--e1); overflow: hidden; }
.kt-r { display: grid; grid-template-columns: minmax(150px, 1fr) repeat(3, minmax(0, 1.15fr)); border-top: 1px solid var(--ln); }
.kt-hr { border-top: 0; background: #fff; }
.kt-l { padding: 16px 18px; }
.kt-l b { display: block; font-size: 14.5px; font-weight: 620; }
.kt-l small { font-size: 12.5px; color: var(--sl); }
.kt-y { font-size: 12.5px; color: var(--sl); }
.kt-col { position: relative; padding: 18px 16px 14px; border-left: 1px solid var(--ln); }
.kt-col.on { background: var(--ox); color: #fff; }
.kt-tag { display: block; min-height: 18px; font: 650 12px/1.3 var(--sans); color: var(--co3); }
.kt-tag .ic { display: none; }
.kt-cn { display: block; font: 420 20px/1.2 var(--serif); }
.kt-col small { font-size: 12.5px; color: var(--sl); }
.kt-col.on small { color: rgba(255, 255, 255, .7); }
.kt-c { padding: 16px; border-left: 1px solid var(--ln); font-size: 14.5px; transition: background .2s; }
.kt-c.on { background: #F5F8FC; }
.kt-c b { font-weight: 600; }
.kt-c small { display: block; font-size: 13px; color: var(--sl); margin-top: 3px; line-height: 1.45; }
.kt-v { display: block; font: 420 24px/1.1 var(--serif); color: var(--ox); }
.kt-v i { font-style: normal; font-size: 15px; margin-left: 3px; }
.kt-c.on .kt-v { color: var(--co2); }
.kt-bar { display: block; height: 6px; background: var(--sis2); margin: 10px 0 8px; }
.kt-bar i { display: block; height: 100%; width: calc(var(--w) * 100%); background: var(--ox); transition: width .5s cubic-bezier(.2, .7, .2, 1); }
.kt-c.on .kt-bar i { background: var(--co); }
.kt-e { font-size: 13px; color: var(--sl); }
.kt-e b { color: var(--ink); }
.kt-d summary { font-size: 13px; color: var(--ox); font-weight: 600; cursor: pointer; margin-top: 6px; }
.kt-yl li { display: grid; padding: 7px 0; border-top: 1px solid var(--ln); font-size: 13px; }
.kt-yl small { color: var(--sl); }
.kt-yl b { font-size: 12px; color: var(--ox); }
.kt-m { display: flex; align-items: center; gap: 10px; }
.mt { display: inline-flex; gap: 3px; }
.mt i { width: 14px; height: 6px; background: var(--sis2); }
.mt i.on { background: var(--ox); }
.kt-sm { font-size: 13px !important; color: var(--sl); }
.kz { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 20px; padding: 22px 24px; background: #fff; border-radius: 10px; box-shadow: var(--e1); }
.kz-h { font: 400 22px/1.2 var(--serif); color: var(--ox); margin-bottom: 10px; }
.kz-h b { font-weight: 500; color: var(--co2); }
.kz ul { display: grid; gap: 8px; }
.kz li { position: relative; padding-left: 20px; font-size: 14.5px; line-height: 1.5; }
.kz li::before { content: ''; position: absolute; left: 0; top: .7em; width: 10px; height: 2px; background: var(--co); }
.kz-a { display: grid; gap: 10px; align-content: start; justify-items: start; }
.kz-a .btn .ic { display: none; }
.kz-a p { font-size: 13px; color: var(--sl); }
.kars.flash .kz { animation: parla .7s ease; }
@keyframes parla { 0% { box-shadow: 0 0 0 0 rgba(255, 111, 89, .45); } 100% { box-shadow: 0 0 0 14px rgba(255, 111, 89, 0); } }
.kak-tur { max-width: 560px; margin-bottom: 18px; }
.kak-tur label { position: relative; cursor: pointer; }
.kak-tur input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.kak-tur input:checked + span { color: var(--ox); box-shadow: inset 0 -2px var(--co); }
.kak-s .ak { height: 520px; }
.frm { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--ln2); }
.frm > div { padding: 24px 28px 24px 0; }
.frm > div + div { padding-left: 28px; border-left: 1px solid var(--ln2); }
.frm-h { font: 420 21px/1.2 var(--serif); color: var(--ox); margin-bottom: 10px; }
.frm p:not(.frm-h):not(.frm-f) { font-size: 15.5px; color: var(--sl); }
.frm-f { margin-top: 14px; padding: 10px 12px; background: #fff; border-left: 2px solid var(--co); font: 400 14.5px/1.45 var(--serif); color: var(--ox); }
.adm { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 40px; }
.adm-c { padding: 22px; background: #fff; border-radius: 10px; }
.adm-h { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-bottom: 12px; }
.adm-h b { font: 420 20px/1.2 var(--serif); color: var(--ox); }
.adm-h span { font-size: 13px; color: var(--co2); font-weight: 650; }
.adm-c ol { counter-reset: a; }
.adm-c li { counter-increment: a; display: grid; grid-template-columns: 26px 1fr; padding: 8px 0; border-top: 1px solid var(--ln); font-size: 14.5px; line-height: 1.45; }
.adm-c li::before { content: counter(a); font: 420 15px/1.4 var(--serif); color: var(--sl2); }
.adm-f { margin-top: 12px; font-size: 13.5px; color: var(--sl); }

/* vergi takvimi */
.tkm { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--ln2); border-left: 1px solid var(--ln); }
.tkm-a { padding: 20px 20px 24px; border-right: 1px solid var(--ln); border-bottom: 1px solid var(--ln); scroll-margin-top: 90px; }
.tkm-a.gc { background: #FAFBFD; }
.tkm-a.gc .tkm-h b { color: var(--sl); }
.tkm-a.bu { background: var(--ox); color: #fff; }
.tkm-h { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.tkm-h b { font: 330 34px/1 var(--serif); letter-spacing: -.03em; color: var(--ox); }
.tkm-h span { font-size: 12.5px; color: var(--sl); }
.tkm-n { font-size: 13.5px; line-height: 1.45; color: var(--sl); margin: 10px 0 12px; min-height: 3.9em; }
.tkm-a.bu .tkm-h b, .tkm-a.bu .tkm-h span { color: #fff; }
.tkm-a.bu .tkm-n { color: rgba(255, 255, 255, .72); }
.tkm-a ul li { display: grid; grid-template-columns: 48px 1fr; gap: 10px; padding: 9px 0; border-top: 1px solid var(--ln); font-size: 14px; line-height: 1.3; }
.tkm-a.bu ul li { border-top-color: rgba(255, 255, 255, .16); }
.tkm-d b { display: block; font: 380 24px/1 var(--serif); color: var(--ox); }
.tkm-d small { font-size: 11.5px; color: var(--sl); }
.tkm-a.bu .tkm-d b { color: #fff; } .tkm-a.bu .tkm-d small, .tkm-a.bu li small { color: rgba(255, 255, 255, .6); }
.tkm-a li > span:last-child b { font-weight: 600; display: block; }
.tkm-a li small { display: block; font-size: 12px; color: var(--sl); margin-top: 2px; }
.tkm-a li.b .tkm-d b { color: var(--co2); }
.tkm-a.bu li.b .tkm-d b { color: var(--co3); }
.kt2 { background: #fff; border-radius: 10px; overflow: hidden; }
.kt2-r { display: grid; grid-template-columns: 1.1fr 1.2fr 1.3fr; border-top: 1px solid var(--ln); }
.kt2-r span { padding: 14px 18px; font-size: 15px; }
.kt2-h { border-top: 0; background: var(--ox); color: #fff; }
.kt2-h span { font-size: 13px; font-weight: 600; }

/* hizmetler */
.sk-mini { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 32px; border-top: 1px solid var(--ln2); }
.sk-mini a { display: grid; grid-template-columns: 80px 1fr 24px; gap: 16px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--ln); }
.sk-mp { display: block; width: 80px; height: 80px; border-radius: 6px; overflow: hidden; }
.sk-mp img { width: 100%; height: 100%; object-fit: cover; }
.sk-mini b { display: block; font: 420 18px/1.25 var(--serif); color: var(--ox); }
.sk-mini small { font-size: 13.5px; color: var(--sl); }
.sk-mini .ic { width: 18px; height: 18px; color: var(--ox); transition: transform .25s; }
.sk-mini a:hover .ic { transform: translateX(3px); }

/* hizmet sayfası */
.akz { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); position: relative; }
.akz::before { content: ''; position: absolute; left: 0; right: 0; top: 7px; height: 2px; background: linear-gradient(to right, var(--ox), var(--oxt) 70%, var(--co)); }
.akz li { position: relative; display: grid; gap: 8px; align-content: start; padding: 32px 24px 0 0; }
.akz li::before { content: ''; position: absolute; left: 0; top: 0; width: 16px; height: 16px; background: #fff; border: 2px solid var(--ox); border-radius: 2px; }
.akz li:last-child::before { border-color: var(--co); background: var(--co); }
.akz-z { font: 420 22px/1.1 var(--serif); color: var(--ox); }
.akz b { font-size: 16px; font-weight: 600; line-height: 1.4; }
.akz-s { font-size: 14.5px; color: var(--ink); padding: 10px 12px; background: #fff; border-radius: 4px; margin-top: 4px; }
.akz-s small { display: block; font-size: 12px; color: var(--sl); }
.ls li { position: relative; padding: 11px 0 11px 26px; border-top: 1px solid var(--ln2); font-size: 16px; line-height: 1.45; }
.ls li::before { content: ''; position: absolute; left: 0; top: 1.25em; width: 12px; height: 2px; background: var(--co); }
.ls-2 { display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; }
.cl { padding: 20px 22px; background: #fff; border-radius: 10px; }
.cl-h { display: flex; align-items: center; gap: 16px; margin-bottom: 8px; }
.cl-p { font-size: 14px; color: var(--sl); white-space: nowrap; }
.cl-p b { font: 420 20px/1 var(--serif); color: var(--ox); }
.cl-bar { flex: 1; height: 6px; background: var(--sis2); }
.cl-bar i { display: block; height: 100%; width: 0; background: var(--ox); transition: width .35s; }
.cl.tamam .cl-bar i { background: #2E7D5B; }
.cl ul li { padding: 10px 0; border-top: 1px solid var(--ln); }
.cl-n { display: flex; gap: 8px; margin-top: 10px; font-size: 13px; color: var(--sl); }
.cl-n .ic { width: 16px; height: 16px; }
.chk { position: relative; display: grid; grid-template-columns: 22px 1fr; gap: 12px; align-items: start; cursor: pointer; font-size: 15px; line-height: 1.45; }
.chk input { position: absolute; opacity: 0; width: 22px; height: 22px; margin: 0; }
.chk-b { display: grid; place-items: center; width: 22px; height: 22px; border: 1.5px solid var(--ln2); border-radius: 3px; background: #fff; transition: background .15s, border-color .15s; }
.chk-b .ic { width: 15px; height: 15px; color: #fff; opacity: 0; }
.chk input:checked + .chk-b { background: var(--ox); border-color: var(--ox); }
.chk input:checked + .chk-b .ic { opacity: 1; }
.chk input:focus-visible + .chk-b { outline: 2px solid var(--co); outline-offset: 2px; }
.chk a { color: var(--ox); text-decoration: underline; text-underline-offset: 3px; }
.chk .fld-e { grid-column: 2; }
.chk.err .chk-b { border-color: var(--co2); }
.sd-h { font: 600 13px/1.3 var(--sans); color: var(--sl); margin-bottom: 8px; }
.sd-y { display: grid; gap: 6px; padding: 10px 10px 16px; background: #fff; border-radius: 10px; }
.sd-ph { display: block; aspect-ratio: 16 / 10; border-radius: 6px; overflow: hidden; margin-bottom: 6px; }
.sd-ph img { width: 100%; height: 100%; object-fit: cover; }
.sd-y small { font-size: 12.5px; color: var(--sl); padding: 0 6px; }
.sd-y b { font: 420 18px/1.3 var(--serif); color: var(--ox); padding: 0 6px; }
.sd-kr { display: grid; grid-template-columns: 40px 1fr 20px; gap: 12px; align-items: center; padding: 14px 16px; background: var(--ox); color: #fff; border-radius: 10px; transition: background .2s; }
.sd-kr:hover { background: var(--ox2); }
.sd-ki { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 4px; background: rgba(255, 255, 255, .1); color: var(--co3); }
.sd-kr b { display: block; font-size: 15px; }
.sd-kr small { font-size: 13px; color: rgba(255, 255, 255, .7); }
.sd-kr > .ic { width: 18px; height: 18px; }
.sd-o { padding: 18px 20px; background: #fff; border-radius: 10px; }
.sd-o li a { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-top: 1px solid var(--ln); font-size: 15px; color: var(--ox); font-weight: 550; }
.sd-o .ic { width: 16px; height: 16px; }
/* etken / ilke satırları */
.etk { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 2px solid var(--ox); }
.etk-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.etk li { padding: 22px 26px 8px 0; }
.etk li + li { padding-left: 26px; border-left: 1px solid var(--ln2); }
.etk b { display: block; font: 420 22px/1.2 var(--serif); color: var(--ox); margin-bottom: 8px; }
.etk p { font-size: 15.5px; color: var(--sl); }
.etk-d { grid-template-columns: 1fr 1fr; border-top: 0; }
.etk-d li { padding: 16px 20px 16px 0; border-top: 1px solid var(--ln2); }
.etk-d li + li { padding-left: 0; border-left: 0; }
.etk-d li:nth-child(2n) { padding-left: 20px; border-left: 1px solid var(--ln2); }
.etk-d b { font-size: 19px; }

/* sektörler sayfası */
.sks { scroll-margin-top: 110px; }
.sks-in { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
.sks-in.ters .sks-f { order: 2; }
.sks-f { position: relative; margin: 0; }
.sks-f img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; }
.sks-f figcaption { position: absolute; left: 16px; bottom: 16px; display: flex; flex-wrap: wrap; gap: 6px; }
.sks-f figcaption span { padding: 6px 10px; background: #fff; border-radius: 4px; font-size: 13px; font-weight: 600; color: var(--ox); box-shadow: var(--e1); }
.sks-b { display: grid; gap: 12px; }
.sks-sh { font: 600 13px/1.3 var(--sans); color: var(--sl); margin-top: 10px; }
.sks-h { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.sks-h a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--ln2); border-radius: 4px; font-size: 14px; font-weight: 600; color: var(--ox); background: #fff; }
.sks-h a:hover { border-color: var(--ox); }
.sks-h .ic { width: 17px; height: 17px; }

/* ekip sayfası */
.pk-g { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 24px; }
.pk-g .pk:nth-child(3n+2) { margin-top: 56px; }
.pk { display: grid; gap: 16px; align-content: start; scroll-margin-top: 90px; }
.pk-ph { position: relative; }
.pk .pt { display: block; aspect-ratio: 4 / 5; border-radius: 10px; overflow: hidden; background: var(--sis); }
.pk-u { position: absolute; left: 12px; top: 12px; padding: 5px 9px; background: #fff; border-radius: 3px; font: 650 12.5px/1 var(--sans); color: var(--ox); }
.pk-n { font: 400 24px/1.15 var(--serif); color: var(--ox); }
.pk-r { font-size: 14.5px; color: var(--sl); }
.pk-oz { font-size: 15.5px; margin-top: 8px; }
.pk-d { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 12px; border-top: 1px solid var(--ln2); }
.pk-d div { padding: 10px 0; }
.pk-d dt { font-size: 12px; color: var(--sl); }
.pk-d dd { font: 420 17px/1.2 var(--serif); color: var(--ox); }
.pk-o { display: flex; flex-wrap: wrap; gap: 5px; }
.pk-o span { padding: 4px 8px; border-radius: 3px; background: var(--sis); font-size: 12.5px; color: var(--ox); font-weight: 550; }

/* portal */
.up { display: grid; gap: 16px; padding: 24px; background: #fff; border-radius: 10px; box-shadow: var(--e3); }
.up-h { display: flex; justify-content: space-between; align-items: start; gap: 12px; }
.up-s { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--sl); }
.up-s .ic { width: 15px; height: 15px; }
.up-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.up-d { display: grid; justify-items: center; gap: 6px; padding: 32px 16px; border: 1.5px dashed var(--ln2); border-radius: 8px; background: var(--sis); cursor: pointer; text-align: center; transition: border-color .2s, background .2s; }
.up-d.on, .up-d:hover { border-color: var(--ox); background: #E6ECF4; }
.up-di { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 6px; background: var(--ox); color: #fff; margin-bottom: 6px; }
.up-d b { font-size: 16px; }
.up-d small { font-size: 13px; color: var(--sl); }
.up-ornek { justify-self: start; font-size: 14px; }
.up-l li { display: grid; grid-template-columns: 20px 1fr 36px; gap: 10px; align-items: center; padding: 10px 0; border-top: 1px solid var(--ln); font-size: 14px; }
.up-l li .ic { width: 18px; height: 18px; color: var(--sl2); }
.up-l b { display: block; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.up-l small { font-size: 12.5px; color: var(--sl); }
.up-l li.eks small, .up-l li.eks .ic { color: var(--co2); }
.up-l li.ok .ic { color: #2E7D5B; }
.up-pr { display: block; height: 3px; background: var(--sis2); margin-top: 6px; }
.up-pr i { display: block; height: 100%; width: calc(var(--p) * 100%); background: var(--ox); }
.ib { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 4px; color: var(--ox); border: 1px solid var(--ln); }
.ib:hover { background: var(--sis); }
.ib .ic { width: 17px; height: 17px; }
.ib.ok { border-color: #2E7D5B; color: #2E7D5B; }
.up-f { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-top: 14px; border-top: 1px solid var(--ln); font-size: 14px; color: var(--sl); }
.up-ok { display: grid; grid-template-columns: 40px 1fr; gap: 14px; padding: 16px; background: #EEF7F2; border-radius: 6px; font-size: 14.5px; }
.up-oki { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 4px; background: #2E7D5B; color: #fff; }
.pt-s { display: grid; gap: 28px; }
.pt-gv { padding: 20px 22px; background: var(--sis); border-radius: 10px; }
.pt-gv .ls li { font-size: 15px; }
.pv.pv-st2 { position: relative; right: auto; bottom: auto; width: auto; }

/* rehber */
.fl { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 16px 32px; margin-bottom: 36px; border-bottom: 1px solid var(--ln2); }
.tabs-l { position: relative; display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.tabs-l button { padding: 12px 12px 14px; font: 600 15px/1 var(--sans); color: var(--sl); white-space: nowrap; }
.tabs-l button[aria-selected=true] { color: var(--ox); }
.tabs-i { position: absolute; left: 0; bottom: 0; height: 2px; background: var(--co); transition: transform .25s cubic-bezier(.2, .7, .2, 1), width .25s; }
.fl-s { display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 12px; margin-bottom: 8px; border: 1px solid var(--ln2); border-radius: 4px; background: #fff; min-width: 260px; }
.fl-s .ic { width: 18px; height: 18px; color: var(--sl); }
.fl-s input { border: 0; outline: 0; background: none; width: 100%; font-size: 15px; }
.phc .fl-s { min-width: 0; margin: 0; }
.yk-l { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 24px; }
.yk-l .yk-b1 { grid-column: 1 / -1; }
.yk-l .yk-b1 a { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 32px; align-items: center; }
.yk-l .yk-b1 .yk-ph { aspect-ratio: 16 / 9; }
.yk-l .yk-b1 .yk-t { font-size: clamp(26px, 2.6vw, 38px); }
.yk-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fl-e { padding: 24px; background: var(--sis); border-radius: 6px; }
.fl-e a { color: var(--ox); font-weight: 600; text-decoration: underline; }

/* yazı */
.yz-h { padding-top: clamp(22px, 3vw, 44px); }
.yz-hi { display: grid; gap: 18px; max-width: 900px; }
.yz-h .h1 { font-size: clamp(34px, 4.4vw, 62px); max-width: 22ch; }
.yz-a { display: flex; align-items: center; gap: 12px; font-size: 14.5px; }
.yz-a b { display: block; }
.yz-a small { color: var(--sl); }
.yz-t { display: flex; gap: 6px; margin-left: auto; }
.yz-ph { margin: 36px auto 0; }
.yz-ph img { width: 100%; aspect-ratio: 21 / 9; object-fit: cover; border-radius: 10px; }
.yz-b { max-width: 68ch; font-size: 18px; line-height: 1.7; }
.yz-b h2 { font: 400 clamp(24px, 2.2vw, 30px)/1.2 var(--serif); color: var(--ox); letter-spacing: -.015em; margin: 40px 0 12px; scroll-margin-top: 90px; }
.yz-b h2:first-child { margin-top: 0; }
.yz-b p + p { margin-top: 14px; }
.yz-b ul { margin: 14px 0; }
.yz-b ul li { position: relative; padding: 6px 0 6px 24px; }
.yz-b ul li::before { content: ''; position: absolute; left: 0; top: 1.05em; width: 12px; height: 2px; background: var(--co); }
.yz-n { display: flex; gap: 12px; margin-top: 36px; padding: 16px 18px; background: var(--sis); border-left: 2px solid var(--co); font-size: 15px; line-height: 1.55; }
.yz-n .ic { margin-top: 2px; }
.yz-au { display: grid; grid-template-columns: 88px 1fr; gap: 18px; margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--ln2); font-size: 15px; }
.yz-pt { display: block; width: 88px; height: 104px; border-radius: 6px; overflow: hidden; }
.yz-au b { display: block; font: 400 20px/1.2 var(--serif); color: var(--ox); }
.yz-au small { color: var(--sl); }
.yz-au p:last-child { margin-top: 8px; color: var(--sl); }
.lg-b h2 span { color: var(--co2); }

/* iletişim + form */
.gf-w { display: grid; gap: 16px; }
.gf-pre { display: grid; grid-template-columns: 40px 1fr 36px; gap: 14px; align-items: start; padding: 16px; background: var(--sis); border-left: 2px solid var(--co); border-radius: 4px; font-size: 14.5px; }
.gf-pre[hidden] { display: none; }
.gf-pi { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 4px; background: var(--ox); color: var(--co3); }
.gf { display: grid; gap: 26px; padding: clamp(22px, 3vw, 34px); background: #fff; border-radius: 10px; box-shadow: var(--e3); }
.gf[hidden], .gf-ok[hidden] { display: none; }
.gf-s { border: 0; padding: 0; margin: 0; display: grid; gap: 16px; min-width: 0; }
.gf-s legend { padding: 0; margin-bottom: 14px; width: 100%; font: 600 13px/1 var(--sans); color: var(--sl); }
.gf-s legend span { display: flex; align-items: center; gap: 12px; }
.gf-s legend span::after { content: ''; flex: 1; height: 1px; background: var(--ln); }
.gf-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 18px; }
.gf-mod { max-width: 320px; grid-template-columns: 1fr 1fr; }
.gf-tk { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 28px; align-items: start; }
.gf-sa { display: grid; gap: 10px; }
.gf-sa small[data-gf-gun] { font-weight: 400; color: var(--sl); }
.slots { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 8px; }
.slots label { position: relative; }
.slots input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.slots span { display: block; padding: 10px 0; text-align: center; border: 1px solid var(--ln2); border-radius: 4px; font: 420 16px/1 var(--serif); color: var(--ox); transition: background .15s; }
.slots input:checked + span { background: var(--ox); border-color: var(--ox); color: #fff; }
.slots input:disabled + span { color: var(--sl2); background: var(--sis); text-decoration: line-through; cursor: default; }
.slots input:focus-visible + span { outline: 2px solid var(--co); outline-offset: 2px; }
.fld { display: grid; gap: 6px; align-content: start; }
.fld-l { font: 600 14px/1.3 var(--sans); color: var(--ink); }
.fld-l i { font-style: normal; color: var(--co2); margin-left: 2px; }
.fld input, .fld textarea { width: 100%; height: 50px; padding: 0 14px; border: 0; border-bottom: 1.5px solid var(--ln2); border-radius: 4px 4px 0 0; background: var(--sis); font-size: 16px; transition: border-color .2s, background .2s; }
.fld textarea { height: auto; min-height: 110px; padding: 12px 14px; resize: vertical; line-height: 1.5; }
.fld input:focus, .fld textarea:focus { outline: none; border-bottom-color: var(--ox); background: #fff; box-shadow: inset 0 0 0 1px var(--ln); }
.fld-h { font-size: 12.5px; color: var(--sl); }
.fld-e { font-size: 13px; color: var(--co2); }
.fld.err input, .fld.err textarea { border-bottom-color: var(--co2); }
.fld-sel .ui-secim-dugme { height: 50px; min-height: 50px; padding: 0 14px; border: 0; border-bottom: 1.5px solid var(--ln2); border-radius: 4px 4px 0 0; background: var(--sis); font-size: 16px; }
.fld-sel.err .ui-secim-dugme { border-bottom-color: var(--co2); }
.gf-f { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; }
.demo-n { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--sl); }
.demo-n .ic { width: 16px; height: 16px; }
.gf-ok { display: grid; gap: 14px; justify-items: start; padding: clamp(24px, 3vw, 36px); background: #fff; border-radius: 10px; box-shadow: var(--e3); }
.gf-okm { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 6px; background: var(--ox); color: #fff; animation: muhur .5s cubic-bezier(.2, 1.4, .4, 1); }
@keyframes muhur { from { transform: scale(.4) rotate(-12deg); opacity: 0; } }
.gf-okm .ic { width: 28px; height: 28px; }
.gf-od { display: grid; width: 100%; border-top: 1px solid var(--ln); }
.gf-od div { display: grid; grid-template-columns: 120px 1fr; padding: 10px 0; border-bottom: 1px solid var(--ln); font-size: 15px; }
.gf-od dt { color: var(--sl); }
.il-c { padding: 22px; background: #fff; border: 1px solid var(--ln); border-radius: 10px; }
.il-a { font: 400 19px/1.45 var(--serif); color: var(--ox); }
.il-b { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0; }
.il-b .btn { height: 42px; padding: 0 14px; font-size: 14.5px; }
.il-b .btn.ok { border-color: #2E7D5B; color: #2E7D5B; }
.map { border-radius: 6px; overflow: hidden; }
.il-tr li { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-top: 1px solid var(--ln); font-size: 14.5px; }
.il-tr li span { color: var(--sl); text-align: right; }
.hrs { width: 100%; border-collapse: collapse; margin-top: 10px; }
.hrs th, .hrs td { padding: 8px 0; border-top: 1px solid var(--ln); font-size: 15px; text-align: left; }
.hrs th { font-weight: 450; color: var(--sl); }
.hrs td { text-align: right; }
.hrs td.off { color: var(--sl2); }
.hrs tr.bugun th, .hrs tr.bugun td { color: var(--ox); font-weight: 650; }
.hrs tr.bugun th::before { content: ''; display: inline-block; width: 8px; height: 8px; background: var(--co); margin-right: 8px; }
.il-n { font-size: 13.5px; color: var(--sl); margin-top: 10px; }

/* SSS */
.sss-h { font: 330 32px/1.1 var(--serif); color: var(--ox); letter-spacing: -.02em; padding: 36px 0 12px; scroll-margin-top: 90px; }
.sss-h:first-child { padding-top: 0; }
.ui-sss-bos { padding: 24px 0; color: var(--sl); }
.ui-sss-bos a { color: var(--ox); text-decoration: underline; }

@media (max-width: 1100px) {
  .kars { grid-template-columns: 1fr; }
  .kg { position: static; }
  .tkm { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .sks-in { grid-template-columns: 1fr; }
  .sks-in.ters .sks-f { order: 0; }
  .akz { grid-template-columns: 1fr; }
  .akz::before { left: 7px; right: auto; top: 0; bottom: 0; width: 2px; height: auto; background: linear-gradient(var(--ox), var(--co)); }
  .akz li { padding: 0 0 28px 36px; }
  .ls-2 { grid-template-columns: 1fr; }
  .etk, .etk-3, .frm, .adm { grid-template-columns: 1fr; }
  .etk li + li, .frm > div + div { padding-left: 0; border-left: 0; border-top: 1px solid var(--ln2); }
  .etk-d { grid-template-columns: 1fr; }
  .etk-d li:nth-child(2n) { padding-left: 0; border-left: 0; }
  .sk-mini { grid-template-columns: 1fr; }
  .pk-g { grid-template-columns: 1fr 1fr; gap: 32px 16px; }
  .pk-g .pk:nth-child(3n+2) { margin-top: 0; }
  .pk-g .pk:nth-child(2n) { margin-top: 40px; }
  .yk-l, .yk-3 { grid-template-columns: 1fr; }
  .yk-l .yk-b1 a { grid-template-columns: 1fr; gap: 16px; }
  .tkm { grid-template-columns: 1fr 1fr; }
  .kt { overflow-x: auto; }
  .kt-r { min-width: 640px; }
  .kz { grid-template-columns: 1fr; }
  .kak-s .ak { height: auto; }
  .gf-tk { grid-template-columns: 1fr; }
  .yz-ph img { aspect-ratio: 16 / 10; }
}
@media (max-width: 560px) {
  .gf-2, .up-2 { grid-template-columns: 1fr; }
  .tkm { grid-template-columns: 1fr; }
  .kt2-r { grid-template-columns: 1fr; }
  .kt2-h { display: none; }
  .kt2-r span { padding: 6px 16px; }
  .kt2-r span:first-child { padding-top: 14px; }
  .kt2-r span:last-child { padding-bottom: 14px; color: var(--sl); }
  .pk-g { grid-template-columns: 1fr; }
  .pk-g .pk:nth-child(2n) { margin-top: 0; }
  .fl-s { min-width: 0; width: 100%; }
  .up-f { flex-direction: column; align-items: stretch; }
  .yz-a { flex-wrap: wrap; }
}

/* ---------------------------------------------------------------- girişler (kısa, tek sefer) */
[data-gir] { opacity: 0; transform: translateY(18px); transition: opacity .5s ease, transform .6s cubic-bezier(.2, .7, .2, 1); }
[data-gir].in { opacity: 1; transform: none; }

/* ---------------------------------------------------------------- duyarlı (başlık, kabuk, pano, footer, iç düzen) */
@media (max-width: 1280px) {
  .hd-son span { display: none; }
  .win-g { grid-template-columns: minmax(0, 360px) minmax(0, 1fr); }
}
@media (max-width: 1140px) {
  .hd-son { display: none; }
  .md-hz, .md-ox, .md-sk, .md-ek { grid-column: 1 / -1; }
  .md-ox .md-b { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; gap: 24px 32px; }
  .md-ox .lnk-w { grid-column: 1 / -1; }
  .skm { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: start; gap: 28px; }
  .ix-g { grid-template-columns: 1fr 1fr; }
  .ix-son { grid-column: 1 / -1; border-left: 0 !important; border-top: 1px solid var(--ln); }
  .ip-g { grid-template-columns: minmax(0, 260px) minmax(0, 1fr); }
}
@media (max-width: 900px) {
  :root { --hd: 62px; }
  html { scroll-padding-top: 76px; }
  .hd-in { gap: 8px; }
  .logo-a { font-size: 23px; }
  .mk { width: 36px; height: 32px; }
  .ara { position: static; flex: 0 0 auto; max-width: none; margin: 0 0 0 auto; }
  .ara-f { display: none; }
  .hd-ab { display: grid; }
  .hd-menu { padding: 0 10px; }
  .hd-cta { display: none; }
  /* tam ekran arama */
  .ara-tam .ara { position: fixed; inset: 0; z-index: 400; display: flex; flex-direction: column; background: #fff; margin: 0; }
  .ara-tam .ara-f { display: flex; flex: none; height: 62px; margin: 0; padding: 0 8px 0 48px; border-radius: 0; background: #fff; box-shadow: inset 0 -1px var(--ln) !important; }
  .ara-tam .ara-kb { display: none; }
  .ara-tam .ara-x { display: grid; place-items: center; width: 44px; height: 44px; color: var(--ox); }
  .ara-tam .ara-p { position: static; flex: 1; width: auto; transform: none; border-radius: 0; box-shadow: none; overflow-y: auto; animation: none; }
  .ara-tam body, html.ara-tam { overflow: hidden; }
  .ix-g { grid-template-columns: 1fr; }
  .ix-c + .ix-c { border-left: 0; border-top: 1px solid var(--ln); }
  .ix-c:nth-child(2) li span { display: none; }
  .ara-sn { grid-template-columns: 1fr; min-height: 0; }
  .ara-l { max-height: none; }
  .ara-on { display: none !important; }
  .ara-ft { display: none; }
  /* kabuk */
  .ap-slab { height: 300px; }
  .ap-ust { padding: 28px 0 22px; }
  .ap-kn { font-size: 13px; }
  .win-bar { grid-template-columns: minmax(0, 1fr) auto; height: 52px; padding: 0 6px 0 16px; }
  .win-t span { display: none; }
  .win-rs { display: none; }
  .vw { height: 52px; }
  .vw button { padding: 0 14px; }
  .win-g { grid-template-columns: 1fr; }
  .cvs { order: -1; border-bottom: 1px solid var(--ln); }
  .pn { border-right: 0; }
  .cvs-ak { padding: 16px 16px 8px; }
  .cvs-ak .ak { min-height: 0; }
  .ak { display: grid; gap: 14px; }
  .ak-svg { position: relative; height: clamp(340px, 100vw, 440px); }
  .ak-lab { display: none; }
  .ak-lg { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; }
  .ak-lg li { display: grid; grid-template-columns: 9px 1fr; column-gap: 8px; padding: 7px 0; border-top: 1px solid var(--ln); font-size: 12.5px; line-height: 1.3; color: var(--sl); }
  .ak-lg li.z { display: none; }
  .ak-lg i { width: 9px; height: 9px; margin-top: 3px; grid-row: span 2; }
  .ak-lg b { font: 420 15.5px/1.2 var(--serif); color: var(--ink); }
  .cvs-tb { padding: 12px 12px 8px; overflow-x: auto; }
  .tb { font-size: 14px; min-width: 520px; }
  .cv-oz { grid-template-columns: 1fr 1fr; }
  .cv-oz div { padding: 12px 16px 14px; }
  .cv-oz div:first-child { grid-column: 1 / -1; }
  .cv-oz div:nth-child(2) { border-left: 0; border-top: 1px solid var(--ln); }
  .cv-oz div:nth-child(3) { border-top: 1px solid var(--ln); }
  .cv-oz dd b { font-size: 22px; }
  .cvs-n { padding: 10px 16px 12px; }
  .pn-s { padding: 16px 18px; }
  .pn-a { padding: 16px 18px; }
  /* pano */
  .pano { margin-top: -120px; padding-top: calc(120px + 64px); }
  .pano-g { gap: 16px; }
  .md-h { flex-wrap: wrap; }
  .md-s { padding-top: 0; }
  .yil-st, .yil-s { display: none; }
  .yil-m { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 -4px; padding: 0 4px 6px; scrollbar-width: thin; }
  .yil-mc { flex: 0 0 86%; scroll-snap-align: start; padding: 18px 18px; background: #F4F7FA; border-radius: 8px; }
  .yil-mc.bu { background: #fff; box-shadow: inset 0 0 0 1.5px var(--ox); }
  .yil-mc .yil-an { font-size: 48px; }
  .yil-mc .yil-not { font-size: 15.5px; margin-bottom: 12px; }
  .yil-mc .yil-l { opacity: 1; visibility: visible; transform: none; }
  .yil-mc .yil-l li { grid-template-columns: 60px 1fr; gap: 14px; }
  .yl-d b { font-size: 28px; }
  .md-ox .md-b { display: flex; }
  .skm { grid-template-columns: 1fr; }
  .rhm, .rhm-a { grid-template-columns: 1fr; gap: 20px; }
  .pkt { overflow-x: auto; }
  .pkt-r { min-width: 680px; }
  .pkt-h { position: static; }
  /* footer */
  .ft-in { grid-template-columns: 1fr; }
  .ft-il { position: static; }
  /* iç düzen */
  .ip-hi { grid-template-columns: 1fr; }
  .ip-g { grid-template-columns: 1fr; }
  .ip-pn { position: static; }
  .toc { display: none; }
}
@media (max-width: 560px) {
  body { font-size: 17px; }
  .logo-b { font-size: 11px; }
  .hd-menu span { display: none; }
  .hd-menu { width: 44px; justify-content: center; box-shadow: inset 0 0 0 1px var(--ln); }
  .ap-h { font-size: clamp(32px, 9vw, 40px); }
  .ap-kn span:nth-child(3) { display: none; }
  .win { margin: 0 -6px; }
  .hzr a { grid-template-columns: 48px minmax(0, 1fr) 16px; gap: 14px; }
  .hzr-ph { width: 48px; height: 48px; }
  .hzr-k, .hzr-s { display: none; }
  .hzr-a b { font-size: 18px; }
  .ekm { grid-template-columns: 1fr 1fr; gap: 20px 12px; }
  .skm-l a { grid-template-columns: minmax(0, 1fr) 16px; row-gap: 2px; }
  .skm-l span { grid-row: 2; white-space: normal; }
  .skm-l .ic { grid-row: 1 / 3; grid-column: 2; }
  .cet-t small { display: none; }
  .ft-dl div { grid-template-columns: 1fr; gap: 4px; }
  .ft-son li { grid-template-columns: 1fr auto; }
  .ft-son li em { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  [data-gir] { opacity: 1; transform: none; }
}

/* ---------------------------------------------------------------- iç sayfa modül içerikleri (v5.1) */
.h1 { font-size: clamp(38px, 4.6vw, 68px); }
.ip-yz .ip-t .h1 { font-size: clamp(30px, 3.4vw, 50px); max-width: 24ch; }
.ip-2 { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.ip-2 .frm { grid-template-columns: 1fr; border-top: 0; }
.ip-2 .frm > div { padding: 16px 0; border-top: 1px solid var(--ln2); }
.ip-2 .frm > div + div { padding-left: 0; border-left: 0; }
.ip-2 .frm > div:first-child { border-top: 0; padding-top: 0; }
.kars-w .kars { padding: 0; }
.kars-w .kg { top: calc(var(--hd) + 20px); box-shadow: 0 1px 2px rgba(19, 41, 75, .05), 0 18px 40px -26px rgba(19, 41, 75, .22); }
.kars-w .kt, .kars-w .kz { box-shadow: 0 1px 2px rgba(19, 41, 75, .05), 0 18px 40px -26px rgba(19, 41, 75, .22); }
.kak .md-s { padding-top: 2px; }
.kak-tur { min-width: 300px; margin: 0; }
.kak-s .ak { height: 500px; }
.kak .ak-ko { display: none; }
.tkm { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.toc li a span { margin-left: auto; font: 420 14px/1 var(--serif); color: var(--sl2); }
.toc-sk li a::before, .toc-ay li a::before { display: none; }
.toc-sk li a > span:last-child { display: grid; margin: 0; font: inherit; color: inherit; }
.toc-sk li a small { font-size: 12px; color: var(--sl); }
.toc-ph { display: block; width: 32px; height: 32px; border-radius: 4px; overflow: hidden; flex: none; }
.toc-ph img { width: 100%; height: 100%; object-fit: cover; }
.toc-ay li a.on { color: var(--ox); font-weight: 650; }
.toc-ay li a.on span { color: var(--co2); }
.il3 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.il3 .sd-y { background: var(--sis); }
.il3-k { display: grid; gap: 12px; }
.il3 .sd-o { padding: 0; }
.sks { padding: clamp(20px, 2.2vw, 28px); }
.sks-in { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 3vw, 44px); }
.sks-f img { border-radius: 6px; }
.pt-g2 { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.md .up { box-shadow: none; padding: 0; }
.md .pv.pv-st2 { box-shadow: none; padding: 0; }
.yz-md { padding: clamp(24px, 3vw, 44px); }
.yz-md .yz-a { padding-bottom: 20px; border-bottom: 1px solid var(--ln); }
.yz-md .yz-ph { margin: 24px 0 32px; }
.yz-md .yz-ph img { width: 100%; aspect-ratio: 16 / 8; object-fit: cover; border-radius: 6px; }
.yz-md .yz-b { max-width: 70ch; }
.il-c { box-shadow: 0 1px 2px rgba(19, 41, 75, .05); border: 0; }
.il-k { display: grid; gap: 8px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--ln); }
.il-k a { display: inline-flex; align-items: center; gap: 8px; font-size: 14.5px; color: var(--ox); font-weight: 600; }
.il-k .ic { width: 17px; height: 17px; }
.gf .md-t { margin-bottom: 4px; }
.acc-sss .sss-h { font-size: 26px; padding-top: 28px; }
.ip-pn .sd-kr { box-shadow: 0 18px 40px -26px rgba(19, 41, 75, .4); }
.ip-pn .phc-f figcaption { padding: 14px 18px 16px; }
@media (max-width: 1140px) {
  .tkm { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ip-2, .il3, .pt-g2 { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .sks-in { grid-template-columns: 1fr; }
  .kak-tur { min-width: 0; width: 100%; }
  .kak-s .ak { height: auto; }
  .ip-pn .toc { display: none; }
}
@media (max-width: 560px) {
  .tkm { grid-template-columns: 1fr; }
}
.md .yk-l { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 28px; }
@media (max-width: 900px) { .md .yk-l { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .ip-g:has(#gorusme) .ip-c { order: -1; } }