/* =====================================================================
   GOURMET — ORTAK PROFİL AİLESİ  ·  ÜRETİLİR, ELLE DÜZENLENMEZ
   scripts/gourmet-public-revize.mjs --adim d16
   Kaynak: ajan C'nin sayfa içi <style> blokları (3 tekil blok).
   Kurallar zaten #pageMain'e kapsanmıştı; taşınırken DEĞİŞTİRİLMEDİ.
   ===================================================================== */
/* ═══ FIT GÖVDE TOKENLARI — Gourmet'te TANIMSIZ olanlar ═══════════════
   ÖLÇÜLDÜ: gövde CSS'inin var() kapanışı 246 token · Gourmet kökünde 63 var.
   Buradaki 200 token Gourmet'te YOK; kalmasalar dolgu SAYDAM doğar.
   · Değeri Gourmet'in bir tokenıyla BİREBİR aynı olan 28 token o tokena
     bağlandı (literal kopyalanmadı) — Gourmet tarafı değişirse gövde de değişir.
   · Marka ailesinin tamamı `--marka`dan türüyor; `--marka: var(--tomato)`
     tek satırı 20 aksan tokenını birden Gourmet moruna çeviriyor.
   · `--marka-parlak` FIT'te #4ab2de = marka %71 + beyaz (ölçüldü); oran korundu.
   · `--eko-akademi` FIT markası DEĞİL, ekosistem petrolü — Gourmet'te aynı
     değer `--c-petrol` adıyla zaten var, ona bağlandı. */
#pageMain{
  --agirlik-ekstra: 800;
  --agirlik-govde: 500;
  --agirlik-kalin: 700;
  --agirlik-orta: 600;
  --aksan: var(--marka);
  --aksan-cizgi: var(--marka-cizgi);
  --aksan-cizgi-2: var(--marka-cizgi-2);
  --aksan-cizgi-3: var(--marka-cizgi-3);
  --aksan-golge: var(--marka-golge-aksan);
  --aksan-golge-2: var(--marka-golge-aksan-2);
  --aksan-koyu: var(--marka-koyu);
  --aksan-koyu-2: var(--marka-koyu-2);
  --aksan-murekkep: var(--marka-murekkep);
  --aksan-parlak: var(--marka-parlak);
  --aksan-yikama: var(--marka-yikama);
  --aksan-yikama-2: var(--marka-yikama-2);
  --aksan-yikama-5: var(--marka-yikama-5);
  --alt-cubuk-dip: 14px;
  --alt-cubuk-h: 64px;
  --aralik-baslik: -.02em;
  --aralik-baslik-2: -.03em;
  --aralik-etiket: .16em;
  --aralik-etiket-3: .05em;
  --aralik-genis: .02em;
  --aralik-ince: 0.105px;
  --aralik-muhur: .1em;
  --aralik-sik: -.01em;
  --aralik-versal: .06em;
  --aralik-versal-2: .08em;
  --aralik-versal-3: .07em;
  --aralik-vurgu: .04em;
  --banner-h-profil: 280px;
  --banner-h-profil-dar: 280px;
  --bolum-nefes: 74px;
  --bolum-nefes-sik: 32px;
  --bosluk-10: 10px;
  --bosluk-11: var(--radius-mark); /* Gourmet karşılığı */
  --bosluk-12: var(--radius-md); /* Gourmet karşılığı */
  --bosluk-13: 13px;
  --bosluk-14: 14px;
  --bosluk-15: 15px;
  --bosluk-16: var(--radius-lg); /* Gourmet karşılığı */
  --bosluk-17: 17px;
  --bosluk-18: 18px;
  --bosluk-20: 20px;
  --bosluk-22: 22px;
  --bosluk-24: var(--radius-xl); /* Gourmet karşılığı */
  --bosluk-26: 26px;
  --bosluk-28: 28px;
  --bosluk-3: 3px;
  --bosluk-30: 30px;
  --bosluk-34: 34px;
  --bosluk-36: 36px;
  --bosluk-38: 38px;
  --bosluk-4: 4px;
  --bosluk-40: 40px;
  --bosluk-5: 5px;
  --bosluk-6: 6px;
  --bosluk-7: 7px;
  --bosluk-8: var(--radius-sm); /* Gourmet karşılığı */
  --bosluk-9: 9px;
  --cizgi: var(--line); /* Gourmet karşılığı */
  --cizgi-1: 1px;
  --cizgi-2: 2px;
  --cizgi-3: 3px;
  --cizgi-vurgu: #dddddd;
  --cizgi-vurgu-acik: #dcdcdc;
  --cizgi-vurgu-koyu: #c9c9c9;
  --durum-bekleyen-metin: var(--uyari);
  --durum-bekleyen-zemin: var(--uyari-yikama);
  --durum-kapali-metin: var(--murekkep-yumusak);
  --durum-kapali-zemin: #f1f1f1;
  --eko-akademi: var(--c-petrol); /* marka/ekosistem eşlemesi */
  --eko-akademi-2: #3f6d78;
  --eko-akademi-3: #4aa6b6;
  --fit: var(--marka);
  --fit-bright: var(--marka-parlak);
  --fit-deep: var(--marka-koyu);
  --fit-deeper: var(--marka-koyu-2);
  --fit-line: var(--marka-cizgi);
  --fit-tint: var(--marka-yikama-2);
  --golge-halka: 0 0 0 3px var(--aksan-yikama);
  --golge-lg: var(--sh-lg); /* Gourmet karşılığı */
  --golge-md: var(--sh-md); /* Gourmet karşılığı */
  --golge-sm: var(--sh-sm); /* Gourmet karşılığı */
  --hs-danger: #b3261e;
  --hs-warn: #8a4b00;
  --hs-warn-line: rgba(138,75,0,.30);
  --hs-warn-tint: #fdf3e4;
  --kabuk-h: 113px;
  --kabuk-h-dar: 63px;
  --kademe-notr-cip-metin: #6b6b6b;
  --kagit: var(--paper); /* Gourmet karşılığı */
  --kap-genislik: var(--wrap); /* Gourmet karşılığı */
  --kap-yan: 32px;
  --kapak-duzenle-zemin: rgba(255,255,255,.93);
  --kapak-perde: linear-gradient(180deg,rgba(33,30,22,.14),rgba(20,18,12,.38));
  --kart-semasi-visa: #1a1f71;
  --kat-avatar-dugme: 4;
  --kat-icerik: 2;
  --kat-ipucu: 30;
  --kat-kimlik: 3;
  --kontrol-kapali: #8f8a82;
  --koyu-cizgi: rgba(255,255,255,.12);
  --koyu-metin: var(--marka-koyu-metin);
  --koyu-metin-2: #a9a297;
  --koyu-metin-5: #f0efec;
  --koyu-metin-6: rgba(255,255,255,.74);
  --koyu-metin-7: #c9c7c2;
  --koyu-zemin: var(--marka-koyu-zemin);
  --koyu-zemin-yesil: var(--marka-koyu-zemin-yesil);
  --krem-2: var(--cream-2); /* Gourmet karşılığı */
  --marka: var(--tomato); /* marka/ekosistem eşlemesi */
  --marka-cizgi: color-mix(in srgb, var(--marka) 17.8%, #fff);
  --marka-cizgi-2: color-mix(in srgb, var(--marka) 30%, transparent);
  --marka-cizgi-3: color-mix(in srgb, var(--marka) 25%, transparent);
  --marka-golge-aksan: color-mix(in srgb, var(--marka) 32%, transparent);
  --marka-golge-aksan-2: color-mix(in srgb, var(--marka) 28%, transparent);
  --marka-koyu: color-mix(in srgb, var(--marka) 77.5%, #000);
  --marka-koyu-2: color-mix(in srgb, var(--marka) 54.9%, #000);
  --marka-koyu-metin: #cfc8be;
  --marka-koyu-zemin: var(--slate); /* Gourmet karşılığı */
  --marka-koyu-zemin-yesil: color-mix(in srgb, var(--marka) 29%, #111); /* marka/ekosistem eşlemesi */
  --marka-murekkep: color-mix(in srgb, var(--marka) 67.3%, #000);
  --marka-paket-rozet: linear-gradient(180deg,var(--marka),var(--marka-murekkep));
  --marka-parlak: color-mix(in srgb, var(--marka) 71%, #fff); /* marka/ekosistem eşlemesi */
  --marka-yikama: color-mix(in srgb, var(--marka) 9.3%, #fff);
  --marka-yikama-2: color-mix(in srgb, var(--marka) 8.8%, #fff);
  --marka-yikama-5: color-mix(in srgb, var(--marka) 5%, transparent);
  --metin-ikincil: var(--muted); /* Gourmet karşılığı */
  --metin-pasif-2: #bdbdbd;
  --metin-pasif-3: #c8c8c8;
  --metin-pasif-4: #c2c2c2;
  --muhur-zemin: rgba(255,255,255,.93);
  --murekkep: var(--slate); /* Gourmet karşılığı */
  --murekkep-yumusak: var(--slate-2); /* Gourmet karşılığı */
  --okuma-kolonu: 860px;
  --olcer-zemin: #ececeb;
  --paket-rozet-zemin: var(--marka-paket-rozet);
  --satir-baslik: 1.12;
  --satir-bol: 1.7;
  --satir-genis: 1.6;
  --satir-govde: 1.55;
  --satir-not: 1.72;
  --satir-orta: 1.5;
  --satir-sik: 1.45;
  --satir-sik-2: 1.25;
  --satir-tek: 1;
  --seam-r: 22px;
  --sec-pad-sm: 32px;
  --secim-ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237E7E7E' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  --sure: .2s;
  --sure-agir: .3s;
  --sure-cabuk: .18s;
  --sure-yavas: .25s;
  --tablo-bas-zemin: #fafbf9;
  --tehlike: #b3261e;
  --tehlike-cizgi: rgba(179,38,30,.34);
  --tehlike-koyu: #8c1d17;
  --tehlike-yikama: #fdecea;
  --uyari: #8a4b00;
  --uyari-cizgi: rgba(138,75,0,.30);
  --uyari-yikama: #fdf3e4;
  --yazi-10: 10px;
  --yazi-10-5: 10.5px;
  --yazi-11: var(--radius-mark); /* Gourmet karşılığı */
  --yazi-11-5: 11.5px;
  --yazi-12: var(--radius-md); /* Gourmet karşılığı */
  --yazi-12-5: 12.5px;
  --yazi-13: 13px;
  --yazi-13-5: 13.5px;
  --yazi-14: 14px;
  --yazi-14-5: 14.5px;
  --yazi-15: 15px;
  --yazi-15-5: 15.5px;
  --yazi-16: var(--radius-lg); /* Gourmet karşılığı */
  --yazi-16-5: 16.5px;
  --yazi-17: 17px;
  --yazi-17-5: 17.5px;
  --yazi-18: 18px;
  --yazi-21: 21px;
  --yazi-22: 22px;
  --yazi-23: 23px;
  --yazi-24: var(--radius-xl); /* Gourmet karşılığı */
  --yazi-25: 25px;
  --yazi-26: 26px;
  --yazi-29: 29px;
  --yazi-30: 30px;
  --yazi-32: 32px;
  --yazi-34: 34px;
  --yazi-9: 9px;
  --yer-tutucu: #6f6f6f;
  --yumusama: var(--ease); /* Gourmet karşılığı */
  --yuvarlak-daire: var(--radius-circle); /* Gourmet karşılığı */
  --yuvarlak-hap: var(--radius-pill); /* Gourmet karşılığı */
  --yuvarlak-lg: var(--radius-lg); /* Gourmet karşılığı */
  --yuvarlak-md: var(--radius-md); /* Gourmet karşılığı */
  --yuvarlak-sm: var(--radius-sm); /* Gourmet karşılığı */
  --yuvarlak-xl: var(--radius-xl); /* Gourmet karşılığı */
  --zemin: var(--bg); /* Gourmet karşılığı */
}

/* ═══ DONÖRÜN SATIR İÇİ style'ININ CSS KARŞILIĞI ═══════════════════════
   Kural: sayfa markup'ında `style=` YASAK. Donörün render DOM'unda üç
   şey satır içi geliyordu; üçü de VERİ, ezme değil:
     · kapak görseli   `--px-img`          → sayfa sınıfı
     · ölçer doluluğu  `width:N%`          → `data-yuzde` basamağı
     · parallax kayması `--px-shift`       → ÖLÇÜLDÜ: donörde -276.9px,
       o sayı dump anındaki KAYDIRMA KONUMUNUN artığı (sürücü sökülmüş,
       değer donmuş). Statik doğru değer 0'dır; kaynakta kusur olarak
       raporlandı, taşınmadı.
   `background-image`i donörde parallax sürücüsü yazıyordu; sürücü FIT'in
   sökülmüş betiklerindeydi, taşınmadı — yerine `--px-img` doğrudan
   okunuyor (tek kural, sayfa başına değer). */
#pageMain{ --px-r:24px; --px-shift:0px; }
#pageMain .px-media{ background-image: var(--px-img); }
#pageMain .go-kapak{ --px-img: url("../img/gourmet-kesfet-hero-g4.webp"); }

/* Baş harf avatarı — maketin kayıtlı kimliği demo@dadagourmet.test → 'D'.
   Ölçü ve biçim `.kimlik-avatar`ın kendi CSS'inden; buradaki yalnız
   fotoğraf yerine harf koyma kipi (maket-auth.js'in `.acct-ava` kipiyle
   aynı: mor zemin, beyaz harf, 700). */
#pageMain .go-avatar-harf{ display:grid; place-items:center;
  background: var(--tomato); color:#fff; font-weight:700; line-height:1; }
#pageMain .kimlik-avatar.go-avatar-harf{ font-size:44px; }
#pageMain .avatar.go-avatar-harf{ font-size:15px; }

/* Ölçer basamakları — `width:N%`in yerine geçer. 0–100 arası 5'er. */
#pageMain [data-yuzde="0"]{width:0%}
#pageMain [data-yuzde="5"]{width:5%}
#pageMain [data-yuzde="10"]{width:10%}
#pageMain [data-yuzde="15"]{width:15%}
#pageMain [data-yuzde="20"]{width:20%}
#pageMain [data-yuzde="25"]{width:25%}
#pageMain [data-yuzde="30"]{width:30%}
#pageMain [data-yuzde="35"]{width:35%}
#pageMain [data-yuzde="40"]{width:40%}
#pageMain [data-yuzde="45"]{width:45%}
#pageMain [data-yuzde="50"]{width:50%}
#pageMain [data-yuzde="55"]{width:55%}
#pageMain [data-yuzde="60"]{width:60%}
#pageMain [data-yuzde="65"]{width:65%}
#pageMain [data-yuzde="70"]{width:70%}
#pageMain [data-yuzde="75"]{width:75%}
#pageMain [data-yuzde="80"]{width:80%}
#pageMain [data-yuzde="85"]{width:85%}
#pageMain [data-yuzde="90"]{width:90%}
#pageMain [data-yuzde="95"]{width:95%}
#pageMain [data-yuzde="100"]{width:100%}

#pageMain .fa-solid{-webkit-font-smoothing: antialiased; display: var(--fa-display,inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto;}
#pageMain .fa-solid{font-family: "Font Awesome 6 Free";}
#pageMain .fa-calendar-days::before{content: "";}
#pageMain .fa-circle-minus::before{content: "";}
#pageMain .fa-flag-checkered::before{content: "";}
#pageMain .fa-fire-flame-simple::before{content: "";}
#pageMain .fa-clipboard-list::before{content: "";}
#pageMain .fa-hourglass-end::before{content: "";}
#pageMain .fa-flag::before{content: "";}
#pageMain .fa-lock::before{content: "";}
#pageMain .fa-hourglass-half::before{content: "";}
#pageMain .fa-stopwatch::before{content: "";}
#pageMain .fa-stairs::before{content: "";}
#pageMain .fa-star::before{content: "";}
#pageMain .fa-repeat::before{content: "";}
#pageMain .fa-shapes::before{content: "";}
#pageMain .fa-shuffle::before{content: "";}
#pageMain .fa-person-running::before{content: "";}
#pageMain .fa-crown::before{content: "";}
#pageMain .fa-weight-hanging::before{content: "";}
#pageMain .fa-person-walking::before{content: "";}
#pageMain .fa-fire::before{content: "";}
#pageMain .fa-square-poll-vertical::before{content: "";}
#pageMain .fa-mug-hot::before{content: "";}
#pageMain .fa-circle-check::before{content: "";}
#pageMain .fa-palette::before{content: "";}
#pageMain .fa-seedling::before{content: "";}
#pageMain .fa-layer-group::before{content: "";}
#pageMain .fa-list-ol::before{content: "";}
#pageMain .fa-filter::before{content: "";}
#pageMain .fa-road::before{content: "";}
#pageMain .fa-bottle-water::before{content: "";}
#pageMain .fa-clipboard-check::before{content: "";}
#pageMain .fa-route::before{content: "";}
#pageMain .fa-clipboard-question::before{content: "";}
#pageMain .fa-faucet-drip::before{content: "";}
#pageMain .fa-ruler::before{content: "";}
#pageMain .fa-mountain::before{content: "";}
#pageMain .fa-user-doctor::before{content: "";}
#pageMain .fa-circle-info::before{content: "";}
#pageMain .fa-water::before{content: "";}
#pageMain .fa-calendar-check::before{content: "";}
#pageMain .fa-dumbbell::before{content: "";}
#pageMain .fa-calendar-plus::before{content: "";}
#pageMain .fa-clock::before{content: "";}
#pageMain .fa-coins::before{content: "";}
#pageMain .fa-person-hiking::before{content: "";}
#pageMain .fa-id-card::before{content: "";}
#pageMain .fa-house::before{content: "";}
#pageMain .fa-calendar-week::before{content: "";}
#pageMain .fa-bolt::before{content: "";}
#pageMain .fa-glass-water::before{content: "";}
#pageMain .fa-mountain-sun::before{content: "";}
#pageMain .fa-medal::before{content: "";}
#pageMain .fa-bed::before{content: "";}
#pageMain .fa-droplet::before{content: "";}
#pageMain .fa-gauge-high::before{content: "";}
#pageMain .fa-play::before{content: "";}
#pageMain .fa-ranking-star::before{content: "";}
#pageMain .fa-list-check::before{content: "";}
#pageMain .fa-diagram-project::before{content: "";}
#pageMain .fa-xmark::before{content: "";}
#pageMain .fa-chevron-right::before{content: "";}
#pageMain .fa-trophy::before{content: "";}
#pageMain .fa-award::before{content: "";}
#pageMain .fa-clock-rotate-left::before{content: "";}
#pageMain .fa-shoe-prints::before{content: "";}
#pageMain .fa-fire-flame-curved::before{content: "";}
#pageMain .fa-hand-fist::before{content: "";}
#pageMain .sr-only{position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px;}
#pageMain .fa-solid{font-weight: 900;}
#pageMain, #pageMain *{margin: 0px; padding: 0px; box-sizing: border-box;}
#pageMain h1, #pageMain h2, #pageMain h3, #pageMain h4{font-weight: 700; color: var(--slate); line-height: 1.12; letter-spacing: -0.02em;}
#pageMain a{color: inherit; text-decoration: none;}
#pageMain .wrap{max-width: var(--wrap); margin: 0px auto; padding: 0px 32px;}
#pageMain .sec-head{display: grid; grid-template-columns: minmax(0px, 1fr) auto; column-gap: 24px; align-items: center; margin-bottom: 34px;}
#pageMain .sec-head > div:first-child{display: contents;}
#pageMain .sec-head h2{grid-area: 2 / 1;}
#pageMain .sec-head .lead{grid-area: 3 / 1 / auto / -1; margin-top: 10px; color: var(--muted); font-weight: 500; font-size: 15.5px; max-width: 520px;}
#pageMain .sec-head h2{font-size: 34px;}
#pageMain .pf-tabbar{position: static; padding: 0px; margin-top: 24px; margin-bottom: 22px;}
#pageMain .fp-card{background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--sh-sm); padding: 24px 26px;}
#pageMain [hidden]{display: none !important;}
#pageMain .sr-only{position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;}
#pageMain .crumb-home{display: inline-flex; align-items: center; line-height: 1;}
#pageMain .pf-crumb .crumb-home i, #pageMain .crumb-home i{line-height: 1; width: auto; font-size: 9px !important;}
#pageMain .crumb-home i{color: var(--fit-bright) !important;}
#pageMain .pf-crumb .crumb-home i{color: var(--fit-deep) !important;}
#pageMain .fit-pane{animation: fadeUp .35s var(--ease);}
#pageMain .px-band{isolation: isolate;}
#pageMain .px-clip{position: absolute; inset: 0px; z-index: -1; clip-path: inset(0 round var(--px-r,0px)); pointer-events: none;}
#pageMain .px-media{position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: var(--px-x,50%) calc(var(--px-y,50%) + var(--px-shift,0px));}
#pageMain .modul-govde{background: var(--bg-cream); position: relative; z-index: 1;}
#pageMain .cp-stats{display: flex; flex-wrap: wrap; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--sh-sm); overflow: hidden;}
#pageMain .modul-govde .fit-pane > section{padding-top: var(--sec-pad-sm); padding-bottom: var(--sec-pad-sm);}
#pageMain .modul-govde .fit-pane > section:nth-of-type(2n+1){background: var(--bg-white);}
#pageMain .modul-govde .fit-pane > section:nth-of-type(2n){background: var(--bg-cream);}
#pageMain p, #pageMain .lead, #pageMain .fp-card p{hyphens: auto; overflow-wrap: break-word; word-break: normal; line-break: auto; text-wrap: pretty;}
html[lang="tr"] #pageMain p{hyphenate-limit-chars: 6 3 3;}
#pageMain p, #pageMain .lead{text-align-last: start;}
#pageMain h1, #pageMain h2, #pageMain h3, #pageMain h4, #pageMain .sec-head h2{text-align: inherit; hyphens: manual;}
#pageMain h1, #pageMain h2, #pageMain h3, #pageMain h4{text-wrap: balance;}
#pageMain button{text-align: left; text-align-last: auto; hyphens: manual;}
#pageMain button{text-align: center;}
#pageMain .lead{text-align: left; text-align-last: auto;}
#pageMain p.lead{text-align: left; text-align-last: auto;}
#pageMain [class*="-stat"]{text-align: inherit; text-align-last: auto; hyphens: manual;}
#pageMain .pd-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(216px, 1fr)); gap: 12px;}
#pageMain .kart{background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-lg); box-shadow: var(--golge-sm);}
#pageMain .kart:hover{border-color: var(--cizgi-vurgu-acik);}
#pageMain .kart.tasma-kapali{overflow: hidden;}
#pageMain .dugme{display: inline-flex; align-items: center; justify-content: center; text-align: center; gap: var(--bosluk-10); font-family: inherit; font-weight: var(--agirlik-kalin); font-size: var(--yazi-14-5); cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: var(--bosluk-14) var(--bosluk-26); border-radius: var(--yuvarlak-md); transition: var(--sure-yavas) var(--yumusama); min-height: 44px;}
#pageMain .dugme.birincil{background: var(--aksan-koyu); color: var(--kagit);}
#pageMain .dugme.birincil:hover{background: var(--aksan-koyu-2); transform: translateY(-2px);}
#pageMain .rozet{display: inline-flex; align-items: center; gap: var(--bosluk-6); font-size: var(--yazi-11-5); font-weight: var(--agirlik-ekstra); letter-spacing: var(--aralik-genis); padding: var(--bosluk-4) var(--bosluk-12); border-radius: var(--yuvarlak-sm); border: var(--cizgi-1) solid;}
#pageMain .rozet.olumlu{background: var(--aksan-yikama); color: var(--aksan-koyu); border-color: var(--aksan-cizgi);}
#pageMain .rozet.dolu{background: var(--aksan-koyu); color: var(--kagit); border-color: var(--kagit); font-weight: var(--agirlik-kalin);}
#pageMain .rozet.dolu i{color: var(--kagit); font-size: var(--yazi-12);}
#pageMain .bos-durum{display: flex; flex-direction: column; align-items: center; text-align: center; padding: var(--bosluk-40) var(--bosluk-24);}
#pageMain .bos-ikon{width: 58px; height: 58px; border-radius: var(--yuvarlak-md); background: var(--aksan-yikama); color: var(--aksan-koyu); display: grid; place-items: center; font-size: var(--yazi-22); margin-bottom: var(--bosluk-16);}
#pageMain .bos-durum h4{font-size: var(--yazi-15-5); font-weight: var(--agirlik-kalin); color: var(--murekkep); margin-bottom: var(--bosluk-4);}
#pageMain .bos-durum p{font-size: var(--yazi-13); color: var(--metin-ikincil); font-weight: var(--agirlik-govde); line-height: var(--satir-govde); max-width: 38ch; margin-bottom: var(--bosluk-16); text-align: center; text-align-last: auto;}
#pageMain .sekme-ray{position: static; padding: 0px; margin: var(--bosluk-24) 0 var(--bosluk-22);}
#pageMain .sekmeler{display: flex; flex-wrap: nowrap; overflow-x: auto; gap: var(--bosluk-4); background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-md); padding: var(--bosluk-4); scrollbar-width: none; margin-inline: auto;}
#pageMain .sekmeler::-webkit-scrollbar{display: none;}
#pageMain .sekme{font-family: inherit; font-weight: var(--agirlik-kalin); font-size: var(--yazi-13); color: var(--metin-ikincil); background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--yuvarlak-sm); padding: var(--bosluk-9) var(--bosluk-16); min-height: 44px; cursor: pointer; text-align: left; display: inline-flex; align-items: center; gap: var(--bosluk-7); transition: var(--sure) var(--yumusama); white-space: nowrap; flex: 0 0 auto; text-decoration: none;}
#pageMain .sekme i{font-size: var(--yazi-12-5); opacity: 0.85;}
#pageMain .sekme.aktif i{opacity: 1;}
#pageMain .sekme:hover{color: var(--aksan-koyu); background: var(--aksan-yikama);}
#pageMain .sekme.aktif{background: var(--aksan); color: var(--kagit);}
#pageMain .sekmeler.ortali{display: flex; flex-wrap: nowrap; width: fit-content; max-width: 100%; margin-inline: auto; justify-content: center; overflow-x: auto; scrollbar-width: none;}
#pageMain .sekmeler.ortali::-webkit-scrollbar{display: none;}
#pageMain .sekmeler.ortali .sekme{flex: 0 0 auto; white-space: nowrap;}
#pageMain .sekmeler.ortali .sekme{font-size: var(--yazi-13-5); padding: var(--bosluk-10) var(--bosluk-18); gap: var(--bosluk-8); text-align: center; line-height: normal;}
#pageMain .sekmeler.ortali .sekme.aktif{background: var(--aksan-koyu);}
#pageMain .bilgi-notu{display: flex; gap: var(--bosluk-14); align-items: flex-start; background: var(--aksan-yikama); border: var(--cizgi-1) solid var(--aksan-cizgi); border-radius: var(--yuvarlak-lg); padding: var(--bosluk-20) var(--bosluk-22); margin-top: var(--bosluk-34);}
#pageMain .bilgi-notu > i{color: var(--aksan-koyu); font-size: var(--yazi-18); margin-top: 2px; flex: 0 0 auto;}
#pageMain .bilgi-notu p{font-size: var(--yazi-14); color: var(--murekkep-yumusak); font-weight: var(--agirlik-govde); line-height: var(--satir-not); margin: 0px; max-width: none; text-align: left; text-align-last: auto;}
#pageMain .kirinti{display: flex; align-items: center; gap: var(--bosluk-9); font-size: var(--yazi-12-5); font-weight: var(--agirlik-orta); color: var(--koyu-metin); margin-bottom: var(--bosluk-20); flex-wrap: wrap;}
#pageMain .kirinti a{color: var(--koyu-metin); transition: color var(--sure) var(--yumusama);}
#pageMain .kirinti a:hover{color: var(--kagit);}
#pageMain .kirinti > i{font-size: var(--yazi-9); color: var(--koyu-metin-2);}
#pageMain .bolum{padding-block: var(--bolum-nefes);}
#pageMain .zebra > .bolum{padding: var(--bolum-nefes-sik) 0;}
#pageMain .zebra > .bolum.kabuk-alti{padding-top: var(--kabuk-h);}
#pageMain .zebra > .bolum.kimlik-bant{padding-bottom: 0px; background: var(--zemin);}
#pageMain .modul-govde .fit-pane > section:has(.kart, .fp-card, .ozet-karti):not(.kendi-zemini):not(.kimlik-bant){background: var(--zemin);}
#pageMain .modul-govde .fit-pane > section:not(.kendi-zemini):not(.kimlik-bant){background: transparent;}
#pageMain .ust-etiket{display: inline-flex; align-items: center; gap: var(--bosluk-8); font-size: var(--yazi-12); font-weight: var(--agirlik-kalin); letter-spacing: var(--aralik-etiket); text-transform: uppercase; color: var(--aksan-koyu);}
#pageMain .ust-etiket::before{content: ""; width: 26px; height: var(--cizgi-2); background: currentcolor; border-radius: var(--yuvarlak-sm);}
#pageMain .ust-etiket i{font-size: var(--yazi-13);}
#pageMain .kap{max-width: var(--kap-genislik); margin: 0px auto; padding-inline: var(--kap-yan);}
#pageMain .modul-govde .bilgi-notu{max-width: var(--okuma-kolonu); margin-inline: auto;}
#pageMain .kapak{position: relative; height: var(--banner-h-profil); border-radius: var(--yuvarlak-xl); overflow: hidden; background-size: cover; background-position: center center; box-shadow: var(--golge-md);}
#pageMain .kapak::after{content: ""; position: absolute; inset: 0px; background: var(--kapak-perde);}
#pageMain .kapak-muhur{position: absolute; top: var(--bosluk-18); left: var(--bosluk-20); z-index: var(--kat-icerik); display: inline-flex; align-items: center; gap: var(--bosluk-8); background: var(--muhur-zemin); color: var(--murekkep); font-size: var(--yazi-11); font-weight: var(--agirlik-kalin); letter-spacing: var(--aralik-muhur); text-transform: uppercase; padding: var(--bosluk-8) var(--bosluk-14); border-radius: var(--yuvarlak-sm);}
#pageMain .kimlik{position: relative; z-index: var(--kat-kimlik); display: flex; gap: var(--bosluk-26); align-items: flex-start; background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-lg); box-shadow: var(--golge-md); padding: var(--bosluk-26) var(--bosluk-30) var(--bosluk-28); margin: -78px var(--bosluk-28) 0;}
#pageMain .kimlik-avatar{flex: 0 0 auto; width: 128px; height: 128px; border-radius: var(--yuvarlak-daire); background-size: cover; background-position: center center; border: 4px solid var(--kagit); box-shadow: var(--golge-md); margin-top: -70px;}
#pageMain .kimlik-govde{flex: 1 1 0%; min-width: 0px;}
#pageMain .kimlik-govde h1{font-size: var(--yazi-29); font-weight: var(--agirlik-kalin); letter-spacing: var(--aralik-baslik); display: flex; align-items: center; gap: var(--bosluk-12); flex-wrap: wrap;}
#pageMain .kimlik-govde h1 .rozet{font-size: var(--yazi-11-5);}
#pageMain .kimlik-kullanici{display: block; font-size: var(--yazi-14); color: var(--metin-ikincil); font-weight: var(--agirlik-govde); margin-top: var(--bosluk-3);}
#pageMain .kimlik-meta{display: flex; flex-wrap: wrap; gap: var(--bosluk-7) var(--bosluk-20); margin-top: var(--bosluk-13); font-size: var(--yazi-13); color: var(--metin-ikincil); font-weight: var(--agirlik-govde);}
#pageMain .kimlik-meta span{display: inline-flex; align-items: center; gap: var(--bosluk-8);}
#pageMain .kimlik-meta i{color: var(--aksan-koyu);}
#pageMain .kimlik-giris{font-size: var(--yazi-14-5); color: var(--murekkep-yumusak); font-weight: var(--agirlik-govde); line-height: var(--satir-genis); margin-top: var(--bosluk-12); text-align: left; text-align-last: auto;}
#pageMain .sayac-serit{display: flex; flex-wrap: wrap; margin-top: var(--bosluk-14); gap: var(--cizgi-1); background: var(--cizgi); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-md); box-shadow: var(--golge-sm); overflow: hidden;}
#pageMain .sayac{flex: 1 1 200px; min-width: 0px; display: flex; align-items: center; gap: var(--bosluk-12); background: var(--kagit); padding: var(--bosluk-15) var(--bosluk-20);}
#pageMain .sayac > i{flex: 0 0 auto; width: 38px; height: 38px; border-radius: var(--yuvarlak-md); background: var(--aksan-yikama); color: var(--aksan-koyu); display: grid; place-items: center; font-size: var(--yazi-15);}
#pageMain .sayac > div{min-width: 0px;}
#pageMain .sayac span{display: block; font-size: var(--yazi-11); line-height: var(--satir-govde); font-weight: var(--agirlik-govde); letter-spacing: var(--aralik-genis); color: var(--metin-ikincil);}
#pageMain .sayac b{display: block; font-size: var(--yazi-16-5); line-height: var(--satir-govde); font-weight: var(--agirlik-kalin); color: var(--murekkep);}
#pageMain .kimlik-bant .kirinti{color: var(--metin-ikincil); font-weight: var(--agirlik-govde); font-size: var(--yazi-13); gap: var(--bosluk-9); padding: var(--bosluk-18) 0 var(--bosluk-14); margin-bottom: var(--bosluk-18);}
#pageMain .kimlik-bant .kirinti a{color: var(--metin-ikincil);}
#pageMain .kimlik-bant .kirinti a:hover{color: var(--aksan-koyu);}
#pageMain .kimlik-bant .kirinti > i{color: var(--cizgi-vurgu);}
#pageMain .siralama-satir{display: flex; align-items: center; gap: var(--bosluk-14); padding: var(--bosluk-14) var(--bosluk-20); border-bottom: var(--cizgi-1) solid var(--cizgi);}
#pageMain .siralama-satir.ben{background: var(--aksan-yikama-2); border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
#pageMain .siralama-sira{flex: 0 0 auto; width: 38px; height: 38px; border-radius: var(--yuvarlak-daire); display: grid; place-items: center; font-size: var(--yazi-13); font-weight: var(--agirlik-ekstra); background: var(--aksan-yikama); color: var(--aksan-koyu);}
#pageMain .siralama-kim{flex: 1 1 0%; min-width: 0px;}
#pageMain .siralama-kim b{display: block; font-size: var(--yazi-14); font-weight: var(--agirlik-kalin); line-height: var(--satir-sik-2); color: var(--murekkep);}
#pageMain .siralama-kim small{display: block; margin-top: 2px; font-size: var(--yazi-11-5); font-weight: var(--agirlik-govde); line-height: var(--satir-govde); color: var(--metin-ikincil);}
#pageMain .siralama-puan{flex: 0 0 auto; text-align: right;}
#pageMain .siralama-puan b{display: block; text-align: right; font-size: var(--yazi-16); font-weight: var(--agirlik-ekstra); letter-spacing: var(--aralik-sik); color: var(--murekkep);}
#pageMain .siralama-puan small{display: block; margin-top: 1px; text-align: right; font-size: var(--yazi-10-5); font-weight: var(--agirlik-orta); letter-spacing: var(--aralik-versal); text-transform: uppercase; color: var(--metin-ikincil);}
#pageMain .puan-karti{padding: var(--bosluk-16) var(--bosluk-18); border-radius: var(--yuvarlak-md); border: var(--cizgi-1) solid var(--cizgi); background: var(--kagit);}
#pageMain .puan-bas{display: flex; align-items: center; gap: var(--bosluk-9); font-size: var(--yazi-13); font-weight: var(--agirlik-kalin); color: var(--murekkep);}
#pageMain .puan-sayi{display: block; font-size: var(--yazi-22); font-weight: var(--agirlik-ekstra); line-height: var(--satir-govde); letter-spacing: var(--aralik-sik); margin-top: var(--bosluk-9);}
#pageMain .puan-alt{display: block; margin-top: 2px; font-size: var(--yazi-11-5); font-weight: var(--agirlik-govde); line-height: var(--satir-govde); color: var(--metin-ikincil); text-align: left; text-align-last: auto;}
#pageMain .merdiven{display: grid; grid-template-columns: repeat(8, 1fr); gap: var(--bosluk-10); margin-top: var(--bosluk-12);}
#pageMain .basamak b{display: block; text-align: center; font-size: var(--yazi-12-5); font-weight: var(--agirlik-kalin); line-height: 1.2; color: var(--murekkep);}
#pageMain .basamak > span:not(.basamak-sec):not(.basamak-sayi){display: block; text-align: center; margin-top: 3px; font-size: var(--yazi-10-5); font-weight: var(--agirlik-orta); color: var(--metin-ikincil);}
#pageMain .rozet-karti, #pageMain .basamak{background: var(--kagit); font-family: inherit;}
#pageMain .basamak{position: relative; text-align: center; padding: var(--bosluk-26) var(--bosluk-8) var(--bosluk-24); border-radius: var(--yuvarlak-md); border: var(--cizgi-1) solid var(--cizgi);}
#pageMain .basamak-ikon{width: 46px; height: 46px; margin: 0 auto var(--bosluk-9); border-radius: var(--yuvarlak-daire); display: grid; place-items: center; font-size: var(--yazi-18); border: var(--cizgi-1) solid var(--cizgi); background: var(--zemin); color: var(--metin-pasif-2);}
#pageMain .basamak-sayi{display: block; margin-top: var(--bosluk-4); font-size: 9.5px; font-weight: var(--agirlik-kalin); letter-spacing: var(--aralik-genis); color: var(--kademe-notr-cip-metin);}
#pageMain .basamak-kilit{position: absolute; top: var(--bosluk-8); right: var(--bosluk-9); font-size: 9px; font-weight: 900; color: var(--metin-pasif-3);}
#pageMain .basamak-sec{position: absolute; left: 50%; bottom: 0px; transform: translate(-50%, 50%); padding: var(--bosluk-4) var(--bosluk-10); border-radius: var(--yuvarlak-hap); font-size: 9px; font-weight: var(--agirlik-ekstra); letter-spacing: var(--aralik-etiket-3); text-transform: uppercase; background: var(--aksan); color: var(--kagit); box-shadow: 0 2px 6px var(--aksan-golge-2); opacity: 0; transition: opacity var(--sure) var(--yumusama);}
#pageMain .basamak-sec{line-height: 9px; z-index: var(--kat-icerik);}
#pageMain .rozet-ailesi{margin-top: var(--bolum-nefes-sik);}
#pageMain .rozet-ailesi:first-of-type{margin-top: 0px;}
#pageMain .rozet-aile-bas{display: flex; align-items: center; gap: var(--bosluk-10); margin-bottom: var(--bosluk-10);}
#pageMain .rozet-aile-bas h3{display: flex; align-items: center; gap: var(--bosluk-9); font-size: var(--yazi-17); font-weight: var(--agirlik-kalin); line-height: var(--satir-baslik); letter-spacing: var(--aralik-baslik);}
#pageMain .rozet-aile-sayi{margin-left: auto; font-size: var(--yazi-12-5); font-weight: var(--agirlik-orta); color: var(--metin-ikincil);}
#pageMain .rozet-aile-not{margin-bottom: var(--bosluk-24); font-size: var(--yazi-12); font-weight: var(--agirlik-govde); color: var(--metin-ikincil); text-align: left; text-align-last: auto;}
#pageMain .rozet-izgara{display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--bosluk-12);}
#pageMain .rozet-karti{position: relative; display: flex; align-items: center; flex-wrap: wrap; gap: var(--bosluk-13); padding: var(--bosluk-24); border-radius: var(--yuvarlak-md); border: var(--cizgi-1) solid var(--cizgi); background: var(--kagit); text-align: left;}
#pageMain .rozet-ikon{flex-shrink: 0; width: 42px; height: 42px; border-radius: var(--yuvarlak-md); display: grid; place-items: center; font-size: var(--yazi-17); background: var(--aksan-yikama); color: var(--aksan);}
#pageMain .rozet-puan{position: absolute; top: var(--bosluk-12); right: var(--bosluk-14); display: flex; align-items: center; gap: var(--bosluk-5); font-size: var(--yazi-10); font-weight: var(--agirlik-ekstra); line-height: 1.2; letter-spacing: var(--aralik-genis); color: var(--aksan-koyu);}
#pageMain .rozet-sol{flex: 0 1 100%; margin-top: 1px; font-size: var(--yazi-10); font-weight: var(--agirlik-orta); letter-spacing: var(--aralik-ince); color: var(--eko-akademi-2);}
#pageMain .rozet-not{display: flex; flex-wrap: wrap; align-items: center; flex-basis: 100%; gap: var(--bosluk-7); margin-top: var(--bosluk-10); font-size: var(--yazi-10-5); font-weight: var(--agirlik-kalin); letter-spacing: var(--aralik-ince);}
#pageMain .rozet-cubuk{flex: 1 1 0%; min-width: 60px; height: 5px; border-radius: var(--yuvarlak-hap); background: var(--cizgi); overflow: hidden;}
#pageMain .rozet-cubuk span{display: block; height: 100%; border-radius: var(--yuvarlak-hap); background: linear-gradient(90deg, var(--eko-akademi-3), var(--eko-akademi));}
#pageMain .rozet-karti.kilitli{border-style: dashed; border-color: var(--cizgi-vurgu); background: transparent;}
#pageMain .rozet-karti.kilitli .rozet-ikon{background: var(--zemin); color: var(--metin-pasif-4);}
#pageMain .rozet-karti.kilitli div b{color: var(--metin-ikincil);}
#pageMain .rozet-karti.kilitli .rozet-puan{color: var(--metin-ikincil);}
#pageMain .rozet-not.kilitli{color: var(--eko-akademi); flex-wrap: wrap;}
#pageMain .rozet-karti:hover{border-color: var(--cizgi-vurgu-acik); transform: translateY(-2px); box-shadow: var(--golge-sm);}
#pageMain .rozet-karti.kilitli:hover{border-color: var(--cizgi-vurgu-koyu); transform: none; box-shadow: none;}
#pageMain .basamak.kilitli{border-style: dashed; background: transparent;}
#pageMain .rozet-karti div b{display: block; font-size: var(--yazi-13-5); font-weight: var(--agirlik-kalin); line-height: 1.2; color: var(--murekkep);}
#pageMain .rozet-karti div span{display: block; margin-top: 3px; font-size: var(--yazi-11-5); font-weight: var(--agirlik-govde); color: var(--metin-ikincil);}
#pageMain .rozet-ipucu{position: absolute; z-index: var(--kat-ipucu); left: 50%; bottom: calc(100% + 10px); width: 100%; transform: translate(-50%, 6px); pointer-events: none; visibility: hidden; padding: var(--bosluk-12) var(--bosluk-14); border-radius: var(--yuvarlak-md); background: var(--murekkep); color: var(--koyu-metin-5); box-shadow: var(--golge-lg); opacity: 0; transition: opacity var(--sure) var(--yumusama),
             visibility var(--sure) var(--yumusama); text-align: left; text-align-last: auto;}
#pageMain .rozet-ipucu b{display: block; margin-bottom: var(--bosluk-4); font-size: var(--yazi-12-5); font-weight: var(--agirlik-ekstra); line-height: 1.2; color: var(--kagit);}
#pageMain .rozet-ipucu p{margin: 0px; font-size: var(--yazi-11-5); font-weight: var(--agirlik-govde); line-height: var(--satir-orta); color: var(--koyu-metin-7); text-align: left; text-align-last: auto;}
#pageMain .rozet-karti:hover{border-color: var(--cizgi-vurgu-koyu);}
#pageMain .basamak:hover{transform: translateY(-2px); box-shadow: 0 6px 16px var(--aksan-golge); border-color: var(--aksan);}
#pageMain .rozet-karti:hover .rozet-ipucu{opacity: 1; visibility: visible;}
#pageMain .rozet-ipucu .nasil{display: flex; align-items: flex-start; gap: var(--bosluk-7); padding-top: var(--bosluk-8); margin-top: var(--bosluk-8); border-top: var(--cizgi-1) solid var(--koyu-cizgi); font-size: var(--yazi-11); font-weight: var(--agirlik-orta); color: var(--aksan-parlak);}
#pageMain .ipucu-kademe{display: inline-flex; align-items: center; gap: var(--bosluk-5); margin-top: var(--bosluk-8); font-size: 9.5px; font-weight: var(--agirlik-ekstra); letter-spacing: var(--aralik-etiket-3); text-transform: uppercase; color: var(--aksan-parlak);}
#pageMain .ozet-karti{padding: var(--bosluk-24) var(--bosluk-26); border-radius: var(--yuvarlak-lg); border: var(--cizgi-1) solid transparent; background-image: linear-gradient(160deg, var(--koyu-zemin-yesil), var(--koyu-zemin)); color: var(--kagit); box-shadow: var(--golge-sm);}
#pageMain .ozet-bas{display: flex; justify-content: space-between; align-items: flex-start; gap: var(--bosluk-14); padding-bottom: var(--bosluk-14); margin-bottom: var(--bosluk-16); border-bottom: var(--cizgi-1) solid var(--cizgi);}
#pageMain .ozet-karti .ozet-bas{border-bottom-color: var(--koyu-cizgi);}
#pageMain .ozet-karti .ozet-bas h3{color: var(--kagit);}
#pageMain .ozet-bas h3 i{flex: 0 0 auto; width: 34px; height: 34px; border-radius: var(--yuvarlak-md); display: grid; place-items: center; font-size: var(--yazi-14); background: var(--aksan-yikama); color: var(--aksan-murekkep);}
#pageMain .ozet-karti .ozet-bas h3 i{background: var(--aksan-cizgi-3); color: var(--aksan-parlak);}
#pageMain .ozet-karti p{color: var(--koyu-metin-6);}
#pageMain .ozet-bas h3{display: flex; align-items: center; gap: var(--bosluk-10); font-size: var(--yazi-17-5); font-weight: var(--agirlik-kalin); line-height: 1.12; letter-spacing: var(--aralik-baslik); color: var(--murekkep);}
#pageMain .ozet-karti > b{font-size: var(--yazi-32); font-weight: var(--agirlik-kalin); line-height: var(--satir-govde); letter-spacing: var(--aralik-baslik); color: var(--kagit);}
#pageMain .ozet-karti > p{margin-top: var(--bosluk-6); font-size: var(--yazi-16); font-weight: var(--agirlik-govde); color: var(--koyu-metin-6); text-align: left; text-align-last: auto;}
#pageMain .ozet-kunye{display: flex; flex-wrap: wrap; gap: var(--bosluk-18); margin-top: var(--bosluk-12); font-size: var(--yazi-12-5); font-weight: var(--agirlik-orta); color: var(--metin-ikincil);}
#pageMain .ozet-kunye span b{font-size: var(--yazi-12-5); font-weight: var(--agirlik-ekstra); color: var(--murekkep);}
#pageMain .ozet-karti .ozet-kunye{color: var(--koyu-metin-6);}
#pageMain .ozet-karti .ozet-kunye span b{color: var(--kagit);}
#pageMain .galeri-ozet{display: flex; align-items: center; flex-wrap: wrap; gap: var(--bosluk-10); margin-bottom: var(--bosluk-12);}
#pageMain .galeri-hap{display: inline-flex; align-items: center; gap: var(--bosluk-8); padding: var(--bosluk-8) var(--bosluk-15); border-radius: var(--yuvarlak-hap); border: var(--cizgi-1) solid var(--cizgi); background: var(--kagit); font-size: var(--yazi-13); font-weight: var(--agirlik-orta); color: var(--murekkep-yumusak);}
#pageMain .galeri-hap b{font-size: var(--yazi-13); font-weight: var(--agirlik-ekstra); color: var(--murekkep);}
#pageMain .galeri-hap i{font-size: var(--yazi-12); line-height: 1;}
#pageMain .hap-kazanildi{color: var(--aksan-koyu);}
#pageMain .hap-yolda{color: var(--eko-akademi);}
#pageMain .hap-olcusuz{color: var(--metin-ikincil);}
#pageMain .galeri-not{max-width: 551.25px; font-size: var(--yazi-12-5); font-weight: var(--agirlik-govde); line-height: var(--satir-govde); color: var(--metin-ikincil); text-align: left; text-align-last: auto;}
#pageMain .galeri-suzgec{background-image: linear-gradient(120deg, var(--aksan-yikama-2), var(--kagit) 80%); display: flex; align-items: center; gap: var(--bosluk-12); padding: var(--bosluk-13) var(--bosluk-18); margin-bottom: var(--bosluk-22); border-radius: var(--yuvarlak-md); border: var(--cizgi-1) solid var(--aksan-cizgi-3);}
#pageMain .suzgec-ikon{flex: 0 0 auto; width: 34px; height: 34px; border-radius: var(--yuvarlak-sm); display: grid; place-items: center; font-size: var(--yazi-14); background: var(--aksan); color: var(--kagit);}
#pageMain .suzgec-metin{flex: 1 1 0%; min-width: 0px; font-size: var(--yazi-13-5); font-weight: var(--agirlik-orta); line-height: var(--satir-govde);}
#pageMain .suzgec-metin b{font-size: var(--yazi-13-5); font-weight: var(--agirlik-ekstra); color: var(--aksan);}
#pageMain .suzgec-metin small{display: block; margin-top: 1px; font-size: var(--yazi-11-5); font-weight: var(--agirlik-govde); line-height: var(--satir-govde); color: var(--murekkep-yumusak);}
#pageMain .galeri-cipler{display: flex; flex-wrap: wrap; gap: var(--bosluk-8); margin-bottom: var(--bosluk-22);}
#pageMain .galeri-temizle{flex: 0 0 auto; justify-content: center; display: inline-flex; align-items: center; gap: var(--bosluk-7); min-height: 44px; padding: var(--bosluk-8) var(--bosluk-14); border-radius: var(--yuvarlak-sm); border: var(--cizgi-1) solid var(--cizgi); background: var(--kagit); font-family: inherit; font-size: var(--yazi-12-5); font-weight: var(--agirlik-kalin); color: var(--murekkep); cursor: pointer;}
#pageMain .cip{display: inline-flex; align-items: center; gap: var(--bosluk-7); position: relative; padding: var(--bosluk-8) var(--bosluk-15); border-radius: var(--yuvarlak-sm); font-family: inherit; font-size: var(--yazi-13); font-weight: var(--agirlik-govde); color: var(--murekkep-yumusak); background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); cursor: pointer; text-decoration: none; text-align: left; transition: var(--sure) var(--yumusama);}
#pageMain .cip::before{content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 44px;}
#pageMain .cip:hover{border-color: var(--aksan); color: var(--aksan-koyu); background: var(--aksan-yikama);}
#pageMain .cip.suzgec{font-weight: var(--agirlik-orta); padding: var(--bosluk-9) var(--bosluk-16); min-height: 44px;}
#pageMain .cip.suzgec::before{content: none;}
#pageMain .cip i{font-size: var(--yazi-11);}
#pageMain .olcer{height: 8px; border-radius: var(--yuvarlak-sm); background: var(--cizgi); overflow: hidden; margin-top: var(--bosluk-9);}
#pageMain .olcer > span{display: block; height: 100%; background: var(--aksan); border-radius: var(--yuvarlak-sm);}
#pageMain .olcer.hap{border-radius: var(--yuvarlak-hap); margin-top: var(--bosluk-11); background: var(--olcer-zemin);}
#pageMain .olcer.hap > span{border-radius: var(--yuvarlak-hap);}
#pageMain .modul-govde{background: var(--zemin); position: relative;}
#pageMain .sekmeler{justify-content: safe center;}
#pageMain .kap > .bilgi-notu:last-child{margin-bottom: var(--bosluk-24);}
#pageMain .rozet-aile-bas h3 i{color: var(--aksan); font-size: var(--yazi-14);}
#pageMain .modul-govde{padding-bottom: var(--bolum-nefes-sik);}
#pageMain .fit-pane > :last-child{margin-bottom: 0px;}
#pageMain .modul-govde > .fit-pane:last-child > :last-child{padding-bottom: 0px;}
#pageMain .dugme{line-height: var(--satir-tek);}
#pageMain .modul-govde .kap > .bilgi-notu{max-width: none; margin-inline: 0px;}
#pageMain .fit-pane :is(.alt-not, .bilgi-notu):last-child:not(:is(.kart, .fp-card, .ozet-karti) *){justify-content: center; text-align: center; padding-top: var(--bosluk-20); margin-bottom: 0px;}
#pageMain .cip.on{background: var(--aksan-koyu); border-color: var(--aksan-koyu); color: var(--kagit); font-weight: var(--agirlik-kalin);}
#pageMain .sekmeler.ortali{justify-content: safe center;}
#pageMain .sec-head .lead{max-width: none;}
#pageMain .modul-govde{padding-bottom: 0px;}
#pageMain .modul-govde > .fit-pane:not([hidden]) > :last-child{padding-bottom: var(--bolum-nefes-sik);}
#pageMain .fit-pane > :first-child > :first-child{margin-top: 0px;}
#pageMain .fa-list::before{content: "";}
#pageMain .fa-user::before{content: "";}
#pageMain .fa-ban::before{content: "";}
#pageMain .fa-headset::before{content: "";}
#pageMain .fa-gem::before{content: "";}
#pageMain .fa-user-tie::before{content: "";}
#pageMain .fa-arrows-left-right::before{content: "";}
#pageMain .fa-arrows-rotate::before{content: "";}
#pageMain .fa-snowflake::before{content: "";}
#pageMain .fa-chart-line::before{content: "";}
#pageMain .fa-arrow-right::before{content: "";}
#pageMain .fa-chevron-down::before{content: "";}
#pageMain .fa-arrow-up::before{content: "";}
#pageMain .fa-circle-half-stroke::before{content: "";}
#pageMain .fa-infinity::before{content: "";}
#pageMain .fa-table-list::before{content: "";}
#pageMain .fa-check::before{content: "";}
#pageMain .fa-triangle-exclamation::before{content: "";}
#pageMain h1, #pageMain h2, #pageMain h3{font-weight: 700; color: var(--slate); line-height: 1.12; letter-spacing: -0.02em;}
#pageMain p, #pageMain li, #pageMain .lead{hyphens: auto; overflow-wrap: break-word; word-break: normal; line-break: auto; text-wrap: pretty;}
html[lang="tr"] #pageMain p, html[lang="tr"] #pageMain li{hyphenate-limit-chars: 6 3 3;}
#pageMain p, #pageMain li, #pageMain .lead{text-align-last: start;}
#pageMain h1, #pageMain h2, #pageMain h3, #pageMain .sec-head h2{text-align: inherit; hyphens: manual;}
#pageMain h1, #pageMain h2, #pageMain h3{text-wrap: balance;}
#pageMain label, #pageMain caption, #pageMain button, #pageMain summary{text-align: left; text-align-last: auto; hyphens: manual;}
#pageMain table, #pageMain thead, #pageMain tbody, #pageMain tr, #pageMain th, #pageMain td, #pageMain [class*="-stat"]{text-align: inherit; text-align-last: auto; hyphens: manual;}
#pageMain th, #pageMain td{text-align: left;}
#pageMain input, #pageMain select, #pageMain option{text-align: start; hyphens: manual;}
#pageMain .pro-card{height: 100%;}
#pageMain .pro-daha{display: inline-flex; align-items: center; gap: 7px; min-height: 44px; font-size: 12.5px; font-weight: 700; color: var(--fit-deep);}
#pageMain .pro-daha i{font-size: 10px;}
#pageMain .pro-daha:hover{text-decoration: underline; text-underline-offset: 3px;}
#pageMain .pro-card{position: relative; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 22px 20px; display: flex; flex-direction: column; transition: .25s var(--ease);}
#pageMain .pro-card:hover{transform: translateY(-5px); box-shadow: var(--sh-md);}
#pageMain .pro-card.featured{border-color: color-mix(in srgb, var(--marka) 45%, transparent); box-shadow: var(--sh-md);}
#pageMain .pro-card.is-aktif{border-color: var(--fit); box-shadow: var(--sh-md);}
#pageMain .pro-card.t0{background: rgb(250, 250, 250); border-color: rgb(228, 228, 228);}
#pageMain .pro-card.t0:hover{transform: translateY(-5px); box-shadow: var(--sh-sm);}
#pageMain .pro-flag{position: absolute; top: 0px; right: 18px; transform: translateY(-50%); background: var(--fit); color: rgb(255, 255, 255); font-size: 10.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 6px 12px; border-radius: var(--radius-sm); box-shadow: 0 6px 16px color-mix(in srgb, var(--marka) 32%, transparent); display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;}
#pageMain .pk-demo{display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 18px; font-size: 12.5px; color: var(--slate-2); font-weight: 600;}
#pageMain .pk-demo a{display: inline-flex; align-items: center; min-height: 44px; padding: 10px 14px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--paper); color: var(--slate-2); font-weight: 700; font-size: 12.5px;}
#pageMain .pk-demo a[aria-current="true"]{background: var(--fit-tint); border-color: var(--fit-deep); color: var(--fit-deep);}
#pageMain .pk-demo a:hover{border-color: var(--fit); color: var(--fit-deep);}
#pageMain .kart-bas{display: flex; align-items: center; justify-content: space-between; gap: var(--bosluk-16); padding: var(--bosluk-20) var(--bosluk-24); border-bottom: var(--cizgi-1) solid var(--cizgi);}
#pageMain .kart-bas:has(p){align-items: flex-start;}
#pageMain .kart-bas:has(p) > :first-child{min-width: 0px;}
#pageMain .kart-bas p{font-size: var(--yazi-13); color: var(--metin-ikincil); font-weight: var(--agirlik-govde); margin-top: var(--bosluk-4); text-align: left; text-align-last: auto;}
#pageMain .kart-baslik{display: flex; align-items: center; gap: var(--bosluk-8); font-size: var(--yazi-16); font-weight: var(--agirlik-kalin); color: var(--murekkep); line-height: var(--satir-govde); letter-spacing: normal;}
#pageMain .kart-baslik i{color: var(--aksan); font-size: var(--yazi-15);}
#pageMain .kart-govde{padding: var(--bosluk-24);}
#pageMain .dugme.hayalet{background: var(--kagit); color: var(--aksan-koyu); border: var(--cizgi-1) solid var(--aksan);}
#pageMain .dugme.hayalet:hover{border-color: var(--aksan-koyu); background: var(--aksan-yikama); transform: translateY(-2px);}
#pageMain .dugme.uyari{background: var(--kagit); color: var(--uyari); border: var(--cizgi-1) solid var(--uyari-cizgi);}
#pageMain .dugme.uyari:hover{border-color: var(--uyari); background: var(--uyari-yikama); transform: translateY(-2px);}
#pageMain .dugme[disabled]{opacity: 0.45; cursor: not-allowed; transform: none !important;}
#pageMain .alan{margin-bottom: var(--bosluk-22);}
#pageMain .alan:last-child{margin-bottom: 0px;}
#pageMain .alan-etiket{display: flex; align-items: baseline; gap: var(--bosluk-7); font-size: var(--yazi-14); font-weight: var(--agirlik-kalin); color: var(--murekkep); margin-bottom: var(--bosluk-9);}
#pageMain .alan-etiket .istege-bagli{font-size: var(--yazi-11-5); color: var(--metin-ikincil); font-weight: var(--agirlik-govde);}
#pageMain .alan-secim{width: 100%; min-height: 44px; font-family: inherit; font-size: var(--yazi-14); font-weight: var(--agirlik-govde); color: var(--murekkep); background: var(--zemin); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-md); padding: var(--bosluk-13) var(--bosluk-15); outline: none; transition: border-color var(--sure) var(--yumusama),
             box-shadow  var(--sure) var(--yumusama);}
#pageMain .alan-secim:focus{border-color: var(--aksan); box-shadow: var(--golge-halka);}
#pageMain .alan-secim{appearance: none; cursor: pointer; background-repeat: no-repeat; padding-right: var(--bosluk-40); background-image: var(--secim-ok); background-size: auto; background-position: right var(--bosluk-15) center;}
#pageMain .alan-izgara{display: grid; gap: var(--bosluk-16) var(--bosluk-18); margin-bottom: var(--bosluk-20);}
#pageMain .alan-izgara .alan{margin-bottom: 0px;}
#pageMain .alan-izgara.c2{grid-template-columns: 1fr 1fr;}
#pageMain .tablo{width: 100%; border-collapse: collapse;}
#pageMain .tablo th, #pageMain .tablo td{padding: var(--bosluk-13) var(--bosluk-16); border-bottom: var(--cizgi-1) solid var(--cizgi); font-size: var(--yazi-13-5); text-align: left; vertical-align: middle;}
#pageMain .tablo thead th{font-size: var(--yazi-11); font-weight: var(--agirlik-ekstra); letter-spacing: var(--aralik-versal); text-transform: uppercase; color: var(--murekkep-yumusak); background: var(--zemin);}
#pageMain .tablo tbody tr:last-child td{border-bottom: 0px;}
#pageMain .tablo tbody tr:hover{background: var(--zemin);}
#pageMain .tablo-kap{width: 100%; overflow-x: auto; border-radius: var(--yuvarlak-lg);}
#pageMain .uyari-kutu{display: flex; align-items: flex-start; gap: var(--bosluk-11); font-size: var(--yazi-13-5); font-weight: var(--agirlik-govde); line-height: var(--satir-govde); border-radius: var(--yuvarlak-md); padding: var(--bosluk-14) var(--bosluk-16); margin-bottom: var(--bosluk-18); text-align: left; text-align-last: auto; color: var(--uyari); background: var(--uyari-yikama); border: var(--cizgi-1) solid var(--uyari-cizgi);}
#pageMain .uyari-kutu i{flex: 0 0 auto; font-size: var(--yazi-15); margin-top: 2px;}
#pageMain .uyari-kutu b{font-weight: var(--agirlik-ekstra);}
#pageMain .uyari-kutu > span{text-align: left; text-align-last: auto;}
#pageMain .durum-satir{flex: 1 1 0%; min-width: 200px; display: flex; align-items: flex-start; gap: var(--bosluk-8); font-size: var(--yazi-12-5); font-weight: var(--agirlik-orta); color: var(--murekkep-yumusak); line-height: var(--satir-orta); margin: 0px; text-align: left; text-align-last: auto;}
#pageMain .durum-satir > span{text-align: left; text-align-last: auto;}
#pageMain .durum-satir i{flex: 0 0 auto; margin-top: 3px; font-size: var(--yazi-11-5); color: var(--aksan-koyu);}
#pageMain .durum-satir.kapali{color: var(--uyari);}
#pageMain .durum-satir.kapali i{color: var(--uyari);}
#pageMain .alt-not{display: flex; align-items: flex-start; gap: var(--bosluk-8); font-size: var(--yazi-12-5); color: var(--murekkep-yumusak); font-weight: var(--agirlik-govde); line-height: var(--satir-govde); margin-top: var(--bosluk-16); padding-top: var(--bosluk-14); border-top: var(--cizgi-1) solid var(--cizgi);}
#pageMain .alt-not i{color: var(--aksan-koyu); font-size: var(--yazi-12); margin-top: 3px; flex: 0 0 auto;}
#pageMain .alt-not a{color: var(--aksan-koyu); font-weight: var(--agirlik-kalin);}
#pageMain .alt-not a:hover{text-decoration: underline; text-underline-offset: 2px;}
#pageMain .akordeon{display: flex; flex-direction: column; gap: var(--bosluk-12);}
#pageMain .akordeon-kalem{background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-lg); overflow: hidden; transition: border-color var(--sure-yavas) var(--yumusama),
             box-shadow   var(--sure-yavas) var(--yumusama);}
#pageMain .akordeon-bas{display: flex; align-items: center; gap: var(--bosluk-14); width: 100%; text-align: left; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-family: inherit; font-size: var(--yazi-15-5); font-weight: var(--agirlik-kalin); line-height: var(--satir-govde); color: var(--murekkep); padding: var(--bosluk-18) var(--bosluk-22); cursor: pointer; transition: color var(--sure) var(--yumusama);}
#pageMain .akordeon-bas:hover{color: var(--aksan-koyu);}
#pageMain .akordeon-govde{max-height: 0px; overflow: hidden; transition: max-height var(--sure-agir) var(--yumusama);}
#pageMain .akordeon-govde p{padding: 0 var(--bosluk-24) var(--bosluk-20)
          calc(var(--bosluk-22) + 34px + var(--bosluk-14)); font-size: var(--yazi-14-5); color: var(--murekkep-yumusak); font-weight: var(--agirlik-govde); line-height: var(--satir-bol); text-align: left; text-align-last: auto;}
#pageMain .akordeon-govde a{color: var(--aksan-koyu); font-weight: var(--agirlik-kalin); text-decoration: underline; text-underline-offset: 2px;}
#pageMain .okuma-kolonu{max-width: var(--okuma-kolonu); margin-inline: auto;}
#pageMain .modul-govde .akordeon{max-width: var(--okuma-kolonu); margin-inline: auto;}
#pageMain .durum-hapi{display: inline-flex; align-items: center; gap: var(--bosluk-6); font-size: var(--yazi-11-5); font-weight: var(--agirlik-kalin); padding: var(--bosluk-4) var(--bosluk-10); border-radius: var(--yuvarlak-sm); white-space: nowrap;}
#pageMain .durum-hapi::before{content: ""; width: 6px; height: 6px; flex: 0 0 auto; border-radius: var(--yuvarlak-hap); background: currentcolor;}
#pageMain .durum-hapi.kapali{background: var(--durum-kapali-zemin); color: var(--durum-kapali-metin);}
#pageMain .onay-kapisi{display: flex; flex-direction: column; gap: var(--bosluk-14); margin-top: var(--bosluk-4);}
#pageMain .onay-kutusu{display: flex; align-items: flex-start; gap: var(--bosluk-11); padding: var(--bosluk-14) var(--bosluk-16); border-radius: var(--yuvarlak-md); background: var(--zemin); border: var(--cizgi-1) solid var(--cizgi); font-size: var(--yazi-13-5); font-weight: var(--agirlik-orta); line-height: var(--satir-orta); text-align: left; text-align-last: auto;}
#pageMain .onay-kutusu input{width: 19px; height: 19px; margin-top: 1px; accent-color: var(--aksan);}
#pageMain .onay-eylemler{display: flex; align-items: center; gap: var(--bosluk-14); flex-wrap: wrap;}
#pageMain .durum-satir a{color: var(--aksan-koyu); font-weight: var(--agirlik-kalin);}
#pageMain .kademe-izgara{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--bosluk-18); align-items: stretch; margin-top: var(--bosluk-26);}
#pageMain .kademe-karti{position: relative; display: flex; flex-direction: column; padding: var(--bosluk-22) var(--bosluk-20); border-radius: var(--yuvarlak-lg); border: var(--cizgi-1) solid var(--cizgi); background: var(--kagit); transition: var(--sure-yavas) var(--yumusama);}
#pageMain .kademe-karti:hover{transform: translateY(-5px); box-shadow: var(--golge-md);}
#pageMain .kademe-karti .dugme{width: 100%; justify-content: center; margin-top: var(--bosluk-4);}
#pageMain .kademe-karti .dugme[disabled]{opacity: 0.45; pointer-events: none;}
#pageMain .kademe-bayrak{position: absolute; top: 0px; right: var(--bosluk-18); transform: translateY(-50%); display: inline-flex; align-items: center; gap: var(--bosluk-6); padding: var(--bosluk-6) var(--bosluk-12); border-radius: var(--yuvarlak-sm); font-size: var(--yazi-10-5); font-weight: var(--agirlik-kalin); letter-spacing: var(--aralik-versal-2); text-transform: uppercase; white-space: nowrap; background: var(--aksan); color: var(--kagit); box-shadow: 0 6px 16px var(--aksan-golge);}
#pageMain .kademe-bayrak.simdi{background: var(--aksan-koyu-2);}
#pageMain .kademe-bas{display: flex; align-items: center; gap: var(--bosluk-11); margin-bottom: var(--bosluk-6);}
#pageMain .kademe-bas i{flex: 0 0 auto; width: 44px; height: 44px; border-radius: var(--yuvarlak-md); display: grid; place-items: center; font-size: var(--yazi-18); background: var(--aksan-yikama-2); color: var(--aksan-koyu);}
#pageMain .kademe-bas b{font-size: var(--yazi-21); letter-spacing: var(--aralik-sik); color: var(--murekkep);}
#pageMain .kademe-ozet{font-size: var(--yazi-13-5); font-weight: var(--agirlik-govde); line-height: var(--satir-govde); color: var(--yer-tutucu); margin: var(--bosluk-4) 0 0; text-align: left; text-align-last: auto;}
#pageMain .kademe-fiyat{display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--bosluk-6); padding: var(--bosluk-16) 0; margin-top: var(--bosluk-16); border-top: var(--cizgi-1) solid var(--cizgi); border-bottom: var(--cizgi-1) solid var(--cizgi);}
#pageMain .kademe-fiyat b{font-size: var(--yazi-30); letter-spacing: var(--aralik-baslik); color: var(--murekkep);}
#pageMain .kademe-fiyat span{font-size: var(--yazi-13); font-weight: var(--agirlik-govde); color: var(--yer-tutucu);}
#pageMain .kademe-ozellikler{list-style: none; display: flex; flex-direction: column; gap: var(--bosluk-10); padding: var(--bosluk-18) 0; margin: 0px; flex: 1 1 0%;}
#pageMain .kademe-ozellikler li{display: flex; gap: var(--bosluk-9); font-size: var(--yazi-13); font-weight: var(--agirlik-govde); color: var(--murekkep-yumusak); line-height: var(--satir-sik); text-align: left; text-align-last: auto;}
#pageMain .kademe-ozellikler li i{flex: 0 0 auto; margin-top: 3px; font-size: var(--yazi-11-5); color: var(--aksan-koyu);}
#pageMain .kademe-ozellikler li b{font-weight: var(--agirlik-kalin); color: var(--murekkep);}
#pageMain .paket-ozellikler + .durum-satir{margin-top: var(--bosluk-12);}
#pageMain .kademe-kapali{border-top: var(--cizgi-1) solid var(--cizgi); padding-top: var(--bosluk-4);}
#pageMain .kademe-kapali summary{list-style: none; cursor: pointer; min-height: 44px; display: flex; align-items: center; gap: var(--bosluk-8); padding: var(--bosluk-10) 0; font-size: var(--yazi-12-5); font-weight: var(--agirlik-kalin); color: var(--yer-tutucu);}
#pageMain .kademe-kapali summary::-webkit-details-marker{display: none;}
#pageMain .kademe-kapali summary::before{content: ""; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: var(--yazi-10); transition: transform var(--sure) var(--yumusama);}
#pageMain .kademe-kapali summary:hover{color: var(--aksan-koyu);}
#pageMain .kademe-kapali .kademe-ozellikler{padding-top: var(--bosluk-4);}
#pageMain .tablo-kap.cerceveli{border-radius: var(--yuvarlak-lg); overflow-x: auto; border: var(--cizgi-1) solid var(--cizgi); box-shadow: var(--golge-sm); background: var(--kagit); margin-top: var(--bosluk-26);}
#pageMain .tablo.karsilastirma{min-width: 640px; background: var(--kagit);}
#pageMain .tablo.karsilastirma th, #pageMain .tablo.karsilastirma td{padding: var(--bosluk-12) var(--bosluk-16); font-size: var(--yazi-13-5);}
#pageMain .tablo.karsilastirma thead th{font-size: var(--yazi-12); font-weight: var(--agirlik-kalin); letter-spacing: normal; text-transform: none; color: var(--murekkep-yumusak); background: var(--tablo-bas-zemin); text-align: center; vertical-align: bottom;}
#pageMain .tablo.karsilastirma thead th:first-child{text-align: left;}
#pageMain .tablo.karsilastirma thead th.one-cikan{color: var(--aksan-koyu);}
#pageMain .kademe-ad{display: flex; align-items: center; justify-content: center; gap: var(--bosluk-7); font-size: var(--yazi-14); font-weight: var(--agirlik-ekstra); letter-spacing: var(--aralik-sik); color: var(--murekkep);}
#pageMain .tablo.karsilastirma thead th.one-cikan .kademe-ad{color: var(--aksan-koyu);}
#pageMain .kademe-fiyat-not{display: block; margin-top: var(--bosluk-5); font-size: var(--yazi-12); font-weight: var(--agirlik-orta); color: var(--yer-tutucu);}
#pageMain .tablo.karsilastirma tbody td{text-align: center; font-weight: var(--agirlik-orta); color: var(--murekkep-yumusak);}
#pageMain .tablo.karsilastirma tbody th[scope="row"]{text-align: left; font-weight: var(--agirlik-govde); color: var(--murekkep);}
#pageMain .tablo.karsilastirma tbody tr:last-child td{border-bottom: 0px;}
#pageMain .tablo.karsilastirma td.one-cikan{background: var(--aksan-yikama-5);}
#pageMain .tablo.karsilastirma .var{color: var(--aksan-koyu);}
#pageMain .tablo.karsilastirma .yok{color: var(--yer-tutucu);}
#pageMain .tablo-grup th, #pageMain .tablo.karsilastirma .tablo-grup th{display: table-cell; background: var(--zemin); text-align: left; padding: var(--bosluk-11) var(--bosluk-16); font-size: var(--yazi-11-5); font-weight: var(--agirlik-ekstra); letter-spacing: var(--aralik-versal-3); text-transform: uppercase; color: var(--murekkep);}
#pageMain .tablo-grup th i, #pageMain .tablo.karsilastirma .tablo-grup th i{color: var(--aksan-koyu); margin-right: var(--bosluk-8); font-size: var(--yazi-11);}
#pageMain .tablo-ipucu{display: flex; align-items: center; gap: var(--bosluk-8); margin-top: var(--bosluk-14); font-size: var(--yazi-12-5); font-weight: var(--agirlik-orta); color: var(--murekkep-yumusak); text-align: left; text-align-last: auto;}
#pageMain .tablo-ipucu i{font-size: var(--yazi-11); color: var(--aksan-koyu);}
#pageMain .ayrim-kutusu{display: flex; align-items: flex-start; gap: var(--bosluk-14); padding: var(--bosluk-18) var(--bosluk-20); margin-top: var(--bosluk-22); border-radius: var(--yuvarlak-lg); border: var(--cizgi-1) solid var(--cizgi); background: var(--krem-2);}
#pageMain .ayrim-kutusu > i{flex: 0 0 auto; width: 38px; height: 38px; border-radius: var(--yuvarlak-md); display: grid; place-items: center; font-size: var(--yazi-15); background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); color: var(--aksan-koyu);}
#pageMain .ayrim-kutusu b{display: block; font-size: var(--yazi-14-5); font-weight: var(--agirlik-kalin); margin-bottom: var(--bosluk-5);}
#pageMain .ayrim-kutusu p{margin: 0px; font-size: var(--yazi-13); font-weight: var(--agirlik-govde); line-height: var(--satir-genis); color: var(--murekkep-yumusak); text-align: left; text-align-last: auto;}
#pageMain .ayrim-kutusu p a{color: var(--aksan-koyu); font-weight: var(--agirlik-kalin);}
#pageMain .ayrim-kutusu p a:hover{text-decoration: underline; text-underline-offset: 2px;}
#pageMain .kart.odeme > .kart-bas{padding: var(--bosluk-18) var(--bosluk-22); gap: var(--bosluk-16); align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
#pageMain .kart.odeme > .kart-bas .kart-baslik{font-size: var(--yazi-16); line-height: var(--satir-govde); letter-spacing: normal; gap: var(--bosluk-10);}
#pageMain .kart.odeme > .kart-bas .kart-baslik i{width: 38px; height: 38px; border-radius: var(--yuvarlak-md); background: var(--aksan-yikama); color: var(--aksan-koyu); font-size: var(--yazi-14); display: grid; place-items: center; flex: 0 0 auto;}
#pageMain .kart.odeme > .kart-bas p{font-size: var(--yazi-13); font-weight: var(--agirlik-govde); line-height: var(--satir-govde); margin-top: var(--bosluk-6); max-width: 58ch; text-align: left; text-align-last: auto;}
#pageMain .kart.odeme > .kart-govde{padding: var(--bosluk-20) var(--bosluk-22);}
#pageMain .paket-eylemler .dugme{padding: var(--bosluk-12) var(--bosluk-20); font-size: var(--yazi-13-5);}
#pageMain .paket-karti{border-radius: var(--yuvarlak-lg); overflow: hidden; border: var(--cizgi-1) solid var(--cizgi); background: var(--kagit);}
#pageMain .paket-bas{display: flex; align-items: center; flex-wrap: wrap; gap: var(--bosluk-14); padding: var(--bosluk-18) var(--bosluk-20); border-bottom: var(--cizgi-1) solid var(--cizgi);}
#pageMain .paket-rozet{display: inline-flex; align-items: center; gap: var(--bosluk-6); flex: 0 0 auto; padding: var(--bosluk-6) var(--bosluk-13); border-radius: var(--yuvarlak-hap); border: var(--cizgi-1) solid transparent; font-size: var(--yazi-12); font-weight: var(--agirlik-ekstra); letter-spacing: var(--aralik-vurgu); text-transform: uppercase; background: var(--paket-rozet-zemin); color: var(--kagit);}
#pageMain .paket-bilgi{flex: 1 1 0%; min-width: 0px;}
#pageMain .paket-bilgi b{display: flex; align-items: center; flex-wrap: wrap; gap: var(--bosluk-9); font-size: var(--yazi-15-5); font-weight: var(--agirlik-kalin); line-height: var(--satir-govde);}
#pageMain .paket-yenileme{display: inline-flex; align-items: center; gap: var(--bosluk-6); font-size: var(--yazi-12-5); font-weight: var(--agirlik-govde); margin-top: var(--bosluk-5); color: var(--metin-ikincil);}
#pageMain .paket-fiyat{text-align: right; flex: 0 0 auto;}
#pageMain .paket-fiyat b{font-size: var(--yazi-22); font-weight: var(--agirlik-ekstra); letter-spacing: var(--aralik-baslik-2);}
#pageMain .paket-fiyat span{display: block; font-size: var(--yazi-12); font-weight: var(--agirlik-govde); color: var(--metin-ikincil);}
#pageMain .paket-govde{padding: var(--bosluk-18) var(--bosluk-20); border-bottom: var(--cizgi-1) solid var(--cizgi);}
#pageMain .paket-eylemler{display: flex; align-items: center; flex-wrap: wrap; gap: var(--bosluk-12); padding: var(--bosluk-16) var(--bosluk-20);}
#pageMain .paket-ozellikler{display: flex; flex-wrap: wrap; gap: var(--bosluk-8); margin-top: var(--bosluk-16);}
#pageMain .paket-ozellikler span{display: inline-flex; align-items: center; gap: var(--bosluk-7); padding: var(--bosluk-7) var(--bosluk-12); border-radius: var(--yuvarlak-sm); background: var(--zemin); border: var(--cizgi-1) solid var(--cizgi); font-size: var(--yazi-13); font-weight: var(--agirlik-orta); color: var(--metin-ikincil);}
#pageMain .paket-ozellikler span i{font-size: var(--yazi-11); color: var(--aksan-koyu);}
#pageMain .dugme.hayalet, #pageMain .dugme.uyari{padding: calc(var(--bosluk-14) - var(--cizgi-1)) calc(var(--bosluk-26) - var(--cizgi-1));}
#pageMain .fit-pane .alt-not:last-child:not(:is(.kart, .fp-card, .ozet-karti) *) > i{margin-top: 2px;}
#pageMain :is(.kart, .fp-card, .ozet-karti, .uyari-kutu, .bilgi-notu, .kunye, .tablo-kap, .bos-durum, .akordeon, .olcer) + :is(.kart, .olcer){margin-top: var(--bosluk-16);}
#pageMain .kart-bas h3 i{flex: 0 0 auto; width: 34px; height: 34px; border-radius: var(--yuvarlak-md); display: grid; place-items: center; font-size: var(--yazi-14); background: var(--aksan-yikama); color: var(--aksan-murekkep);}
#pageMain .kart-bas h3{display: flex; align-items: center; gap: var(--bosluk-10);}
#pageMain .fa-brands, #pageMain .fa-regular, #pageMain .fa-solid{-webkit-font-smoothing: antialiased; display: var(--fa-display,inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto;}
#pageMain .fa-regular, #pageMain .fa-solid{font-family: "Font Awesome 6 Free";}
#pageMain .fa-brands{font-family: "Font Awesome 6 Brands";}
#pageMain .fa-trash-can::before{content: "";}
#pageMain .fa-file-circle-question::before{content: "";}
#pageMain .fa-circle-exclamation::before{content: "";}
#pageMain .fa-rotate-left::before{content: "";}
#pageMain .fa-ticket::before{content: "";}
#pageMain .fa-rotate-right::before{content: "";}
#pageMain .fa-credit-card::before{content: "";}
#pageMain .fa-magnifying-glass::before{content: "";}
#pageMain .fa-receipt::before{content: "";}
#pageMain .fa-plus::before{content: "+";}
#pageMain .fa-rotate::before{content: "";}
#pageMain .fa-file-circle-plus::before{content: "";}
#pageMain .fa-scale-balanced::before{content: "";}
#pageMain .fa-paper-plane::before{content: "";}
#pageMain .fa-circle-xmark::before{content: "";}
#pageMain .fa-file-invoice::before{content: "";}
#pageMain .fa-building-columns::before{content: "";}
#pageMain .fa-video::before{content: "";}
#pageMain .fa-brands{font-weight: 400;}
#pageMain .fa-cc-visa::before{content: "";}
#pageMain .fa-cc-mastercard::before{content: "";}
#pageMain .fa-regular{font-weight: 400;}
#pageMain .fk-hata{display: none; align-items: flex-start; gap: 7px; font-size: 12.5px; font-weight: 700; color: var(--hs-danger); margin-top: 8px; line-height: 1.5;}
#pageMain .fk-hata i{font-size: 12px; margin-top: 2px; flex: 0 0 auto;}
#pageMain .hs-pill{display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 800; letter-spacing: 0.03em; padding: 3px 10px; border-radius: var(--radius-sm); white-space: nowrap;}
#pageMain .hs-pill.on{color: var(--fit-deep); background: color-mix(in srgb, var(--marka) 10%, transparent); border: 1px solid color-mix(in srgb, var(--marka) 24%, transparent);}
#pageMain .hs-pill.off{color: var(--slate-2); background: var(--bg); border: 1px solid var(--line);}
#pageMain .od-sonuc{display: none; align-items: flex-start; gap: 11px; background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius-md); padding: 15px 17px; margin-top: 16px; font-size: 13px; font-weight: 500; color: var(--slate-2); line-height: 1.6;}
#pageMain .od-sonuc > i{flex: 0 0 auto; width: 32px; height: 32px; border-radius: var(--radius-sm); background: var(--paper); border: 1px solid var(--line); color: var(--slate-2); display: grid; place-items: center; font-size: 13px;}
#pageMain .od-sonuc .od-sonuc-txt{flex: 1 1 0%; min-width: 0px; text-align: left; text-align-last: auto;}
#pageMain p, #pageMain .lead{hyphens: auto; overflow-wrap: break-word; word-break: normal; line-break: auto; text-wrap: pretty;}
#pageMain label, #pageMain button{text-align: left; text-align-last: auto; hyphens: manual;}
#pageMain input, #pageMain select, #pageMain textarea, #pageMain option{text-align: start; hyphens: manual;}
#pageMain .od-pill{display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 800; letter-spacing: 0.02em; padding: 5px 10px; border-radius: var(--radius-sm); white-space: nowrap;}
#pageMain .od-pill i{font-size: 10.5px;}
#pageMain .od-pill.ok{color: var(--fit-deep); background: var(--fit-tint); border: 1px solid var(--fit-line);}
#pageMain .od-pill.wait{color: var(--hs-warn); background: var(--hs-warn-tint); border: 1px solid var(--hs-warn-line);}
#pageMain .od-pill.off{color: var(--slate-2); background: rgb(241, 241, 241); border: 1px solid rgb(226, 226, 226);}
#pageMain .kart-govde.bosluksuz{padding: 0px;}
#pageMain .alan-etiket .zorunlu{color: var(--aksan-koyu);}
#pageMain .alan-etiket .alan-sayac{margin-left: auto; font-size: var(--yazi-11-5); color: var(--metin-ikincil); font-weight: var(--agirlik-govde); letter-spacing: var(--aralik-genis);}
#pageMain .alan-girdi, #pageMain .alan-secim, #pageMain .alan-metin{width: 100%; min-height: 44px; font-family: inherit; font-size: var(--yazi-14); font-weight: var(--agirlik-govde); color: var(--murekkep); background: var(--zemin); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-md); padding: var(--bosluk-13) var(--bosluk-15); outline: none; transition: border-color var(--sure) var(--yumusama),
             box-shadow  var(--sure) var(--yumusama);}
#pageMain .alan-girdi::placeholder, #pageMain .alan-metin::placeholder{color: var(--yer-tutucu);}
#pageMain .alan-girdi:focus, #pageMain .alan-secim:focus, #pageMain .alan-metin:focus{border-color: var(--aksan); box-shadow: var(--golge-halka);}
#pageMain .alan-metin{min-height: 104px; resize: vertical; line-height: var(--satir-genis);}
#pageMain .alan-yardim{display: flex; align-items: flex-start; gap: var(--bosluk-7); font-size: var(--yazi-12-5); color: var(--metin-ikincil); font-weight: var(--agirlik-govde); margin-top: var(--bosluk-8); line-height: var(--satir-orta); text-align: left; text-align-last: auto;}
#pageMain .alan-yardim i{color: var(--aksan-koyu); font-size: var(--yazi-12); margin-top: 2px; flex: 0 0 auto;}
#pageMain .alan + .alan-izgara{margin-top: var(--bosluk-22);}
#pageMain .tablo td small{display: block; font-size: var(--yazi-11-5); font-weight: var(--agirlik-govde); color: var(--metin-ikincil); margin-top: 3px;}
#pageMain .tablo .no{font-size: var(--yazi-13-5); font-weight: var(--agirlik-kalin); letter-spacing: var(--aralik-genis); font-variant-numeric: tabular-nums; color: var(--murekkep);}
#pageMain .tablo .no small{letter-spacing: normal;}
#pageMain .tablo .tarih{font-size: var(--yazi-13-5); font-weight: var(--agirlik-orta); color: var(--metin-ikincil); white-space: nowrap;}
#pageMain .tablo .tutar{font-size: var(--yazi-13-5); font-weight: var(--agirlik-ekstra); color: var(--murekkep); white-space: nowrap; font-variant-numeric: tabular-nums;}
#pageMain .cipler{display: flex; flex-wrap: wrap; gap: var(--bosluk-9); align-items: center; padding: var(--bosluk-7) 0;}
#pageMain .bos-durum[hidden]{display: none;}
#pageMain .ayar-liste{display: flex; flex-direction: column;}
#pageMain .ayar-satir{display: flex; align-items: center; gap: var(--bosluk-16); padding: var(--bosluk-17) var(--bosluk-22);}
#pageMain .ayar-satir + .ayar-satir{border-top: var(--cizgi-1) solid var(--cizgi);}
#pageMain .as-ikon{flex: 0 0 auto; width: 40px; height: 40px; border-radius: var(--yuvarlak-md); background: var(--zemin); color: var(--murekkep-yumusak); display: grid; place-items: center; font-size: var(--yazi-15);}
#pageMain .as-metin{flex: 1 1 0%; min-width: 0px;}
#pageMain .as-metin b{display: block; font-size: var(--yazi-14); color: var(--murekkep);}
#pageMain .as-metin span{display: block; font-size: var(--yazi-12-5); color: var(--metin-ikincil); font-weight: var(--agirlik-govde); margin-top: 2px; line-height: var(--satir-sik);}
#pageMain .ayar-satir .alan-secim{width: 220px; flex: 0 0 auto; font-size: var(--yazi-13); padding: var(--bosluk-10) var(--bosluk-36) var(--bosluk-10) var(--bosluk-13);}
#pageMain .ayar-satir .anahtar{margin-left: auto;}
#pageMain .anahtar{position: relative; display: inline-flex; align-items: center; min-height: 44px; flex: 0 0 auto; cursor: pointer;}
#pageMain .anahtar input{position: absolute; opacity: 0; pointer-events: none;}
#pageMain .anahtar-ray{width: 46px; height: 26px; border-radius: var(--yuvarlak-md); background: var(--kontrol-kapali); transition: background var(--sure) var(--yumusama); position: relative;}
#pageMain .anahtar-ray::after{content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: var(--yuvarlak-daire); background: var(--kagit); box-shadow: var(--golge-sm); transition: transform var(--sure) var(--yumusama);}
#pageMain .anahtar input:checked + .anahtar-ray{background: var(--aksan);}
#pageMain .anahtar input:checked + .anahtar-ray::after{transform: translateX(20px);}
#pageMain .bolum-bas{display: grid; grid-template-columns: minmax(0px, 1fr) auto; column-gap: var(--bosluk-24); align-items: center; margin-bottom: var(--bosluk-34);}
#pageMain .bolum-bas > div:first-child{display: contents;}
#pageMain .bolum-bas .ust-etiket{grid-area: 1 / 1 / auto / -1; justify-self: start; margin-bottom: var(--bosluk-14);}
#pageMain .bolum-bas h2{grid-area: 2 / 1; font-size: var(--yazi-34);}
#pageMain .bolum-bas .giris-metni{grid-area: 3 / 1 / auto / -1; margin-top: var(--bosluk-10); color: var(--metin-ikincil); font-weight: var(--agirlik-govde); font-size: var(--yazi-15-5); max-width: 520px; text-align: left; text-align-last: auto;}
#pageMain .durum-hapi.cozulen{background: var(--aksan-yikama); color: var(--aksan-koyu);}
#pageMain .as-metin a, #pageMain .durum-satir a{color: var(--aksan-koyu); font-weight: var(--agirlik-kalin);}
#pageMain .satir-dugme{display: inline-flex; align-items: center; gap: var(--bosluk-7); padding: var(--bosluk-10) var(--bosluk-16); min-height: 44px; border-radius: var(--yuvarlak-md); font-family: inherit; font-size: var(--yazi-13); font-weight: var(--agirlik-kalin); color: var(--murekkep); background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); white-space: nowrap; cursor: pointer; transition: var(--sure) var(--yumusama);}
#pageMain .satir-dugme i{font-size: var(--yazi-13);}
#pageMain .satir-dugme:hover{border-color: var(--aksan); color: var(--aksan-koyu);}
#pageMain .cipler-basligi{font-size: var(--yazi-12); font-weight: var(--agirlik-kalin); letter-spacing: var(--aralik-versal); text-transform: uppercase; color: var(--metin-ikincil); min-width: 60px;}
#pageMain .kart.odeme + .kart.odeme{margin-top: var(--bosluk-18);}
#pageMain .kart.odeme > .kart-bas .dugme{padding: var(--bosluk-11) var(--bosluk-18); font-size: var(--yazi-13-5); flex: 0 0 auto;}
#pageMain .kart.odeme > .kart-govde.bosluksuz{padding: 0px;}
#pageMain .kart-suzgec{padding: var(--bosluk-16) var(--bosluk-22) var(--bosluk-6);}
#pageMain .kart-suzgec .cipler{gap: var(--bosluk-8);}
#pageMain .kart-sayac{font-size: var(--yazi-12-5); font-weight: var(--agirlik-orta); color: var(--metin-ikincil); padding: var(--bosluk-12) var(--bosluk-22) var(--bosluk-4); margin: 0px; text-align: left; text-align-last: auto;}
#pageMain .kart-sayac b{font-weight: 900; color: var(--murekkep);}
#pageMain .dugme.satir{padding: var(--bosluk-10) var(--bosluk-14); gap: var(--bosluk-7); font-size: var(--yazi-12-5); font-weight: var(--agirlik-kalin); border-radius: var(--yuvarlak-sm); min-height: 44px; background: var(--kagit); color: var(--aksan-koyu); border: var(--cizgi-1) solid var(--aksan-cizgi-2); white-space: nowrap;}
#pageMain .dugme.satir:hover{background: var(--aksan-yikama-2);}
#pageMain .paket-satiri{display: flex; align-items: center; gap: var(--bosluk-16); padding: var(--bosluk-16) var(--bosluk-18); border-radius: var(--yuvarlak-lg); border: var(--cizgi-1) solid var(--cizgi); background: var(--kagit);}
#pageMain .paket-satiri + .paket-satiri{margin-top: var(--bosluk-14);}
#pageMain .paket-satiri .avatar{width: 52px; height: 52px; border-radius: var(--yuvarlak-daire); flex: 0 0 auto;}
#pageMain .paket-satiri .bilgi{flex: 1 1 0%; min-width: 0px;}
#pageMain .paket-satiri .bilgi b{display: flex; align-items: center; flex-wrap: wrap; gap: var(--bosluk-9); font-size: var(--yazi-14-5); font-weight: var(--agirlik-kalin);}
#pageMain .paket-satiri .plan{display: block; font-size: var(--yazi-13); font-weight: var(--agirlik-govde); margin-top: 3px; color: var(--metin-ikincil);}
#pageMain .paket-satiri .not{display: inline-flex; align-items: center; gap: var(--bosluk-6); margin-top: var(--bosluk-6); font-size: var(--yazi-12); font-weight: var(--agirlik-govde); color: var(--murekkep-yumusak);}
#pageMain .paket-satiri .not i{font-size: var(--yazi-11); color: var(--aksan-koyu);}
#pageMain .paket-satiri .fiyat{text-align: right; flex: 0 0 auto;}
#pageMain .paket-satiri .fiyat b{font-size: var(--yazi-17); font-weight: var(--agirlik-ekstra); letter-spacing: var(--aralik-baslik);}
#pageMain .paket-satiri .fiyat span{display: block; font-size: var(--yazi-11-5); font-weight: var(--agirlik-govde);}
#pageMain .odeme-satiri{display: flex; align-items: center; gap: var(--bosluk-14); padding: var(--bosluk-16) var(--bosluk-18); border-radius: var(--yuvarlak-lg); border: var(--cizgi-1) solid var(--cizgi); background: var(--kagit); transition: var(--sure) var(--yumusama);}
#pageMain .odeme-satiri + .odeme-satiri{margin-top: var(--bosluk-12);}
#pageMain .odeme-satiri:hover{border-color: var(--cizgi-vurgu-acik); box-shadow: var(--golge-sm);}
#pageMain .odeme-marka{width: 48px; height: 34px; flex: 0 0 auto; border-radius: var(--yuvarlak-sm); background: var(--zemin); border: var(--cizgi-1) solid var(--cizgi); display: grid; place-items: center; font-size: var(--yazi-26); color: var(--kart-semasi-visa);}
#pageMain .odeme-satiri .bilgi{flex: 1 1 0%; min-width: 0px;}
#pageMain .odeme-satiri .bilgi b{display: block; font-size: var(--yazi-14); font-weight: var(--agirlik-kalin); letter-spacing: var(--aralik-vurgu);}
#pageMain .paket-satiri .eylemler, #pageMain .odeme-satiri .eylemler{flex: 0 0 auto; display: flex; align-items: center; gap: var(--bosluk-8); flex-wrap: wrap;}
#pageMain .odeme-satiri .skt{display: block; font-size: var(--yazi-12); font-weight: var(--agirlik-govde); margin-top: 2px; color: var(--metin-ikincil);}
#pageMain .kart + .kart{margin-top: var(--bosluk-16);}
#pageMain .cip.on, #pageMain .cip[aria-pressed="true"]{background: var(--aksan-koyu); border-color: var(--aksan-koyu); color: var(--kagit); font-weight: var(--agirlik-kalin);}
#pageMain .bolum-bas .giris-metni, #pageMain .sec-head .lead{max-width: none;}
#pageMain .tablo-kap.gomulu{border-radius: 0px;}
#pageMain :is(.kart, .fp-card, .ozet-karti) > .kart-govde:last-child > .tablo-kap.gomulu:last-child{border-bottom-left-radius: var(--yuvarlak-lg); border-bottom-right-radius: var(--yuvarlak-lg);}
#pageMain .cipler-basligi::after{content: ":";}
#pageMain .kart-sayac{display: flex; flex-wrap: wrap; column-gap: var(--bosluk-18); row-gap: var(--bosluk-4);}
#pageMain .fa-spin{animation-delay: var(--fa-animation-delay,0s); animation-direction: var(--fa-animation-direction,normal);}
#pageMain .fa-spin{animation-name: fa-spin; animation-duration: var(--fa-animation-duration,2s); animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-timing-function: var(--fa-animation-timing,linear);}
#pageMain .fa-user-xmark::before{content: "";}
#pageMain .fa-right-from-bracket::before{content: "";}
#pageMain .fa-laptop::before{content: "";}
#pageMain .fa-circle-notch::before{content: "";}
#pageMain .fa-tablet-screen-button::before{content: "";}
#pageMain .fa-arrow-right-from-bracket::before{content: "";}
#pageMain .fa-pen-to-square::before{content: "";}
#pageMain .fa-eye-slash::before{content: "";}
#pageMain .fa-plug::before{content: "";}
#pageMain .fa-key::before{content: "";}
#pageMain .fa-globe::before{content: "";}
#pageMain .fa-arrow-right-to-bracket::before{content: "";}
#pageMain .fa-id-badge::before{content: "";}
#pageMain .fa-shield-halved::before{content: "";}
#pageMain .fa-arrow-up-right-from-square::before{content: "";}
#pageMain .fa-circle-pause::before{content: "";}
#pageMain .fa-circle::before{content: "";}
#pageMain .fa-mobile-screen-button::before{content: "";}
#pageMain .fa-circle-question::before{content: "";}
#pageMain .fa-eye::before{content: "";}
#pageMain .fa-pen::before{content: "";}
#pageMain .fa-floppy-disk::before{content: "";}
#pageMain .fa-arrow-left::before{content: "";}
#pageMain .fa-child::before{content: "";}
#pageMain .fa-envelope::before{content: "";}
#pageMain .fa-camera::before{content: "";}
#pageMain .fa-plug-circle-check::before{content: "";}
#pageMain .fa-gear::before{content: "";}
#pageMain .fa-keyboard::before{content: "";}
#pageMain .fa-mobile-screen::before{content: "";}
#pageMain .fa-sliders::before{content: "";}
#pageMain .fa-download::before{content: "";}
#pageMain .fa-bell::before{content: "";}
#pageMain .fa-plug-circle-xmark::before{content: "";}
#pageMain .fa-link::before{content: "";}
#pageMain .fa-user-shield::before{content: "";}
#pageMain .fa-chevron-left::before{content: "";}
#pageMain .fa-moon::before{content: "";}
#pageMain .fa-calendar::before{content: "";}
#pageMain .fa-link-slash::before{content: "";}
#pageMain .fa-desktop::before{content: "";}
#pageMain .fa-database::before{content: "";}
#pageMain .fa-calendar-day::before{content: "";}
#pageMain .fa-google::before{content: "";}
#pageMain .fa-apple::before{content: "";}
#pageMain .fa-android::before{content: "";}
#pageMain .sec-head .sec-tools{grid-area: 2 / 2; align-self: center;}
#pageMain .see-all{flex: 0 0 auto; display: inline-flex; align-items: center; gap: 9px; font-weight: 700; font-size: 13.5px; color: var(--slate); padding: 11px 18px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--paper); transition: .25s var(--ease); white-space: nowrap;}
#pageMain .see-all i{font-size: 13px; transition: .25s var(--ease);}
#pageMain .see-all:hover{border-color: var(--fit); color: var(--fit);}
#pageMain .see-all:hover i{transform: translateX(3px);}
#pageMain .sec-tools{flex: 0 0 auto; display: flex; align-items: center; gap: 12px;}
#pageMain .fp-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 22px; align-items: start;}
#pageMain .fp-list{display: flex; flex-direction: column;}
#pageMain .fp-toggle{display: flex; align-items: flex-start; gap: 14px; padding: 16px 0px; border-bottom: 1px solid var(--line);}
#pageMain .fp-toggle:last-of-type{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
#pageMain .fp-toggle .txt{flex: 1 1 0%; min-width: 0px;}
#pageMain .fp-toggle .txt b{display: block; font-size: 14.5px; color: var(--slate); margin-bottom: 3px;}
#pageMain .fp-toggle .txt small{font-size: 13px; color: var(--muted); font-weight: 500; line-height: 1.55; display: block;}
#pageMain .fp-sw{flex: 0 0 auto; position: relative; width: 46px; height: 26px; border-radius: var(--radius-pill); background: rgb(220, 220, 219); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; transition: .2s var(--ease);}
#pageMain .fp-sw::before{content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 44px;}
#pageMain .fp-sw::after{content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px; transition: .2s var(--ease);}
#pageMain .fp-sw[aria-checked="true"]{background: var(--fit);}
#pageMain .fp-sw[aria-checked="true"]::after{transform: translateX(20px);}
#pageMain .fp-sw-lbl{flex: 0 0 auto; font-size: 12px; font-weight: 700; color: var(--muted); min-width: 38px; text-align: right;}
#pageMain .fp-actbtn{background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 700; padding: 0px;}
#pageMain .fp-actbtn:hover{text-decoration: underline; text-underline-offset: 3px;}
#pageMain .fit-seam{border-radius: var(--seam-r) var(--seam-r) 0 0; position: relative; z-index: 2; box-shadow: rgba(20, 16, 10, 0.18) 0px -12px 32px;}
#pageMain .fit-seam.is-onbanner{margin-top: calc(var(--seam-r) * -1);}
#pageMain .fit-seam{box-shadow: none;}
#pageMain p, #pageMain li, #pageMain .lead, #pageMain .fp-card p{hyphens: auto; overflow-wrap: break-word; word-break: normal; line-break: auto; text-wrap: pretty;}
#pageMain .see-all, #pageMain .fp-act, #pageMain label, #pageMain caption, #pageMain button{text-align: left; text-align-last: auto; hyphens: manual;}
#pageMain table, #pageMain thead, #pageMain tbody, #pageMain tr, #pageMain th, #pageMain td, #pageMain [class*="-count"]{text-align: inherit; text-align-last: auto; hyphens: manual;}
#pageMain .hs-sec{scroll-margin-top: var(--hs-anchor-pad,128px);}
#pageMain .hs-sec:focus{outline: none;}
#pageMain .ntf-row{display: grid; grid-template-columns: minmax(0px, 1fr) 92px 92px; gap: 12px; align-items: center; padding: 14px 2px;}
#pageMain .ntf-row + .ntf-row{border-top: 1px solid var(--line);}
#pageMain .vz-liste{margin: 4px 0px 14px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg); padding: 16px; overflow-x: auto;}
#pageMain .vz-tablo{width: 100%; border-collapse: collapse; font-size: 13px; min-width: 460px;}
#pageMain .vz-tablo th{text-align: left; font-size: 11px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); padding: 0px 10px 10px 0px; border-bottom: 1px solid var(--line);}
#pageMain .vz-tablo td{padding: 10px 10px 10px 0px; border-bottom: 1px solid var(--line); color: var(--slate-2); font-weight: 500;}
#pageMain .vz-tablo tr:last-child td{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
#pageMain .vz-tablo td:first-child{color: var(--slate); font-weight: 600;}
#pageMain .vz-indir{margin: 4px 0px 14px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg); padding: 16px;}
#pageMain .vz-adimlar{display: flex; flex-direction: column; gap: 9px; margin-bottom: 12px;}
#pageMain .vz-adim{display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: var(--muted);}
#pageMain .vz-adim i{flex: 0 0 auto; font-size: 13px; color: var(--line);}
#pageMain .ba-bar{display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin-bottom: 22px;}
#pageMain .ba-count{font-size: 14px; font-weight: 600; color: var(--slate-2);}
#pageMain .ba-count b{color: var(--slate); font-weight: 800;}
#pageMain .ba-grid{display: flex; flex-direction: column; gap: 22px;}
#pageMain .ba-card{scroll-margin-top: 130px;}
#pageMain .ba-head-ico{display: flex; align-items: center; gap: 12px; flex-wrap: wrap;}
#pageMain .ba-top{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px;}
#pageMain .ba-box{background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius-md); padding: 14px 16px;}
#pageMain .ba-box h4{font-size: 11.5px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); margin-bottom: 9px; display: flex; align-items: center; gap: 7px;}
#pageMain .ba-box h4 i{font-size: 11px; color: var(--fit-deep);}
#pageMain .ba-box .v{font-size: 14.5px; font-weight: 800; color: var(--slate); display: flex; align-items: center; gap: 10px; flex-wrap: wrap; line-height: 1.35;}
#pageMain .ba-box small{display: block; font-size: 12.5px; color: var(--muted); font-weight: 500; margin-top: 6px; line-height: 1.5;}
#pageMain .ba-box small a{color: var(--fit-deep); font-weight: 700; text-decoration: underline; text-underline-offset: 2px;}
#pageMain .ba-box small b{color: var(--slate-2); font-weight: 800;}
#pageMain .ba-sech{display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 24px 0px 2px; padding-top: 20px; border-top: 1px solid var(--line);}
#pageMain .ba-sech h4{font-size: 15px; display: flex; align-items: center; gap: 10px; color: var(--slate);}
#pageMain .ba-sech h4 i{width: 30px; height: 30px; border-radius: var(--radius-sm); background: var(--fit-tint); color: var(--fit-deep); display: grid; place-items: center; font-size: 12px; flex: 0 0 auto;}
#pageMain .ba-sech .hint{font-size: 12.5px; font-weight: 600; color: var(--muted);}
#pageMain .ba-perms{margin-top: 2px;}
#pageMain .fp-toggle .txt small b{display: inline; font-size: inherit; color: inherit; font-weight: 800; margin: 0px;}
#pageMain .ba-card[data-durum="off"] .fp-toggle .txt b{color: var(--slate-2);}
#pageMain .fp-sw[disabled]{cursor: not-allowed; opacity: 0.75;}
#pageMain .ba-warn{display: flex; gap: 11px; align-items: flex-start; background: rgb(255, 246, 230); border: 1px solid rgb(232, 213, 168); border-radius: var(--radius-md); padding: 12px 15px; margin-top: 14px;}
#pageMain .ba-warn i{color: rgb(138, 100, 16); font-size: 14px; margin-top: 2px; flex: 0 0 auto;}
#pageMain .ba-warn p{font-size: 13px; font-weight: 600; color: rgb(111, 82, 16); line-height: 1.55; margin: 0px;}
#pageMain .ba-warn[hidden]{display: none;}
#pageMain .ba-flow{display: flex; flex-direction: column; margin-top: 4px;}
#pageMain .ba-frow{display: flex; align-items: center; gap: 13px; padding: 12px 0px; border-bottom: 1px solid var(--line);}
#pageMain .ba-frow:last-child{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
#pageMain .ba-frow .txt{flex: 1 1 0%; min-width: 0px;}
#pageMain .ba-frow .txt b{display: block; font-size: 14px; color: var(--slate); font-weight: 800;}
#pageMain .ba-frow .txt small{display: block; font-size: 12.5px; color: var(--muted); font-weight: 500; line-height: 1.5; margin-top: 2px;}
#pageMain .ba-dir{flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; font-size: 11.5px; font-weight: 800; letter-spacing: 0.01em; padding: 6px 11px; border-radius: var(--radius-sm); border: 1px solid; text-align: left;}
#pageMain .ba-dir i{font-size: 10px;}
#pageMain .ba-dir.in{background: var(--fit-tint); color: var(--fit-deep); border-color: var(--fit-line);}
#pageMain .ba-dir.out{background: rgb(255, 246, 230); color: rgb(111, 82, 16); border-color: rgb(232, 213, 168);}
#pageMain .ba-dir.self{background: var(--cream-2); color: rgb(107, 90, 60); border-color: rgb(227, 217, 199);}
#pageMain .ba-dir.none{background: rgb(244, 244, 243); color: var(--slate-2); border-color: var(--line);}
#pageMain .ba-frow.is-off .txt b{color: var(--slate-2); text-decoration-line: line-through; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--line);}
#pageMain .ba-foot{display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line);}
#pageMain .ba-foot .ba-foot-txt{flex: 1 1 0%; min-width: 260px;}
#pageMain .ba-foot h4{font-size: 15px; display: flex; align-items: center; gap: 10px; color: var(--slate); margin-bottom: 7px;}
#pageMain .ba-foot h4 i{width: 30px; height: 30px; border-radius: var(--radius-sm); background: var(--fit-tint); color: var(--fit-deep); display: grid; place-items: center; font-size: 12px; flex: 0 0 auto;}
#pageMain .ba-foot p{font-size: 12.5px; color: var(--muted); font-weight: 500; line-height: 1.55; margin: 0px; max-width: 620px;}
#pageMain .ba-foot p a{color: var(--fit-deep); font-weight: 700; text-decoration: underline; text-underline-offset: 2px;}
#pageMain .ba-cut{flex: 0 0 auto; font-family: inherit; font-size: 13.5px; font-weight: 700; border-radius: var(--radius-md); padding: 12px 20px; cursor: pointer; border: 1px solid rgb(243, 205, 192); background: rgb(255, 242, 238); color: rgb(168, 57, 28); display: inline-flex; align-items: center; gap: 9px; transition: .2s var(--ease);}
#pageMain .ba-cut:hover{background: rgb(168, 57, 28); border-color: rgb(168, 57, 28); color: rgb(255, 255, 255);}
#pageMain .ba-card[data-durum="off"] .ba-cut{border-color: var(--fit-line); background: var(--fit-tint); color: var(--fit-deep);}
#pageMain .ba-card[data-durum="off"] .ba-cut:hover{background: var(--fit); border-color: var(--fit); color: rgb(255, 255, 255);}
#pageMain .ba-map{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 22px;}
#pageMain .ba-mapc{background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--sh-sm); padding: 24px 22px;}
#pageMain .ba-mapc .ico{width: 38px; height: 38px; border-radius: var(--radius-md); display: grid; place-items: center; font-size: 15px; margin-bottom: 14px; background: var(--fit-tint); color: var(--fit-deep);}
#pageMain .ba-mapc.is-out .ico{background: rgb(255, 246, 230); color: rgb(111, 82, 16);}
#pageMain .ba-mapc.is-never .ico{background: rgb(244, 244, 243); color: var(--slate-2);}
#pageMain .ba-mapc h3{font-size: 16.5px; margin-bottom: 8px;}
#pageMain .ba-mapc p{font-size: 13.5px; color: var(--muted); font-weight: 500; line-height: 1.55;}
#pageMain .ba-mapc ul{list-style: none; margin: 12px 0px 0px; padding: 0px;}
#pageMain .ba-mapc li{position: relative; padding-left: 22px; font-size: 13.5px; font-weight: 600; color: var(--slate-2); line-height: 1.5;}
#pageMain .ba-mapc li + li{margin-top: 8px;}
#pageMain .ba-mapc li i{position: absolute; left: 0px; top: 4px; font-size: 11px; color: var(--fit-deep);}
#pageMain .ba-mapc.is-out li i{color: rgb(138, 100, 16);}
#pageMain .ba-mapc.is-never li i{color: var(--slate-2);}
#pageMain .ba-sync{display: flex; align-items: flex-end; gap: 18px; flex-wrap: wrap;}
#pageMain .ba-fld{display: flex; flex-direction: column; gap: 7px; min-width: 230px; flex: 1 1 0%;}
#pageMain .ba-fld label{font-size: 13px; font-weight: 700; color: var(--slate);}
#pageMain .ba-fld select{font-family: inherit; font-size: 14px; font-weight: 600; color: var(--slate); background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius-md); padding: 12px 14px; cursor: pointer; transition: .2s var(--ease); width: 100%;}
#pageMain .ba-fld select:hover{border-color: var(--fit);}
#pageMain .ba-fld .help{font-size: 12.5px; color: var(--muted); font-weight: 500; line-height: 1.5;}
#pageMain .ba-syncbtn{flex: 0 0 auto;}
#pageMain .ba-live{font-size: 13px; font-weight: 700; color: var(--fit-deep); min-height: 20px; margin-top: 14px; display: flex; align-items: center; gap: 8px;}
#pageMain .ba-live:empty{display: none;}
#pageMain .kart-alt{display: flex; align-items: center; gap: var(--bosluk-16); flex-wrap: wrap; padding: var(--bosluk-16) var(--bosluk-24); border-top: var(--cizgi-1) solid var(--cizgi);}
#pageMain .kart-alt > .dugme{margin-left: auto;}
#pageMain .kart.panel .kart-alt{flex-wrap: nowrap;}
#pageMain .kart-alt .not{font-size: var(--yazi-12-5); color: var(--metin-ikincil); font-weight: var(--agirlik-govde);}
#pageMain .kart-alt .not a{color: var(--aksan-koyu); font-weight: var(--agirlik-kalin);}
#pageMain .kart-alt .not a:hover{text-decoration: underline; text-underline-offset: 2px;}
#pageMain .kart.panel + .kart.panel{margin-top: var(--bosluk-16);}
#pageMain .kart.panel > .kart-bas{padding: var(--bosluk-18) var(--bosluk-22); gap: var(--bosluk-14);}
#pageMain .kart.panel > .kart-bas .kart-baslik{gap: var(--bosluk-10);}
#pageMain .kart.panel > .kart-bas p{margin-top: var(--bosluk-5);}
#pageMain .kart.panel > .kart-govde:not(.bosluksuz){padding: var(--bosluk-22);}
#pageMain .kart.panel > .kart-alt{display: block; gap: normal; padding: var(--bosluk-14) var(--bosluk-22);}
#pageMain .kart.uyari-kart > .kart-bas{border-bottom-color: var(--uyari-cizgi);}
#pageMain .kart.uyari-kart .kart-baslik i{color: var(--uyari);}
#pageMain .kart.tehlike-kart > .kart-bas{border-bottom-color: var(--tehlike-cizgi);}
#pageMain .kart.tehlike-kart .kart-baslik i{color: var(--tehlike);}
#pageMain .dugme.tehlike{background: var(--tehlike); color: var(--kagit);}
#pageMain .dugme.tehlike:hover{background: var(--tehlike-koyu); transform: translateY(-2px);}
#pageMain .alan-yardim > span{min-width: 0px;}
#pageMain .alan-izgara.c3{grid-template-columns: repeat(3, 1fr);}
#pageMain .alan-izgara + .alan-izgara, #pageMain .alan-izgara + .alan, #pageMain .alan + .alan-izgara{margin-top: var(--bosluk-22);}
#pageMain .rozet.pasif{background: var(--zemin); color: var(--murekkep-yumusak); border-color: var(--cizgi);}
#pageMain .bos-durum h3{font-size: var(--yazi-15-5); font-weight: var(--agirlik-kalin); color: var(--murekkep); margin-bottom: var(--bosluk-4);}
#pageMain .as-eylem{flex: 0 0 auto; display: flex; align-items: center; gap: var(--bosluk-8);}
#pageMain .ayar-satir .anahtar, #pageMain .ayar-satir .as-eylem{margin-left: auto;}
#pageMain .kart.uyari-kart{border-color: var(--uyari-cizgi);}
#pageMain .kart.tehlike-kart{border-color: var(--tehlike-cizgi);}
#pageMain .kart.tehlike-kart .uyari-kutu{color: var(--tehlike-koyu); background: var(--tehlike-yikama); border-color: var(--tehlike-cizgi);}
#pageMain .bilgi-notu p a{color: var(--aksan-koyu); font-weight: var(--agirlik-kalin); text-decoration: underline; text-underline-offset: 2px;}
#pageMain .modul-govde .fit-pane > section:has(.kart, .fp-card, .ozet-karti):not(.kendi-zemini):not(.kimlik-bant) + section:has(.kart, .ozet-karti):not(.kendi-zemini):not(.kimlik-bant):not(.bant-ustunde){border-top: var(--cizgi-1) solid var(--cizgi);}
#pageMain .modul-govde .kart.panel, #pageMain .modul-govde .bilgi-notu{max-width: var(--okuma-kolonu); margin-inline: auto;}
#pageMain .kanal-matris{width: 100%;}
#pageMain .kanal-satir{display: grid; grid-template-columns: minmax(0px, 1fr) 92px 92px; gap: var(--bosluk-12); align-items: center; padding: var(--bosluk-14) 2px;}
#pageMain .kanal-satir.bas{padding: var(--bosluk-4) 2px var(--bosluk-12); border-top-width: medium; border-top-style: none; border-top-color: currentcolor;}
#pageMain .kanal-satir.bas span{font-size: var(--yazi-11); font-weight: var(--agirlik-ekstra); letter-spacing: var(--aralik-versal-2); text-transform: uppercase; color: var(--murekkep-yumusak); text-align: center;}
#pageMain .kanal-satir.bas span:first-child{text-align: left;}
#pageMain .kanal-metin b{display: block; font-size: var(--yazi-14); font-weight: var(--agirlik-kalin); color: var(--murekkep);}
#pageMain .kanal-metin span{display: block; font-size: var(--yazi-12-5); font-weight: var(--agirlik-govde); line-height: var(--satir-govde); color: var(--metin-ikincil); margin-top: 2px; text-align: left; text-align-last: auto;}
#pageMain .kanal-hucre{display: flex; justify-content: center;}
#pageMain .kart.uyari-kart .onay-kutusu input{accent-color: var(--uyari);}
#pageMain .kart.tehlike-kart .onay-kutusu input{accent-color: var(--tehlike);}
#pageMain .madde-liste{display: flex; flex-direction: column; gap: var(--bosluk-9); margin-bottom: var(--bosluk-20); list-style: none; padding: 0px;}
#pageMain .madde-liste li{display: flex; align-items: flex-start; gap: var(--bosluk-10); font-size: var(--yazi-13-5); font-weight: var(--agirlik-govde); line-height: var(--satir-orta); color: var(--murekkep-yumusak); text-align: left; text-align-last: auto;}
#pageMain .madde-liste li > span{text-align: left; text-align-last: auto;}
#pageMain .madde-liste li i{font-size: var(--yazi-11); margin-top: 5px; color: var(--metin-ikincil); flex: 0 0 auto;}
#pageMain .alan-sifre{position: relative;}
#pageMain .alan-sifre .alan-girdi{padding-right: 56px;}
#pageMain .alan-goz{position: absolute; right: var(--bosluk-4); top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border: 0px; background: transparent; border-radius: var(--yuvarlak-sm); display: grid; place-items: center; color: var(--metin-ikincil); font-size: var(--yazi-14); cursor: pointer;}
#pageMain .alan-goz i{font-size: var(--yazi-14);}
#pageMain .kart-bas p a, #pageMain .as-metin a{color: var(--aksan-koyu); font-weight: var(--agirlik-kalin);}
#pageMain .kart.tehlike-kart .kart-bas p a{color: var(--tehlike-koyu);}
#pageMain .kart.uyari-kart .madde-liste a, #pageMain .kart.tehlike-kart .madde-liste a{font-weight: var(--agirlik-ekstra); text-decoration: underline; text-underline-offset: 2px;}
#pageMain .kart.uyari-kart .madde-liste a{color: var(--uyari);}
#pageMain .kart.tehlike-kart .madde-liste a{color: var(--tehlike-koyu);}
#pageMain .as-acik{display: inline-flex; align-items: center; gap: var(--bosluk-6); flex: 0 0 auto; white-space: nowrap; font-size: var(--yazi-12); font-weight: var(--agirlik-kalin); line-height: var(--satir-govde); color: var(--aksan-koyu);}
#pageMain .as-acik i{font-size: var(--yazi-12);}
#pageMain .kaydedildi{display: none; align-items: center; gap: var(--bosluk-7); font-size: var(--yazi-13); font-weight: var(--agirlik-kalin); color: var(--aksan-koyu);}
#pageMain .kapak-duzenle{position: absolute; top: var(--bosluk-20); right: var(--bosluk-20); z-index: var(--kat-icerik); display: flex; align-items: center; gap: var(--bosluk-8); padding: var(--bosluk-9) var(--bosluk-16); min-height: 44px; border: 0px; border-radius: var(--yuvarlak-hap); font-family: inherit; font-size: var(--yazi-12-5); font-weight: var(--agirlik-kalin); background: var(--kapak-duzenle-zemin); color: var(--murekkep); cursor: pointer;}
#pageMain .kimlik-avatar:has(.kimlik-avatar-duzenle){position: relative;}
#pageMain .kimlik-avatar-duzenle{position: absolute; right: -3px; bottom: -3px; z-index: var(--kat-avatar-dugme); width: 34px; height: 34px; border-radius: var(--yuvarlak-daire); border: var(--cizgi-3) solid var(--kagit); background: var(--aksan-koyu); color: var(--kagit); font-size: var(--yazi-13); display: grid; place-items: center; box-shadow: var(--golge-md); cursor: pointer;}
#pageMain .alan-telefon{position: relative;}
#pageMain .alan-telefon .alan-girdi{padding-left: 104px;}
#pageMain .alan-ulke{position: absolute; left: var(--cizgi-1); top: 0px; width: 96px; height: 45px; z-index: 2; border-top: 0px; border-bottom: 0px; border-left: 0px; border-image: none; color: var(--murekkep); font-family: inherit; display: flex; align-items: center; justify-content: center; gap: var(--bosluk-6); background: var(--zemin); border-right: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-md) 0 0 var(--yuvarlak-md); font-size: var(--yazi-13); font-weight: var(--agirlik-kalin); cursor: pointer;}
#pageMain .alan-ulke-bayrak{font-size: var(--yazi-16); line-height: 16px;}
#pageMain .alan-ulke-kod{font-size: var(--yazi-13); font-weight: var(--agirlik-kalin);}
#pageMain .alan-tarih{position: relative;}
#pageMain .alan-tarih .alan-girdi{padding-right: 52px;}
#pageMain .alan-tarih-dugme{position: absolute; right: 0px; top: 0px; bottom: 0px; width: 46px; z-index: var(--kat-icerik); background: transparent; border: 0px; border-radius: 0 var(--yuvarlak-md) var(--yuvarlak-md) 0; color: var(--murekkep-yumusak); font-size: var(--yazi-15); display: grid; place-items: center; cursor: pointer;}
#pageMain .alan-ulke-katman{position: absolute; top: calc(100% + var(--bosluk-6)); left: 0px; width: min(360px, 100%); z-index: 60; background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-md); box-shadow: var(--golge-lg); overflow: hidden;}
#pageMain .alan-ulke-arama{display: flex; align-items: center; gap: var(--bosluk-9); padding: var(--bosluk-10) var(--bosluk-12); border-bottom: var(--cizgi-1) solid var(--cizgi);}
#pageMain .alan-ulke-arama input{flex: 1 1 0%; border: 0px; background: transparent; padding: var(--bosluk-4) 0; font-family: inherit; font-size: var(--yazi-14); font-weight: var(--agirlik-govde); color: var(--murekkep); outline: none;}
#pageMain .alan-ulke-liste{padding: var(--bosluk-6); list-style: none; overflow-y: auto; max-height: 264px;}
#pageMain .alan-ulke-liste li{display: flex; align-items: center; gap: var(--bosluk-11); padding: 0 var(--bosluk-10); min-height: 44px; border-radius: var(--yuvarlak-sm); font-size: var(--yazi-14); font-weight: var(--agirlik-orta); color: var(--murekkep); cursor: pointer;}
#pageMain .alan-ulke-liste li .ad{flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#pageMain .alan-ulke-liste li .kod{flex: 0 0 auto; font-size: var(--yazi-13); color: var(--aksan-koyu);}
#pageMain .alan-ulke-bos{padding: var(--bosluk-18) var(--bosluk-14); font-size: var(--yazi-13-5); font-weight: var(--agirlik-govde); line-height: var(--satir-govde); color: var(--murekkep-yumusak); text-align: center; text-align-last: auto;}
#pageMain .alan-tarih-katman{position: absolute; top: calc(100% + var(--bosluk-6)); left: 0px; width: min(320px, 100%); z-index: 60; background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-md); box-shadow: var(--golge-lg); overflow: hidden;}
#pageMain .alan-tarih-bas{display: flex; align-items: center; gap: var(--bosluk-8); padding: var(--bosluk-10); border-bottom: var(--cizgi-1) solid var(--cizgi);}
#pageMain .alan-tarih-ok{width: 44px; height: 44px; flex: 0 0 auto; border-radius: var(--yuvarlak-sm); border: var(--cizgi-1) solid var(--cizgi); background: var(--kagit); color: var(--murekkep); font-size: var(--yazi-12); display: grid; place-items: center; cursor: pointer;}
#pageMain .alan-tarih-secim{flex: 1 1 0%; min-width: 0px; min-height: 44px; padding: var(--bosluk-10) var(--bosluk-30) var(--bosluk-10) var(--bosluk-10); font-size: var(--yazi-13-5); font-weight: var(--agirlik-kalin);}
#pageMain .alan-tarih-secim.yil{flex: 0 0 92px;}
#pageMain .alan-tarih-gunler{display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; padding: var(--bosluk-10) var(--bosluk-10) 0;}
#pageMain .alan-tarih-gunler > span{display: block; text-align: center; font-size: var(--yazi-11); font-weight: var(--agirlik-ekstra); letter-spacing: var(--aralik-vurgu); color: var(--murekkep-yumusak);}
#pageMain .alan-tarih-izgara{display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; padding: var(--bosluk-6) var(--bosluk-10) var(--bosluk-10);}
#pageMain .alan-tarih-ayak{display: flex; align-items: center; gap: var(--bosluk-10); flex-wrap: wrap; padding: 0 var(--bosluk-10) var(--bosluk-10);}
#pageMain .alan-tarih-ayak > p{flex: 1 1 0%; min-width: 0px; margin: 0px; font-size: var(--yazi-11-5); font-weight: var(--agirlik-govde); line-height: var(--satir-sik); color: var(--murekkep-yumusak); text-align: left; text-align-last: auto;}
#pageMain .alan-tarih-temizle{flex: 0 0 auto; min-height: 44px; padding: var(--bosluk-10) var(--bosluk-14); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-sm); background: var(--kagit); font-family: inherit; font-size: var(--yazi-12-5); font-weight: var(--agirlik-kalin); color: var(--murekkep); cursor: pointer;}
#pageMain .kalem-satiri{display: flex; align-items: center; gap: var(--bosluk-14); padding: var(--bosluk-14) 0; border-bottom: var(--cizgi-1) solid var(--cizgi);}
#pageMain .kalem-satiri:last-child{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
#pageMain .ks-ikon{flex: 0 0 auto; width: 38px; height: 38px; border-radius: var(--yuvarlak-md); background: var(--aksan-yikama); color: var(--aksan-koyu); display: grid; place-items: center; font-size: var(--yazi-14);}
#pageMain .ks-metin{flex: 1 1 0%; min-width: 0px;}
#pageMain .ks-metin b{display: block; font-size: var(--yazi-14-5); color: var(--murekkep);}
#pageMain .ks-metin small{font-size: var(--yazi-12-5); color: var(--metin-ikincil); font-weight: var(--agirlik-orta);}
#pageMain .ks-uc{flex: 0 0 auto; font-size: var(--yazi-12-5); font-weight: var(--agirlik-kalin); color: var(--metin-ikincil); text-align: right;}
#pageMain .kart.panel > .kart-alt:has(.dugme){display: flex; align-items: center; gap: var(--bosluk-14); flex-wrap: wrap;}
#pageMain .kart.panel > .kart-alt:has(.dugme) > .dugme{margin-left: auto;}
#pageMain .kart + .kart, #pageMain .fp-card + .fp-card{margin-top: var(--bosluk-16);}
#pageMain .kart-alt{justify-content: flex-end;}
#pageMain .kart-alt > .dugme{margin-left: 0px;}
#pageMain .kart-alt > :not(.dugme):first-child{margin-right: auto;}
#pageMain .kart-alt > .dugme{order: 1;}
#pageMain .kart-alt > .dugme.birincil{order: 2;}
#pageMain :is(.pp-gunler, .fp-grid, .fpx-kural, .ol-formcards) > :is(.kart, .fp-card, .ozet-karti) + :is(.kart, .ozet-karti){margin-top: 0px;}
#pageMain .fit-pane > .kap{padding-top: 0px; padding-bottom: 0px;}
#pageMain [role="status"]:empty, #pageMain [aria-live]:empty{display: none;}
#pageMain :is(.pp-gunler, .fp-grid, .fpx-kural, .ol-formcards) > :is(.kart, .fp-card, .ozet-karti, .uyari-kutu, .bilgi-notu, .kunye, .tablo-kap, .bos-durum, .akordeon, .olcer) + :is(.kart, .olcer){margin-top: 0px;}
#pageMain .cipler + :is(.kart, .fp-card, .ozet-karti, .uyari-kutu, .kunye, .tablo-kap, .bos-durum, .akordeon, .olcer, .fp-list, .ba-count, .fpx-kiyas){margin-top: var(--bosluk-16);}
#pageMain .fit-pane > .kap:first-child{padding-top: var(--bolum-nefes-sik);}
#pageMain .ozet-bas .fp-act{flex: 0 0 auto; display: inline-flex; align-items: center; gap: var(--bosluk-6); font-size: var(--yazi-13); font-weight: var(--agirlik-kalin); color: var(--aksan-koyu);}
#pageMain .fp-grid{align-items: stretch;}
#pageMain .fit-pane[data-pane="bagli"] .fp-grid{align-items: start;}
#pageMain :is(.fp-grid, .pp-gunler, .fpx-kural, .ol-formcards, .kart-rayi) + .bilgi-notu{margin-top: var(--bosluk-34);}
#pageMain .fa-regular, #pageMain .fa-solid{-webkit-font-smoothing: antialiased; display: var(--fa-display,inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto;}
#pageMain .fa-reply::before{content: "";}
#pageMain .fa-compass::before{content: "";}
#pageMain .fa-lightbulb::before{content: "";}
#pageMain .fa-heart-pulse::before{content: "";}
#pageMain .fa-angles-right::before{content: "";}
#pageMain .fa-chair::before{content: "";}
#pageMain .fa-certificate::before{content: "";}
#pageMain .fa-rectangle-ad::before{content: "";}
#pageMain .fa-filter-circle-xmark::before{content: "";}
#pageMain .fa-user-slash::before{content: "";}
#pageMain .fa-comment-dots::before{content: "";}
#pageMain .fa-arrow-rotate-right::before{content: "";}
#pageMain .fa-calendar-xmark::before{content: "";}
#pageMain .fa-paperclip::before{content: "";}
#pageMain .fa-crosshairs::before{content: "";}
#pageMain .fa-flask::before{content: "";}
#pageMain .fa-temperature-arrow-up::before{content: "";}
#pageMain .fa-inbox::before{content: "";}
#pageMain .fa-envelope-open-text::before{content: "";}
#pageMain .fa-angles-left::before{content: "";}
#pageMain .fa-shield-heart::before{content: "";}
#pageMain .fa-hashtag::before{content: "#";}
#pageMain .btn-fit{background: var(--fit-deep); color: rgb(255, 255, 255);}
#pageMain .btn-fit:hover{background: var(--fit-deeper); transform: translateY(-2px);}
#pageMain .pstat{display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; padding: 4px 10px; border-radius: 8px; white-space: nowrap;}
#pageMain .pstat::before{content: ""; width: 6px; height: 6px; border-radius: var(--radius-circle); background: currentcolor; flex: 0 0 auto;}
#pageMain .pstat.wait{background: rgb(230, 241, 244); color: var(--c-petrol);}
#pageMain .pstat.ok{background: var(--fit-tint); color: var(--fit-deep);}
#pageMain .pnl-empty{padding: 44px 24px; text-align: center;}
#pageMain .pnl-empty h4{font-size: 15.5px; font-weight: 700; color: var(--slate); margin-bottom: 5px;}
#pageMain .pnl-empty p{font-size: 13px; color: var(--muted); font-weight: 500; max-width: 300px; margin: 0px auto 16px; line-height: 1.55;}
#pageMain .pagi{display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 40px; flex-wrap: wrap;}
#pageMain .pagi-note{width: 100%; text-align: center; font-size: 12.5px; color: var(--muted); font-weight: 500; margin-top: 6px;}
#pageMain p, #pageMain li{hyphens: auto; overflow-wrap: break-word; word-break: normal; line-break: auto; text-wrap: pretty;}
#pageMain p, #pageMain li{text-align-last: start;}
#pageMain h1, #pageMain h2, #pageMain h3, #pageMain h4{text-align: inherit; hyphens: manual;}
#pageMain .btn-fit, #pageMain label, #pageMain button{text-align: left; text-align-last: auto; hyphens: manual;}
#pageMain .tk-form-sec{}
#pageMain .fc-head{margin-bottom: 22px; padding-bottom: 18px; border-bottom: 1px solid var(--line);}
#pageMain .fc-head h2{font-size: 20px; display: flex; align-items: center; gap: 11px;}
#pageMain .fc-head h2 i{flex: 0 0 auto; width: 38px; height: 38px; border-radius: var(--radius-md); background: var(--fit-tint); color: var(--fit-deep); display: grid; place-items: center; font-size: 15px;}
#pageMain .fc-head p{font-size: 13px; color: var(--muted); font-weight: 500; margin-top: 7px;}
#pageMain .fk-summary{display: flex; align-items: flex-start; gap: 9px; margin: 0px 0px 20px; padding: 13px 15px; border-radius: var(--radius-md); background: rgb(253, 236, 234); border: 1px solid rgb(239, 194, 189); color: rgb(140, 29, 24); font-size: 13px; font-weight: 600; line-height: 1.5;}
#pageMain .fk-summary i{font-size: 14px; margin-top: 1px; flex: 0 0 auto;}
#pageMain .fk-summary[hidden]{display: none;}
#pageMain .tk-ok{display: flex; align-items: flex-start; gap: 10px; margin: 0px 0px 20px; padding: 13px 15px; border-radius: var(--radius-md); background: var(--bg); border: 1px dashed var(--line); color: var(--slate-2); font-size: 13px; font-weight: 600; line-height: 1.5;}
#pageMain .tk-ok i{font-size: 14px; margin-top: 1px; flex: 0 0 auto; color: var(--slate-2);}
#pageMain .tk-ok[hidden]{display: none;}
#pageMain .ds-body{}
#pageMain .ds-list{max-width: 860px; margin: 0px auto; display: flex; flex-direction: column; gap: 12px;}
#pageMain .faq-searchbar{padding: 26px 0px 0px;}
#pageMain .faq-searchbar .faq-search .sx{background: var(--bg); color: var(--slate);}
#pageMain .faq-searchbar .faq-search .sx:hover{background: var(--line);}
#pageMain .faq-search .sx{flex: 0 0 auto; width: 40px; height: 42px; padding: 0px; border-radius: var(--radius-sm); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: rgba(255, 255, 255, 0.14); color: rgb(255, 255, 255); font-size: 14px; cursor: pointer; display: none; place-items: center; transition: background .2s var(--ease);}
#pageMain .faq-search .sx:hover{background: rgba(255, 255, 255, 0.26);}
#pageMain .faq-sec{}
#pageMain .faq-none{display: none; max-width: 860px; margin: 0px auto; text-align: center; padding: 56px 20px 50px; background: var(--paper); border: 1.5px dashed rgb(221, 221, 221); border-radius: var(--radius-lg);}
#pageMain .faq-none h3{font-size: 20px; margin-bottom: 8px;}
#pageMain .faq-none p{font-size: 14px; color: var(--muted); font-weight: 500; max-width: 400px; margin: 0px auto 22px; line-height: 1.55;}
#pageMain .faq-cta-sec{}
#pageMain .modul-govde .pf-tabbar.hs-rail, #pageMain .modul-govde .ds-body .wrap > *{max-width: 860px; margin-inline: auto;}
#pageMain .modul-govde .pf-tabbar.hs-rail{margin-block: 0px;}
#pageMain .kart.form{padding: var(--bosluk-26);}
#pageMain .dugme.kucuk{padding: var(--bosluk-12) var(--bosluk-20); font-size: var(--yazi-13-5);}
#pageMain .alan-hata{display: none; align-items: flex-start; gap: var(--bosluk-7); font-size: var(--yazi-12-5); font-weight: var(--agirlik-orta); color: var(--tehlike); margin-top: var(--bosluk-8); line-height: var(--satir-sik); text-align: left; text-align-last: auto;}
#pageMain .alan-hata i{font-size: var(--yazi-12); margin-top: 2px; flex: 0 0 auto;}
#pageMain .alan-izgara[hidden]{display: none;}
#pageMain .alan-dosya{display: flex; align-items: center; gap: var(--bosluk-12); flex-wrap: wrap;}
#pageMain .alan-dosya-dugme{display: inline-flex; align-items: center; justify-content: center; gap: var(--bosluk-9); min-height: 44px; font-size: var(--yazi-13-5); font-weight: var(--agirlik-kalin); color: var(--murekkep); background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-md); padding: var(--bosluk-11) var(--bosluk-16); cursor: pointer; transition: var(--sure) var(--yumusama);}
#pageMain .alan-dosya-dugme:hover{border-color: var(--aksan); color: var(--aksan-koyu);}
#pageMain .alan-dosya-ad{font-size: var(--yazi-12-5); font-weight: var(--agirlik-orta); color: var(--murekkep-yumusak); min-width: 0px; overflow-wrap: anywhere;}
#pageMain .alan-dosya-sil{border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; padding: 0px; cursor: pointer; font-family: inherit; font-size: var(--yazi-12-5); font-weight: var(--agirlik-kalin); color: var(--aksan-murekkep);}
#pageMain .alan-dosya-sil[hidden]{display: none;}
#pageMain .alan-gonder{display: flex; align-items: center; justify-content: space-between; gap: var(--bosluk-16); flex-wrap: wrap; margin-top: var(--bosluk-22); padding-top: var(--bosluk-20); border-top: var(--cizgi-1) solid var(--cizgi);}
#pageMain .alan-gonder .not{font-size: var(--yazi-12-5); color: var(--metin-ikincil); font-weight: var(--agirlik-govde); max-width: 300px; text-align: left; text-align-last: auto;}
#pageMain .alan-gonder .dugme{padding: var(--bosluk-14) var(--bosluk-28); font-size: var(--yazi-15);}
#pageMain .sayfa-dugme{min-width: 44px; height: 44px; padding: 0 var(--bosluk-13); display: inline-flex; align-items: center; justify-content: center; font-family: inherit; font-size: var(--yazi-14); font-weight: var(--agirlik-kalin); color: var(--murekkep); background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-md); cursor: pointer; transition: var(--sure) var(--yumusama);}
#pageMain .sayfa-dugme:hover:not([disabled]):not(.aktif){border-color: var(--aksan); color: var(--aksan-koyu);}
#pageMain .sayfa-dugme.aktif{background: var(--aksan); border-color: var(--aksan); color: var(--kagit); cursor: default;}
#pageMain .sayfa-dugme[disabled]{opacity: 0.4; pointer-events: none;}
#pageMain a.ayar-satir{color: inherit; transition: background var(--sure-cabuk) var(--yumusama);}
#pageMain a.ayar-satir:hover{background: var(--aksan-yikama-2);}
#pageMain a.ayar-satir:hover .as-ikon{background: var(--aksan-yikama); color: var(--aksan-koyu);}
#pageMain .ayar-satir .as-eylem{margin-left: auto;}
#pageMain .sekme-sayi{font-size: var(--yazi-11); font-weight: var(--agirlik-kalin); opacity: 0.6;}
#pageMain .akordeon-kalem[hidden]{display: none;}
#pageMain .akordeon-ikon{flex: 0 0 auto; width: 34px; height: 34px; border-radius: var(--yuvarlak-md); background: var(--aksan-yikama); color: var(--aksan-koyu); display: grid; place-items: center; font-size: var(--yazi-14);}
#pageMain .akordeon-ok{margin-left: auto; flex: 0 0 auto; font-size: var(--yazi-12); color: var(--metin-ikincil); transition: transform var(--sure-yavas) var(--yumusama);}
#pageMain .akordeon-govde p + p{padding-top: 0px; margin-top: calc(-1 * var(--bosluk-8));}
#pageMain .arama{display: flex; align-items: center; gap: var(--bosluk-12); max-width: 520px; background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-md); padding: var(--bosluk-4) var(--bosluk-4) var(--bosluk-4) var(--bosluk-18); transition: border-color var(--sure) var(--yumusama);}
#pageMain .arama > i{flex: 0 0 auto; font-size: var(--yazi-15); color: var(--metin-ikincil);}
#pageMain .arama > input{flex: 1 1 0%; min-width: 0px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font-family: inherit; font-size: var(--yazi-14-5); font-weight: var(--agirlik-govde); color: var(--murekkep); padding: var(--bosluk-11) 0;}
#pageMain .arama > input::placeholder{color: var(--yer-tutucu);}
#pageMain .okuma-notu{font-size: var(--yazi-13-5); color: var(--metin-ikincil); font-weight: var(--agirlik-govde); margin: 0 0 var(--bosluk-18); overflow-wrap: anywhere; text-align: left; text-align-last: auto;}
#pageMain .okuma-notu b{color: var(--murekkep); font-weight: var(--agirlik-kalin);}
#pageMain .modul-govde .fit-pane .sekmeler, #pageMain .modul-govde .kart.panel, #pageMain .modul-govde .bilgi-notu, #pageMain .modul-govde .akordeon, #pageMain .modul-govde .okuma-notu, #pageMain .modul-govde .arama, #pageMain .modul-govde .kapanis, #pageMain .modul-govde .ds-body .kap > *{max-width: var(--okuma-kolonu); margin-inline: auto;}
#pageMain .kapanis{text-align: center; background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); border-radius: var(--yuvarlak-lg); padding: var(--bosluk-38) var(--bosluk-30); max-width: var(--okuma-kolonu); margin-inline: auto;}
#pageMain .kapanis-ikon{width: 62px; height: 62px; border-radius: var(--yuvarlak-lg); background: var(--aksan-yikama); color: var(--aksan-koyu); display: grid; place-items: center; font-size: var(--yazi-25); margin: 0 auto var(--bosluk-16);}
#pageMain .kapanis h3{font-size: var(--yazi-21); font-weight: var(--agirlik-kalin); color: var(--murekkep); margin-bottom: var(--bosluk-8);}
#pageMain .kapanis p{font-size: var(--yazi-14); color: var(--metin-ikincil); font-weight: var(--agirlik-govde); line-height: var(--satir-genis); max-width: 420px; margin: 0 auto var(--bosluk-20); text-align: center; text-align-last: auto;}
#pageMain .durum-hapi.bekleyen{background: var(--durum-bekleyen-zemin); color: var(--durum-bekleyen-metin);}
#pageMain .ipucu-kap{display: block; margin-top: var(--bosluk-22);}
#pageMain .kart.ipucu{padding: var(--bosluk-20) var(--bosluk-22);}
#pageMain .ipucu-bas{font-size: var(--yazi-15); font-weight: var(--agirlik-kalin); display: flex; align-items: center; gap: var(--bosluk-10); margin-bottom: var(--bosluk-14);}
#pageMain .ipucu-bas i{color: var(--aksan-koyu); font-size: var(--yazi-14);}
#pageMain .ipucu-metin{font-size: var(--yazi-13); color: var(--metin-ikincil); font-weight: var(--agirlik-govde); line-height: var(--satir-genis); margin: 0 0 var(--bosluk-14); text-align: left; text-align-last: auto;}
#pageMain .ipucu-baglantilar{display: grid; gap: var(--bosluk-10); grid-template-columns: repeat(3, minmax(0px, 1fr));}
#pageMain .ipucu-baglanti{display: flex; align-items: center; gap: var(--bosluk-9); min-height: 44px; font-size: var(--yazi-13); font-weight: var(--agirlik-kalin); color: var(--aksan-koyu); background: var(--aksan-yikama); border: var(--cizgi-1) solid var(--aksan-cizgi); border-radius: var(--yuvarlak-md); padding: var(--bosluk-12) var(--bosluk-14); text-decoration: none; transition: var(--sure) var(--yumusama);}
#pageMain .ipucu-baglanti:hover{background: var(--aksan-koyu); border-color: var(--aksan-koyu); color: var(--kagit);}
#pageMain .ipucu-baglanti > i:first-child{flex: 0 0 auto;}
#pageMain .ipucu-baglanti .ok{margin-left: auto; font-size: var(--yazi-11);}
#pageMain .hesap-kolonu{margin: 0 var(--bosluk-28);}
#pageMain .yonlendirme{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--bosluk-12);}
#pageMain .yonlendirme-kalem{display: flex; align-items: flex-start; gap: var(--bosluk-14); padding: var(--bosluk-16) var(--bosluk-18); border-radius: var(--yuvarlak-lg); background: var(--kagit); border: var(--cizgi-1) solid var(--cizgi); transition: var(--sure) var(--yumusama);}
#pageMain .yonlendirme-kalem:hover{border-color: var(--aksan); box-shadow: var(--golge-sm); transform: translateY(-2px);}
#pageMain .yonlendirme-ikon{flex: 0 0 auto; width: 38px; height: 38px; border-radius: var(--yuvarlak-md); background: var(--aksan-yikama-2); color: var(--aksan-koyu); display: grid; place-items: center; font-size: var(--yazi-15);}
#pageMain .yonlendirme-metin b{display: flex; align-items: center; gap: var(--bosluk-8); font-size: var(--yazi-14-5); font-weight: var(--agirlik-kalin); color: var(--murekkep);}
#pageMain .yonlendirme-metin b i{font-size: var(--yazi-11); color: var(--aksan-koyu);}
#pageMain .yonlendirme-metin span{display: block; font-size: var(--yazi-12-5); font-weight: var(--agirlik-govde); line-height: var(--satir-orta); color: var(--metin-ikincil); margin-top: 3px; text-align: left; text-align-last: auto;}
#pageMain .alan-ulke-liste li .bayrak{flex: 0 0 auto; font-size: var(--yazi-17); line-height: 1;}
#pageMain .alan-ulke-liste li.secili{background: var(--aksan-yikama); font-weight: var(--agirlik-kalin);}
#pageMain .dugme.hayalet{padding: calc(var(--bosluk-14) - var(--cizgi-1)) calc(var(--bosluk-26) - var(--cizgi-1));}
#pageMain .dugme.btn-fit{background: var(--aksan-koyu); color: var(--kagit);}
#pageMain .dugme.btn-fit:hover{background: var(--aksan-koyu-2); transform: translateY(-2px);}
#pageMain :is(.kart, .fp-card, .ozet-karti, .uyari-kutu, .bilgi-notu, .kunye, .tablo-kap, .bos-durum, .akordeon, .olcer, .yonlendirme) + :is(.kart, .yonlendirme){margin-top: var(--bosluk-16);}
#pageMain .kart > .alan-izgara{padding: var(--bosluk-16) var(--bosluk-24);}
@media (min-width: 641px){
#pageMain{position: relative; z-index: 2; background: var(--bg);}
}
@media (max-width: 1024px){
#pageMain .wrap{padding: 0px 24px;}
#pageMain .sec-head h2{font-size: 30px;}
#pageMain .pf-tabbar{top: 113px;}
#pageMain .kimlik{margin: -70px var(--bosluk-16) 0; padding: var(--bosluk-22) var(--bosluk-22) var(--bosluk-24);}
#pageMain .bolum-bas h2{font-size: var(--yazi-30);}
#pageMain .fp-grid{grid-template-columns: minmax(0px, 1fr);}
#pageMain .ba-map{grid-template-columns: minmax(0px, 1fr); gap: 16px;}
#pageMain .hesap-kolonu{margin: 0 var(--bosluk-16);}
}
@media (max-width: 640px){
#pageMain .wrap{padding: 0px 16px;}
#pageMain .sec-head{display: grid; grid-template-columns: minmax(0px, 1fr) auto; column-gap: 14px; align-items: center; margin-bottom: 24px;}
#pageMain .sec-head > div:first-child{display: contents;}
#pageMain .sec-head h2{grid-area: 2 / 1; font-size: 24px;}
#pageMain .sec-head .lead{grid-area: 3 / 1 / auto / -1; font-size: 14.5px;}
#pageMain .pf-tabbar{top: 63px; padding: 10px 0px;}
#pageMain .fp-card{padding: 20px 18px;}
#pageMain .pd-grid{grid-template-columns: 1fr;}
#pageMain .sekme-ray{padding: var(--bosluk-10) 0;}
#pageMain .cip{font-size: var(--yazi-12); padding: var(--bosluk-7) var(--bosluk-12);}
#pageMain .sekme{font-size: var(--yazi-12-5); padding: var(--bosluk-9) var(--bosluk-13);}
#pageMain .sekmeler.ortali .sekme{font-size: var(--yazi-12-5); padding: var(--bosluk-9) var(--bosluk-14); min-height: 44px;}
#pageMain .zebra > .bolum.kabuk-alti{padding-top: var(--kabuk-h-dar);}
#pageMain .kapak{height: var(--banner-h-profil-dar); border-radius: var(--yuvarlak-lg);}
#pageMain .kapak-muhur{top: var(--bosluk-12); left: var(--bosluk-12); padding: var(--bosluk-7) var(--bosluk-11); font-size: var(--yazi-10);}
#pageMain .kimlik{flex-direction: column; align-items: center; text-align: center; margin: -52px var(--bosluk-4) 0; padding: var(--bosluk-20) var(--bosluk-18) var(--bosluk-22); gap: var(--bosluk-14);}
#pageMain .kimlik-avatar{width: 104px; height: 104px; margin-top: -66px;}
#pageMain .kimlik-govde{width: 100%;}
#pageMain .kimlik-govde h1{justify-content: center; font-size: var(--yazi-23);}
#pageMain .kimlik-meta{justify-content: center; gap: var(--bosluk-6) var(--bosluk-16); font-size: var(--yazi-12-5);}
#pageMain .kimlik-giris{text-align: center;}
#pageMain .sayac-serit{margin-top: var(--bosluk-12);}
#pageMain .sayac{flex: 1 1 44%; padding: var(--bosluk-13) var(--bosluk-14);}
#pageMain .rozet-ipucu{bottom: auto; top: calc(100% + 10px); transform: translate(-50%, -6px);}
#pageMain .ozet-karti{padding: var(--bosluk-20) var(--bosluk-18);}
#pageMain .suzgec-metin{flex-basis: calc(100% - 46px);}
#pageMain .siralama-satir{padding: var(--bosluk-13) var(--bosluk-15); gap: var(--bosluk-11);}
#pageMain .rozet-izgara{grid-template-columns: 1fr;}
#pageMain .merdiven{grid-template-columns: repeat(2, 1fr);}
#pageMain .galeri-suzgec{flex-wrap: wrap;}
#pageMain .galeri-temizle{margin-left: 46px;}
#pageMain{padding-bottom: calc(var(--alt-cubuk-h, 64px) + var(--alt-cubuk-dip, 14px) + var(--bosluk-16, 16px));}
#pageMain .kart-bas{align-items: flex-start; gap: var(--bosluk-12); padding: var(--bosluk-16);}
#pageMain .kart-govde{padding: var(--bosluk-16);}
#pageMain .alan-izgara.c2{grid-template-columns: 1fr;}
#pageMain .akordeon-bas{font-size: var(--yazi-14-5); padding: var(--bosluk-15) var(--bosluk-16); gap: var(--bosluk-11);}
#pageMain .akordeon-govde p{padding: 0 var(--bosluk-16) var(--bosluk-18)
            calc(var(--bosluk-16) + 30px + var(--bosluk-11)); font-size: var(--yazi-14);}
#pageMain .ayrim-kutusu{flex-direction: column; gap: var(--bosluk-10);}
#pageMain .kart.odeme > .kart-bas{padding: var(--bosluk-16); flex-direction: row;}
#pageMain .kart.odeme > .kart-govde{padding: var(--bosluk-16);}
#pageMain .paket-bas{gap: var(--bosluk-12);}
#pageMain .paket-fiyat{order: 3; margin-left: auto; text-align: left;}
#pageMain .paket-eylemler .dugme{width: 100%;}
#pageMain .od-sonuc .od-sonuc-txt{text-align: left; text-align-last: auto;}
#pageMain .ayar-satir{flex-wrap: wrap; gap: var(--bosluk-10) var(--bosluk-14);}
#pageMain .ayar-satir .alan-secim{width: 100%;}
#pageMain .ayar-satir .anahtar{margin-left: auto;}
#pageMain .bolum-bas{margin-bottom: var(--bosluk-24); column-gap: var(--bosluk-14);}
#pageMain .bolum-bas h2{font-size: var(--yazi-24);}
#pageMain .bolum-bas .giris-metni{font-size: var(--yazi-14-5);}
#pageMain .kart-suzgec{padding: var(--bosluk-14) var(--bosluk-16) var(--bosluk-4);}
#pageMain .kart-sayac{padding: var(--bosluk-10) var(--bosluk-16) 2px;}
#pageMain .paket-satiri .eylemler .satir-dugme, #pageMain .odeme-satiri .eylemler .satir-dugme{flex: 1 1 0%; justify-content: center;}
#pageMain .paket-satiri{flex-wrap: wrap;}
#pageMain .paket-satiri .bilgi{flex: 1 1 100%; order: 2;}
#pageMain .paket-satiri .fiyat{order: 3; margin-left: auto; text-align: left;}
#pageMain .paket-satiri .eylemler{order: 4; flex: 1 1 100%;}
#pageMain .paket-satiri .eylemler .satir-dugme{flex: 1 1 0%; justify-content: center;}
#pageMain .odeme-satiri{flex-wrap: wrap;}
#pageMain .odeme-satiri .bilgi{flex: 1 1 60%;}
#pageMain .odeme-satiri .eylemler{flex: 1 1 100%;}
#pageMain .odeme-satiri .eylemler .satir-dugme{flex: 1 1 0%; justify-content: center;}
#pageMain .sec-head > div:first-child, #pageMain .sec-head .sec-tools{display: contents;}
#pageMain .see-all{padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; font-size: 13.5px; color: var(--fit-deep);}
#pageMain .see-all, #pageMain .fp-act, #pageMain .fp-actbtn{position: relative;}
#pageMain .see-all::after, #pageMain .fp-act::after, #pageMain .fp-actbtn::after{content: ""; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); height: 44px;}
#pageMain .sec-tools > .see-all{grid-area: 4 / 1 / auto / -1; justify-self: start; margin-top: 14px;}
#pageMain .ntf-row{grid-template-columns: minmax(0px, 1fr) 56px 56px; gap: 8px;}
#pageMain .vz-liste{padding: 12px;}
#pageMain .ba-grid{gap: 16px;}
#pageMain .ba-bar{gap: 12px;}
#pageMain .ba-count{width: 100%;}
#pageMain .kart.uyari-kart > .kart-bas, #pageMain .kart.tehlike-kart > .kart-bas{flex-direction: column;}
#pageMain .kapak-duzenle{top: var(--bosluk-12); right: var(--bosluk-12); padding: var(--bosluk-8) var(--bosluk-13); gap: var(--bosluk-6); font-size: var(--yazi-11);}
#pageMain .alan-izgara.c2, #pageMain .alan-izgara.c3{grid-template-columns: 1fr;}
#pageMain .ayar-satir .anahtar, #pageMain .ayar-satir .as-eylem{margin-left: auto;}
#pageMain .kanal-satir{grid-template-columns: minmax(0px, 1fr) 56px 56px; gap: var(--bosluk-8);}
#pageMain .kapak-duzenle{font-size: var(--yazi-11); gap: var(--bosluk-6); padding: var(--bosluk-8) var(--bosluk-13); top: var(--bosluk-12); right: var(--bosluk-12);}
#pageMain .pagi{gap: 6px; margin-top: 32px;}
#pageMain .kart.form{padding: var(--bosluk-20) var(--bosluk-16); border-radius: var(--yuvarlak-md);}
#pageMain .alan-gonder .dugme{width: 100%; justify-content: center;}
#pageMain .alan-gonder .not{max-width: none;}
#pageMain .sayfa-dugme{min-width: 40px; height: 40px; font-size: var(--yazi-13); padding: 0 var(--bosluk-10);}
#pageMain .ayar-satir .as-eylem{margin-left: auto;}
#pageMain .akordeon-ikon{width: 30px; height: 30px; font-size: var(--yazi-12-5);}
#pageMain .hesap-kolonu{margin: 0 var(--bosluk-4);}
#pageMain .yonlendirme{grid-template-columns: 1fr;}
}
@media (prefers-reduced-motion: reduce){
#pageMain, #pageMain *{animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important;}
#pageMain .px-media{position: absolute; inset: 0px; width: auto; height: auto; background-position: var(--px-x,50%) var(--px-y,50%);}
#pageMain .fa-spin{animation-delay: -1ms; animation-duration: 1ms; animation-iteration-count: 1; transition-delay: 0s; transition-duration: 0s;}
}
@media (max-width: 1180px){
#pageMain .sayac{flex: 1 1 30%;}
}
@media (max-width: 900px){
#pageMain .sayac{flex: 1 1 140px;}
#pageMain .pro-flag{right: auto; left: 20px;}
#pageMain .kademe-izgara{grid-template-columns: 1fr; gap: var(--bosluk-26);}
#pageMain .kademe-bayrak{right: auto; left: var(--bosluk-20);}
}
@media (max-width: 760px){
#pageMain .ba-top{grid-template-columns: minmax(0px, 1fr);}
#pageMain .ba-frow{align-items: flex-start; flex-direction: column; gap: 8px;}
#pageMain .ba-dir{order: -1;}
#pageMain .ba-foot{align-items: stretch;}
#pageMain .ba-cut{width: 100%; justify-content: center;}
#pageMain .ba-sync{align-items: stretch;}
}
@media (hover: hover){
#pageMain .alan-ulke-liste li:hover{background: var(--aksan-yikama);}
}
@media (max-width: 520px){
#pageMain .alan-tarih-katman{width: 100%;}
}
@media (max-width: 860px){
#pageMain .ipucu-baglantilar{grid-template-columns: minmax(0px, 1fr);}
}
@-webkit-keyframes fa-beat { 
  0%, 90% { transform: scale(1); }
  45% { transform: scale(var(--fa-beat-scale,1.25)); }
}
@-webkit-keyframes fa-bounce { 
  0% { transform: scale(1) translateY(0px); }
  10% { transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); }
  30% { transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); }
  50% { transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); }
  57% { transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); }
  64% { transform: scale(1) translateY(0px); }
  100% { transform: scale(1) translateY(0px); }
}
@-webkit-keyframes fa-fade { 
  50% { opacity: var(--fa-fade-opacity,.4); }
}
@-webkit-keyframes fa-beat-fade { 
  0%, 100% { opacity: var(--fa-beat-fade-opacity,.4); transform: scale(1); }
  50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale,1.125)); }
}
@-webkit-keyframes fa-flip { 
  50% { transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); }
}
@-webkit-keyframes fa-shake { 
  0% { transform: rotate(-15deg); }
  4% { transform: rotate(15deg); }
  8%, 24% { transform: rotate(-18deg); }
  12%, 28% { transform: rotate(18deg); }
  16% { transform: rotate(-22deg); }
  20% { transform: rotate(22deg); }
  32% { transform: rotate(-12deg); }
  36% { transform: rotate(12deg); }
  40%, 100% { transform: rotate(0deg); }
}
@-webkit-keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@keyframes fadeUp { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes hero-scroll-bob { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(6px); }
}
/* ═══ DURUM KURALLARI (ikinci geçiş) — yukarıdaki gerekçe ═══ */
#pageMain .fa-wheat-awn::before{content: "";}
#pageMain .fa-bookmark::before{content: "";}
#pageMain .fa-folder-open::before{content: "";}
#pageMain .fa-city::before{content: "";}
#pageMain .fa-champagne-glasses::before{content: "";}
#pageMain .fa-map-location-dot::before{content: "";}
#pageMain .fa-cloud-arrow-up::before{content: "";}
#pageMain .fa-star-half-stroke::before{content: "";}
#pageMain .fa-location-pin::before{content: "";}
#pageMain .fa-wine-glass::before{content: "";}
#pageMain .fa-pen-fancy::before{content: "";}
#pageMain .fa-cake-candles::before{content: "";}
#pageMain .fa-mountain-city::before{content: "";}
#pageMain .fa-map-pin::before{content: "";}
#pageMain .fa-utensils::before{content: "";}
#pageMain .fa-hands-holding-circle::before{content: "";}
#pageMain .fa-location-dot::before{content: "";}
#pageMain .fa-list-ul::before{content: "";}
#pageMain .fa-copy::before{content: "";}
#pageMain .fa-map::before{content: "";}
#pageMain .fa-building::before{content: "";}
#pageMain .fa-earth-europe::before{content: "";}
#pageMain .fa-thumbs-up::before{content: "";}
#pageMain .fa-jar::before{content: "";}
#pageMain .fa-print::before{content: "";}
#pageMain .sec{padding: var(--sec-pad) 0;}
#pageMain .btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-family: inherit; font-weight: 700; font-size: 14.5px; cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 14px 26px; border-radius: var(--radius-md); transition: .25s var(--ease);}
#pageMain .btn-primary{background: var(--fit); color: rgb(255, 255, 255);}
#pageMain .btn-primary:hover{background: var(--fit-deep); transform: translateY(-2px);}
#pageMain .btn-ghost{background: var(--paper); color: var(--slate); border: 1px solid var(--line);}
#pageMain .btn-ghost:hover{border-color: var(--slate); transform: translateY(-2px);}
#pageMain .fb-overlay{position: fixed; inset: 0px; background: rgba(20, 18, 12, 0.5); z-index: 97; opacity: 0; visibility: hidden; transition: opacity .25s var(--ease),visibility .25s;}
#pageMain .fb-overlay.show{opacity: 1; visibility: visible;}
#pageMain .fb-modal{position: fixed; inset: 0px; z-index: 98; display: grid; place-items: center; padding: 20px; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .25s var(--ease),visibility .25s;}
#pageMain .fb-modal.show{opacity: 1; visibility: visible; pointer-events: auto;}
#pageMain .fb-panel{width: min(520px, 100%); max-height: calc(-40px + 100vh); overflow-y: auto; background: rgb(255, 255, 255); border-radius: var(--radius-lg); box-shadow: var(--sh-lg); transform: translateY(14px); transition: transform .3s var(--ease);}
#pageMain .fb-modal.show .fb-panel{transform: translateY(0px);}
#pageMain .fb-head{display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 20px 24px; border-bottom: 1px solid var(--line);}
#pageMain .fb-head h3{font-size: 19px;}
#pageMain .fb-head p{font-size: 12.5px; color: var(--muted); font-weight: 500; margin-top: 2px;}
#pageMain .fb-close{flex: 0 0 auto; width: 44px; height: 44px; border-radius: var(--radius-md); border: 1px solid var(--line); background: var(--paper); color: var(--slate); font-size: 16px; cursor: pointer; display: grid; place-items: center; transition: .2s var(--ease);}
#pageMain .fb-close:hover{border-color: var(--fit); color: var(--fit);}
#pageMain .fb-body{padding: 22px 24px 24px;}
#pageMain .fb-field{margin-bottom: 11px;}
#pageMain .fb-field input, #pageMain .fb-field textarea{width: 100%; font-family: inherit; font-size: 14px; font-weight: 500; color: var(--slate); background: var(--bg); border: 1px solid var(--line); outline: none; transition: border-color .2s var(--ease);}
#pageMain .fb-field input{height: 44px; border-radius: var(--radius-sm); padding: 0px 14px; line-height: 21.7px;}
#pageMain .fb-field textarea{border-radius: var(--radius-md); padding: 13px 15px;}
#pageMain .fb-field input::placeholder, #pageMain .fb-field textarea::placeholder{color: rgb(167, 167, 167);}
#pageMain .fb-field input:focus, #pageMain .fb-field textarea:focus{border-color: var(--fit);}
#pageMain .fb-field textarea{min-height: 108px; resize: vertical;}
#pageMain .fb-send{width: 100%; background: var(--fit-deep);}
#pageMain .fb-send:hover{background: var(--fit-deeper);}
#pageMain .set-list{display: flex; flex-direction: column;}
#pageMain .set-row{display: flex; align-items: center; gap: 16px; padding: 17px 2px;}
#pageMain .set-row + .set-row{border-top: 1px solid var(--line);}
#pageMain .set-row .sr-ico{flex: 0 0 auto; width: 40px; height: 40px; border-radius: var(--radius-md); background: var(--bg); color: var(--slate-2); display: grid; place-items: center; font-size: 15px;}
#pageMain .set-row .sr-txt{flex: 1 1 0%; min-width: 0px;}
#pageMain .set-row .sr-txt b{display: block; font-size: 14px; color: var(--slate);}
#pageMain .set-row .sr-txt span{display: block; font-size: 12.5px; color: var(--muted); font-weight: 500; margin-top: 2px; line-height: 1.45;}
#pageMain a.set-row{color: inherit; transition: background .18s var(--ease);}
#pageMain a.set-row:hover{background: var(--fit-wash);}
#pageMain a.set-row:hover .sr-ico{background: var(--fit-tint); color: var(--fit-deep);}
#pageMain .pstat.off{background: rgb(241, 241, 241); color: var(--slate-2);}
#pageMain .fp-sw:focus-visible{outline: 3px solid var(--fit-tint); outline-offset: 2px;}
#pageMain .fp-actbtn:focus-visible{outline: 3px solid var(--fit-tint); outline-offset: 3px; border-radius: var(--radius-sm);}
#pageMain .fp-sw:focus-visible, #pageMain .btn:focus-visible, #pageMain .see-all:focus-visible{outline: 3px solid var(--fit) !important; outline-offset: 2px !important;}
#pageMain .fit-pane[hidden]{display: none;}
#pageMain .fit-seam:not(.is-onbanner){border-top: 1px solid var(--line); box-shadow: rgba(20, 16, 10, 0.07) 0px -10px 26px;}
#pageMain .fit-seam, #pageMain .fit-seam:not(.is-onbanner){box-shadow: none;}
#pageMain .modul-govde > .fit-pane[hidden]{display: none;}
#pageMain .sec-head .lead + .lead{grid-area: auto / 1 / auto / -1; margin-top: 10px;}
#pageMain .fk-label{display: flex; align-items: baseline; gap: 7px; font-size: 14px; font-weight: 700; color: var(--slate); margin-bottom: 9px;}
#pageMain .fk-label .req{color: var(--fit-deep);}
#pageMain .fk-help{display: flex; align-items: flex-start; gap: 7px; font-size: 12.5px; color: var(--muted); font-weight: 500; margin-top: 8px; line-height: 1.5;}
#pageMain .fk-help i{color: var(--fit-deep); font-size: 12px; margin-top: 2px; flex: 0 0 auto;}
#pageMain .fk-hata.show{display: flex;}
#pageMain .hs-facts{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden; margin: 0px;}
#pageMain .hs-facts div{background: var(--paper); padding: 14px 16px; min-width: 0px;}
#pageMain .hs-facts dt{font-size: 11px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--slate-2);}
#pageMain .hs-facts dd{font-size: 14.5px; font-weight: 700; color: var(--slate); margin: 5px 0px 0px; letter-spacing: -0.01em;}
#pageMain .hs-check{display: flex; align-items: flex-start; gap: 11px; cursor: pointer; font-size: 13.5px; font-weight: 600; color: var(--slate); line-height: 1.5; background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius-md); padding: 14px 16px;}
#pageMain .hs-check input{flex: 0 0 auto; width: 19px; height: 19px; margin-top: 1px; accent-color: var(--hs-warn); cursor: pointer;}
#pageMain .hs-check:hover{border-color: rgb(214, 208, 198);}
#pageMain .hs-state{flex: 1 1 0%; min-width: 200px; display: flex; align-items: flex-start; gap: 8px; font-size: 12.5px; font-weight: 600; color: var(--slate-2); line-height: 1.5; margin: 0px;}
#pageMain .hs-state i{flex: 0 0 auto; margin-top: 3px; font-size: 11.5px; color: var(--fit-deep);}
#pageMain .hs-state.blocked{color: var(--hs-warn);}
#pageMain .hs-state.blocked i{color: var(--hs-warn);}
#pageMain .btn[disabled]{opacity: 0.45; cursor: not-allowed; transform: none !important;}
#pageMain .od-sonuc.show{display: flex; animation: fadeUp .3s var(--ease);}
#pageMain .od-sonuc b{display: block; color: var(--slate); font-weight: 800; font-size: 13.5px; margin-bottom: 4px;}
#pageMain #ftModal:not(.show){display: none;}
#pageMain #ftModal .fb-panel{width: min(640px, 100%);}
#pageMain #ftModal .fb-body{padding: 22px 24px 24px;}
#pageMain .ft-seg{display: inline-flex; gap: 4px; background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius-md); padding: 4px;}
#pageMain .ft-seg button{font-family: inherit; font-size: 13.5px; font-weight: 700; color: var(--slate-2); background: transparent; border: 0px; border-radius: var(--radius-sm); padding: 10px 18px; min-height: 44px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; transition: .18s var(--ease);}
#pageMain .ft-seg button i{font-size: 12px;}
#pageMain .ft-seg button:hover{color: var(--fit-deep);}
#pageMain .ft-seg button[aria-pressed="true"]{background: var(--fit-deep); color: rgb(255, 255, 255);}
#pageMain .ft-seg button:focus-visible{outline: 3px solid var(--fit); outline-offset: 2px;}
#pageMain .ft-blok[hidden]{display: none;}
#pageMain .ft-foot{display: flex; align-items: center; justify-content: flex-end; gap: 12px; flex-wrap: wrap; position: sticky; bottom: -24px; z-index: 2; background: var(--paper); margin-top: 24px; padding: 20px 0px 24px; border-top: 1px solid var(--line);}
#pageMain .ft-foot .note{flex: 1 1 100%; font-size: 12.5px; color: var(--slate-2); font-weight: 500; margin: 0px; text-align: left; text-align-last: auto;}
#pageMain .ft-foot > .btn{padding: 12px 22px;}
#pageMain .btn, #pageMain .btn-primary, #pageMain .btn-ghost, #pageMain .btn-fit, #pageMain .see-all, #pageMain .fp-act{text-align: left; text-align-last: auto; hyphens: manual;}
#pageMain .btn{text-align: center;}
#pageMain .dugme:focus-visible{outline: var(--odak-kalinlik) solid var(--odak-renk); outline-offset: var(--odak-ofset);}
#pageMain .alan-dosya input[type="file"]:focus-visible + .alan-dosya-dugme{outline: var(--odak-kalinlik) solid var(--odak-renk); outline-offset: var(--odak-ofset);}
#pageMain .tablo td b{display: block; color: var(--murekkep); font-weight: var(--agirlik-kalin);}
#pageMain .tablo .sag{text-align: right;}
#pageMain .cipler.ortali{justify-content: center; gap: var(--bosluk-8); padding: 0px;}
#pageMain .bos-durum h3, #pageMain .bos-durum h4{font-size: var(--yazi-15-5); font-weight: var(--agirlik-kalin); color: var(--murekkep); margin-bottom: var(--bosluk-4);}
#pageMain .sayfa-dugme:focus-visible{outline: var(--odak-kalinlik) solid var(--odak-renk); outline-offset: var(--odak-ofset);}
#pageMain .sayfa-dugme.ok i{font-size: var(--yazi-12);}
#pageMain .ayar-satir[hidden]{display: none;}
#pageMain .anahtar input:focus-visible + .anahtar-ray{box-shadow: 0 0 0 var(--odak-kalinlik) var(--aksan-yikama);}
#pageMain .sekme:focus-visible{outline: var(--odak-kalinlik) solid var(--odak-renk); outline-offset: var(--odak-ofset);}
#pageMain .sekmeler.suzgec{padding: var(--bosluk-4) var(--bosluk-22);}
#pageMain .sekmeler.suzgec .sekme-sayi{font-size: inherit; font-weight: var(--agirlik-govde); opacity: 1;}
#pageMain .okuma-kolonu > .uyari-kutu{margin-bottom: var(--bosluk-22);}
#pageMain .uyari-kutu > span, #pageMain .uyari-kutu > b{text-align: left; text-align-last: auto;}
#pageMain .uyari-kutu.tehlike, #pageMain .kart.uyari-kart{border-color: var(--uyari-cizgi);}
#pageMain .durum-satir > span, #pageMain .durum-satir > b{text-align: left; text-align-last: auto;}
#pageMain .bilgi-notu[hidden]{display: none;}
#pageMain .bilgi-notu p + p{margin-top: var(--bosluk-9);}
#pageMain .kap > .bilgi-notu:first-child{margin-top: 0px;}
#pageMain .bilgi-notu.ortali{align-items: center; background: var(--aksan-yikama-2); border-color: var(--aksan-cizgi);}
#pageMain .bilgi-notu.ortali > i{margin-top: 0px; width: 38px; height: 38px; border-radius: var(--yuvarlak-daire); background: var(--kagit); display: grid; place-items: center; font-size: var(--yazi-16);}
#pageMain .akordeon-kalem.acik{border-color: var(--aksan-cizgi); box-shadow: var(--golge-sm);}
#pageMain .akordeon-kalem.acik .akordeon-bas{color: var(--aksan-koyu);}
#pageMain .akordeon-bas:focus-visible{outline: var(--odak-kalinlik) solid var(--odak-renk); outline-offset: calc(-1 * var(--odak-kalinlik));}
#pageMain .akordeon-kalem.acik .akordeon-ok{transform: rotate(180deg); color: var(--aksan);}
#pageMain .arama:focus-within{border-color: var(--aksan);}
#pageMain .okuma-kolonu > .arama{max-width: none;}
#pageMain .okuma-notu:empty{display: none;}
#pageMain a[aria-disabled="true"].pasif{opacity: 0.45;}
#pageMain .durum-hapi.acik{background: var(--durum-acik-zemin); color: var(--durum-acik-metin);}
#pageMain .ipucu-baglanti:focus-visible{outline: var(--odak-kalinlik) solid var(--odak-renk); outline-offset: var(--odak-ofset);}
#pageMain .kanal-satir + .kanal-satir{border-top: var(--cizgi-1) solid var(--cizgi);}
#pageMain .alan-goz:focus-visible{outline: var(--odak-kalinlik) solid var(--odak-renk); outline-offset: var(--odak-ofset);}
#pageMain .kart-bas p a, #pageMain .as-metin a, #pageMain .durum-satir a{color: var(--aksan-koyu); font-weight: var(--agirlik-kalin);}
#pageMain .kart.uyari-kart .kart-bas p a{color: var(--uyari);}
#pageMain .satir-dugme:focus-visible{outline: var(--odak-kalinlik) solid var(--odak-renk); outline-offset: var(--odak-ofset);}
#pageMain .kaydedildi.gorunur{display: inline-flex;}
#pageMain .basamak.secili .basamak-sec{opacity: 1;}
#pageMain .rozet-karti.yeni{border-style: solid; border-color: var(--aksan); box-shadow: 0 0 0 var(--cizgi-3) var(--aksan-halka-3);}
#pageMain .basamak.secili{border-style: solid; border-color: var(--aksan); box-shadow: 0 0 0 var(--cizgi-3) var(--aksan-halka-3), 0 8px 20px var(--aksan-golge-3);}
#pageMain .rozet-karti:hover .rozet-ipucu, #pageMain .rozet-karti:focus-within .rozet-ipucu{opacity: 1; visibility: visible;}
#pageMain .ozet-karti p, #pageMain .ozet-karti .kart-sayac{color: var(--koyu-metin-6);}
#pageMain .alt-not.ortali{justify-content: center; align-items: center; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; padding-top: 0px; margin-top: var(--bosluk-24); font-size: var(--yazi-12-5);}
#pageMain .alt-not.ortali i{margin-top: 0px; flex: 0 1 auto;}
#pageMain .kademe-karti.one-cikan{border-color: var(--aksan-cizgi-4); box-shadow: var(--golge-md);}
#pageMain .kademe-karti.aktif{border-color: var(--aksan); box-shadow: var(--golge-md);}
#pageMain .kademe-ozellikler li.yok, #pageMain .kademe-ozellikler li.yok i{color: var(--yer-tutucu);}
#pageMain .kademe-kapali[open] summary::before{transform: rotate(180deg);}
#pageMain .kademe-kapali summary:focus-visible{outline: var(--odak-kalinlik) solid var(--aksan-yikama); outline-offset: var(--odak-ofset); border-radius: var(--yuvarlak-sm);}
#pageMain .tablo-kap.cerceveli:focus-visible{outline: var(--odak-kalinlik) solid var(--aksan); outline-offset: var(--odak-ofset);}
#pageMain .tablo.karsilastirma thead th:first-child .kademe-ad{justify-content: flex-start;}
#pageMain .alan-tarih-ok:disabled{opacity: 0.4;}
#pageMain .alan-tarih-izgara > button{aspect-ratio: 1 / 1; min-height: 38px; border: 0px; background: transparent; border-radius: var(--yuvarlak-sm); font-family: inherit; font-size: var(--yazi-13-5); font-weight: var(--agirlik-orta); color: var(--murekkep); cursor: pointer;}
#pageMain .alan-tarih-izgara > button:disabled{color: var(--metin-pasif);}
#pageMain .alan-tarih-izgara > button[aria-selected="true"]{background: var(--aksan); color: var(--kagit); font-weight: var(--agirlik-ekstra);}
#pageMain .alan-tarih-izgara > span{aspect-ratio: 1 / 1;}
#pageMain .cip.aktif{background: var(--aksan-koyu); border-color: var(--aksan-koyu); color: var(--kagit); font-weight: var(--agirlik-kalin);}
#pageMain .cip:focus-visible{outline: var(--odak-kalinlik) solid var(--odak-renk); outline-offset: var(--odak-ofset);}
#pageMain .cip.hap{display: inline-block; position: static; gap: normal; font-weight: var(--agirlik-orta); padding: var(--bosluk-9) var(--bosluk-16); border-radius: var(--yuvarlak-hap);}
#pageMain .cip.hap::before{content: none;}
#pageMain .kart.odeme + .kart.odeme, #pageMain .paket-karti + .kart.odeme{margin-top: var(--bosluk-18);}
#pageMain .dugme.satir:focus-visible{outline: var(--odak-kalinlik) solid var(--odak-renk); outline-offset: var(--odak-ofset);}
#pageMain .rozet.sayac{display: block; align-items: normal; gap: normal; min-width: auto; letter-spacing: inherit; flex: 0 0 auto; white-space: nowrap; font-size: var(--yazi-12); font-weight: var(--agirlik-kalin); padding: var(--bosluk-5) var(--bosluk-11); border-radius: var(--yuvarlak-sm); color: var(--aksan); background: var(--aksan-yikama); border: var(--cizgi-1) solid var(--aksan-cizgi-3);}
#pageMain .kalem-satiri[hidden]{display: none;}
#pageMain .kap > .bilgi-notu:last-child, #pageMain .bolum > .bilgi-notu:last-child, #pageMain .fit-pane > .bilgi-notu:last-child{margin-bottom: var(--bosluk-24);}
#pageMain .kart + .kart, #pageMain .fp-card + .fp-card, #pageMain .ozet-karti + .ozet-karti{margin-top: var(--bosluk-16);}
#pageMain .uyari-kutu.hata{color: var(--hata); background: var(--hata-yikama); border-color: var(--hata-cizgi);}
#pageMain .uyari-kutu.hata > i{color: var(--hata);}
#pageMain .bilgi-notu:has(+ *){margin-bottom: var(--bolum-nefes-sik);}
#pageMain .fit-pane > .kap + .kap{margin-top: var(--bolum-nefes-sik);}
#pageMain .bolum-bas .giris-metni, #pageMain .bolum-bas .lead, #pageMain .sec-head .lead{max-width: none;}
#pageMain .cipler + .cipler{margin-top: var(--bosluk-9);}
#pageMain .modul-govde > :last-child:not(.fit-pane), #pageMain .modul-govde > .fit-pane:not([hidden]) > :last-child{padding-bottom: var(--bolum-nefes-sik);}
#pageMain .kart > .cipler{padding-inline: var(--bosluk-24);}
#pageMain .kart > .cipler:first-of-type{padding-top: var(--bosluk-16);}
#pageMain .kart > .cipler:last-of-type{padding-bottom: var(--bosluk-16);}
#pageMain :is(.kart, .fp-card, .ozet-karti) > .tablo-kap.gomulu:last-child, #pageMain :is(.kart, .fp-card, .ozet-karti) > .kart-govde:last-child > .tablo-kap.gomulu:last-child{border-bottom-left-radius: var(--yuvarlak-lg); border-bottom-right-radius: var(--yuvarlak-lg);}
#pageMain :is(.kart, .fp-card, .ozet-karti) > .tablo-kap.gomulu:first-child, #pageMain :is(.kart, .fp-card, .ozet-karti) > .kart-govde:first-child > .tablo-kap.gomulu:first-child{border-top-left-radius: var(--yuvarlak-lg); border-top-right-radius: var(--yuvarlak-lg);}
#pageMain :is(#ftModal, #fdModal, [role="dialog"]) .fb-head{position: sticky; top: 0px; z-index: 2; background: var(--kagit);}
#pageMain .ft-blok + :is(.alan, .alan-izgara), #pageMain :is(.alan, .alan-izgara) + .ft-blok{margin-top: var(--bosluk-22);}
#pageMain .tablo-kap:focus-visible{outline: var(--odak-kalinlik) solid var(--aksan); outline-offset: 2px;}
#pageMain .pk-sec + .pk-sec{margin-top: 44px;}
#pageMain .pro-card .btn{width: 100%; justify-content: center; margin-top: 4px;}
#pageMain .pro-card .btn[disabled]{opacity: 0.45; pointer-events: none;}
#pageMain .hs-state{display: flex; align-items: flex-start; gap: 8px; font-size: 12.5px; font-weight: 600; color: var(--slate-2); line-height: 1.5; margin: 0px;}
#pageMain .od-sec + .od-sec{margin-top: 44px;}
#pageMain #fdModal:not(.show){display: none;}
#pageMain #fdModal .fb-panel{width: min(760px, 100%);}
#pageMain #fdModal .fb-body{padding: 22px 24px 24px;}
#pageMain .fd-kunye{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden; margin-bottom: 20px;}
#pageMain .fd-kunye div{background: var(--paper); padding: 13px 15px; min-width: 0px;}
#pageMain .fd-kunye dt{font-size: 11px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--slate-2);}
#pageMain .fd-kunye dd{font-size: 14px; font-weight: 700; color: var(--slate); margin: 5px 0px 0px; word-break: break-word;}
#pageMain .fd-kunye dd small{display: block; font-size: 11.5px; font-weight: 500; color: var(--slate-2); margin-top: 3px; letter-spacing: 0.02em;}
#pageMain .fd-taraf{display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 20px;}
#pageMain .fd-taraf section{border: 1px solid var(--line); border-radius: var(--radius-md); padding: 15px 16px; background: var(--bg);}
#pageMain .fd-taraf h4{font-size: 11px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--slate-2); margin: 0px 0px 8px;}
#pageMain .fd-taraf b{display: block; font-size: 14.5px; color: var(--slate); font-weight: 700; margin-bottom: 5px;}
#pageMain .fd-taraf p{font-size: 12.5px; color: var(--slate-2); font-weight: 500; line-height: 1.6; margin: 0px; text-align: left; text-align-last: auto;}
#pageMain .fd-taraf p span{display: block;}
#pageMain .fd-toplam{list-style: none; margin: 18px 0px 0px; padding: 16px 18px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg); display: flex; flex-direction: column; gap: 9px;}
#pageMain .fd-toplam li{display: flex; align-items: baseline; justify-content: space-between; gap: 16px; font-size: 13.5px; color: var(--slate-2); font-weight: 600;}
#pageMain .fd-toplam li span:last-child{font-variant-numeric: tabular-nums; color: var(--slate); font-weight: 700;}
#pageMain .fd-ode{display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 18px; padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--paper);}
#pageMain .fd-ode b{display: block; font-size: 14px; color: var(--slate); font-weight: 700; letter-spacing: 0.04em;}
#pageMain .fd-ode span{display: block; font-size: 12.5px; color: var(--slate-2); font-weight: 500; margin-top: 2px;}
#pageMain .hs-rail{margin-left: 28px; margin-right: 28px;}
#pageMain .hs-sec[hidden]{display: none;}
#pageMain .hs-sec:focus-visible{outline: 3px solid var(--fit); outline-offset: 6px; border-radius: var(--radius-lg);}
#pageMain .hs-sec > h2{font-size: 15px; font-weight: 800; letter-spacing: 0.02em; color: var(--slate-2); margin-bottom: 12px; display: flex; align-items: center; gap: 10px;}
#pageMain .pc-foot{padding: 14px 22px; border-top: 1px solid var(--line);}
#pageMain #fotoModal:not(.show){display: none;}
#pageMain #fotoModal .fb-panel{width: min(560px, 100%);}
#pageMain #fotoModal .fb-body{padding: 24px 26px 26px;}
#pageMain .fy-drop{position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 34px 22px; border: 1.5px dashed var(--line); border-radius: var(--radius-lg); background: var(--bg); transition: .2s var(--ease);}
#pageMain .fy-drop-ico{width: 46px; height: 46px; border-radius: var(--radius-md); background: var(--fit-wash); color: var(--fit-deep); display: grid; place-items: center; font-size: 18px; margin-bottom: 6px;}
#pageMain .fy-drop b{font-size: 14.5px; color: var(--slate);}
#pageMain .fy-drop > span{font-size: 12.5px; color: var(--muted); font-weight: 500;}
#pageMain .fy-pick{margin-top: 12px; padding: 11px 18px; font-size: 13.5px; cursor: pointer;}
#pageMain .fy-stage{display: flex; flex-direction: column; gap: 16px;}
#pageMain .fy-frame{position: relative; overflow: hidden; border-radius: var(--radius-lg); border: 1px solid var(--line); background: var(--bg); aspect-ratio: 1 / 1; max-width: 260px; margin: 0px auto;}
#pageMain .fy-frame.kapak{aspect-ratio: 1176 / 240; max-width: 100%;}
#pageMain .fy-frame img{width: 100%; height: 100%; object-fit: cover; display: block; transform-origin: center center; transition: transform 0.12s linear;}
#pageMain .fy-facts{margin-top: 2px;}
#pageMain #fotoModal .fb-body > #fyDurum{margin-top: 22px;}
#pageMain .fy-zoom{display: flex; flex-direction: column; gap: 8px;}
#pageMain .fy-range{width: 100%; accent-color: var(--fit);}
#pageMain .fy-foot{display: flex; align-items: center; justify-content: flex-end; gap: 12px; flex-wrap: wrap; margin-top: 18px; padding-left: 0px; padding-right: 0px;}
#pageMain .fy-foot .note{flex: 1 1 100%; margin: 0px;}
#pageMain .fb-body .fy-foot > .btn{margin-left: 0px; padding: 12px 22px;}
#pageMain .fb-body .fy-foot > .fy-kaldir{margin-right: auto;}
#pageMain .fy-kaldir{color: var(--hs-danger);}
#pageMain .fy-kaldir:hover{border-color: var(--hs-danger-line); background: var(--hs-danger-tint); color: var(--hs-danger-dark);}
#pageMain .fy-kaldir[hidden]{display: none;}
#pageMain #tfaModal:not(.show){display: none;}
#pageMain #tfaModal .fb-panel{width: min(560px, 100%);}
#pageMain #tfaModal .fb-body{padding: 24px 26px 26px;}
#pageMain .tfa-steps{list-style: none; display: flex; align-items: center; gap: 8px; margin-bottom: 20px;}
#pageMain .tfa-steps li{flex: 1 1 0%; display: flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 700; color: var(--muted); padding-bottom: 10px; border-bottom: 2px solid var(--line); transition: .2s var(--ease);}
#pageMain .tfa-steps li span{flex: 0 0 auto; width: 22px; height: 22px; border-radius: var(--radius-circle); background: var(--bg); color: var(--muted); font-size: 11.5px; display: grid; place-items: center;}
#pageMain .tfa-steps li.is-on{color: var(--fit-deep); border-bottom-color: var(--fit);}
#pageMain .tfa-steps li.is-on span{background: var(--fit-wash); color: var(--fit-deep);}
#pageMain .tfa-pick{cursor: pointer;}
#pageMain .tfa-radio{flex: 0 0 auto; width: 20px; height: 20px; accent-color: var(--fit);}
#pageMain .tfa-sir{display: flex; flex-direction: column; gap: 7px; margin-bottom: 18px; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--bg);}
#pageMain .tfa-sir code{font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 16px; font-weight: 700; letter-spacing: 0.12em; color: var(--slate);}
#pageMain .tfa-kod{display: flex; gap: 8px; margin-bottom: 10px;}
#pageMain .tfa-hane{flex: 1 1 0%; min-width: 0px; text-align: center; font-family: inherit; font-size: 20px; font-weight: 700; color: var(--slate); background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius-md); padding: 14px 0px; outline: none; transition: border-color .2s var(--ease),box-shadow .2s var(--ease);}
#pageMain .tfa-hane:focus{border-color: var(--fit); box-shadow: 0 0 0 3px color-mix(in srgb, var(--marka) 12%, transparent);}
#pageMain .tfa-kodlar{list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; margin: 16px 0px;}
#pageMain .tfa-kodlar li{font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 14px; font-weight: 700; letter-spacing: 0.06em; color: var(--slate); background: var(--bg); border: 1px solid var(--line); border-radius: var(--radius-md); padding: 11px 12px; text-align: center;}
#pageMain .tfa-acts{display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 16px;}
#pageMain .tfa-acts .btn{padding: 11px 18px; font-size: 13.5px;}
#pageMain .tfa-foot{display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 20px; padding-left: 0px; padding-right: 0px;}
#pageMain .tfa-foot .note{font-size: 12.5px; color: var(--muted); font-weight: 500;}
#pageMain .tfa-foot > .btn{padding: 12px 22px;}
#pageMain .tfa-foot > .btn.btn-primary{margin-left: auto;}
#pageMain .fb-close{background: var(--bg);}
#pageMain .fb-close i{font-size: 18px;}
#pageMain .fb-close:hover{background: var(--fit-wash); border-color: var(--fit); color: var(--fit-deep);}
#pageMain .fb-close:focus-visible{outline: 3px solid var(--fit); outline-offset: 2px;}
#pageMain .pc-foot{display: flex; align-items: center; gap: 14px; flex-wrap: wrap;}
#pageMain .pc-foot .note{font-size: 12.5px; color: var(--muted); font-weight: 500;}
#pageMain .pc-foot .note a{color: var(--fit-deep); font-weight: 700;}
#pageMain .pc-foot .note a:hover{text-decoration: underline; text-underline-offset: 2px;}
#pageMain .pc-foot > .btn{margin-left: auto; padding: 14px 26px;}
#pageMain .vz-adim.is-on{color: var(--slate);}
#pageMain .vz-adim.is-on i{color: var(--fit);}
#pageMain .ba-cut:focus-visible{outline: 3px solid var(--fit-tint); outline-offset: 2px;}
#pageMain .ba-fld select:focus-visible{outline: 3px solid var(--fit-tint); outline-offset: 2px; border-color: var(--fit);}
#pageMain .set-row[hidden]{display: none;}
#pageMain .fk-label .req{color: var(--fit-ink); font-weight: 700;}
#pageMain .fk-help > span{min-width: 0px;}
#pageMain .tk-ok a{color: var(--fit-deep); text-decoration: underline; text-underline-offset: 2px;}
#pageMain .faq-search .sx.show{display: grid;}
#pageMain .faq-search .sx:focus-visible{outline: 3px solid var(--fit-bright); outline-offset: 2px;}
#pageMain .faq-none.show{display: block; animation: fadeUp .3s var(--ease);}
@media (min-width: 641px){
#pageMain .page-main{position: relative; z-index: 2; background: var(--bg);}
}
@media (max-width: 640px){
#pageMain .sec{padding: var(--sec-pad) 0;}
#pageMain .hs-facts{grid-template-columns: 1fr;}
#pageMain .set-row{flex-wrap: wrap; gap: 10px 14px;}
#pageMain .cipler.ortali .cip{white-space: nowrap;}
#pageMain .cipler.ortali{flex-wrap: nowrap; overflow-x: auto; padding-bottom: var(--bosluk-4); scrollbar-width: none;}
#pageMain .cipler.ortali::-webkit-scrollbar{display: none;}
#pageMain .cipler.ortali .cip:not(.hap), #pageMain .cipler.ortali .cip:not(.hap).aktif{font-size: var(--yazi-12); padding: var(--bosluk-7) var(--bosluk-12);}
#pageMain .cipler .cip.hap{white-space: nowrap;}
#pageMain .alt-not.ortali{flex-wrap: wrap; justify-content: center; text-align: center;}
#pageMain :where(main.page-main){padding-bottom: calc(var(--alt-cubuk-h, 64px) + var(--alt-cubuk-dip, 14px) + var(--bosluk-16, 16px));}
#pageMain .fd-kunye{grid-template-columns: 1fr;}
#pageMain .fd-taraf{grid-template-columns: 1fr;}
#pageMain .hs-rail{margin-left: 4px; margin-right: 4px;}
#pageMain .tfa-kodlar{grid-template-columns: 1fr;}
#pageMain .tfa-hane{font-size: 17px; padding: 12px 0px;}
#pageMain .tfa-steps li{font-size: 11.5px;}
#pageMain .pc-foot{padding: 14px 16px;}
#pageMain .pc-foot{flex-wrap: wrap;}
#pageMain .pc-foot > .btn{width: 100%; margin-left: 0px; order: 1;}
#pageMain .pc-foot .note{order: 2;}
}
@media (max-width: 1024px){
#pageMain .hs-facts{grid-template-columns: repeat(2, minmax(0px, 1fr));}
#pageMain .hs-rail{margin-left: 16px; margin-right: 16px;}
}
@media (max-width: 760px){
#pageMain .ba-syncbtn .btn{width: 100%; justify-content: center;}
}

'+
        'body{font:14px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#211E16;background:#fff;margin:0;padding:32px}'+
        '.k{max-width:760px;margin:0 auto}'+
        'h1{font-size:20px;margin:0 0 4px}h2{font-size:15px;margin:28px 0 8px}'+
        '.ust{border-bottom:2px solid #007a3d;padding-bottom:14px;margin-bottom:20px}'+
        '.ust b{color:#007a3d}'+
        '.iki{display:flex;gap:28px;flex-wrap:wrap}.iki>div{flex:1 1 240px}'+
        'table{width:100%;border-collapse:collapse;margin-top:8px}'+
        'th,td{border-bottom:1px solid #ECECEC;padding:9px 6px;text-align:left;vertical-align:top}'+
        'th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#717171}'+
        '.s{text-align:right;white-space:nowrap}'+
        'small{color:#717171;font-size:12px}'+
        '.top{margin-top:14px;margin-left:auto;width:min(300px,100%)}'+
        '.top tr:last-child td{border-bottom:none;font-weight:700;font-size:16px}'+
        '.not{margin-top:26px;padding:12px 14px;background:#f9f9f9;border:1px solid #ECECEC;border-radius:8px;font-size:12.5px;color:#56514a}'+
        '@media print{body{padding:0}.not{break-inside:avoid}}'+
        '