/* Ardıç Sigorta Aracılık — v5. Saf beyaz + derin çivit #1E2A78 + su yeşili #18C3B5 + sis #EEF1F8; mercan yalnız risk/limit aşımı.
   Zalando Sans Expanded (başlık) + Fira Sans (metin, tabular rakam). Hap yok: düğme 4 px, kart ≤ 10 px. */
@font-face { font-family: 'Zalando Sans Expanded'; font-style: normal; font-weight: 200 900; font-display: swap; src: url(fonts/zalando-x-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Zalando Sans Expanded'; font-style: normal; font-weight: 200 900; font-display: swap; src: url(fonts/zalando-x-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/fira-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/fira-400-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+20A0-20C0, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/fira-500-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url(fonts/fira-500-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+20A0-20C0, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/fira-600-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/fira-600-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+1EF2-1EFF, U+20A0-20C0, U+2C60-2C7F, U+A720-A7FF; }

:root {
  --wh: #fff; --ink: #10163D; --ind: #1E2A78; --ind2: #2B3A9E; --indd: #151D5A; --ind-a: #E9ECF8;
  --teal: #18C3B5; --teald: #0B7F76; --teal-l: #DDF5F2; --sis: #EEF1F8; --sis2: #E3E8F3; --line: #DCE1EE; --line2: #C9D0E3;
  --mute: #555D82; --mute2: #7A81A3; --coral: #F0604D; --coral-l: #FDECE9;
  --d: 'Zalando Sans Expanded', 'Fira Sans', system-ui, sans-serif; --f: 'Fira Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --rad: 4px; --rc: 8px;
  --sh1: 0 1px 2px rgb(16 22 61 / .06), 0 4px 12px -4px rgb(30 42 120 / .10);
  --sh2: 0 22px 44px -20px rgb(30 42 120 / .30), 0 8px 16px -10px rgb(16 22 61 / .14);
  --sh3: 0 44px 88px -28px rgb(30 42 120 / .34), 0 18px 36px -18px rgb(0 0 0 / .16);
  --gut: max(20px, calc((100vw - 1312px) / 2));
  --hd: 76px;
  --ui-zemin: #fff; --ui-murekkep: var(--ink); --ui-vurgu: var(--ind); --ui-vurgu-murekkep: #fff; --ui-yuzey: #fff;
  --ui-font-baslik: var(--d); --ui-yaricap: 4px; --ui-golge: var(--sh2); --ui-hata: #C4321F; --ui-basari: var(--teald); --ui-ust-bosluk: 72px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 96px; }
body { margin: 0; background: #fff; color: var(--ink); font: 400 17px/1.6 var(--f); font-variant-numeric: tabular-nums; -webkit-font-smoothing: antialiased; 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; }
p, h1, h2, h3, dl, dd, ol, ul, figure { margin: 0; }
ul, ol { padding: 0; list-style: none; }
.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: 100; background: var(--ind); color: #fff; padding: 10px 14px; border-radius: var(--rad); }
.skip:focus { top: 12px; }
:focus-visible { outline: 2px solid var(--teal); outline-offset: 3px; }
main:focus { outline: 0; }
.w { width: 100%; max-width: 1352px; margin: 0 auto; padding: 0 20px; }
.ic { width: 20px; height: 20px; flex: none; }
.num { font-variant-numeric: tabular-nums; font-feature-settings: 'tnum' 1; }
.flip { transform: scaleX(-1); }
.h1 { font: 560 clamp(38px, 5vw, 68px)/1.02 var(--d); letter-spacing: -.035em; }
.h2 { font: 560 clamp(28px, 3.1vw, 44px)/1.08 var(--d); letter-spacing: -.032em; text-wrap: balance; }
.h3 { font: 600 20px/1.3 var(--f); letter-spacing: -.005em; }
.lead { font-size: clamp(17px, 1.4vw, 20px); line-height: 1.55; color: var(--mute); max-width: 60ch; }
.sh { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 36px; }
.sh-p { color: var(--mute); max-width: 62ch; margin-top: 14px; }
.tag { display: inline-flex; align-items: center; gap: 6px; font: 500 12.5px/1 var(--f); padding: 6px 8px; border-radius: 2px; background: var(--ind-a); color: var(--ind); }
.tag-m { display: inline-flex; font: 500 12.5px/1.2 var(--f); padding: 4px 7px; border-radius: 2px; background: var(--ind-a); color: var(--ind); box-shadow: inset 2px 0 0 var(--ind); white-space: nowrap; }

/* ------------------------------------------------ düğmeler ve bağlantılar */
.btn { --bg: var(--ind); --fg: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 22px; border-radius: var(--rad); background: var(--bg); color: var(--fg); font: 600 16px/1 var(--f); letter-spacing: .005em; border: 1px solid transparent; position: relative; isolation: isolate; overflow: hidden; transition: transform .12s, box-shadow .2s, background .2s, color .2s; white-space: nowrap; }
.btn .ic { width: 18px; height: 18px; transition: transform .25s cubic-bezier(.16, 1, .3, 1); }
.btn::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--hov, var(--ind2)); transform: translateY(101%); transition: transform .35s cubic-bezier(.16, 1, .3, 1); }
.btn:hover::before { transform: none; }
.btn:hover .ic:last-child { transform: translateX(3px); }
.btn:active { transform: scale(.975); }
.btn-p { box-shadow: 0 10px 22px -12px rgb(30 42 120 / .7); }
.btn-l { --bg: #fff; --fg: var(--ind); --hov: var(--ind-a); border-color: var(--line2); }
.btn-t { --bg: var(--teal); --fg: var(--ink); --hov: #4fd6cb; }
.btn-w { width: 100%; }
.ib { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: var(--rad); border: 1px solid var(--line2); color: var(--ind); background: #fff; transition: background .15s, border-color .15s; }
.ib:hover { background: var(--ind-a); border-color: var(--ind); }
.lnk { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--ind); background: linear-gradient(currentColor, currentColor) 0 100% / 0 1.5px no-repeat; padding-bottom: 2px; transition: background-size .3s cubic-bezier(.16, 1, .3, 1); }
.lnk:hover { background-size: 100% 1.5px; }
.lnk .ic { width: 17px; height: 17px; }
.lnk-w { color: #fff; }
p a:not(.btn):not(.lnk), dd a:not(.btn):not(.lnk), .chk a { color: var(--ind); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: rgb(30 42 120 / .35); }
p a:not(.btn):not(.lnk):hover { text-decoration-color: currentColor; }

/* ------------------------------------------------ teminat çubuğu */
.ts { display: flex; height: 10px; width: 100%; background: var(--sis2); border-radius: 1px; overflow: hidden; }
.ts i { display: block; height: 100%; transition: width .7s cubic-bezier(.16, 1, .3, 1); }
.ts-p { background: var(--teal); }
.ts-m { background: repeating-linear-gradient(-60deg, var(--ind) 0 1.4px, var(--ind-a) 1.4px 5px); }
.ts-a { background: repeating-linear-gradient(60deg, var(--coral) 0 1.4px, var(--coral-l) 1.4px 5px); }
.ts-sm { height: 6px; }
.ts-lg { height: 16px; }

/* ------------------------------------------------ logo */
.logo { display: inline-flex; align-items: center; gap: 12px; color: var(--ink); }
.mk { width: 34px; height: 37px; flex: none; }
.logo-t { display: flex; flex-direction: column; line-height: 1; }
.logo-a { font: 640 22px/1 var(--d); letter-spacing: -.04em; }
.logo-b { font: 500 12px/1 var(--f); color: var(--mute); margin-top: 5px; letter-spacing: .01em; }

/* ------------------------------------------------ başlık (H3): üstte yalnız logo + tek düğme; menü altta yüzen dok */
.tb0 { position: sticky; top: 0; z-index: 40; background: #fff; transition: box-shadow .3s; }
.tb0.sc { box-shadow: 0 1px 0 var(--line), 0 10px 30px -22px rgb(30 42 120 / .35); }
.tb0-in { display: flex; align-items: center; justify-content: space-between; height: var(--hd); padding: 0 var(--gut); }
.tb0-r { display: flex; align-items: center; gap: 22px; }
.tb0-ac { font-size: 14px; }
.tb0-cta { min-height: 44px; padding: 0 20px; }
.dok { position: fixed; z-index: 45; bottom: 18px; left: 50%; transform: translateX(-50%); margin-left: max(0px, calc(585px + 360px - 50vw)); width: max-content; max-width: calc(100vw - 24px); }
body:not(:has(.hzbar)) .dok { margin-left: 0; }
.dok-in { display: flex; align-items: center; gap: 2px; padding: 6px; background: #fff; border-radius: 10px; box-shadow: 0 24px 50px -18px rgb(30 42 120 / .45), 0 8px 18px -10px rgb(16 22 61 / .2), 0 0 0 1px rgb(30 42 120 / .08); }
.dok-a { position: relative; display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 14px; border-radius: 6px; font: 500 15px/1 var(--f); color: var(--ink); transition: background .15s, color .15s; white-space: nowrap; }
.dok-a .ic { width: 19px; height: 19px; color: var(--ind); }
.dok-a:hover, .dok-a[aria-expanded="true"] { background: var(--sis); }
.dok-a.cur { background: var(--ind); color: #fff; }
.dok-a.cur .ic { color: var(--teal); }
.dok-c { width: 14px !important; height: 14px !important; transform: rotate(180deg); transition: transform .15s; }
.dok-a[aria-expanded="true"] .dok-c { transform: none; }
.dok-m { display: none; }
.dok-hat { display: flex; align-items: center; gap: 10px; height: 46px; margin-left: 6px; padding: 0 14px 0 12px; border-radius: 6px; background: var(--ind); color: #fff; }
.dok-hat small { display: block; font-size: 11.5px; color: rgb(255 255 255 / .7); line-height: 1.1; }
.dok-hat b { display: block; font: 600 15px/1.2 var(--f); }
.hat-d { width: 9px; height: 9px; background: var(--teal); transform: rotate(45deg); box-shadow: 0 0 0 4px rgb(24 195 181 / .22); animation: hatNabiz 2.4s ease-in-out infinite; flex: none; }
@keyframes hatNabiz { 50% { box-shadow: 0 0 0 7px rgb(24 195 181 / .05); } }
.mega { position: absolute; right: 0; bottom: calc(100% + 10px); width: min(1040px, calc(100vw - 24px)); }
body:not(:has(.hzbar)) .mega { right: 50%; transform: translateX(50%); }
.mega-in { display: grid; grid-template-columns: 1.65fr 1fr; background: #fff; border-radius: 10px; box-shadow: var(--sh3), 0 0 0 1px rgb(30 42 120 / .06); overflow: hidden; }
.mega.in .mega-in { animation: megaIn .14s ease-out; }
@keyframes megaIn { from { opacity: 0; transform: translateY(8px); } }
.mega-u { padding: 24px 26px 24px; }
.mega-k { display: flex; justify-content: space-between; align-items: baseline; font: 600 14px/1 var(--f); color: var(--mute); margin-bottom: 12px; }
.mega-k a { display: inline-flex; gap: 6px; align-items: center; color: var(--ind); }
.mega-k .ic { width: 16px; height: 16px; }
.mega-l { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 14px; }
.mega-l a { display: grid; grid-template-columns: 46px 1fr auto; gap: 12px; align-items: center; padding: 9px; border-radius: var(--rad); transition: background .12s; }
.mega-l a:hover { background: var(--sis); }
.mega-ic { width: 46px; height: 46px; display: grid; place-items: center; background: var(--sis); border-radius: var(--rad); }
.mega-l a:hover .mega-ic { background: #fff; box-shadow: var(--sh1); }
.mega-ic .mini { width: 38px; height: 38px; }
.mega-t b { display: flex; gap: 8px; align-items: center; font: 600 15px/1.25 var(--f); }
.mega-t em { white-space: nowrap; font: 500 11.5px/1 var(--f); font-style: normal; color: var(--teald); background: var(--teal-l); padding: 3px 5px; border-radius: 2px; }
.mega-t small { display: block; font-size: 13px; line-height: 1.35; color: var(--mute); margin-top: 3px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.mega-n { font: 500 13px/1 var(--f); color: var(--mute2); }
.mega-a { padding: 24px 22px; background: var(--sis); display: flex; flex-direction: column; gap: 12px; }
.mega-a a { display: flex; gap: 12px; align-items: flex-start; padding: 9px; border-radius: var(--rad); }
.mega-a ul a:hover { background: #fff; box-shadow: var(--sh1); }
.mega-a .ic { color: var(--ind); margin-top: 2px; }
.mega-a b { display: block; font: 600 15px/1.3 var(--f); }
.mega-a small { display: block; font-size: 13px; color: var(--mute); }
.mega-x { flex-direction: column; gap: 10px !important; padding: 16px !important; background: var(--ind); color: #fff; border-radius: 8px !important; margin-top: auto; }
.mega-xh { font: 560 15px/1.25 var(--d); letter-spacing: -.02em; }
.mega-sc { display: grid; gap: 8px; width: 100%; }
.mega-sc > span { display: grid; grid-template-columns: 22px 1fr 54px; gap: 10px; align-items: center; }
.mega-sc b { font: 600 12px/20px var(--f); text-align: center; background: rgb(255 255 255 / .14); border-radius: 2px; }
.mega-sc i { font: 500 12.5px/1 var(--f); font-style: normal; text-align: right; color: rgb(255 255 255 / .85); }
.mega-x .ts { background: rgb(255 255 255 / .16); height: 7px; }
.mega-x .ts-m { background: repeating-linear-gradient(-60deg, #fff 0 1.4px, rgb(255 255 255 / .2) 1.4px 5px); }
.mega-xa { display: inline-flex; gap: 8px; align-items: center; font-weight: 600; font-size: 14px; color: var(--teal); }

/* çekmece */
.drawer { margin: 0 0 0 auto; height: 100dvh; max-height: 100dvh; width: min(440px, 100vw); max-width: 100vw; border: 0; padding: 0; background: #fff; color: var(--ink); box-shadow: var(--sh3); }
.drawer::backdrop { background: rgb(16 22 61 / .42); }
.drawer[open] { animation: drIn .15s ease-out; }
@keyframes drIn { from { transform: translateX(30px); opacity: .6; } }
.drawer-in { display: flex; flex-direction: column; gap: 22px; min-height: 100%; padding: 16px 20px 28px; }
.drawer-h { display: flex; justify-content: space-between; align-items: center; }
.drawer-u { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.drawer-u a { display: flex; flex-direction: column; gap: 8px; padding: 12px; background: var(--sis); border-radius: var(--rad); font: 600 14.5px/1.25 var(--f); min-height: 104px; }
.drawer-u .mini { width: 40px; height: 40px; }
.drawer-u a:active { background: var(--teal-l); }
.drawer-l { margin-top: 14px; }
.drawer-l a { display: flex; justify-content: space-between; align-items: center; padding: 14px 2px; border-bottom: 1px solid var(--line); font: 500 17px/1.2 var(--f); }
.drawer-l .ic { width: 17px; height: 17px; color: var(--mute2); }
.drawer-hat { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; padding: 16px 18px; border-radius: var(--rc); background: var(--ind); color: #fff; }
.drawer-hat small { font-size: 13px; color: rgb(255 255 255 / .7); grid-column: 1; }
.drawer-hat b { font: 600 24px/1.1 var(--f); grid-column: 1; }
.drawer-hat > span { grid-row: 1 / 3; grid-column: 2; align-self: center; display: inline-flex; gap: 6px; align-items: center; background: var(--teal); color: var(--ink); padding: 10px 14px; border-radius: var(--rad); font-weight: 600; }
.drawer-f { font-size: 15px; color: var(--mute); display: grid; gap: 8px; }
.acik { display: inline-flex; align-items: center; gap: 8px; font-size: 14.5px; color: var(--mute); }
.acik::before { content: ''; width: 7px; height: 7px; background: var(--mute2); transform: rotate(45deg); }
.acik.acik::before { background: var(--mute2); }
.acik[class~="acik"].acik { }
[data-acik].acik { }

/* ------------------------------------------------ izometrik şehir (sahne, mini simge, siluet) */
.kent { width: 100%; height: auto; overflow: visible; --kl: rgb(30 42 120 / .62); }
:is(.kent, .mini) :is(.ft, .fl, .fr, .gl, .dr, .ln, .ln2, .rl, .sg, .aw1, .aw2, .tc, .tk, .lh, .sw, .rd, .lot, .gz, .pl-t, .wh, .hb) { stroke: var(--kl, rgb(30 42 120 / .62)); stroke-width: .9; vector-effect: non-scaling-stroke; stroke-linejoin: round; stroke-linecap: round; }
:is(.kent, .mini) .ft { fill: var(--t, #fff); }
:is(.kent, .mini) .fl { fill: var(--l, #F1F3FA); }
:is(.kent, .mini) .fr { fill: var(--r, #DCE2F0); }
:is(.kent, .mini) .gl { fill: #CFD8EC; }
.kent .gl-v { fill: #C7DDEA; }
:is(.kent, .mini) .dr { fill: #B9C3DF; }
:is(.kent, .mini) .ln, :is(.kent, .mini) .ln2, .kent .tk { fill: none; }
:is(.kent, .mini) .ln2 { stroke-opacity: .55; }
.kent .rl { fill: rgb(255 255 255 / .6); }
.kent .sg { fill: var(--sis); }
:is(.kent, .mini) .aw1 { fill: var(--teal); }
:is(.kent, .mini) .aw2 { fill: #fff; }
:is(.kent, .mini) .cr { fill: var(--teal); }
.kent .sh { fill: rgb(30 42 120 / .1); }
.mini .sh { display: none; }
.kent .tc { fill: #fff; }
.kent .tc2 { fill: #D9F2EE; }
.kent .lh { fill: #fff; }
.kent .pl-l { fill: var(--ind); }
.kent .pl-r { fill: #141C58; }
.kent .pl-t { fill: #F2F4FA; stroke: none; }
.kent .pl-e { fill: none; stroke: var(--teal); stroke-width: 1.6; vector-effect: non-scaling-stroke; }
.kent .pl-sh { fill: rgb(30 42 120 / .22); filter: blur(34px); }
.kent .pl-y { fill: rgb(255 255 255 / .74); font: 500 12.5px var(--f); letter-spacing: .02em; }
.kent .pl-y2 { fill: rgb(255 255 255 / .5); }
:is(.kent, .mini) .sw { fill: #fff; }
:is(.kent, .mini) .rd { fill: #E1E6F2; }
.kent .lot { fill: #E9EDF6; }
.kent .gz { fill: #DCF2EE; }
:is(.kent, .mini) .lm { fill: #fff; }
.kent .gy { fill: rgb(30 42 120 / .5); font: 500 11px var(--f); letter-spacing: .03em; }
.kent .gy2 { fill: rgb(30 42 120 / .38); }
:is(.kent, .mini) .wh { fill: var(--ind); }
:is(.kent, .mini) .hb { fill: var(--sis); }
.kent .car.ins, .mini .car { --l: #E2F6F3; --r: #C3EBE6; }
.kent .car.c2 { --l: #F4F5F9; --r: #E1E4EE; }
.kent .car.mov { --l: #FCE9E6; --r: #F4D2CC; }
.kent .bd, .kent .tree, .kent .lamp, .kent > .car { transition: opacity .35s; }
.kent.odak .bd:not(.on), .kent.odak .tree, .kent.odak > .car:not(.mov), .kent.odak .lamp { --t: #F7F8FC; --l: #F1F3F9; --r: #E6E9F3; --kl: rgb(30 42 120 / .28); }
.kent.odak .bd:not(.on) .gl, .kent.odak > .car:not(.mov) .gl { fill: #E7EBF5; }
.kent.odak .bd:not(.on) .aw1 { fill: #A9E5DF; }
.kent.odak .tree .tc2 { fill: #EDF7F5; }
.kent .bd.on { --l: #E0F6F3; --r: #C1EAE5; --kl: #0F5E7A; }
/* efektler */
.kent .fx { opacity: 0; pointer-events: none; }
.kent .fx-crack { fill: none; stroke: var(--ind); stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linejoin: miter; }
.kent .fx-fault { fill: none; stroke: var(--coral); stroke-width: 1.8; vector-effect: non-scaling-stroke; }
.kent .fx-door { fill: rgb(240 96 77 / .28); stroke: var(--coral); stroke-width: 1.8; vector-effect: non-scaling-stroke; }
.kent .fx-su { fill: none; stroke: var(--teal); stroke-width: 2.4; vector-effect: non-scaling-stroke; stroke-linecap: round; }
.kent .fx-cam { fill: none; stroke: var(--coral); stroke-width: 1.6; vector-effect: non-scaling-stroke; }
.kent .fl1 { fill: #FF8A4C; } .kent .fl2 { fill: #FFD27A; }
.kent .fx-fire path { transform-box: fill-box; transform-origin: 50% 100%; }
.kent .fx-smoke path { fill: none; stroke: #8E95B8; stroke-width: 2.6; stroke-linecap: round; vector-effect: non-scaling-stroke; opacity: .6; }
.kent .fx-ecg { fill: none; stroke: var(--teal); stroke-width: 2.4; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
.kent .fx-cross { fill: #4FE0D3; transform-box: fill-box; transform-origin: center; }
.kent .fx-hit { fill: none; stroke: var(--coral); stroke-width: 2.2; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.kent .fx-ghost { fill: none; stroke: var(--coral); stroke-width: 1.6; stroke-dasharray: 4 3; vector-effect: non-scaling-stroke; }
.kent .fx-iz ellipse { fill: var(--coral); }
.kent .wt { fill: rgb(24 195 181 / .34); stroke: var(--teal); stroke-width: 1.2; vector-effect: non-scaling-stroke; }
.kent .wf { fill: rgb(24 195 181 / .5); }
.kent .wv { fill: none; stroke: #fff; stroke-width: 1.3; vector-effect: non-scaling-stroke; stroke-linecap: round; }
.kent .car.ikame { --l: #D9F4F1; --r: #B6E6E0; --kl: #0B7F76; }
.kent .hx { opacity: 0; }
.kent .hx-sig { fill: none; stroke: var(--teal); stroke-width: 1.8; vector-effect: non-scaling-stroke; }
.kent .hx-sigu { fill: var(--teal); }
.kent .hx-olcu { fill: none; stroke: var(--ind); stroke-width: 1.8; vector-effect: non-scaling-stroke; }
.kent .hx-olt { fill: var(--ind); font: 600 11.5px var(--f); }
.kent .hx-halka { fill: rgb(24 195 181 / .08); stroke: var(--teal); stroke-width: 1.6; vector-effect: non-scaling-stroke; }
/* risk işaretleri */
.kent .rk { cursor: pointer; outline: none; }
.kent .rk-p { fill: rgb(24 195 181 / .16); stroke: var(--teal); stroke-width: 1; vector-effect: non-scaling-stroke; transform-box: fill-box; transform-origin: center; animation: rkNabiz 2.8s ease-out infinite; }
.kent .rk:nth-child(2n) .rk-p { animation-delay: -1.2s; }
@keyframes rkNabiz { 0% { transform: scale(.6); opacity: .9; } 80%, 100% { transform: scale(1.9); opacity: 0; } }
.kent .rk-l { stroke: var(--ind); stroke-width: 1; stroke-dasharray: 2 3; vector-effect: non-scaling-stroke; }
.kent .rk-h { transition: transform .25s cubic-bezier(.16, 1, .3, 1); }
.kent .rk-d { fill: #fff; stroke: var(--ind); stroke-width: 1.2; vector-effect: non-scaling-stroke; transition: fill .2s; filter: drop-shadow(0 6px 8px rgb(30 42 120 / .22)); }
.kent .rk-i { color: var(--ind); transition: color .2s; }
.kent .rk-t { opacity: 0; transition: opacity .18s; pointer-events: none; }
.kent .rk-b { fill: var(--ind); }
.kent .rk-x { fill: #fff; font: 600 13px var(--f); }
.kent .rk:hover .rk-t, .kent .rk:focus-visible .rk-t, .kent .rk.on .rk-t { opacity: 1; }
.kent .rk.on .rk-d, .kent .rk:hover .rk-d { fill: var(--ind); }
.kent .rk.on .rk-i, .kent .rk:hover .rk-i { color: #fff; }
.kent .rk:focus-visible .rk-d { stroke: var(--teal); stroke-width: 2.6; }
.kent.odak .rk:not(.on) { opacity: .55; }
.mini { width: 40px; height: 40px; overflow: visible; }
.mini :is(.ft, .fl, .fr, .gl, .dr, .aw1, .aw2, .rd, .wh, .hb) { stroke-width: .8; }

/* ------------------------------------------------ açılış (K8): ortada küpün üstünde şehir; riskler iki yanda yay üzerinde */
.hero { position: relative; padding: 22px 0 0; overflow: hidden; isolation: isolate; }
.hero-ust { text-align: center; padding: 0 20px; position: relative; z-index: 4; }
.hero-h { font: 560 clamp(36px, 4.3vw, 64px)/1 var(--d); letter-spacing: -.045em; color: var(--ink); }
.hero-h span { color: var(--ind); }
.hero-p { max-width: 74ch; margin: 12px auto 0; font-size: 16px; color: var(--mute); }
.k8 { position: relative; width: min(1000px, 100% - 40px); margin: 0 auto; aspect-ratio: 1200 / 690; }
.k8-isik { position: absolute; z-index: -1; inset: -6% 6% -10%; background: radial-gradient(46% 42% at 50% 54%, rgb(24 195 181 / .22), transparent 70%), radial-gradient(60% 50% at 50% 72%, rgb(30 42 120 / .14), transparent 75%); pointer-events: none; }
.k8-s { position: absolute; left: 17.5%; width: 65%; top: 0; }
.k8-s .kent { width: 100%; }
.kent .kup-e { fill: none; stroke: var(--teal); stroke-width: 1.4; vector-effect: non-scaling-stroke; }
.kent .kup-g { fill: none; stroke: rgb(255 255 255 / .22); stroke-width: 1; vector-effect: non-scaling-stroke; }
.kent .kup-t, .kent .kup-l, .kent .kup-r { stroke: none; }
.rr-svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; }
.rr-l { fill: none; stroke: rgb(30 42 120 / .32); stroke-width: 1; stroke-dasharray: 3 4; vector-effect: non-scaling-stroke; transition: stroke .2s; }
.rr-c { fill: #fff; stroke: rgb(30 42 120 / .5); stroke-width: 1; vector-effect: non-scaling-stroke; }
.rr-l.isik { stroke: var(--ind); }
.rr-l.on { stroke: var(--ind); stroke-dasharray: none; stroke-width: 1.4; }
.rr-c.on { fill: var(--teal); stroke: var(--ind); }
.rr-b { position: absolute; z-index: 5; display: flex; align-items: center; gap: 12px; width: 224px; padding: 10px 14px 10px 10px; transform: translate(-50%, -50%); background: #fff; border-radius: 8px; box-shadow: var(--sh2), 0 0 0 1px rgb(30 42 120 / .06); text-align: left; transition: transform .25s cubic-bezier(.16, 1, .3, 1), box-shadow .25s, background .2s; }
.rr-b:hover { transform: translate(-50%, calc(-50% - 3px)); box-shadow: var(--sh3), 0 0 0 1px rgb(30 42 120 / .1); }
.rr-i { flex: none; width: 42px; height: 46px; display: grid; place-items: center; background: var(--ind-a); color: var(--ind); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); transition: background .2s, color .2s; }
.rr-i .ic { width: 20px; height: 20px; }
.rr-t b { display: block; font: 600 16px/1.2 var(--f); }
.rr-t small { display: block; font-size: 13px; color: var(--mute); }
.rr-b.on { background: var(--ind); color: #fff; box-shadow: 0 20px 40px -16px rgb(30 42 120 / .6); }
.rr-b.on .rr-i { background: var(--teal); color: var(--ink); }
.rr-b.on small { color: rgb(255 255 255 / .72); }
.rr-b:focus-visible { outline: 2px solid var(--teal); outline-offset: 3px; }
.k8 .kent .rk-l, .k8 .kent .rk-t { display: none; }
.k8 .kent .rk-h { transform: translate(0, -44px) scale(.82); }
/* teminat şeridi: şehrin altından taşan, seçili riskin üç şirketi */
.ts0 { position: relative; z-index: 6; margin: -150px auto 0; max-width: 1180px; display: grid; grid-template-columns: 260px 1fr; grid-template-areas: 'h r' 's r' 'f r'; gap: 12px 30px; padding: 20px 24px 18px; background: #fff; border-radius: 10px; box-shadow: var(--sh3), 0 0 0 1px rgb(30 42 120 / .06); }
.ts0.yeni { animation: tsYeni .4s cubic-bezier(.16, 1, .3, 1); }
@keyframes tsYeni { from { box-shadow: var(--sh3), 0 0 0 3px rgb(24 195 181 / .5); } }
.ts0-h { grid-area: h; display: flex; gap: 12px; align-items: center; }
.ts0-i { flex: none; width: 46px; height: 50px; display: grid; place-items: center; background: var(--ind); color: #fff; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.ts0-i .ic { width: 22px; height: 22px; }
.ts0-h b { display: block; font: 560 22px/1.1 var(--d); letter-spacing: -.03em; }
.ts0-h small { display: block; font-size: 13px; color: var(--mute); margin-top: 4px; line-height: 1.35; }
.ts0-sev { grid-area: s; align-self: start; }
.ts0-sev .seg span { min-height: 38px; font-size: 14px; }
.ts0-r { grid-area: r; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
.ts0-r .tp-i { display: grid; grid-template-columns: 26px 1fr auto; grid-template-areas: 'm n o' 'm c c' 'b b b'; gap: 6px 10px; padding: 4px 18px; border-left: 1px solid var(--line); border-top: 0; align-content: start; }
.ts0-f { grid-area: f; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; font-size: 13px; color: var(--mute); }
.ts0-f .btn { min-height: 44px; }
.tp-i .kt-hm { grid-area: m; align-self: start; margin-top: 2px; }
.tp-n { grid-area: n; }
.tp-n b { display: block; font: 600 15px/1.2 var(--f); }
.tp-n small { font-size: 12.5px; color: var(--mute); }
.tp-c { grid-area: c; font-size: 13px; line-height: 1.3; }
.tp-c .kc { flex-wrap: wrap; gap: 4px 8px; }
.tp-o { grid-area: o; text-align: right; line-height: 1.1; }
.tp-o b { display: block; font: 600 17px/1.1 var(--f); color: var(--ind); }
.tp-o small { font-size: 12px; color: var(--mute); }
.tp-b { grid-area: b; height: 6px; }
/* karşılaştırıcı sekmeleri, senaryo çipleri, gizli radyolar */
.kr-tabs { position: relative; display: flex; border-bottom: 1px solid var(--line); }
.kr-tabs button { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 10px 18px 14px 6px; font: 500 16px/1.1 var(--f); color: var(--mute); transition: color .15s; }
.kr-tabs button[aria-selected="true"] { color: var(--ink); }
.kr-tabs .mini { width: 32px; height: 28px; transition: transform .25s cubic-bezier(.16, 1, .3, 1); }
.kr-tabs button:not([aria-selected="true"]) .mini { filter: grayscale(1) opacity(.65); }
.kr-tabs button:hover .mini { transform: translateY(-2px); }
.kr-ti, .tb-i { position: absolute; bottom: -1px; left: 0; height: 2px; background: var(--ind); transition: transform .3s cubic-bezier(.16, 1, .3, 1), width .3s cubic-bezier(.16, 1, .3, 1); }
.sc-ch { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 12px; }
.sc-ch label, .seg label { position: relative; }
.sc-ch input, .seg input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.sc-ch span { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border-radius: var(--rad); border: 1px solid var(--line2); font: 500 14px/1 var(--f); cursor: pointer; white-space: nowrap; transition: background .15s, border-color .15s, color .15s; }
.sc-ch .ic { width: 16px; height: 16px; color: var(--ind); }
.sc-ch input:checked + span { background: var(--ind); border-color: var(--ind); color: #fff; }
.sc-ch input:checked + span .ic { color: var(--teal); }
.sc-ch input:focus-visible + span, .seg input:focus-visible + span { outline: 2px solid var(--teal); outline-offset: 2px; }
/* sekmeli akış (A3) */
.ak { padding: 110px 0 120px; }
.sk-l { position: sticky; top: var(--hd); z-index: 20; display: flex; gap: 4px; background: #fff; border-bottom: 1px solid var(--line); overflow-x: auto; scrollbar-width: none; }
.sk-l button { flex: none; display: inline-flex; align-items: center; gap: 10px; padding: 18px 18px 18px 6px; font: 500 16.5px/1 var(--f); color: var(--mute); transition: color .15s; }
.sk-l button .ic { width: 20px; height: 20px; color: var(--mute2); transition: color .15s; }
.sk-l button:hover { color: var(--ink); }
.sk-l button[aria-selected="true"] { color: var(--ink); }
.sk-l button[aria-selected="true"] .ic { color: var(--ind); }
.sk-i { position: absolute; bottom: -1px; left: 0; height: 2px; background: var(--ind); transition: transform .3s cubic-bezier(.16, 1, .3, 1), width .3s cubic-bezier(.16, 1, .3, 1); }
.sk-p { padding-top: 44px; }
.sk-p.gir { animation: skGir .32s cubic-bezier(.16, 1, .3, 1); }
@keyframes skGir { from { opacity: 0; transform: translateY(10px); } }
.ak-h { display: grid; grid-template-columns: 1.05fr 1fr auto; gap: 24px 48px; align-items: end; margin-bottom: 30px; }
.ak-h p { color: var(--mute); font-size: 16px; }
.ak .kr-card { padding: 30px 30px 26px; }

/* ------------------------------------------------ hücre ve şirket işaretleri (karşılaştırıcı çekirdeği) */
.kt-hm { --t: var(--ind); display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 3px; background: var(--t); color: #fff; font: 600 13px/1 var(--d); }
.kc { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 5px; }
.kc-d { display: inline-flex; align-items: center; gap: 5px; color: var(--teald); font-weight: 600; }
.kc-d .ic { width: 16px; height: 16px; }
.kc-y { display: inline-flex; align-items: center; gap: 5px; color: var(--mute2); }
.kc-y .ic { width: 16px; height: 16px; }
.kc-l { display: inline-flex; align-items: baseline; gap: 5px; }
.kc-l b { font-weight: 600; }
.kc-l small { font-size: 12px; color: var(--mute); }
.kc-t { font-size: .95em; color: var(--ink); }

/* ------------------------------------------------ karşılaştırıcı */
.kr-sec { position: relative; z-index: 6; margin-top: -150px; padding-bottom: 110px; }
.kr-card { background: #fff; border-radius: 10px; box-shadow: var(--sh3), 0 0 0 1px rgb(30 42 120 / .05); padding: 36px 36px 30px; }
.kr-top { display: grid; grid-template-columns: 1.1fr 1fr auto; gap: 28px 40px; align-items: end; margin-bottom: 26px; }
.kr-top p { color: var(--mute); font-size: 16px; }
.kr-tabs { margin-bottom: 0; }
.kr-tabs button { flex: 0 0 auto; flex-direction: row; gap: 10px; padding: 10px 18px 14px 6px; font-size: 16px; }
.kr-etk { margin-left: auto; align-self: center; display: inline-flex; gap: 8px; align-items: center; font-size: 13.5px; color: var(--mute); }
.kr-etk .ic { width: 16px; height: 16px; }
.kr-body { display: grid; grid-template-columns: 330px 1fr; gap: 36px; padding-top: 26px; }
.kr-in { display: flex; flex-direction: column; gap: 18px; }
.kr-v { position: relative; border-radius: var(--rc); background: linear-gradient(170deg, #F7F9FD, var(--sis)); overflow: hidden; aspect-ratio: 330 / 250; box-shadow: inset 0 0 0 1px var(--line); }
.kr-v .kent { position: absolute; inset: 0; width: 100%; height: 100%; }
.kr-vk { position: absolute; left: 10px; bottom: 10px; font: 500 12.5px/1 var(--f); background: #fff; padding: 7px 9px; border-radius: 3px; box-shadow: var(--sh1); }
.kr-f { display: flex; flex-direction: column; gap: 16px; }
.kr-g { display: flex; flex-direction: column; gap: 14px; }
.kr-g[hidden] { display: none; }
.kr-gh { font: 600 15px/1.2 var(--f); }
.kr-not { display: flex; gap: 8px; font-size: 13px; line-height: 1.45; color: var(--mute); padding-top: 14px; border-top: 1px solid var(--line); }
.kr-not .ic { width: 16px; height: 16px; color: var(--coral); margin-top: 1px; }
.kr-out { min-width: 0; display: flex; flex-direction: column; gap: 28px; }
.kr-tw { overflow-x: auto; }
.kt { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 15px; }
.kt th, .kt td { text-align: left; vertical-align: top; padding: 12px 14px; border-bottom: 1px solid var(--line); }
.kt thead th { vertical-align: bottom; border-bottom: 0; padding: 0 6px 12px; }
.kt-c0 { width: 26%; padding-left: 0 !important; }
.kt-c0k { display: block; font: 600 16px/1.2 var(--d); letter-spacing: -.02em; }
.kt-c0p { display: block; margin-top: 6px; font-size: 13px; line-height: 1.4; color: var(--mute); font-weight: 400; }
.kt-h { display: flex; flex-direction: column; gap: 6px; padding: 14px 14px 12px; border-radius: var(--rc); background: var(--sis); cursor: pointer; transition: background .2s, box-shadow .2s, transform .2s; position: relative; }
.kt-h input { position: absolute; opacity: 0; }
.kt-h:hover { transform: translateY(-2px); }
.kt-co.on .kt-h { background: #fff; box-shadow: var(--sh2), inset 0 3px 0 var(--ind); }
.kt-h:has(input:focus-visible) { outline: 2px solid var(--teal); outline-offset: 2px; }
.kt-hn b { display: block; font: 600 15.5px/1.2 var(--f); }
.kt-hn small { display: block; font-size: 12.5px; color: var(--mute); font-weight: 400; }
.kt-hp b { font: 560 26px/1.05 var(--d); letter-spacing: -.03em; color: var(--ink); }
.kt-hp small { display: block; font-size: 12px; color: var(--mute); font-weight: 400; }
.kt-ht { font-size: 13px; color: var(--mute); font-weight: 500; }
.kt-hs { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--ind); }
.kt-hs i { width: 16px; height: 16px; border: 1.5px solid var(--line2); border-radius: 2px; display: grid; place-items: center; color: transparent; }
.kt-hs .ic { width: 12px; height: 12px; }
.kt-co.on .kt-hs i { background: var(--ind); border-color: var(--ind); color: #fff; }
.kt-g th { padding: 18px 0 8px; font: 600 13px/1 var(--f); color: var(--mute); border-bottom: 1px solid var(--line2); }
.kt-r { font-weight: 500; padding-left: 0 !important; }
.kt td.on { background: rgb(221 245 242 / .4); }
.kt tr.hl > * { background: rgb(240 96 77 / .06); }
.kt tr.hl .kt-r { box-shadow: inset 3px 0 0 var(--coral); padding-left: 12px !important; }
.kt tbody tr:hover > * { background: var(--sis); }
section.sc { border-top: 1px solid var(--line); padding-top: 24px; }
.sc-top { display: flex; justify-content: space-between; gap: 24px; align-items: end; }
.sc-ttl { font: 560 22px/1.2 var(--d); letter-spacing: -.025em; }
.sc-sub { color: var(--mute); font-size: 15px; margin-top: 4px; }
.sc-key { display: flex; gap: 16px; font-size: 13px; color: var(--mute); flex-wrap: wrap; }
.sc-key span { display: inline-flex; gap: 6px; align-items: center; }
.sc-key i { width: 14px; height: 10px; display: block; }
.k-p { background: var(--teal); }
.k-m { background: repeating-linear-gradient(-60deg, var(--ind) 0 1.4px, var(--ind-a) 1.4px 5px); }
.k-a { background: repeating-linear-gradient(60deg, var(--coral) 0 1.4px, var(--coral-l) 1.4px 5px); }
.sc-d { display: grid; grid-template-columns: 1fr 300px; gap: 28px; align-items: end; margin-bottom: 14px; }
.sc-not { font-size: 15px; color: var(--ink); padding-left: 14px; box-shadow: inset 2px 0 0 var(--teal); }
.sc-l { display: grid; gap: 6px; }
.sc-i { display: grid; grid-template-columns: 1fr 260px; gap: 6px 24px; align-items: center; padding: 12px 14px; border-radius: var(--rc); transition: background .2s; }
.sc-i.on { background: var(--sis); }
.sc-h { display: flex; align-items: center; gap: 10px; grid-column: 1 / -1; }
.sc-h b { font-weight: 600; }
.sc-why { font-size: 13px; color: var(--mute); }
.sc-bar { display: flex; height: 14px; background: var(--sis2); border-radius: 1px; overflow: hidden; }
.sc-bar span { display: block; height: 100%; transition: width .7s cubic-bezier(.16, 1, .3, 1); }
.sc-p { background: var(--teal); }
.sc-m { background: repeating-linear-gradient(-60deg, var(--ind) 0 1.4px, var(--ind-a) 1.4px 5px); }
.sc-a { background: repeating-linear-gradient(60deg, var(--coral) 0 1.4px, var(--coral-l) 1.4px 5px); }
.sc-n { display: flex; justify-content: space-between; gap: 16px; }
.sc-n div { display: flex; flex-direction: column; }
.sc-n dt { font-size: 12.5px; color: var(--mute); }
.sc-n dd { font: 600 18px/1.2 var(--f); }
.sc-n div:first-child dd { color: var(--teald); }
.sc-f { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
.sc-fn { font-size: 13.5px; color: var(--mute); max-width: 52ch; }

/* ------------------------------------------------ form parçaları */
.kf { border: 0; padding: 0; margin: 0; min-width: 0; }
.kf-l, .fld-l { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; font: 500 14px/1.3 var(--f); color: var(--ink); margin-bottom: 8px; padding: 0; }
.kf-l b { font-weight: 600; color: var(--ind); }
.fld-l i { color: var(--coral); font-style: normal; margin-left: 2px; }
.seg { display: flex; border: 1px solid var(--line2); border-radius: var(--rad); overflow: hidden; background: #fff; }
.seg label { flex: 1; position: relative; }
.seg label + label span { border-left: 1px solid var(--line); }
.seg span { display: flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 10px; font: 500 14.5px/1.15 var(--f); text-align: center; cursor: pointer; transition: background .15s, color .15s; }
.seg span:hover { background: var(--sis); }
.seg input:checked + span { background: var(--ind); color: #fff; border-color: var(--ind); }
.kf-mm { display: flex; justify-content: space-between; font-size: 12px; color: var(--mute2); margin-top: 4px; }
.ar.ui-aralik { padding: 10px 0 4px; }
.ar .ui-aralik-deger { display: none; }
.ar .ui-aralik-ray { height: 4px; background: var(--sis2); border-radius: 0; }
.ar .ui-aralik-dolgu { background: var(--teal); border-radius: 0; }
.ui-aralik input[type=range]::-webkit-slider-thumb { width: 20px !important; height: 20px !important; border-radius: 3px !important; background: #fff !important; border: 2px solid var(--ind) !important; box-shadow: 0 4px 10px -3px rgb(30 42 120 / .45) !important; transform: rotate(45deg); }
.ui-aralik input[type=range]::-moz-range-thumb { width: 18px; height: 18px; border-radius: 3px; background: #fff; border: 2px solid var(--ind); }
.fld { display: flex; flex-direction: column; min-width: 0; }
.fld input, .fld textarea, .tar-b { width: 100%; min-height: 50px; padding: 12px 14px; border: 1px solid var(--line2); border-radius: var(--rad); background: #fff; font-size: 16.5px; transition: border-color .15s, box-shadow .15s; }
.fld textarea { resize: vertical; min-height: 120px; }
.fld input::placeholder, .fld textarea::placeholder { color: #9AA0BC; }
.fld input:hover, .fld textarea:hover, .tar-b:hover { border-color: var(--mute2); }
.fld input:focus, .fld textarea:focus, .tar-b:focus-visible, .tar-b[aria-expanded="true"] { outline: 0; border-color: var(--ind); box-shadow: 0 0 0 3px rgb(24 195 181 / .25); }
.fld-h { font-size: 13px; color: var(--mute); margin-top: 6px; }
.fld-e { font-size: 13px; color: #C4321F; min-height: 0; }
.fld-e:empty { display: none; }
.err input, .err textarea, .err .tar-b, .err .ui-secim-dugme { border-color: #C4321F !important; }
.fld-e:not(:empty) { margin-top: 6px; }
.tar-b { display: flex; align-items: center; gap: 10px; text-align: left; color: var(--mute); }
.dolu .tar-b { color: var(--ink); }
.tar-b .ic { color: var(--ind); width: 18px; height: 18px; }
.tar-b .tar-c { margin-left: auto; color: var(--mute2); }
.fld-tar { position: relative; }
.tar-p { position: absolute; z-index: 20; top: calc(100% + 6px); left: 0; width: 320px; max-width: 86vw; background: #fff; border-radius: var(--rc); box-shadow: var(--sh3); padding: 14px; }
.tar-p .ui-takvim { --ui-takvim-hucre: 40px; }
:root .ui-secim-dugme { border-radius: var(--rad) !important; border: 1px solid var(--line2); background: #fff; padding: 0 14px; font-size: 16px; min-height: 48px; transition: border-color .12s, box-shadow .12s; }
:root .ui-secim-dugme:hover { border-color: var(--mute2); }
:root .ui-secim-dugme[aria-expanded="true"], :root .ui-secim-dugme:focus-visible { border-color: var(--ind); box-shadow: 0 0 0 3px rgb(24 195 181 / .25); outline: 0; }
:root .ui-secim-ok { color: var(--ind); }
:root .ui-secim-panel { border-radius: var(--rc) !important; border: 0; box-shadow: var(--sh3); clip-path: none; transition: opacity .12s, visibility 0s .12s; }
:root .ui-secim--acik .ui-secim-panel { clip-path: none; transition: opacity .12s; }
:root .ui-secim-secenek { border-radius: 3px !important; padding: 9px 10px; font-size: 15.5px; }
:root .ui-secim-secenek[aria-selected="true"] { background: var(--ind-a); color: var(--ind); font-weight: 600; }
:root .ui-takvim-gun { border-radius: 3px !important; }
:root .ui-takvim-git { border-radius: var(--rad) !important; }
:root .ui-takvim-hucre[aria-selected="true"] .ui-takvim-gun { background: var(--ind); color: #fff; }
:root .ui-akordeon-ikon { border-radius: 3px !important; }
.chk { display: grid; grid-template-columns: 22px 1fr; gap: 10px; align-items: start; font-size: 15px; line-height: 1.45; cursor: pointer; position: relative; }
.chk input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.chk-b { width: 22px; height: 22px; border: 1.5px solid var(--line2); border-radius: 3px; display: grid; place-items: center; color: transparent; background: #fff; transition: background .15s, border-color .15s; }
.chk-b .ic { width: 15px; height: 15px; }
.chk input:checked + .chk-b { background: var(--ind); border-color: var(--ind); color: #fff; }
.chk input:focus-visible + .chk-b { outline: 2px solid var(--teal); outline-offset: 2px; }
.chk .fld-e { grid-column: 2; }
.demo-n { display: flex; gap: 8px; align-items: center; font-size: 13.5px; color: var(--mute); }
.demo-n .ic { width: 16px; height: 16px; }
.okb { padding: 36px 32px; background: #fff; border-radius: 10px; box-shadow: var(--sh2); display: grid; gap: 10px; justify-items: start; }
.okb-m .mk { width: 48px; height: 53px; animation: okMk .6s cubic-bezier(.16, 1, .3, 1); }
@keyframes okMk { from { transform: translateY(-14px) scale(.8); opacity: 0; } }
.okb-h { font: 560 26px/1.15 var(--d); letter-spacing: -.03em; }
.okb-r b { font-weight: 600; color: var(--ind); }
.sz-ara { display: flex; align-items: center; gap: 10px; height: 50px; padding: 0 14px; border: 1px solid var(--line2); border-radius: var(--rad); background: #fff; transition: border-color .15s, box-shadow .15s; }
.sz-ara:focus-within { border-color: var(--ind); box-shadow: 0 0 0 3px rgb(24 195 181 / .25); }
.sz-ara input { flex: 1; border: 0; outline: 0; background: none; font-size: 16px; min-width: 0; }
.sz-ara .ic { color: var(--ind); }
.sz-bos { font-size: 15px; color: var(--mute); padding: 12px 0; }

/* ------------------------------------------------ hasar anlatımı (sabitlenmiş) */
.hk { background: var(--sis); position: relative; border-radius: 10px; }
.hk::before { content: ''; position: absolute; inset: 0; background-image: repeating-linear-gradient(30deg, rgb(30 42 120 / .045) 0 1px, transparent 1px 46px), repeating-linear-gradient(150deg, rgb(30 42 120 / .045) 0 1px, transparent 1px 46px); mask-image: linear-gradient(90deg, transparent, #000 40%, #000 80%, transparent); pointer-events: none; }
.hk-pin { min-height: 100vh; display: flex; align-items: center; padding: calc(var(--hd) + 78px) 28px 96px; }
.hk .h2 { font-size: clamp(26px, 2.4vw, 36px); }
.hk .hk-p { font-size: 15.5px; margin: 10px 0 16px; }
.hk-i { padding: 11px 15px; }
.hk-in { display: grid; grid-template-columns: 410px 1fr; gap: 48px; align-items: center; position: relative; }
.hk-p { color: var(--mute); margin: 14px 0 22px; font-size: 16.5px; }
.hk-l { display: grid; gap: 8px; margin-bottom: 20px; }
.hk-i { padding: 13px 16px; border-radius: var(--rc); background: rgb(255 255 255 / .7); box-shadow: inset 0 0 0 1px var(--line); transition: background .3s, color .3s, box-shadow .3s; }
.hk-z { display: flex; gap: 10px; align-items: baseline; font-size: 13px; color: var(--mute); }
.hk-z .num { font-weight: 600; color: var(--ind); }
.hk-b { font: 600 16.5px/1.3 var(--f); }
.hk-d { display: none; font-size: 15px; line-height: 1.5; margin-top: 6px; color: rgb(255 255 255 / .82); }
.hk-i.on { background: var(--ind); color: #fff; box-shadow: var(--sh2); }
.hk-i.on .hk-z { color: rgb(255 255 255 / .7); }
.hk-i.on .hk-z .num { color: var(--teal); }
.hk-i.on .hk-d { display: block; }
.hk-s { position: relative; }
.hk-gun { position: absolute; z-index: 3; left: 0; top: -6px; display: grid; grid-template-columns: auto auto; column-gap: 12px; align-items: end; }
.hk-gun small { grid-column: 1 / -1; font-size: 13px; color: var(--mute); }
.hk-gun b { font: 560 96px/.85 var(--d); letter-spacing: -.05em; color: var(--ind); min-width: 1.25em; }
.hk-gun span { font-size: 14px; color: var(--mute); padding-bottom: 8px; }
.hk-v { position: relative; }
.hk-v .kent { width: 100%; overflow: hidden; mask-image: linear-gradient(transparent, #000 16%); }
.hk-c { position: absolute; z-index: 4; display: flex; gap: 12px; align-items: flex-start; width: 286px; padding: 14px 16px; background: #fff; border-radius: var(--rc); box-shadow: var(--sh3); opacity: 0; visibility: hidden; flex-wrap: wrap; }
.hk-c b { display: block; font: 600 15px/1.25 var(--f); }
.hk-c small { display: block; font-size: 13px; color: var(--mute); }
.hk-c > span:nth-child(2) { flex: 1; }
.hk-cm { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 3px; background: var(--ind-a); color: var(--ind); flex: none; }
.hk-cm.ok { background: var(--teal); color: var(--ink); }
.hk-cm .ic { width: 18px; height: 18px; }
.hk-c1 { right: 2%; top: 6%; }
.hk-c2 { right: 6%; top: 30%; }
.hk-c3 { right: 2%; top: 14%; }
.hk-c4 { right: 0; top: 4%; width: 330px; }
.hk-pr { flex-basis: 100%; height: 6px; background: var(--sis2); display: block; }
.hk-pr i { display: block; height: 100%; width: 0; background: var(--teal); }
.hk-od { flex-basis: 100%; display: grid; gap: 8px; margin-top: 4px; }
.hk-odr { display: flex; justify-content: space-between; font-size: 13.5px; }
.hk-odr b { font-weight: 600; color: var(--teald); }
.hk-odr.m b { color: var(--ind); }
.hk-tl { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-top: 8px; }
.hk-tl li { display: flex; flex-direction: column; gap: 8px; font-size: 12.5px; color: var(--mute); }
.hk-tl i { height: 3px; background: var(--line2); position: relative; }
.hk-tl li.on i { background: var(--ind); }
.hk-tl li.on { color: var(--ink); }

/* ------------------------------------------------ ürün şeridi */
.ur { padding: 120px 0 110px; }
.ur-top { display: grid; grid-template-columns: 1fr 1fr auto; gap: 40px; align-items: end; margin-bottom: 40px; }
.ur-top p { color: var(--mute); }
.ur-nav { display: flex; gap: 8px; }
.embla { overflow: hidden; }
.ur-em { padding: 10px 0 30px var(--gut); }
.embla__c { display: flex; gap: 22px; touch-action: pan-y pinch-zoom; }
.embla__s { flex: 0 0 372px; min-width: 0; }
.embla__s:last-child { margin-right: var(--gut); }
.ur-pr { height: 2px; background: var(--line); position: relative; overflow: hidden; }
.ur-pr i { position: absolute; inset: 0; background: var(--ind); transform-origin: 0 50%; transform: scaleX(.2); }
.uk a { display: flex; flex-direction: column; height: 100%; position: relative; border-radius: 10px; background: #fff; box-shadow: var(--sh1), 0 0 0 1px var(--line); transition: box-shadow .3s, transform .3s cubic-bezier(.16, 1, .3, 1); }
.uk a:hover { box-shadow: var(--sh3); transform: translateY(-4px); }
.pl-m { display: block; overflow: hidden; clip-path: polygon(0 9%, 100% 0, 100% 91%, 0 100%); }
.pl-m img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.16, 1, .3, 1); }
.uk-ph { aspect-ratio: 4 / 3; margin: 12px 12px 0; border-radius: 4px; }
.uk a:hover .uk-ph img { transform: scale(1.04); }
.uk-ic { position: absolute; left: 26px; top: calc((372px - 24px) * .75 - 18px); width: 62px; height: 62px; display: grid; place-items: center; background: #fff; border-radius: var(--rad); box-shadow: var(--sh2); }
.uk-ic .mini { width: 46px; height: 46px; }
.uk-b { display: flex; flex-direction: column; gap: 8px; padding: 22px 24px 22px; flex: 1; }
.uk-tur { align-self: flex-end; font: 500 12.5px/1 var(--f); color: var(--mute); padding: 5px 7px; background: var(--sis); border-radius: 2px; margin-top: -8px; }
.uk-tur.z { background: var(--teal-l); color: var(--teald); }
.uk-n { font: 560 22px/1.15 var(--d); letter-spacing: -.03em; margin-top: 4px; }
.uk-s { font-size: 15px; color: var(--mute); line-height: 1.45; }
.uk-m { display: grid; gap: 7px; font-size: 13.5px; color: var(--mute); margin-top: 6px; }
.uk-m b { color: var(--ink); font-weight: 600; }
.uk-is { display: flex; gap: 8px; font-size: 13.5px; line-height: 1.4; color: var(--ink); padding-top: 12px; border-top: 1px solid var(--line); }
.uk-is .ic { width: 16px; height: 16px; color: var(--coral); margin-top: 1px; }
.uk-f { margin-top: auto; padding-top: 10px; display: inline-flex; gap: 8px; align-items: center; font-weight: 600; color: var(--ind); }
.uk-f .ic { width: 17px; height: 17px; transition: transform .25s; }
.uk a:hover .uk-f .ic { transform: translateX(4px); }

/* ------------------------------------------------ bento */
.bn { padding: 0 0 120px; }
.bn-g { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: minmax(0, auto); gap: 20px; }
.bn-a { grid-column: 1 / 6; grid-row: 1 / 3; background: var(--ind); color: #fff; border-radius: 10px; padding: 36px 34px; display: flex; flex-direction: column; gap: 16px; position: relative; overflow: hidden; isolation: isolate; }
.bn-a::before { content: ''; position: absolute; z-index: -1; right: -120px; top: -120px; width: 420px; height: 420px; background: radial-gradient(closest-side, rgb(24 195 181 / .42), transparent); }
.bn-a::after { content: ''; position: absolute; z-index: -1; inset: 0; background-image: repeating-linear-gradient(30deg, rgb(255 255 255 / .05) 0 1px, transparent 1px 38px), repeating-linear-gradient(150deg, rgb(255 255 255 / .05) 0 1px, transparent 1px 38px); mask-image: linear-gradient(200deg, #000, transparent 60%); }
.bn-k { display: inline-flex; gap: 8px; align-items: center; font-size: 14px; color: rgb(255 255 255 / .75); }
.bn-k .ic { color: var(--teal); }
.bn-h { font: 560 32px/1.1 var(--d); letter-spacing: -.035em; }
.bn-tel { white-space: nowrap; font: 560 clamp(28px, 2.85vw, 42px)/1 var(--d); letter-spacing: -.04em; color: var(--teal); }
.bn-p { color: rgb(255 255 255 / .8); font-size: 15.5px; }
.bn-p b { color: #fff; }
.bn-dg { display: grid; gap: 7px; margin-top: 4px; }
.bn-dg span { display: grid; grid-template-columns: 1fr 44px; gap: 2px 10px; align-items: center; font-size: 13px; }
.bn-dg i { grid-column: 1 / -1; height: 5px; background: rgb(255 255 255 / .12); position: relative; order: 3; }
.bn-dg i::after { content: ''; position: absolute; inset: 0 auto 0 0; width: var(--w); background: var(--teal); }
.bn-dg small { color: rgb(255 255 255 / .75); font-size: 13px; }
.bn-dg b { text-align: right; font-weight: 600; }
.bn-bl { padding-top: 14px; border-top: 1px solid rgb(255 255 255 / .16); }
.bn-bl p { font-size: 14px; color: rgb(255 255 255 / .7); margin-bottom: 8px; }
.bn-bl li { display: flex; gap: 8px; font-size: 15px; padding: 3px 0; }
.bn-bl .ic { width: 16px; height: 16px; color: var(--teal); margin-top: 4px; }
.bn-b { display: flex; flex-wrap: wrap; gap: 16px 22px; align-items: center; margin-top: auto; }
.bn-f { grid-column: 6 / 10; grid-row: 1; position: relative; border-radius: 10px; overflow: hidden; min-height: 330px; }
.bn-f img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bn-fc { position: absolute; left: 16px; right: 16px; bottom: 16px; display: flex; gap: 12px; align-items: center; background: #fff; border-radius: var(--rc); padding: 12px 14px; box-shadow: var(--sh2); }
.bn-fm { width: 44px; height: 44px; display: grid; place-items: center; background: var(--sis); border-radius: var(--rad); flex: none; }
.bn-fm .mini { width: 34px; height: 34px; }
.bn-fc b { display: block; font: 600 14.5px/1.25 var(--f); }
.bn-fc small { display: block; font-size: 13px; color: var(--mute); }
.bn-y { grid-column: 10 / 13; grid-row: 1 / 3; background: #fff; border-radius: 10px; box-shadow: var(--sh1), 0 0 0 1px var(--line); padding: 28px 24px; display: flex; flex-direction: column; gap: 14px; }
.bn-yh { font: 560 21px/1.2 var(--d); letter-spacing: -.025em; }
.bn-yp { font-size: 14.5px; color: var(--mute); }
.yn-f { display: flex; flex-direction: column; gap: 14px; margin-top: auto; }
.yn-cz { position: relative; margin: 6px 0 4px; padding: 30px 0 4px; }
.yn-cz::before { content: ''; position: absolute; left: 0; right: 0; top: 40px; height: 2px; background: var(--sis2); }
.yn-cz i { position: absolute; top: 40px; right: 18%; height: 2px; width: var(--g, 48%); background: var(--teal); transition: width .4s cubic-bezier(.16, 1, .3, 1); }
.yn-cz b, .yn-cz span { position: absolute; top: 0; font: 500 12.5px/1.2 var(--f); color: var(--mute); }
.yn-cz b { right: 18%; transform: translateX(50%); color: var(--ink); font-weight: 600; text-align: center; }
.yn-cz span { left: calc(82% - var(--g, 48%)); transform: translateX(-50%); color: var(--teald); font-weight: 600; transition: left .4s cubic-bezier(.16, 1, .3, 1); white-space: nowrap; }
.yn-cz b::after, .yn-cz span::after { content: ''; position: absolute; left: 50%; top: 34px; width: 10px; height: 10px; margin-left: -5px; transform: rotate(45deg); background: currentColor; }
.yn-cz em { display: block; font-style: normal; font-size: 12px; color: var(--mute2); margin-top: 26px; }
.bn-y:has(input[name=once][value="14"]:checked) .yn-cz { --g: 32%; }
.bn-y:has(input[name=once][value="7"]:checked) .yn-cz { --g: 16%; }
.yn-e { font-size: 14px; color: var(--teald); min-height: 1.4em; }
.bn-s { grid-column: 6 / 10; grid-row: 2; background: var(--sis); border-radius: 10px; padding: 26px 26px 18px; display: flex; flex-direction: column; gap: 14px; }
.bn-st { display: flex; justify-content: space-between; align-items: baseline; }
.sz-l { display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; }
.sz-l > div { padding: 10px 0; border-top: 1px solid var(--line2); }
.sz-l dt a { font-weight: 600; color: var(--ind); }
.sz-l dd { font-size: 13.5px; line-height: 1.45; color: var(--mute); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ------------------------------------------------ kurumsal */
.kb { padding: 20px 0 120px; }
.kb-top { display: grid; grid-template-columns: 1.35fr 1fr; gap: 60px; align-items: end; margin-bottom: 48px; }
.kb-h { font: 540 clamp(34px, 4.6vw, 70px)/1.0 var(--d); letter-spacing: -.045em; text-wrap: balance; }
.kb-p { color: var(--mute); font-size: 17.5px; }
.kb-v { position: relative; }
.kb-ph { height: min(68vh, 640px); clip-path: polygon(0 12%, 100% 0, 100% 88%, 0 100%); }
.kb-tk { position: absolute; right: var(--gut); bottom: -40px; width: 380px; background: #fff; border-radius: 10px; box-shadow: var(--sh3); padding: 20px 22px 14px; }
.kb-tkh { display: flex; gap: 8px; align-items: center; font: 600 14px/1 var(--f); color: var(--mute); margin-bottom: 8px; }
.kb-tkh .ic { color: var(--ind); width: 18px; height: 18px; }
.kb-tk li { display: grid; grid-template-columns: 74px 1fr; gap: 0 12px; padding: 11px 0; border-top: 1px solid var(--line); }
.kb-ay { grid-row: 1 / 3; font: 560 15px/1.6 var(--d); letter-spacing: -.02em; color: var(--ind); }
.kb-tk b { font-weight: 600; font-size: 15.5px; }
.kb-tk small { font-size: 13px; color: var(--mute); }
.kb-tk em { grid-column: 2; font: 500 12.5px/1 var(--f); font-style: normal; color: var(--teald); margin-top: 6px; display: inline-flex; gap: 6px; align-items: center; }
.kb-tk em::before { content: ''; width: 7px; height: 7px; background: var(--teal); transform: rotate(45deg); }
.kb-tk li.on { background: linear-gradient(90deg, var(--teal-l), transparent); margin: 0 -22px; padding-left: 22px; padding-right: 22px; }
.kb-alt { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: end; margin-top: 90px; }
.kb-l { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 32px; }
.kb-l li { padding: 16px 0; border-top: 1px solid var(--line2); display: grid; gap: 4px; }
.kb-l b { font: 600 17px/1.3 var(--f); }
.kb-l span { font-size: 14.5px; color: var(--mute); line-height: 1.45; }
.kb-b { display: flex; flex-direction: column; gap: 10px; }

/* ------------------------------------------------ ilkeler + SSS */
.il { padding: 110px 0 60px; border-top: 1px solid var(--line); }
.il-g { display: grid; grid-template-columns: 1.15fr 1fr; gap: 80px; align-items: start; }
.il-l > div { display: grid; grid-template-columns: 1fr; padding: 24px 0 26px; border-bottom: 1px solid var(--line); }
.il-l > div:first-child { padding-top: 0; }
.il-l dt { display: flex; flex-direction: column; gap: 8px; }
.il-k { font: 360 clamp(40px, 4.4vw, 64px)/1 var(--d); letter-spacing: -.05em; color: var(--ind); }
.il-l dt b { font: 600 19px/1.3 var(--f); }
.il-l dd { color: var(--mute); max-width: 56ch; margin-top: 4px; }
.il-s { position: sticky; top: 110px; }
.il-sh { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px; }
.faq .ui-akordeon { border-bottom: 1px solid var(--line); }
.faq summary { font: 500 17px/1.4 var(--f); padding: 18px 0; }
.faq-a p { color: var(--mute); padding: 0 40px 18px 0; }

/* ------------------------------------------------ footer (F7): SSS + iletişim yan yana; tek satır alt bilgi; dev logo yok */
.ft { position: relative; background: var(--sis); padding: 90px 0 120px; }
.ft::before { content: ''; position: absolute; inset: 0 0 auto; height: 1px; background: var(--line); }
.ft-g { display: grid; grid-template-columns: 1.35fr 1fr; gap: 64px; align-items: start; }
.ft-sh { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 10px; }
.ft-sss .faq .ui-akordeon { border-color: var(--line2); }
.ft-sor { margin-top: 18px; font-size: 15px; color: var(--mute); }
.ft-il { display: grid; gap: 14px; background: #fff; border-radius: 10px; padding: 26px 26px 20px; box-shadow: var(--sh2), 0 0 0 1px rgb(30 42 120 / .05); }
.ft-hat { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; padding: 18px 20px; border-radius: 8px; background: var(--ind); color: #fff; }
.ft-hat small { font-size: 13px; color: rgb(255 255 255 / .7); }
.ft-hat b { font: 560 28px/1.1 var(--d); letter-spacing: -.03em; grid-column: 1; }
.ft-hat > span { grid-row: 1 / 3; grid-column: 2; align-self: center; display: inline-flex; gap: 6px; align-items: center; background: var(--teal); color: var(--ink); padding: 10px 14px; border-radius: var(--rad); font-weight: 600; }
.ft-ct { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ft-ct a { display: flex; flex-direction: column; padding: 12px 0 10px; border-bottom: 1px solid var(--line); transition: border-color .2s; }
.ft-ct a:hover { border-color: var(--ind); }
.ft-ct small, .ft-adr small { display: block; font-size: 13px; color: var(--mute); }
.ft-ct b { font: 600 16px/1.3 var(--f); word-break: break-word; }
.ft-adr p:first-child { font-size: 15px; }
.ft-adr-b { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; margin-top: 10px; }
.kopya { display: inline-flex; gap: 8px; align-items: center; font-weight: 600; color: var(--ind); font-size: 15px; }
.kopya .ic { width: 17px; height: 17px; }
.kopya.ok span::after { content: ' · kopyalandı'; color: var(--teald); }
.kunye-d { border-top: 1px solid var(--line); padding-top: 10px; }
.kunye-d summary { display: flex; justify-content: space-between; cursor: pointer; list-style: none; font: 600 14px/1.4 var(--f); padding: 4px 0; }
.kunye-d summary::-webkit-details-marker { display: none; }
.kunye-d summary .num { color: var(--mute); font-weight: 500; }
.kunye-d summary::after { content: '+'; margin-left: 12px; color: var(--ind); }
.kunye-d[open] summary::after { content: '–'; }
.kunye-d dl > div { display: grid; grid-template-columns: 110px 1fr; gap: 10px; padding: 7px 0; border-top: 1px dashed var(--line2); font-size: 14px; }
.kunye-d dt { color: var(--mute); }
.kunye-bos { color: var(--mute2); font-style: italic; }
.ft-alt { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; margin-top: 70px; padding-top: 26px; border-top: 1px solid var(--line2); }
.ft-n { display: flex; flex-wrap: wrap; gap: 6px 22px; }
.ft-n a { font-size: 15px; background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size .3s, color .2s; padding-bottom: 2px; }
.ft-n a:hover { background-size: 100% 1px; color: var(--ind); }
.ft-law { margin-top: 22px; }
.ft-law > p:first-child { display: flex; gap: 10px; font-size: 13.5px; color: var(--mute); }
.ft-law .ic { width: 17px; height: 17px; margin-top: 2px; color: var(--ind); flex: none; }
.ft-bot { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 14px; font-size: 13px; color: var(--mute); }
.ft-bot span { display: inline-flex; gap: 18px; align-items: center; }
.ft-bot a:hover { color: var(--ind); }
.ft-up { display: inline-flex; gap: 6px; align-items: center; color: var(--ind); font-weight: 600; }
.ft-up .ic { width: 16px; height: 16px; }
.kunye { background: #fff; border-radius: var(--rc); box-shadow: inset 0 0 0 1px var(--line2); padding: 18px 20px; position: relative; }
.kunye::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(var(--teal) 33%, var(--ind) 33% 66%, #3C4AA3 66%); border-radius: var(--rc) 0 0 var(--rc); }
.kunye-h { display: flex; justify-content: space-between; font: 600 14px/1 var(--f); margin-bottom: 10px; }
.kunye-h .num { color: var(--mute); font-weight: 500; }
.kunye dl > div { display: grid; grid-template-columns: 120px 1fr; gap: 10px; padding: 8px 0; border-top: 1px dashed var(--line2); font-size: 14.5px; }
.kunye dt { color: var(--mute); }
.kunye-n { font-size: 13px; color: var(--mute); margin-top: 10px; }

/* ------------------------------------------------ iç sayfa başlığı (K8 mantığı: ortalı başlık, ortada nesne, kart taşar) */
.ph { position: relative; background: var(--sis); padding: 40px 0 0; isolation: isolate; text-align: center; }
.ph-grid { position: absolute; inset: 0; z-index: -1; background-image: repeating-linear-gradient(30deg, rgb(30 42 120 / .06) 0 1px, transparent 1px 52px), repeating-linear-gradient(150deg, rgb(30 42 120 / .06) 0 1px, transparent 1px 52px); mask-image: radial-gradient(60% 80% at 50% 70%, #000, transparent 75%); }
.ph-in { display: flex; flex-direction: column; align-items: center; }
.bc ol { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; font-size: 14px; color: var(--mute); margin-bottom: 22px; }
.bc li + li::before { content: '/'; margin-right: 6px; color: var(--line2); }
.bc a:hover { color: var(--ind); }
.ph .h1 { max-width: 20ch; text-wrap: balance; }
.ph .lead { margin: 18px auto 0; text-align: center; max-width: 62ch; }
.ph-o { display: grid; grid-template-columns: 1fr 190px 1fr; align-items: center; gap: 28px; width: min(980px, 100%); margin-top: 26px; }
.ph-iso { position: relative; width: 190px; height: 170px; display: grid; place-items: center; }
.ph-iso::before { content: ''; position: absolute; left: 6%; right: 6%; bottom: 4%; height: 34%; background: radial-gradient(closest-side, rgb(30 42 120 / .16), transparent); }
.ph-iso::after { content: ''; position: absolute; left: 50%; bottom: 10%; width: 150px; height: 86px; transform: translateX(-50%); background: linear-gradient(135deg, #2B3A9E, var(--ind)); clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); z-index: -1; opacity: .95; }
.ph-iso .mini { position: relative; width: 120px; height: 120px; margin-bottom: 26px; }
.ph-iso .mini :is(.ft, .fl, .fr, .gl, .dr, .aw1, .aw2, .rd, .wh, .hb) { stroke-width: 1; }
.ph-f { display: grid; grid-template-columns: 1fr 1fr; gap: 0; text-align: left; }
.ph-o > .ph-f:first-child { text-align: right; }
.ph-f > div { padding: 12px 18px; border-top: 1px solid var(--line2); }
.ph-f dt { font-size: 13px; color: var(--mute); }
.ph-f dd { font: 600 16.5px/1.35 var(--f); }
.ph-s { position: relative; z-index: 2; display: flex; justify-content: center; margin-top: 10px; margin-bottom: -70px; text-align: left; }
.ph-s > * { width: min(880px, 100%); }
.ph + * { padding-top: 130px !important; }
.phc { background: #fff; border-radius: 10px; box-shadow: var(--sh3), 0 0 0 1px rgb(30 42 120 / .05); overflow: hidden; }
.phc-f { display: grid; grid-template-columns: 1.05fr 1fr; align-items: stretch; }
.phc-f .pl-m { aspect-ratio: auto; min-height: 230px; margin: 12px 0 12px 12px; border-radius: 4px; }
.phc figcaption { padding: 22px 26px; display: flex; flex-direction: column; justify-content: center; }
.phc-k { display: flex; gap: 8px; align-items: center; font: 600 14px/1.2 var(--f); color: var(--mute); margin-bottom: 8px; }
.phc-k .ic { color: var(--ind); width: 18px; height: 18px; }
.phc-r li { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-top: 1px solid var(--line); font-size: 15px; }
.phc-r span { color: var(--mute); }
.phc-r b { font-weight: 600; text-align: right; }
.phc-k2 { padding: 24px 28px; }

/* ------------------------------------------------ iç sayfalar */
.btn-g { --bg: transparent; --fg: #fff; --hov: rgb(255 255 255 / .12); border-color: rgb(255 255 255 / .35); }
.phc-f { position: relative; }
.phc-ic { position: absolute; right: 24px; top: calc(12px + (100% - 24px) * 0); width: 64px; height: 64px; display: grid; place-items: center; background: #fff; border-radius: var(--rad); box-shadow: var(--sh2); transform: translateY(-50%); margin-top: 0; }
.phc-f .phc-ic { top: auto; position: relative; float: right; margin: -44px 20px 0 0; transform: none; }
.phc-ic .mini { width: 48px; height: 48px; }
.lg li { display: grid; grid-template-columns: 130px 1fr; gap: 12px; align-items: center; padding: 9px 0; border-top: 1px solid var(--line); font-size: 14.5px; }
.lg li > span:last-child { color: var(--mute); }
.lg-s { margin-top: 14px; display: grid; gap: 8px; }
.lg-s p:first-child { font: 600 14px/1 var(--f); }
.lg-k { display: flex; justify-content: space-between; font-size: 12.5px; color: var(--mute); }
.kr-sec2 { margin-top: -40px; }
.fx-sec { padding: 20px 0 110px; }
.fx-l { display: grid; gap: 14px; margin: 34px 0 22px; }
.fx-r { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.fx-r i { font: 400 30px/1 var(--d); font-style: normal; color: var(--teald); }
.fx-b { display: flex; flex-direction: column; gap: 2px; padding: 14px 18px; background: var(--sis); border-radius: var(--rad); box-shadow: inset 0 -3px 0 var(--line2); min-width: 150px; }
.fx-b small { font-size: 12.5px; color: var(--mute); }
.fx-b b { font: 560 17px/1.25 var(--d); letter-spacing: -.02em; }
.fx-b.son { background: var(--ind); color: #fff; box-shadow: var(--sh2); }
.fx-b.son small { color: rgb(255 255 255 / .7); }
.fx-o { max-width: 760px; display: grid; gap: 10px; }
.fx-o p { display: flex; justify-content: space-between; font-size: 14px; color: var(--mute); }
.fx-o b { color: var(--ink); }
.fx-n, .il2-n, .ks-n { display: flex; gap: 10px; margin-top: 26px; font-size: 14.5px; color: var(--mute); }
.fx-n .ic, .il2-n .ic, .ks-n .ic { width: 18px; height: 18px; color: var(--ind); margin-top: 2px; }
.ug-sec { padding: 70px 0 30px; }
.uk-g { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.uk-g .uk-ic { top: auto; bottom: auto; }
.uk-g .uk a { position: relative; }
.uk-g .uk-ph + .uk-ic { position: relative; left: auto; top: auto; margin: -36px 0 0 26px; }
.ur-em .uk-ph + .uk-ic { position: relative; left: auto; top: auto; margin: -36px 0 0 26px; }
.tb-sec { padding: 80px 0 110px; background: linear-gradient(var(--sis), #fff); margin-top: 60px; }
.tw { overflow-x: auto; margin-top: 30px; }
.dt { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border-radius: var(--rc); box-shadow: var(--sh1), 0 0 0 1px var(--line); overflow: hidden; font-size: 15px; }
.dt th, .dt td { text-align: left; vertical-align: middle; padding: 14px 18px; border-bottom: 1px solid var(--line); }
.dt thead th { position: sticky; top: 0; background: var(--ind); color: #fff; font: 600 14px/1.2 var(--f); border-bottom: 0; }
.dt tbody tr:last-child > * { border-bottom: 0; }
.dt tbody tr { transition: background .15s; }
.dt tbody tr:hover { background: var(--sis); }
.dt tbody th a { display: flex; align-items: center; gap: 12px; font-weight: 600; }
.dt-ic { width: 40px; height: 40px; display: grid; place-items: center; background: var(--sis); border-radius: var(--rad); flex: none; }
.dt-ic .mini { width: 32px; height: 32px; }
.dt-t thead th.on { background: var(--ind2); box-shadow: inset 0 3px 0 var(--teal); }
.dt-t td.on { background: rgb(221 245 242 / .35); }
.dt-t tbody th { font-weight: 500; }
.up { padding: 80px 0 100px; }
.up-g { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 56px; align-items: start; }
.up-m { display: grid; gap: 64px; }
.up-bh { display: flex; justify-content: space-between; align-items: end; gap: 20px; flex-wrap: wrap; }
.up-sv { display: flex; gap: 6px; }
.up-sv span { display: flex; flex-direction: column; align-items: center; padding: 8px 14px; border-radius: var(--rad); background: var(--sis); font-size: 12.5px; color: var(--mute); }
.up-sv b { font: 560 18px/1.1 var(--d); color: var(--ink); }
.up-sv .on { background: var(--ind); color: rgb(255 255 255 / .75); }
.up-sv .on b { color: #fff; }
.up-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: start; }
.ist { display: grid; gap: 2px; margin-top: 14px; }
.ist li { display: flex; gap: 10px; padding: 12px 0; border-top: 1px solid var(--line); font-size: 15.5px; }
.ist .ic { width: 18px; height: 18px; color: var(--coral); margin-top: 3px; }
.mf { background: var(--sis); border-radius: 10px; padding: 24px; display: grid; gap: 12px; }
.mf-k { font: 600 14px/1 var(--f); color: var(--mute); }
.mf-h { font: 560 20px/1.25 var(--d); letter-spacing: -.02em; }
.mf-n { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.mf-n dt { font-size: 12.5px; color: var(--mute); }
.mf-n dd { font: 600 17px/1.3 var(--f); }
.mf-n dd.c { color: var(--teald); }
.mf-p { font-size: 14.5px; color: var(--mute); }
.mf-e { display: flex; gap: 8px; font-size: 13px; color: var(--mute); }
.mf-e .ic { width: 16px; height: 16px; }
.bl { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; }
.bl li { display: flex; gap: 12px; align-items: flex-start; padding: 16px; border-radius: var(--rc); background: #fff; box-shadow: inset 0 0 0 1px var(--line); font-size: 15px; }
.bl-n { flex: none; width: 28px; height: 28px; display: grid; place-items: center; background: var(--teal-l); color: var(--teald); font-weight: 600; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.up-s { position: sticky; top: 100px; display: grid; gap: 18px; }
.toc p { font: 600 14px/1 var(--f); color: var(--mute); margin-bottom: 10px; }
.toc ol { border-left: 1px solid var(--line2); }
.toc a { display: flex; justify-content: space-between; gap: 10px; padding: 8px 0 8px 16px; margin-left: -1px; border-left: 2px solid transparent; font-size: 15px; color: var(--mute); transition: color .15s, border-color .15s; }
.toc a:hover { color: var(--ind); border-left-color: var(--teal); }
.toc a .num { color: var(--mute2); }
.toc .btn { margin-top: 18px; }
.cta-c { background: var(--ind); color: #fff; border-radius: 10px; padding: 24px 22px; display: grid; gap: 12px; position: relative; overflow: hidden; isolation: isolate; }
.cta-c::before { content: ''; position: absolute; z-index: -1; right: -80px; top: -80px; width: 260px; height: 260px; background: radial-gradient(closest-side, rgb(24 195 181 / .4), transparent); }
.cta-ic { width: 56px; height: 56px; display: grid; place-items: center; background: #fff; border-radius: var(--rad); }
.cta-ic .mini { width: 44px; height: 44px; }
.cta-h { font: 560 20px/1.2 var(--d); letter-spacing: -.02em; }
.cta-c > p:not(.cta-h) { font-size: 14.5px; color: rgb(255 255 255 / .8); }
.cta-t { display: flex; gap: 10px; align-items: center; padding-top: 12px; border-top: 1px solid rgb(255 255 255 / .16); font-size: 13px; color: rgb(255 255 255 / .75); }
.cta-t .ic { color: var(--teal); }
.cta-t b { display: block; font: 600 17px/1.2 var(--f); color: #fff; }
.dg-sec { padding: 70px 0 110px; background: var(--sis); }
.dg-h { display: flex; justify-content: space-between; align-items: end; margin-bottom: 30px; }
.hz { padding: 80px 0 100px; }
.hz-g { display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; align-items: start; }
.hz-tl { margin-top: 30px; position: relative; }
.hz-tl::before { content: ''; position: absolute; left: 9px; top: 12px; bottom: 12px; width: 1px; background: linear-gradient(var(--ind), var(--teal)); }
.hz-tl li { position: relative; padding: 0 0 30px 44px; }
.hz-d { position: absolute; left: 0; top: 4px; width: 19px; height: 19px; background: #fff; border: 1.5px solid var(--ind); transform: rotate(45deg) scale(.8); }
.hz-tl li:last-child .hz-d { background: var(--teal); border-color: var(--teal); }
.hz-z { font: 600 13px/1 var(--f); color: var(--teald); margin-bottom: 6px; }
.hz-p { color: var(--mute); margin-top: 6px; font-size: 15.5px; }
.hz-112 { display: flex; gap: 8px; align-items: center; margin-top: 10px; font-size: 14.5px; padding: 8px 12px; background: var(--coral-l); border-radius: var(--rad); width: fit-content; }
.hz-112 .ic { width: 16px; height: 16px; color: var(--coral); }
.hz-b { position: sticky; top: 100px; display: grid; gap: 16px; }
.hz-bc { background: #fff; border-radius: 10px; box-shadow: var(--sh2), 0 0 0 1px var(--line); padding: 26px 24px; }
.tb { margin-top: 16px; }
.tb-l { position: relative; display: flex; overflow-x: auto; border-bottom: 1px solid var(--line); scrollbar-width: none; }
.tb-l button { flex: none; padding: 10px 14px 12px; font: 500 15px/1 var(--f); color: var(--mute); }
.tb-l button[aria-selected="true"] { color: var(--ink); }
.cl { padding-top: 16px; }
.cl-s { display: flex; align-items: center; gap: 14px; font-size: 14px; color: var(--mute); margin-bottom: 10px; }
.cl-s b { color: var(--ink); }
.cl-bar { flex: 1; height: 6px; background: var(--sis2); }
.cl-bar i { display: block; height: 100%; width: 0; background: var(--teal); transition: width .4s; }
.cl li { padding: 9px 0; border-top: 1px solid var(--line); }
.cl.tamam .cl-s b { color: var(--teald); }
.hz-tel { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; padding: 20px 22px; border-radius: 10px; background: var(--ind); color: #fff; }
.hz-tel small { font-size: 13px; color: rgb(255 255 255 / .7); }
.hz-tel b { font: 560 28px/1.1 var(--d); letter-spacing: -.03em; grid-column: 1; }
.hz-tel > span { grid-row: 1 / 3; grid-column: 2; align-self: center; display: inline-flex; gap: 6px; align-items: center; background: var(--teal); color: var(--ink); padding: 11px 15px; border-radius: var(--rad); font-weight: 600; }
.fs { background: var(--sis); padding: 90px 0 110px; position: relative; clip-path: polygon(0 40px, 100% 0, 100% 100%, 0 100%); }
.fs-g { display: grid; grid-template-columns: 1fr 1.35fr; gap: 64px; align-items: start; }
.fs-t { position: sticky; top: 110px; display: grid; gap: 4px; }
.fs-l { display: grid; gap: 4px; margin-top: 22px; }
.fs-l li { display: flex; gap: 12px; padding: 12px 0; border-top: 1px solid var(--line2); font-size: 15px; color: var(--mute); }
.fs-l b { color: var(--ink); }
.fs-l .ic { color: var(--ind); }
.fs-c { background: #fff; border-radius: 10px; box-shadow: var(--sh3); padding: 34px 32px; }
.fs-c .okb { box-shadow: none; padding: 10px 0; }
.fm { display: flex; flex-direction: column; gap: 18px; }
.fm-r { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.fm .btn[type=submit] { align-self: flex-start; }
.ck-g { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px; }
.up-z { border: 1.5px dashed var(--line2); border-radius: var(--rc); padding: 18px; transition: border-color .15s, background .15s; }
.up-z.ust { border-color: var(--teal); background: var(--teal-l); }
.up-z label { display: flex; gap: 14px; align-items: center; cursor: pointer; }
.up-z label .ic { width: 26px; height: 26px; color: var(--ind); }
.up-z b { display: block; font-weight: 600; }
.up-z small { font-size: 13.5px; color: var(--mute); }
.up-z ul li { display: flex; gap: 8px; align-items: center; font-size: 14px; padding-top: 8px; }
.up-z ul small { margin-left: auto; }
.pk2 { display: flex; gap: 14px; align-items: center; margin-top: 22px; padding: 16px; background: #fff; border-radius: var(--rc); box-shadow: var(--sh1); }
.pk2-m, .ek-m { flex: none; width: 52px; height: 58px; display: grid; place-items: center; background: var(--ind); color: #fff; font: 560 17px/1 var(--d); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.pk2 b { display: block; font-weight: 600; }
.pk2 small { display: block; font-size: 13.5px; color: var(--mute); }
.yk { padding: 80px 0 60px; }
.yk-g { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 40px; margin-top: 30px; }
.yk-g li { padding: 24px 0; border-top: 1px solid var(--line2); display: grid; gap: 8px; }
.yk-g li p:last-child { color: var(--mute); font-size: 15.5px; }
.yk-n { width: 42px; height: 46px; display: grid; place-items: center; background: var(--teal-l); color: var(--teald); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.yb { padding: 40px 0 110px; }
.yb-g { display: grid; grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: center; }
.yb-ph { aspect-ratio: 4 / 3; border-radius: 6px; }
.bt-r, .kb-b2 { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.yn-side .yn-f { margin-top: 6px; }
.ku { padding: 80px 0 100px; }
.ku-g { display: grid; grid-template-columns: 1fr 1.3fr; gap: 64px; align-items: start; }
.ku-x { display: flex; gap: 14px; align-items: center; margin-top: 26px; padding: 18px; background: var(--ind); color: #fff; border-radius: 10px; transition: transform .25s; }
.ku-x:hover { transform: translateY(-3px); }
.ku-xi { flex: none; width: 60px; height: 60px; display: grid; place-items: center; background: #fff; border-radius: var(--rad); }
.ku-xi .mini { width: 46px; height: 46px; }
.ku-x b { display: block; font: 560 18px/1.2 var(--d); }
.ku-x small { display: block; font-size: 14px; color: rgb(255 255 255 / .78); }
.ku-x > .ic { margin-left: auto; color: var(--teal); }
.ku-l { display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; }
.ku-l li { display: flex; gap: 14px; padding: 18px 0; border-top: 1px solid var(--line2); }
.ku-n { flex: none; width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--line2); border-radius: 3px; font: 600 13px/1 var(--d); color: var(--ind); }
.ku-l b { display: block; font: 600 17px/1.3 var(--f); }
.ku-l small { display: block; font-size: 14.5px; color: var(--mute); margin-top: 2px; }
.ks { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 70px; position: relative; }
.ks li { position: relative; display: grid; gap: 4px; padding: 26px 20px 0 0; border-top: 2px solid var(--ind); }
.ks li::before { content: ''; position: absolute; left: 0; top: -7px; width: 12px; height: 12px; background: var(--teal); transform: rotate(45deg); }
.ks-g { font-size: 13px; color: var(--teald); font-weight: 600; }
.ks b { font: 560 18px/1.25 var(--d); letter-spacing: -.02em; }
.ks span:last-child { font-size: 14.5px; color: var(--mute); }
.oz-k .oz-bos { font-size: 14.5px; color: var(--mute); margin-bottom: 14px; }
.oz { display: grid; gap: 12px; }
.oz-u { display: flex; gap: 12px; align-items: center; }
.oz-u b { display: block; font-weight: 600; }
.oz-u small { display: block; font-size: 13px; color: var(--mute); }
.oz-p b { font: 560 30px/1 var(--d); letter-spacing: -.03em; }
.oz-p small { display: block; font-size: 12.5px; color: var(--mute); margin-top: 4px; }
.oz-d > div { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-top: 1px solid var(--line); font-size: 14px; }
.oz-d dt { color: var(--mute); }
.oz-n { font-size: 13px; color: var(--mute); }
.oz-x { justify-self: start; font-weight: 600; color: var(--coral); font-size: 14px; }
.sz-c { font-size: 14px; color: var(--mute); margin: 12px 0 8px; }
.sz-c b { color: var(--ink); }
.sz-q { display: flex; flex-wrap: wrap; gap: 6px; }
.qq { height: 34px; padding: 0 12px; border: 1px solid var(--line2); border-radius: var(--rad); font-size: 14px; transition: background .15s, border-color .15s; }
.qq:hover { background: var(--ind-a); border-color: var(--ind); }
.szs { padding: 70px 0 110px; }
.sz-p { display: grid; grid-template-columns: 70px 1fr; gap: 40px; align-items: start; }
.hrf { position: sticky; top: 96px; display: grid; gap: 2px; }
.hrf a { display: grid; place-items: center; height: 34px; border-radius: var(--rad); font: 560 15px/1 var(--d); color: var(--mute); transition: background .15s, color .15s; }
.hrf a:hover { background: var(--ind); color: #fff; }
.hb { display: grid; grid-template-columns: 110px 1fr; gap: 30px; padding: 26px 0; border-top: 1px solid var(--line2); }
.hb-h { font: 400 64px/.9 var(--d); letter-spacing: -.05em; color: var(--ind); }
.hb dl > div { display: grid; grid-template-columns: 220px 1fr; gap: 24px; padding: 14px 0; border-bottom: 1px solid var(--line); scroll-margin-top: 110px; }
.hb dl > div:last-child { border-bottom: 0; }
.hb dt { font: 600 17px/1.35 var(--f); }
.hb dd p { color: var(--mute); }
.hb-u { display: inline-flex; gap: 8px; align-items: center; margin-top: 8px; font-weight: 600; font-size: 14px; color: var(--ind); }
.hb-u .mini { width: 26px; height: 26px; }
.hb [data-terim]:target { background: linear-gradient(90deg, var(--teal-l), transparent); }
.ab { padding: 90px 0 100px; }
.ab-g { display: grid; grid-template-columns: 1.3fr 1fr; gap: 72px; align-items: start; }
.ab-t > p:not(.ab-q) { color: var(--mute); font-size: 17.5px; margin-top: 16px; max-width: 62ch; }
.ab-q { font: 540 clamp(32px, 3.8vw, 56px)/1.04 var(--d); letter-spacing: -.045em; }
.ab-q span { color: var(--ind); }
.ab-yh { margin: 50px 0 10px; }
.yl li { display: grid; grid-template-columns: 90px 1fr; gap: 20px; padding: 16px 0; border-top: 1px solid var(--line); }
.yl-y { font: 560 20px/1.2 var(--d); color: var(--ind); letter-spacing: -.03em; }
.yl p { color: var(--mute); }
.kunye-lg { position: sticky; top: 110px; padding: 24px 26px; box-shadow: var(--sh2), inset 0 0 0 1px var(--line); }
.ek { padding: 80px 0 110px; background: var(--sis); }
.ek-g { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 30px; }
.ek-g li { background: #fff; border-radius: 10px; padding: 24px; display: grid; gap: 6px; align-content: start; box-shadow: var(--sh1); }
.ek-m { margin-bottom: 8px; }
.ek-r { font-size: 14.5px; font-weight: 500; color: var(--ind); }
.ek-a { font-size: 14.5px; color: var(--mute); }
.ek-y { font-size: 13.5px; color: var(--mute2); }
.il2 { padding: 70px 0 90px; }
.il2-g { display: grid; grid-template-columns: 1.5fr 1fr; gap: 48px; align-items: start; }
.hrt-w { background: #fff; border-radius: 10px; box-shadow: var(--sh2), 0 0 0 1px var(--line); overflow: hidden; }
.hrt { width: 100%; height: auto; }
.hrt-w figcaption { display: flex; justify-content: space-between; align-items: end; gap: 20px; flex-wrap: wrap; padding: 18px 22px; font-size: 15px; }
.il2-b { display: flex; gap: 18px; align-items: center; }
.hrs { width: 100%; border-collapse: collapse; margin-top: 14px; font-size: 15.5px; }
.hrs th, .hrs td { text-align: left; padding: 10px 0; border-bottom: 1px solid var(--line); font-weight: 400; }
.hrs td { text-align: right; }
.hrs td.off { color: var(--mute2); }
.hrs tr.bugun th, .hrs tr.bugun td { font-weight: 600; color: var(--ind); }
.hrs tr.bugun th::before { content: ''; display: inline-block; width: 8px; height: 8px; margin-right: 10px; background: var(--teal); transform: rotate(45deg); }
.ul2 { margin-top: 26px; display: grid; gap: 2px; }
.ul2 li { display: grid; grid-template-columns: 90px 1fr; gap: 14px; padding: 10px 0; border-top: 1px solid var(--line); font-size: 15px; }
.ul2 span { color: var(--mute); }
.ct li a { display: flex; flex-direction: column; padding: 10px 0; border-top: 1px solid var(--line); }
.ct small { font-size: 13px; color: var(--mute); }
.ct b { font: 600 16.5px/1.3 var(--f); }
.ct-h b { font: 560 24px/1.2 var(--d); color: var(--ind); letter-spacing: -.03em; }
.phc-k2 .acik { margin-top: 12px; }
.ss { padding: 70px 0 110px; }
.sss-g, .lg-g { display: grid; grid-template-columns: 260px 1fr; gap: 64px; align-items: start; }
.sss-g .toc, .lg-g .toc { position: sticky; top: 100px; }
.sss-k { scroll-margin-top: 100px; margin-bottom: 50px; }
.sss-k .h2 { font-size: clamp(24px, 2.4vw, 32px); margin-bottom: 6px; }
.lgs { padding: 70px 0 110px; }
.lg-t section { padding: 22px 0; border-top: 1px solid var(--line); scroll-margin-top: 100px; }
.lg-t .h3 { display: flex; gap: 14px; align-items: baseline; margin-bottom: 8px; }
.lg-n { font: 560 15px/1 var(--d); color: var(--teald); }
.lg-t p { color: var(--mute); max-width: 72ch; }
.lg-m { display: flex; gap: 14px; align-items: center; margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--line2); font-size: 14px; color: var(--mute); }
.vs > div { display: grid; grid-template-columns: 80px 1fr; gap: 12px; padding: 9px 0; border-top: 1px solid var(--line); font-size: 14.5px; }
.vs dt { color: var(--mute); }

.up-m, .hz-b, .up-s, .fs-t { grid-template-columns: minmax(0, 1fr); min-width: 0; }
.up-b, .hz-bc { min-width: 0; }

/* ------------------------------------------------ duyarlı */
@media (max-width: 1240px) {
  .kr-body { grid-template-columns: 290px 1fr; gap: 28px; }
  .bn-a { grid-column: 1 / 7; } .bn-f { grid-column: 7 / 13; } .bn-y { grid-column: 1 / 7; grid-row: 3; } .bn-s { grid-column: 7 / 13; grid-row: 2 / 4; }
}
@media (max-width: 1100px) {
  :root { --hd: 66px; }
  .kr-top { grid-template-columns: 1fr; gap: 12px; }
  .kr-body { grid-template-columns: minmax(0, 1fr); }
  .kr-v { max-width: 520px; }
  .hk-in { grid-template-columns: minmax(0, 1fr); }
  .hk-pin { min-height: 0; display: block; padding: 34px 16px 40px; }
  .hk-s { position: sticky; top: calc(var(--hd) + 54px); z-index: 2; background: var(--sis); order: -1; }
  .hk-gun { position: relative; top: 0; }
  .ur-top { grid-template-columns: 1fr; gap: 14px; }
  .ur-nav { display: none; }
  .kb-top { grid-template-columns: 1fr; gap: 20px; }
  .kb-tk { position: relative; right: auto; bottom: auto; margin: -60px 20px 0 auto; }
  .kb-alt { grid-template-columns: 1fr; margin-top: 50px; }
  .kb-l { grid-template-columns: 1fr 1fr; }
  .il-g { grid-template-columns: 1fr; gap: 50px; }
  .il-s { position: static; }
}
@media (max-width: 760px) {
  body { font-size: 16.5px; }
  .kent .rks { display: none; }
  .kr-card { padding: 22px 16px; margin: 0 -8px; }
  .kr-tabs { overflow-x: auto; scrollbar-width: none; }
  .kr-tabs button { padding-right: 12px; font-size: 15px; }
  .kr-etk { display: none; }
  .kt-c0 { display: none; }
  .kt thead th { min-width: 140px; }
  .sc-top, .sc-f { flex-direction: column; align-items: flex-start; }
  .sc-d { grid-template-columns: 1fr; }
  .sc-i { grid-template-columns: 1fr; }
  .hk-gun b { font-size: 64px; }
  .hk-c { width: 240px; padding: 10px 12px; }
  .hk-c4 { width: 270px; }
  .embla__s { flex-basis: 84vw; }
  .uk-ic { top: calc((84vw - 24px) * .75 - 18px); }
  .ur { padding: 80px 0 70px; }
  .ur-em { padding-left: 20px; }
  .embla__s:last-child { margin-right: 20px; }
  .bn-g { grid-template-columns: 1fr; }
  .bn-a, .bn-f, .bn-y, .bn-s { grid-column: 1; grid-row: auto; }
  .bn-a { padding: 28px 22px; }
  .sz-l { grid-template-columns: 1fr; }
  .kb-ph { height: 52vh; }
  .kb-tk { width: auto; margin: -50px 12px 0; }
  .kb-l { grid-template-columns: 1fr; }
}
@media (max-width: 1100px) {
  .up-g, .hz-g, .fs-g, .ku-g, .ab-g, .il2-g, .yb-g, .sss-g, .lg-g { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .up-s, .hz-b, .fs-t, .kunye-lg, .sss-g .toc, .lg-g .toc { position: static; }
  .uk-g, .ek-g, .yk-g { grid-template-columns: 1fr 1fr; }
  .ks { grid-template-columns: 1fr 1fr; gap: 30px 0; }
  .fs-c { padding: 26px 22px; }
}
@media (max-width: 760px) {
  .uk-g, .ek-g, .yk-g, .ks, .ku-l, .fm-r, .ck-g, .bl, .up-2, .mf-n { grid-template-columns: 1fr; }
  .sz-p { grid-template-columns: 1fr; gap: 16px; }
  .hrf { position: sticky; top: 66px; z-index: 5; display: flex; overflow-x: auto; background: #fff; padding: 6px 0; scrollbar-width: none; }
  .hrf a { flex: none; width: 36px; }
  .hb { grid-template-columns: 1fr; gap: 6px; }
  .hb-h { font-size: 44px; }
  .hb dl > div { grid-template-columns: 1fr; gap: 4px; }
  .fs { padding: 70px 0 80px; }
  .fs-c { padding: 22px 16px; margin: 0 -6px; }
  .up-sv span { padding: 6px 10px; }
  .fx-b { min-width: 0; flex: 1 1 40%; }
  .fx-r i { font-size: 22px; }
  .dt thead th, .dt th, .dt td { padding: 12px 12px; }
  .lg li { grid-template-columns: 1fr; gap: 4px; }
  .hrt-w figcaption { flex-direction: column; align-items: flex-start; }
}
/* yeni iskelet: dok, K8, şerit, sekmeler, F7, ortalı iç başlık */
@media (max-width: 1100px) {
  .tb0-ac { display: none; }
  .dok-hat small { display: none; }
  .ak-h { grid-template-columns: 1fr; gap: 12px; }
  .ft-g { grid-template-columns: minmax(0, 1fr); gap: 44px; }
  .ts0 { grid-template-columns: 1fr auto; grid-template-areas: 'h s' 'r r' 'f f'; margin-top: -90px; }
  .rr-b { width: 196px; }
  .rr-t small { display: none; }
}
@media (max-width: 760px) {
  .dok { left: 8px; right: 8px; bottom: 8px; transform: none; margin: 0; width: auto; max-width: none; }
  body:has(.hzbar) .dok { bottom: 72px; }
  .dok-in { justify-content: space-between; padding: 4px; }
  .dok-a { flex: 1; flex-direction: column; gap: 4px; height: 54px; padding: 0 4px; font-size: 11.5px; }
  .dok-c { display: none; }
  .dok-a[href$="/kurumsal/"], .dok-a[href$="/iletisim/"] { display: none; }
  .dok-m { display: inline-flex; }
  .dok-hat { order: 0; height: 54px; margin: 0 2px; padding: 0 12px; }
  .dok-hat b, .dok-hat small { display: none; }
  .dok-hat::after { content: 'Hasar'; font: 600 11.5px/1 var(--f); }
  .mega { width: calc(100vw - 16px); left: 0; transform: none; max-height: 72vh; overflow: auto; border-radius: 10px; }
  .mega-in { grid-template-columns: 1fr; }
  .mega-l { grid-template-columns: 1fr; }
  .tb0-cta { min-height: 40px; padding: 0 14px; font-size: 15px; }
  .hero { padding-top: 22px; }
  .hero-p { font-size: 15.5px; }
  .k8 { aspect-ratio: auto; width: 100%; margin-top: 0; }
  .k8-s { position: relative; left: -12%; width: 124%; }
  .rr-svg { display: none; }
  .rr { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 16px; margin-top: -30px; position: relative; z-index: 5; }
  .rr-b { position: static; transform: none; width: auto; padding: 8px 10px 8px 8px; gap: 10px; }
  .rr-b:hover { transform: none; }
  .rr-i { width: 34px; height: 38px; }
  .rr-t b { font-size: 15px; }
  .ts0 { grid-template-columns: 1fr; grid-template-areas: 'h' 's' 'r' 'f'; margin: 16px 0 0; padding: 18px 16px 14px; }
  .ts0-r { grid-template-columns: 1fr; }
  .ts0-r .tp-i { border-left: 0; border-top: 1px solid var(--line); padding: 10px 0; }
  .ts0-f { flex-direction: column; align-items: flex-start; }
  .ak { padding: 70px 0 80px; }
  .sk-l button { padding: 14px 12px 14px 4px; font-size: 15px; }
  .ak .kr-card { padding: 20px 14px; margin: 0 -8px; }
  .ft { padding: 64px 0 150px; }
  .ft-ct { grid-template-columns: 1fr; }
  .ft-il { padding: 20px 16px; }
  .ph-o { grid-template-columns: 1fr 1fr; gap: 0; }
  .ph-iso { grid-column: 1 / -1; grid-row: 1; justify-self: center; }
  .ph-o > .ph-f:first-child { text-align: left; }
  .ph-f { grid-column: 1 / -1; }
  .ph-s { margin-bottom: -40px; }
  .ph + * { padding-top: 80px !important; }
  .phc-f { grid-template-columns: 1fr; }
  .phc-f .pl-m { margin: 12px 12px 0; min-height: 200px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

/* iç sayfa sekmeleri ve yatay başlık kartı ayarları */
.up-m .sk-p { padding-top: 34px; }
.up-m .up-b + .up-b { margin-top: 0; }
.phc-f .pl-m { max-height: 300px; }
.up-s { top: calc(var(--hd) + 80px); }