/* ==========================================================================
   Candan Hukuk & Danışmanlık — tema stilleri
   Palet: gece laciverti + logo gümüşü + altın. Başlık: Newsreader, metin: Manrope.
   Hareketler yalnızca transform / opacity ile yapılır; sonsuz döngü, blur ve clip-path yok.
   ========================================================================== */

@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 450 650; font-display: swap; src: url("../fonts/serif-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 450 650; font-display: swap; src: url("../fonts/serif-latin-ext.woff2") format("woff2"); unicode-range: U+011E-011F, U+0130, U+015E-015F, U+20BA, U+2020; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 400 800; font-display: swap; src: url("../fonts/sans-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 400 800; font-display: swap; src: url("../fonts/sans-latin-ext.woff2") format("woff2"); unicode-range: U+011E-011F, U+0130, U+015E-015F, U+20BA, U+2020; }

:root {
	--lac-0: #06121d;
	--lac-1: #0a1b2b;
	--lac-2: #0e2438;
	--lac-3: #143049;
	--lac-4: #1d4163;
	--marka: #003151;
	--gumus: #d4d9de;
	--gumus-2: #e8ecf0;
	--sis: #f3f5f8;
	--kagit: #ffffff;
	--altin: #c9a45c;
	--altin-2: #e3c88f;
	--altin-k: #85612a;
	--metin: #14202d;
	--metin-2: #2f3e4f;
	--soluk: #536172;
	--cizgi: #dfe4ea;
	--cizgi-2: #c8d1db;
	--acik: #eef3f7;
	--acik-soluk: #aebccb;
	--serif: "Newsreader", "Iowan Old Style", Georgia, serif;
	--sans: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
	--r-s: 10px;
	--r: 16px;
	--r-l: 24px;
	--r-xl: 34px;
	--golge: 0 1px 2px rgba(10, 27, 43, .05), 0 10px 30px -12px rgba(10, 27, 43, .16);
	--golge-l: 0 30px 70px -28px rgba(6, 18, 29, .45);
	--kap: 1240px;
	--e: cubic-bezier(.22, 1, .36, 1);
	--e2: cubic-bezier(.65, 0, .35, 1);
	--a-zemin: #d4d9de;
	--a-figur: #0b2a45;
	color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: 96px; }
body { margin: 0; background: var(--kagit); color: var(--metin); font: 400 1.03rem/1.72 var(--sans); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }
@supports (overflow: clip) { body { overflow-x: clip; } }
img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; background: none; border: 0; padding: 0; }
h1, h2, h3, h4 { font-family: var(--serif); font-weight: 520; line-height: 1.16; letter-spacing: -.012em; margin: 0 0 .5em; color: inherit; text-wrap: balance; }
h1 em, h2 em, h3 em, .ch-cagri-bant-baslik em { font-style: normal; color: var(--altin-k); }
p { margin: 0 0 1em; }
ul, ol { margin: 0; padding: 0; }
:focus-visible { outline: 2px solid var(--altin); outline-offset: 3px; border-radius: 4px; }
::selection { background: var(--altin-2); color: var(--lac-1); }
[hidden]:not(.ch-cekmece):not(.ch-pencere) { display: none !important; }
.ch-gizli { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ch-atla { position: fixed; left: 16px; top: -60px; z-index: 200; background: var(--altin); color: var(--lac-1); padding: 10px 16px; border-radius: 8px; font-weight: 700; transition: top .2s; }
.ch-atla:focus { top: 16px; }
.ch-kap { width: min(100% - 48px, var(--kap)); margin-inline: auto; }
.ch-dar { max-width: 860px; }
.ch-ikon { width: 1.25em; height: 1.25em; flex: none; }
kbd { white-space: nowrap; font: 600 .68rem/1 var(--sans); padding: 4px 6px; border-radius: 6px; border: 1px solid currentColor; opacity: .55; letter-spacing: .02em; }

/* ---------- Amblem ---------- */
.ch-amblem { width: 48px; height: 48px; flex: none; overflow: visible; }
.ch-a-zemin { fill: var(--a-zemin); }
.ch-a-figur { fill: var(--a-figur); }
.ch-a-halka { stroke: var(--a-figur); }

/* ---------- Logo ---------- */
.ch-logo { display: inline-flex; align-items: center; gap: 13px; color: #fff; flex: none; }
.ch-logo-amblem { width: 50px; height: 50px; transition: transform .6s var(--e); }
.ch-logo:hover .ch-logo-amblem { transform: rotate(-8deg) scale(1.04); }
.ch-logo-yazi { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.ch-logo-ad { width: 148px; height: auto; aspect-ratio: 5878 / 760; fill: currentColor; }
.ch-logo-alt { font: 650 .62rem/1 var(--sans); letter-spacing: .26em; color: var(--altin-2); white-space: nowrap; display: flex; align-items: center; gap: 8px; }
.ch-logo-alt::before { content: ""; width: 16px; height: 1px; background: currentColor; opacity: .7; }

/* ---------- Düğmeler ---------- */
.ch-dugmeler { display: flex; flex-wrap: wrap; gap: 12px; }
.ch-dugme { --d-arka: var(--lac-2); --d-yazi: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 24px; border-radius: 999px; background: var(--d-arka); color: var(--d-yazi); font-weight: 700; font-size: .95rem; letter-spacing: .01em; border: 1px solid transparent; transition: transform .35s var(--e), background-color .25s, color .25s, border-color .25s, box-shadow .35s; white-space: nowrap; }
.ch-dugme:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -14px rgba(6, 18, 29, .55); }
.ch-dugme-altin { --d-arka: var(--altin); --d-yazi: var(--lac-1); }
.ch-dugme-altin:hover { --d-arka: var(--altin-2); }
.ch-dugme-cizgi { --d-arka: transparent; --d-yazi: var(--lac-2); border-color: var(--cizgi-2); }
.ch-dugme-cizgi:hover { border-color: var(--lac-2); }
.ch-dugme-acik { --d-arka: rgba(255, 255, 255, .06); --d-yazi: #fff; border-color: rgba(255, 255, 255, .22); }
.ch-dugme-acik:hover { --d-arka: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .45); }
.ch-dugme-kucuk { min-height: 44px; padding: 0 18px; font-size: .9rem; }
.ch-dugme-tam { width: 100%; }
.ch-bag-ok { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--marka); border-bottom: 1px solid transparent; transition: gap .3s var(--e), border-color .3s; }
.ch-bag-ok .ch-ikon { width: 1.1em; height: 1.1em; transition: transform .35s var(--e); }
.ch-bag-ok:hover { border-color: currentColor; }
.ch-bag-ok:hover .ch-ikon:last-child { transform: translateX(4px); }
.ch-bag-dugme { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--marka); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.ch-bag-dugme .ch-ikon { width: 1.1em; height: 1.1em; }

.ch-etiket { display: inline-flex; align-items: center; gap: 10px; font: 750 .74rem/1.2 var(--sans); letter-spacing: .2em; text-transform: uppercase; color: var(--altin-k); margin: 0 0 18px; }
.ch-etiket::before { content: ""; width: 26px; height: 1px; background: currentColor; }
.ch-etiket .ch-ikon { width: 1.15em; height: 1.15em; }
.ch-etiket:has(.ch-ikon)::before, .ch-etiket:has(.ch-nabiz)::before { display: none; }
.ch-etiket-acik { color: var(--altin-2); }
.ch-nabiz { width: 8px; height: 8px; border-radius: 50%; background: var(--altin); box-shadow: 0 0 0 0 rgba(201, 164, 92, .6); }
.ch-hazir .ch-nabiz { animation: chNabiz 2.4s var(--e) 3; }
@keyframes chNabiz { 0% { box-shadow: 0 0 0 0 rgba(201, 164, 92, .55); } 100% { box-shadow: 0 0 0 12px rgba(201, 164, 92, 0); } }

/* ---------- Sayfa perdesi ---------- */
#ch-perde { position: fixed; inset: 0; z-index: 120; background: radial-gradient(120% 90% at 50% 40%, var(--lac-3), var(--lac-1) 60%, var(--lac-0)); display: grid; place-items: center; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .18s linear, visibility 0s .18s; --a-zemin: #dfe4e9; --a-figur: #0b2a45; }
.ch-perde-ic { display: flex; flex-direction: column; align-items: center; gap: 18px; color: #fff; }
.ch-perde-muhur { position: relative; width: 116px; height: 116px; display: grid; place-items: center; }
.ch-perde-amblem { width: 92px; height: 92px; }
.ch-perde-halka { position: absolute; inset: 0; width: 116px; height: 116px; transform: rotate(-90deg); }
.ch-perde-halka circle { fill: none; stroke: var(--altin); stroke-width: 1.2; stroke-dasharray: 100; stroke-dashoffset: 0; }
.ch-perde-ad svg { width: 190px; aspect-ratio: 5878 / 760; fill: #fff; }
.ch-perde-alt { font: 700 .66rem/1 var(--sans); letter-spacing: .32em; color: var(--altin-2); }
html.ch-perde-ilk #ch-perde, html.ch-perde-gelis #ch-perde, html.ch-perde-kapan #ch-perde { opacity: 1; visibility: visible; transition: none; }
html.ch-perde-kapan #ch-perde { transition: opacity .16s linear; pointer-events: auto; }
html.ch-perde-ilk .ch-perde-halka circle { animation: chHalkaCiz .62s var(--e2) both; }
html.ch-perde-ilk .ch-perde-amblem { animation: chPerdeAmblem .55s var(--e) both; }
html.ch-perde-ilk .ch-perde-ad, html.ch-perde-ilk .ch-perde-alt { animation: chPerdeYazi .5s var(--e) .12s both; }
html.ch-perde-ilk .ch-perde-alt { animation-delay: .2s; }
html.ch-perde-gelis .ch-perde-ad, html.ch-perde-gelis .ch-perde-alt, html.ch-perde-kapan .ch-perde-ad, html.ch-perde-kapan .ch-perde-alt { opacity: .9; }
html.ch-perde-bitti #ch-perde { opacity: 1; visibility: visible; transform: translateY(-100%); transition: transform .62s var(--e2), visibility 0s .62s; }
html.ch-perde-bitti .ch-perde-ic { transform: translateY(40px); opacity: 0; transition: transform .5s var(--e2), opacity .3s; }
html.ch-perde-ilk:not(.ch-perde-bitti) #ch-perde, html.ch-perde-gelis:not(.ch-perde-bitti) #ch-perde { animation: chPerdeKendi 0s 2.6s forwards; }
@keyframes chPerdeKendi { to { opacity: 0; visibility: hidden; } }
@keyframes chHalkaCiz { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } }
@keyframes chPerdeAmblem { from { opacity: 0; transform: scale(.86); } to { opacity: 1; transform: none; } }
@keyframes chPerdeYazi { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

/* ---------- Üst bölüm ---------- */
.ch-ust { position: fixed; inset: 0 0 auto 0; z-index: 60; color: #fff; transition: transform .45s var(--e), background-color .35s, box-shadow .35s; will-change: transform; }
.ch-ust::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(6, 18, 29, .55), rgba(6, 18, 29, 0)); pointer-events: none; transition: opacity .35s; }
.ch-ust.kaydi { background: rgba(9, 24, 38, .97); box-shadow: 0 10px 30px -18px rgba(0, 0, 0, .6); transform: translateY(-38px); }
.ch-ust.kaydi::before { opacity: 0; }
.ch-ust.gizli { transform: translateY(-100%); }
html.ch-menu-acik .ch-ust { transform: none; }
.ch-serit-ust { position: relative; height: 38px; border-bottom: 1px solid rgba(255, 255, 255, .1); font-size: .8rem; color: var(--acik-soluk); }
.ch-serit-ust-ic { height: 100%; display: flex; align-items: center; gap: 26px; }
.ch-serit-ust p { margin: 0; display: inline-flex; align-items: center; gap: 8px; }
.ch-serit-ust .ch-ikon { width: 14px; height: 14px; color: var(--altin); }
.ch-serit-ust-sag { margin-left: auto !important; gap: 18px !important; }
.ch-serit-ust a { display: inline-flex; align-items: center; gap: 7px; transition: color .2s; }
.ch-serit-ust a:hover { color: #fff; }
.ch-sosyal-ikon .ch-ikon { color: currentColor; width: 15px; height: 15px; }
.ch-ilerleme { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; pointer-events: none; }
.ch-ilerleme span { display: block; height: 100%; background: linear-gradient(90deg, var(--altin), var(--altin-2)); transform-origin: 0 50%; transform: scaleX(0); }
.ch-ust-ic { position: relative; height: 82px; display: flex; align-items: center; gap: 28px; }
.ch-nav { margin-left: auto; }
.ch-nav > ul { list-style: none; display: flex; align-items: center; gap: 4px; }
.ch-nav > ul > li { position: relative; height: 82px; display: flex; align-items: center; }
.ch-nav > ul > li > a { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 10px 13px; font-weight: 650; font-size: .93rem; color: rgba(255, 255, 255, .88); border-radius: 999px; white-space: nowrap; transition: color .2s, background-color .2s; }
.ch-nav > ul > li > a::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 4px; height: 1px; background: var(--altin); transform: scaleX(0); transform-origin: 0 50%; transition: transform .4s var(--e); }
.ch-nav > ul > li > a:hover, .ch-nav > ul > li > a[aria-current] { color: #fff; }
.ch-nav > ul > li > a:hover::after, .ch-nav > ul > li > a[aria-current]::after, .ch-acilir.acik > a::after { transform: scaleX(1); }
.ch-nav-ok { width: 15px !important; height: 15px !important; transition: transform .3s var(--e); opacity: .7; }
.ch-acilir.acik .ch-nav-ok { transform: rotate(180deg); }
.ch-mega { position: absolute; top: calc(100% - 6px); left: 50%; width: 820px; padding: 18px; display: grid; grid-template-columns: 1fr 230px; gap: 16px; background: #fff; color: var(--metin); border-radius: var(--r-l); box-shadow: var(--golge-l); opacity: 0; visibility: hidden; transform: translate(-46%, 10px); transition: opacity .22s, transform .35s var(--e), visibility 0s .35s; }
.ch-mega::before { content: ""; position: absolute; top: -14px; left: 0; right: 0; height: 14px; }
.ch-acilir.acik .ch-mega { opacity: 1; visibility: visible; transform: translate(-46%, 0); transition: opacity .22s, transform .35s var(--e), visibility 0s; }
.ch-mega-dar { width: 400px; grid-template-columns: 1fr; transform: translate(-30%, 10px); }
.ch-acilir.acik .ch-mega-dar { transform: translate(-30%, 0); }
.ch-mega-liste { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; }
.ch-mega-tek { grid-template-columns: 1fr; }
.ch-mega-liste a { display: flex; align-items: center; gap: 11px; padding: 9px 10px; border-radius: 12px; font-size: .86rem; font-weight: 650; line-height: 1.3; transition: background-color .2s, color .2s; }
.ch-mega-liste a:hover { background: var(--sis); color: var(--marka); }
.ch-mega-liste small { display: block; font-weight: 500; color: var(--soluk); font-size: .78rem; margin-top: 2px; }
.ch-mega-ikon { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: var(--sis); color: var(--marka); flex: none; transition: background-color .2s, color .2s; }
.ch-mega-ikon .ch-ikon { width: 17px; height: 17px; }
.ch-mega-liste a:hover .ch-mega-ikon { background: var(--lac-2); color: var(--altin-2); }
.ch-mega-vitrin { position: relative; border-radius: var(--r); overflow: hidden; display: flex; align-items: flex-end; color: #fff; min-height: 250px; isolation: isolate; }
.ch-mega-vitrin img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .8s var(--e); }
.ch-mega-vitrin::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(6, 18, 29, .1), rgba(6, 18, 29, .88)); }
.ch-mega-vitrin:hover img { transform: scale(1.05); }
.ch-mega-vitrin span { padding: 18px; display: flex; flex-direction: column; gap: 4px; }
.ch-mega-vitrin small { color: var(--altin-2); font-weight: 700; font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; }
.ch-mega-vitrin strong { font: 520 1.15rem/1.25 var(--serif); }
.ch-mega-vitrin .ch-ikon { margin-top: 6px; color: var(--altin-2); }
.ch-ust-sag { display: flex; align-items: center; gap: 12px; }
.ch-dil { display: inline-flex; align-items: center; padding: 3px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .2); font: 750 .72rem/1 var(--sans); letter-spacing: .08em; }
.ch-dil a { padding: 7px 9px; border-radius: 999px; color: rgba(255, 255, 255, .7); transition: background-color .2s, color .2s; }
.ch-dil a[aria-current] { background: var(--altin); color: var(--lac-1); }
.ch-dil a:not([aria-current]):hover { color: #fff; }
.ch-ara-ac { display: inline-flex; align-items: center; gap: 9px; height: 44px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .2); color: #fff; font-weight: 650; font-size: .9rem; transition: background-color .2s, border-color .2s; }
.ch-ara-ac:hover { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .4); }
.ch-ara-ac .ch-ikon { width: 18px; height: 18px; }
.ch-tel-hap { display: inline-flex; align-items: center; gap: 10px; height: 48px; padding: 0 18px 0 6px; border-radius: 999px; background: var(--altin); color: var(--lac-1); font-weight: 750; font-size: .9rem; white-space: nowrap; transition: background-color .25s, transform .35s var(--e); }
.ch-tel-hap > .ch-ikon { width: 36px; height: 36px; padding: 9px; border-radius: 50%; background: var(--lac-1); color: var(--altin-2); }
.ch-tel-hap span { display: flex; flex-direction: column; line-height: 1.1; }
.ch-tel-hap small { font-size: .66rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; opacity: .7; }
.ch-tel-hap:hover { background: var(--altin-2); }
.ch-menu-ac { display: none; align-items: center; gap: 10px; height: 46px; padding: 0 16px 0 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .25); color: #fff; font: 750 .74rem/1 var(--sans); letter-spacing: .16em; }
.ch-menu-cizgi { display: flex; flex-direction: column; gap: 4px; width: 18px; }
.ch-menu-cizgi i { display: block; height: 1.6px; background: currentColor; border-radius: 2px; }
.ch-menu-cizgi i:nth-child(2) { width: 70%; margin-left: auto; }

/* ---------- Mobil çekmece ---------- */
.ch-cekmece { position: fixed; inset: 0; z-index: 90; visibility: hidden; pointer-events: none; }
.ch-cekmece-perde { position: absolute; inset: 0; background: rgba(6, 18, 29, .55); opacity: 0; transition: opacity .3s; }
.ch-cekmece-ic { position: absolute; top: 0; right: 0; bottom: 0; width: min(420px, 92vw); background: var(--lac-1); color: #fff; display: flex; flex-direction: column; gap: 18px; padding: 18px 22px calc(22px + env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; transform: translateX(104%); transition: transform .42s var(--e); }
html.ch-menu-acik .ch-cekmece { visibility: visible; pointer-events: auto; }
html.ch-menu-acik .ch-cekmece-perde { opacity: 1; }
html.ch-menu-acik .ch-cekmece-ic { transform: none; }
.ch-cekmece-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ch-logo-cekmece .ch-logo-ad { width: 124px; }
.ch-logo-cekmece .ch-logo-amblem { width: 42px; height: 42px; }
.ch-cekmece-kapat { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .2); }
.ch-cekmece-ara { display: flex; align-items: center; gap: 12px; height: 54px; padding: 0 18px; border-radius: 14px; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .12); color: var(--acik-soluk); text-align: left; font-size: .93rem; }
.ch-cekmece-ara .ch-ikon { color: var(--altin); }
.ch-cekmece-liste { list-style: none; }
.ch-cekmece-liste > li { border-bottom: 1px solid rgba(255, 255, 255, .08); }
.ch-cekmece-liste > li > a, .ch-cekmece-acilir > button { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 15px 2px; font: 520 1.22rem/1.2 var(--serif); text-align: left; }
.ch-cekmece-acilir > button .ch-ikon { color: var(--altin); transition: transform .3s var(--e); }
.ch-cekmece-acilir > button[aria-expanded="true"] .ch-ikon { transform: rotate(180deg); }
.ch-cekmece-acilir ul { list-style: none; padding: 0 0 12px; display: grid; gap: 2px; }
.ch-cekmece-acilir ul a { display: flex; align-items: center; gap: 12px; padding: 9px 4px; color: var(--acik-soluk); font-size: .95rem; }
.ch-cekmece-acilir ul a .ch-ikon { width: 18px; height: 18px; color: var(--altin); }
.ch-cekmece-acilir ul a strong { color: #fff; }
.ch-dil-cekmece { align-self: flex-start; }
.ch-cekmece-alt { margin-top: auto; display: grid; gap: 10px; }
.ch-cekmece-alt p { display: flex; gap: 10px; margin: 6px 0 0; font-size: .86rem; color: var(--acik-soluk); }
.ch-cekmece-alt p .ch-ikon { color: var(--altin); margin-top: 3px; }

/* ---------- Açılış ---------- */
.ch-giris { position: relative; isolation: isolate; color: #fff; background: var(--lac-1); padding: 170px 0 96px; min-height: min(100svh, 980px); display: flex; align-items: center; overflow: visible; overflow-x: clip; }
.ch-giris-zemin { position: absolute; inset: 0; z-index: -1; overflow: hidden; background: radial-gradient(90% 80% at 78% 40%, var(--lac-3) 0%, var(--lac-1) 58%, var(--lac-0) 100%); }
.ch-giris-doku { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .2; }
.ch-giris-zemin::after { content: ""; position: absolute; inset: auto 0 0 0; height: 40%; background: linear-gradient(180deg, transparent, rgba(6, 18, 29, .55)); }
.ch-isik { position: absolute; left: 0; top: 0; width: 760px; height: 760px; margin: -380px 0 0 -380px; border-radius: 50%; background: radial-gradient(circle, rgba(201, 164, 92, .16), rgba(201, 164, 92, 0) 62%); opacity: 0; transition: opacity .6s; will-change: transform; }
.ch-isik.var { opacity: 1; }
.ch-giris-halka { position: absolute; width: min(1080px, 120vw); aspect-ratio: 1; right: -18%; top: 50%; margin-top: calc(min(1080px, 120vw) / -2); will-change: transform; }
.ch-halkalar { width: 100%; height: 100%; fill: none; stroke: rgba(201, 164, 92, .2); stroke-width: 1; }
.ch-halka-eksen { stroke: rgba(201, 164, 92, .08); }
.ch-js .ch-giris-halka .ch-halkalar { transform: scale(.9) rotate(-8deg); opacity: 0; transition: transform 1.6s var(--e), opacity 1.2s; }
.ch-hazir .ch-giris-halka .ch-halkalar { transform: none; opacity: 1; }
.ch-giris-ic { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
.ch-giris h1 { margin: 0 0 22px; }
.ch-h1-buro { display: block; font: 700 .9rem/1.3 var(--sans); letter-spacing: .04em; color: var(--acik-soluk); margin-bottom: 14px; }
.ch-h1-ana { display: block; font-size: clamp(2.35rem, 1.5rem + 3.1vw, 3.75rem); line-height: 1.06; letter-spacing: -.02em; }
.ch-h1-ana em, .ch-sb h1 em, .ch-bolum-koyu h2 em, .ch-iletisim-kart h2 em, .ch-cagri-bant-baslik em, .ch-bb-acik h2 em { color: var(--altin-2); }
.ch-giris-ozet { font-size: 1.08rem; color: var(--acik-soluk); max-width: 560px; margin-bottom: 30px; }
.ch-giris-ara { position: relative; z-index: 5; max-width: 620px; }
.ch-giris-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 28px; }
.ch-giris-bag { display: inline-flex; align-items: center; gap: 12px; font-weight: 700; }
.ch-giris-bag > .ch-ikon { width: 42px; height: 42px; padding: 11px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .22); color: var(--altin-2); transition: background-color .25s, border-color .25s; }
.ch-giris-bag:hover > .ch-ikon { background: rgba(201, 164, 92, .14); border-color: var(--altin); }
.ch-giris-bag span { display: flex; flex-direction: column; line-height: 1.2; }
.ch-giris-bag small { font-size: .72rem; font-weight: 600; color: var(--acik-soluk); letter-spacing: .06em; }
.ch-giris-dil { display: inline-flex; align-items: center; gap: 8px; font: 700 .76rem/1 var(--sans); letter-spacing: .16em; color: var(--altin-2); padding: 10px 14px; border-radius: 999px; background: rgba(201, 164, 92, .1); border: 1px solid rgba(201, 164, 92, .25); }
.ch-giris-dil .ch-ikon { width: 16px; height: 16px; }
.ch-giris-muhur { position: relative; justify-self: center; width: min(520px, 100%); }
.ch-muhur { position: relative; aspect-ratio: 1; will-change: transform; }
.ch-muhur-yazi { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; will-change: transform; }
.ch-muhur-yazi text { fill: var(--altin-2); font: 700 9.4px/1 var(--sans); letter-spacing: .18em; }
.ch-muhur-gorsel { position: absolute; inset: 14%; border-radius: 50%; overflow: hidden; background: var(--lac-3); box-shadow: 0 0 0 1px rgba(201, 164, 92, .55), 0 0 0 10px rgba(255, 255, 255, .03), var(--golge-l); }
.ch-muhur-gorsel img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); transition: transform 1.6s var(--e); }
.ch-hazir .ch-muhur-gorsel img { transform: scale(1); }
.ch-muhur-cizgi { position: absolute; inset: 9.5%; border-radius: 50%; border: 1px dashed rgba(201, 164, 92, .4); }
.ch-yuzen { position: absolute; display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: 18px; background: rgba(10, 27, 43, .9); border: 1px solid rgba(255, 255, 255, .12); box-shadow: var(--golge-l); color: #fff; will-change: transform; transition: border-color .25s; }
a.ch-yuzen:hover { border-color: rgba(201, 164, 92, .6); }
.ch-yuzen strong { display: block; font: 600 1rem/1.2 var(--serif); }
.ch-yuzen small { display: block; color: var(--acik-soluk); font-size: .76rem; }
.ch-yuzen-1 { left: -6%; top: 10%; flex-direction: column; align-items: flex-start; gap: 2px; padding: 16px 20px; }
.ch-yuzen-1 strong { font-size: 2.4rem; line-height: 1; color: var(--altin-2); display: flex; align-items: baseline; gap: 6px; }
.ch-yuzen-1 strong small { font: 650 .9rem/1 var(--sans); color: var(--altin-2); }
.ch-yuzen-1 > span { font-size: .78rem; color: var(--acik-soluk); }
.ch-yuzen-2 { right: -8%; bottom: 20%; }
.ch-yuzen-amblem { width: 38px; height: 38px; }
.ch-yuzen-3 { left: 2%; bottom: 2%; }
.ch-yuzen-3 > .ch-ikon { width: 38px; height: 38px; padding: 9px; border-radius: 50%; background: var(--altin); color: var(--lac-1); }
.ch-giris-asagi { position: absolute; left: 50%; bottom: 26px; width: 26px; height: 42px; margin-left: -13px; border-radius: 14px; border: 1.5px solid rgba(255, 255, 255, .35); }
.ch-giris-asagi span { position: absolute; left: 50%; top: 8px; width: 3px; height: 8px; margin-left: -1.5px; border-radius: 2px; background: var(--altin); }
.ch-hazir .ch-giris-asagi span { animation: chFare 1.8s var(--e) 4; }
@keyframes chFare { 0% { transform: none; opacity: 1; } 70% { transform: translateY(12px); opacity: 0; } 100% { transform: none; opacity: 0; } }

/* ---------- Arama ---------- */
.ch-ara { position: relative; }
.ch-ara-alan { position: relative; display: flex; align-items: center; background: #fff; color: var(--metin); border-radius: 999px; box-shadow: 0 0 0 1px var(--cizgi), var(--golge); transition: box-shadow .25s; }
.ch-ara-alan:focus-within { box-shadow: 0 0 0 2px var(--altin), var(--golge); }
.ch-ara-buyutec { position: absolute; left: 22px; width: 22px !important; height: 22px !important; color: var(--marka); pointer-events: none; }
.ch-ara-alan input { flex: 1; min-width: 0; height: 64px; padding: 0 10px 0 58px; border: 0; background: transparent; font-size: 1.02rem; font-weight: 550; outline: none; }
.ch-ara-alan input::placeholder { color: #7a8796; font-weight: 500; }
.ch-ara-alan input::-webkit-search-cancel-button { display: none; }
.ch-ara-sil { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: var(--soluk); }
.ch-ara-sil:hover { background: var(--sis); }
.ch-ara-kisayol { margin-right: 10px; color: var(--soluk); }
.ch-ara-dugme { display: inline-flex; align-items: center; gap: 8px; height: 52px; margin-right: 6px; padding: 0 22px; border-radius: 999px; background: var(--lac-2); color: #fff; font-weight: 750; transition: background-color .25s; }
.ch-ara-dugme:hover { background: var(--marka); }
.ch-ara-dugme .ch-ikon { width: 18px; height: 18px; color: var(--altin-2); }
.ch-ara-oneriler { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; font-size: .84rem; }
.ch-ara-oneriler span { color: var(--acik-soluk); font-weight: 650; margin-right: 4px; }
.ch-ara-oneriler button { padding: 7px 13px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .18); color: #fff; font-weight: 600; transition: background-color .2s, border-color .2s; }
.ch-ara-oneriler button:hover { background: rgba(255, 255, 255, .1); border-color: var(--altin); }
.ch-ara-sayfa .ch-ara-oneriler span, .ch-pencere .ch-ara-oneriler span { color: var(--soluk); }
.ch-ara-sayfa .ch-ara-oneriler button, .ch-pencere .ch-ara-oneriler button { border-color: var(--cizgi); color: var(--metin); }
.ch-ara-sayfa .ch-ara-oneriler button:hover, .ch-pencere .ch-ara-oneriler button:hover { background: var(--sis); border-color: var(--altin); }
.ch-ara-sonuc { position: absolute; top: calc(100% + 10px); left: 0; right: 0; z-index: 30; max-height: 520px; overflow-y: auto; overscroll-behavior: contain; background: #fff; color: var(--metin); border-radius: 22px; box-shadow: var(--golge-l), 0 0 0 1px var(--cizgi); padding: 10px; }
.ch-ara-grup { margin: 10px 12px 6px; font: 750 .68rem/1 var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--altin-k); }
.ch-ara-oge { display: grid; grid-template-columns: 34px minmax(0, 1fr) 18px; align-items: center; gap: 2px 12px; padding: 10px 12px; border-radius: 14px; transition: background-color .15s; }
.ch-ara-oge-i { grid-row: span 2; width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--sis); color: var(--marka); }
.ch-ara-oge-i .ch-ikon { width: 17px; height: 17px; }
.ch-ara-oge strong { font-weight: 700; font-size: .95rem; line-height: 1.3; }
.ch-ara-oge mark { background: rgba(201, 164, 92, .28); color: inherit; border-radius: 3px; padding: 0 2px; }
.ch-ara-oge-a { grid-column: 2; font-size: .82rem; color: var(--soluk); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ch-ara-oge > .ch-ikon { grid-column: 3; grid-row: 1 / span 2; width: 16px; height: 16px; color: var(--soluk); opacity: 0; transform: translateX(-4px); transition: opacity .2s, transform .25s var(--e); }
.ch-ara-oge:hover, .ch-ara-oge.etkin { background: var(--sis); }
.ch-ara-oge:hover > .ch-ikon, .ch-ara-oge.etkin > .ch-ikon { opacity: 1; transform: none; }
.ch-ara-bilgi { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 14px; margin: 8px 12px 4px; padding-top: 10px; border-top: 1px solid var(--cizgi); font-size: .78rem; color: var(--soluk); }
.ch-ara-bilgi a { color: var(--marka); font-weight: 700; }
.ch-ara-bos { padding: 18px 14px; }
.ch-ara-bos strong { display: block; margin-bottom: 6px; }
.ch-ara-bos p { font-size: .9rem; color: var(--soluk); }
.ch-giris.ara-acik, .ch-sb.ara-acik { z-index: 6; }

/* Arama penceresi */
.ch-pencere { position: fixed; inset: 0; z-index: 95; visibility: hidden; pointer-events: none; }
.ch-pencere-perde { position: absolute; inset: 0; background: rgba(6, 18, 29, .72); opacity: 0; transition: opacity .25s; }
.ch-pencere-ic { position: absolute; left: 50%; top: max(5vh, 16px); width: min(780px, calc(100% - 24px)); max-height: calc(var(--vvh, 100vh) - max(10vh, 32px)); overflow-y: auto; overscroll-behavior: contain; background: #fff; border-radius: 28px; padding: 22px; box-shadow: var(--golge-l); opacity: 0; transform: translate(-50%, -14px) scale(.985); transition: opacity .22s, transform .35s var(--e); }
html.ch-pencere-acik .ch-pencere { visibility: visible; pointer-events: auto; }
html.ch-pencere-acik .ch-pencere-perde { opacity: 1; }
html.ch-pencere-acik .ch-pencere-ic { opacity: 1; transform: translate(-50%, 0); }
.ch-pencere-ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 16px; }
.ch-pencere-ust p { display: flex; align-items: center; gap: 12px; margin: 0; }
.ch-pencere-ust strong { display: block; font: 560 1.3rem/1.2 var(--serif); }
.ch-pencere-ust small { display: block; color: var(--soluk); font-size: .84rem; }
.ch-pencere-amblem { width: 42px; height: 42px; }
.ch-pencere-kapat { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; border: 1px solid var(--cizgi); font-weight: 700; font-size: .84rem; color: var(--metin-2); }
.ch-pencere-kapat:hover { background: var(--sis); }
.ch-ara-sekmeler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.ch-ara-sekmeler button { padding: 7px 13px; border-radius: 999px; font-size: .82rem; font-weight: 700; color: var(--soluk); border: 1px solid var(--cizgi); }
.ch-ara-sekmeler button.etkin { background: var(--lac-2); color: #fff; border-color: var(--lac-2); }
.ch-pencere .ch-ara-alan { box-shadow: 0 0 0 1px var(--cizgi-2); }
.ch-pencere .ch-ara-sonuc { position: static; box-shadow: none; padding: 6px 0 0; max-height: none; }
.ch-pencere-alanlar { margin-top: 20px; }
.ch-pencere.sorgu-var .ch-pencere-alanlar, .ch-pencere.sorgu-var .ch-pencere-alt, .ch-pencere.sorgu-var .ch-ara-oneriler { display: none; }
.ch-pencere-alanlar > span { display: block; margin-bottom: 10px; font: 750 .7rem/1 var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--altin-k); }
.ch-pencere-alanlar ul { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
.ch-pencere-alanlar a { display: flex; align-items: center; gap: 9px; padding: 8px 10px; border-radius: 12px; font-size: .85rem; font-weight: 650; }
.ch-pencere-alanlar a:hover { background: var(--sis); }
.ch-pencere-alanlar .ch-ikon { width: 17px; height: 17px; color: var(--marka); }
.ch-pencere-alt { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; padding-top: 16px; border-top: 1px solid var(--cizgi); }
.ch-pencere-alt a { display: inline-flex; align-items: center; gap: 7px; padding: 8px 13px; border-radius: 999px; background: var(--sis); font-size: .84rem; font-weight: 700; }
.ch-pencere-alt a:hover { background: var(--gumus-2); }
.ch-pencere-alt .ch-ikon { width: 16px; height: 16px; color: var(--altin-k); }

/* ---------- Bölümler ---------- */
.ch-bolum { position: relative; padding: clamp(68px, 8vw, 118px) 0; }
.ch-bolum-sis { background: var(--sis); }
.ch-bolum-koyu { background: var(--lac-1); color: #fff; overflow: hidden; isolation: isolate; }
.ch-bolum-koyu::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(70% 60% at 85% 0%, var(--lac-3), transparent 70%), radial-gradient(60% 60% at 0% 100%, rgba(201, 164, 92, .08), transparent 70%); }
.ch-bb { max-width: 720px; margin-bottom: clamp(32px, 4vw, 52px); }
.ch-bb h2 { font-size: clamp(1.85rem, 1.3rem + 1.7vw, 2.45rem); margin-bottom: 14px; }
.ch-bb p:not(.ch-etiket) { color: var(--soluk); font-size: 1.04rem; margin: 0; }
.ch-bb-orta { margin-inline: auto; text-align: center; }
.ch-bb-orta .ch-etiket { justify-content: center; }
.ch-bb-acik p:not(.ch-etiket) { color: var(--acik-soluk); }
.ch-bb-satir { max-width: none; display: flex; align-items: flex-end; justify-content: space-between; gap: 18px 40px; flex-wrap: wrap; }
.ch-bb-satir > div { max-width: 720px; }
.ch-bb-satir h2 { margin-bottom: 0; }
.ch-bb-satir > p:not(.ch-etiket) { max-width: 520px; }
.ch-kucuk-baslik { display: flex; align-items: center; gap: 8px; font: 750 .74rem/1.3 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--altin-k); margin: 0 0 12px; }
.ch-kucuk-baslik .ch-ikon { width: 16px; height: 16px; }
.ch-kucuk-not { font-size: .85rem; color: var(--soluk); }

/* ---------- Kim için ---------- */
.ch-kim-ust { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 26px; }
.ch-kim-sekme { position: relative; display: inline-flex; padding: 5px; border-radius: 999px; background: var(--sis); border: 1px solid var(--cizgi); overflow-x: auto; scrollbar-width: none; max-width: 100%; }
.ch-kim-sekme::-webkit-scrollbar { display: none; }
.ch-kim-sekme button { position: relative; z-index: 1; padding: 11px 20px; border-radius: 999px; font-weight: 700; font-size: .9rem; color: var(--metin-2); white-space: nowrap; transition: color .3s; }
.ch-kim-sekme button.etkin { color: #fff; }
.ch-kim-imlec { position: absolute; z-index: 0; top: 5px; bottom: 5px; left: 0; width: 0; border-radius: 999px; background: var(--lac-2); box-shadow: 0 8px 20px -10px rgba(6, 18, 29, .6); transition: transform .5s var(--e), width .5s var(--e); }
.ch-terazi { flex: none; color: var(--marka); }
.ch-terazi svg { width: 96px; height: 64px; overflow: visible; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.ch-terazi circle { fill: var(--altin); stroke: none; }
.ch-terazi-kol { transform-origin: 60px 22px; transform: rotate(var(--egim, 0deg)); transition: transform .9s cubic-bezier(.34, 1.56, .64, 1); }
.ch-terazi-ip { stroke-width: 1.2; }
.ch-terazi-kefe { fill: rgba(201, 164, 92, .25); stroke: var(--altin-k); }
.ch-kim-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.ch-kim-kart { position: relative; isolation: isolate; display: grid; grid-template-columns: 46px minmax(0, 1fr) 18px; align-items: center; gap: 14px; min-height: 96px; padding: 16px 16px; border-radius: var(--r); background: #fff; border: 1px solid var(--cizgi); overflow: hidden; transition: border-color .3s, box-shadow .4s var(--e), transform .4s var(--e), color .3s; }
.ch-kim-gorsel { position: absolute; inset: 0; z-index: -1; opacity: 0; transition: opacity .45s; }
.ch-kim-gorsel img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); transition: transform .9s var(--e); }
.ch-kim-gorsel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, rgba(10, 27, 43, .94) 30%, rgba(10, 27, 43, .66)); }
.ch-kim-ikon { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: var(--sis); color: var(--marka); transition: background-color .3s, color .3s; }
.ch-kim-ikon .ch-ikon { width: 22px; height: 22px; }
.ch-kim-metin { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ch-kim-metin strong { font: 560 1.06rem/1.25 var(--serif); }
.ch-kim-metin small { font-size: .78rem; color: var(--soluk); line-height: 1.35; transition: color .3s; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ch-kim-ok { width: 18px !important; height: 18px !important; color: var(--altin-k); transition: transform .35s var(--e), color .3s; }
.ch-kim-kart:hover { color: #fff; border-color: transparent; transform: translateY(-3px); box-shadow: var(--golge-l); }
.ch-kim-kart:hover .ch-kim-gorsel { opacity: 1; }
.ch-kim-kart:hover .ch-kim-gorsel img { transform: none; }
.ch-kim-kart:hover .ch-kim-ikon { background: rgba(201, 164, 92, .18); color: var(--altin-2); }
.ch-kim-kart:hover small { color: var(--acik-soluk); }
.ch-kim-kart:hover .ch-kim-ok { color: var(--altin-2); transform: translateX(3px); }
.ch-kim-kart.sakla { display: none; }
.ch-kim-kart.giriyor { animation: chKartGir .55s var(--e) both; animation-delay: calc(var(--i, 0) * 35ms); }
@keyframes chKartGir { from { opacity: 0; transform: translateY(14px) scale(.98); } to { opacity: 1; transform: none; } }
.ch-kim-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: 26px; }

/* ---------- Şerit ---------- */
.ch-serit { overflow: hidden; background: var(--lac-1); color: #fff; padding: 22px 0; border-block: 1px solid rgba(201, 164, 92, .2); }
.ch-serit-iz { display: flex; width: max-content; animation: chSerit 70s linear infinite; animation-play-state: paused; }
.ch-serit.oynuyor .ch-serit-iz { animation-play-state: running; }
.ch-serit-grup { display: flex; align-items: center; }
.ch-serit a { font: 500 clamp(1.3rem, 1rem + 1vw, 1.8rem)/1 var(--serif); padding: 0 26px; white-space: nowrap; color: rgba(255, 255, 255, .9); transition: color .2s; }
.ch-serit a:hover { color: var(--altin-2); }
.ch-serit-amblem { width: 26px; height: 26px; opacity: .9; }
@keyframes chSerit { to { transform: translateX(-50%); } }

/* ---------- Büro ---------- */
.ch-buro { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(36px, 6vw, 96px); align-items: center; }
.ch-buro-gorsel { position: relative; }
.ch-buro-cerceve { position: relative; border-radius: var(--r-xl); overflow: hidden; aspect-ratio: 4 / 5; box-shadow: var(--golge-l); }
.ch-buro-cerceve img { width: 100%; height: 112%; object-fit: cover; margin-top: -6%; will-change: transform; }
.ch-buro-gorsel::before { content: ""; position: absolute; inset: 22px -22px -22px 22px; border-radius: var(--r-xl); border: 1px solid var(--altin); z-index: -1; }
.ch-buro-rozet { position: absolute; right: -28px; bottom: 42px; display: flex; align-items: center; gap: 12px; padding: 14px 20px 14px 14px; border-radius: 999px; background: var(--lac-1); color: #fff; box-shadow: var(--golge-l); }
.ch-buro-rozet strong { display: block; font: 600 1.7rem/1 var(--serif); color: var(--altin-2); }
.ch-buro-rozet small { font-size: .74rem; color: var(--acik-soluk); letter-spacing: .1em; text-transform: uppercase; }
.ch-buro-amblem { width: 52px; height: 52px; }
.ch-sayilar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 30px 0; }
.ch-sayilar div { padding: 18px 16px; border-radius: var(--r); background: #fff; border: 1px solid var(--cizgi); }
.ch-sayilar dt { font-size: .76rem; font-weight: 700; color: var(--soluk); letter-spacing: .04em; }
.ch-sayilar dd { margin: 4px 0 0; font: 560 2rem/1.1 var(--serif); color: var(--marka); }
.ch-sayilar-dikey { grid-template-columns: 1fr 1fr; margin: 0; }
.ch-ilkeler { list-style: none; display: grid; gap: 16px; margin-bottom: 28px; }
.ch-ilkeler li { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; align-items: start; }
.ch-ilkeler .ch-ikon { width: 44px; height: 44px; padding: 11px; border-radius: 50%; background: var(--lac-1); color: var(--altin-2); }
.ch-ilkeler span { color: var(--soluk); font-size: .95rem; }
.ch-ilkeler strong { display: block; color: var(--metin); font-weight: 750; }

/* ---------- Ekip ---------- */
.ch-ekip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.ch-avukat { display: flex; flex-direction: column; border-radius: var(--r-l); overflow: hidden; background: #fff; border: 1px solid var(--cizgi); transition: transform .45s var(--e), box-shadow .45s var(--e); }
.ch-avukat:hover { transform: translateY(-4px); box-shadow: var(--golge-l); }
.ch-avukat-foto { position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--gumus-2); }
.ch-avukat-foto img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: transform .9s var(--e); }
.ch-avukat-foto::after { content: ""; position: absolute; inset: auto 0 0 0; height: 3px; background: var(--altin); transform: scaleX(0); transform-origin: 0 50%; transition: transform .6s var(--e); }
.ch-avukat:hover .ch-avukat-foto img { transform: scale(1.04); }
.ch-avukat:hover .ch-avukat-foto::after { transform: scaleX(1); }
.ch-avukat-metin { padding: 18px 20px 22px; }
.ch-avukat-unvan { margin: 0 0 4px; font: 750 .7rem/1.2 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--altin-k); }
.ch-avukat h3 { font-size: 1.32rem; margin-bottom: 12px; }
.ch-kisi-bilgi { list-style: none; display: grid; gap: 7px; font-size: .84rem; color: var(--soluk); line-height: 1.4; }
.ch-kisi-bilgi li { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 9px; }
.ch-kisi-bilgi .ch-ikon { width: 17px; height: 17px; color: var(--marka); margin-top: 1px; }

.ch-ekip-tam { display: grid; gap: 26px; }
.ch-profil { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); align-items: center; padding: 22px; border-radius: var(--r-xl); background: #fff; border: 1px solid var(--cizgi); scroll-margin-top: 110px; }
.ch-profil:nth-child(even) { background: var(--sis); }
.ch-profil-foto { border-radius: var(--r-l); overflow: hidden; aspect-ratio: 4 / 5; }
.ch-profil-foto img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); }
.ch-profil-metin h2 { font-size: clamp(1.6rem, 1.3rem + 1vw, 2.1rem); }
.ch-profil-metin .ch-kisi-bilgi { font-size: .96rem; gap: 10px; margin-bottom: 18px; }
.ch-profil-not { display: flex; align-items: center; gap: 8px; font-weight: 650; color: var(--metin-2); }
.ch-profil-not .ch-ikon { color: var(--altin); }
.ch-profil-alan { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.ch-profil-alan a { display: inline-block; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--cizgi-2); font-size: .82rem; font-weight: 700; color: var(--marka); }
.ch-profil-alan a:hover { border-color: var(--marka); }
.ch-profil-eylem { display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 0; }
.ch-profil-kucuk { grid-template-columns: 180px minmax(0, 1fr); padding: 16px; }
.ch-profil-kucuk h2 { font-size: 1.4rem; }

/* ---------- Süreç ---------- */
.ch-surec { position: relative; list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px; counter-reset: s; }
.ch-surec-cizgi { position: absolute; top: 31px; left: 31px; right: 12%; height: 1px; background: rgba(255, 255, 255, .15); }
.ch-surec-cizgi span { display: block; height: 100%; background: linear-gradient(90deg, var(--altin), var(--altin-2)); transform-origin: 0 50%; transform: scaleX(var(--p, 0)); }
.ch-surec li { position: relative; }
.ch-surec-no { position: relative; display: grid; place-items: center; width: 62px; height: 62px; border-radius: 50%; background: var(--lac-2); border: 1px solid rgba(255, 255, 255, .16); color: var(--altin-2); margin-bottom: 22px; transition: background-color .5s, border-color .5s, color .5s; }
.ch-surec-no .ch-ikon { width: 24px; height: 24px; }
.ch-surec-no small { position: absolute; top: -4px; right: -4px; width: 24px; height: 24px; border-radius: 50%; background: var(--altin); color: var(--lac-1); font: 800 .72rem/24px var(--sans); text-align: center; }
.ch-surec li.gecti .ch-surec-no { background: var(--altin); border-color: var(--altin); color: var(--lac-1); }
.ch-surec h3 { font-size: 1.32rem; }
.ch-surec p { color: var(--acik-soluk); font-size: .95rem; margin: 0; }

/* ---------- Araçlar ---------- */
.ch-araclar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.ch-arac { position: relative; display: flex; flex-direction: column; padding: 0 22px 22px; border-radius: var(--r-l); background: #fff; border: 1px solid var(--cizgi); overflow: hidden; transition: transform .45s var(--e), box-shadow .45s var(--e); }
.ch-arac:hover { transform: translateY(-4px); box-shadow: var(--golge-l); }
.ch-arac-gorsel { display: block; margin: 0 -22px; aspect-ratio: 16 / 10; overflow: hidden; }
.ch-arac-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--e); }
.ch-arac:hover .ch-arac-gorsel img { transform: scale(1.06); }
.ch-arac-ikon { position: relative; width: 52px; height: 52px; margin: -26px 0 14px; border-radius: 16px; display: grid; place-items: center; background: var(--lac-1); color: var(--altin-2); box-shadow: 0 0 0 5px #fff; }
.ch-arac-ikon .ch-ikon { width: 24px; height: 24px; }
.ch-arac strong { font: 560 1.25rem/1.25 var(--serif); margin-bottom: 8px; }
.ch-arac-a { color: var(--soluk); font-size: .9rem; line-height: 1.55; margin-bottom: 16px; }
.ch-arac-bag { margin-top: auto; display: inline-flex; align-items: center; gap: 8px; font-weight: 750; color: var(--marka); }
.ch-arac-bag .ch-ikon { width: 17px; height: 17px; transition: transform .35s var(--e); }
.ch-arac:hover .ch-arac-bag .ch-ikon { transform: translateX(4px); }

/* ---------- Makale kartları ---------- */
.ch-yazilar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.ch-ykart { display: flex; flex-direction: column; border-radius: var(--r-l); background: #fff; border: 1px solid var(--cizgi); overflow: hidden; transition: transform .45s var(--e), box-shadow .45s var(--e); }
.ch-ykart:hover { transform: translateY(-4px); box-shadow: var(--golge-l); }
.ch-ykart-gorsel { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--gumus-2); }
.ch-ykart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--e); }
.ch-ykart:hover .ch-ykart-gorsel img { transform: scale(1.05); }
.ch-ykart-dinle { position: absolute; left: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border-radius: 999px; background: rgba(10, 27, 43, .88); color: #fff; font-size: .74rem; font-weight: 750; }
.ch-ykart-dinle .ch-ikon { width: 14px; height: 14px; color: var(--altin-2); }
.ch-ykart-metin { padding: 20px 22px 24px; display: flex; flex-direction: column; }
.ch-ykart-kat { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; margin: 0 0 10px; font: 750 .7rem/1.3 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--altin-k); }
.ch-ykart-kat span { color: var(--soluk); letter-spacing: .04em; text-transform: none; font-weight: 600; }
.ch-ykart-kat span::before { content: "·"; margin-right: 10px; }
.ch-ykart h3 { font-size: 1.24rem; line-height: 1.28; margin-bottom: 10px; }
.ch-ykart h3 a { background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size .45s var(--e); }
.ch-ykart:hover h3 a { background-size: 100% 1px; }
.ch-ykart p:not(.ch-ykart-kat) { margin: 0; font-size: .91rem; color: var(--soluk); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ch-ykart.sakla { display: none; }
.ch-vitrin { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 22px; }
.ch-ykart-buyuk h3 { font-size: clamp(1.4rem, 1.1rem + 1vw, 1.85rem); }
.ch-ykart-buyuk .ch-ykart-gorsel { aspect-ratio: 16 / 9.5; }
.ch-vitrin-yan { display: grid; gap: 16px; }
.ch-ykart-yatay { display: grid; grid-template-columns: 170px minmax(0, 1fr); }
.ch-ykart-yatay .ch-ykart-gorsel { aspect-ratio: auto; height: 100%; min-height: 140px; }
.ch-ykart-yatay .ch-ykart-metin { padding: 16px 18px; }
.ch-ykart-yatay h3 { font-size: 1.08rem; }
.ch-ykart-yatay p:not(.ch-ykart-kat) { -webkit-line-clamp: 2; font-size: .86rem; }
.ch-populer-kap { margin-top: 34px; }
.ch-populer { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; }
.ch-populer a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px; background: #fff; border: 1px solid var(--cizgi); font-weight: 650; font-size: .9rem; transition: border-color .25s, color .25s, transform .3s var(--e); }
.ch-populer a:hover { border-color: var(--marka); color: var(--marka); transform: translateY(-2px); }
.ch-populer .ch-ikon { width: 15px; height: 15px; color: var(--altin-k); }
.ch-suzgec { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; }
.ch-suzgec button { padding: 9px 16px; border-radius: 999px; border: 1px solid var(--cizgi); font-weight: 700; font-size: .86rem; color: var(--metin-2); transition: background-color .2s, color .2s, border-color .2s; }
.ch-suzgec button:hover { border-color: var(--marka); }
.ch-suzgec button.etkin { background: var(--lac-2); color: #fff; border-color: var(--lac-2); }

/* ---------- Sorular ---------- */
.ch-sorular { display: grid; gap: 10px; }
.ch-soru { border-radius: var(--r); background: #fff; border: 1px solid var(--cizgi); transition: border-color .25s, box-shadow .3s; scroll-margin-top: 110px; }
.ch-soru[open] { border-color: var(--cizgi-2); box-shadow: var(--golge); }
.ch-soru summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; font: 560 1.08rem/1.35 var(--serif); }
.ch-soru summary::-webkit-details-marker { display: none; }
.ch-soru summary::after { content: ""; flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--sis) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23003151' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / 14px no-repeat; transition: transform .35s var(--e), background-color .25s; }
.ch-soru[open] summary::after { transform: rotate(45deg); background-color: var(--altin-2); }
.ch-soru-ic { padding: 0 20px 18px; color: var(--metin-2); font-size: .97rem; }
.ch-soru[open] .ch-soru-ic { animation: chAcil .45s var(--e); }
.ch-soru-ic p:last-child { margin: 0; }
.ch-soru-ic a { color: var(--marka); font-weight: 650; text-decoration: underline; text-underline-offset: 3px; }
@keyframes chAcil { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.ch-sss-ana { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 80px); align-items: start; }
.ch-sss-ana-sol { position: sticky; top: 110px; }
.ch-sss-ana-sol h2 { font-size: clamp(1.85rem, 1.3rem + 1.7vw, 2.45rem); }
.ch-sss-ana-sol p:not(.ch-etiket) { color: var(--soluk); }

/* ---------- İletişim ---------- */
.ch-bolum-iletisim { padding-top: 0; }
.ch-iletisim { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px; }
.ch-iletisim-kart { position: relative; isolation: isolate; overflow: hidden; padding: clamp(28px, 4vw, 48px); border-radius: var(--r-xl); background: var(--lac-1); color: #fff; }
.ch-iletisim-kart::before { content: ""; position: absolute; width: 520px; height: 520px; right: -200px; top: -200px; z-index: -1; border-radius: 50%; border: 1px solid rgba(201, 164, 92, .2); box-shadow: 0 0 0 60px rgba(201, 164, 92, .025), 0 0 0 120px rgba(201, 164, 92, .02); }
.ch-iletisim-kart h2 { font-size: clamp(1.8rem, 1.3rem + 1.6vw, 2.4rem); }
.ch-iletisim-ozet { color: var(--acik-soluk); }
.ch-bilgi { list-style: none; display: grid; gap: 16px; margin: 26px 0 30px; }
.ch-bilgi li { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 14px; align-items: start; }
.ch-bilgi li > .ch-ikon { width: 42px; height: 42px; padding: 11px; border-radius: 12px; background: rgba(255, 255, 255, .06); color: var(--altin-2); border: 1px solid rgba(255, 255, 255, .1); }
.ch-bilgi span { display: flex; flex-direction: column; gap: 2px; font-weight: 650; }
.ch-bilgi small { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--acik-soluk); font-weight: 700; }
.ch-bilgi a:hover { color: var(--altin-2); }
.ch-harita { position: relative; height: 100%; min-height: 420px; border-radius: var(--r-xl); overflow: hidden; background: var(--lac-2); display: grid; place-items: center; isolation: isolate; color: #fff; }
.ch-harita > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .55; z-index: -1; }
.ch-harita-ic { padding: 30px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; max-width: 380px; }
.ch-harita-ic > .ch-ikon { width: 58px; height: 58px; padding: 15px; border-radius: 50%; background: var(--altin); color: var(--lac-1); box-shadow: 0 0 0 10px rgba(201, 164, 92, .2); }
.ch-harita-ic p { margin: 0; color: var(--acik); }
.ch-harita-ic strong { display: block; font: 560 1.3rem/1.3 var(--serif); color: #fff; }
.ch-harita-ic small { color: var(--acik-soluk); font-size: .76rem; }
.ch-harita iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; z-index: 2; }
.ch-harita.yuklendi .ch-harita-ic { visibility: hidden; }
.ch-ikartlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 40px; }
.ch-ikart { display: flex; flex-direction: column; gap: 4px; padding: 22px; border-radius: var(--r-l); background: #fff; border: 1px solid var(--cizgi); transition: transform .4s var(--e), box-shadow .4s, border-color .3s; min-width: 0; }
.ch-ikart:hover { transform: translateY(-3px); box-shadow: var(--golge-l); border-color: transparent; }
.ch-ikart > .ch-ikon { width: 46px; height: 46px; padding: 12px; border-radius: 14px; background: var(--lac-1); color: var(--altin-2); margin-bottom: 12px; }
.ch-ikart small { font: 750 .7rem/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--altin-k); }
.ch-ikart strong { font: 560 1.12rem/1.3 var(--serif); overflow-wrap: anywhere; }
.ch-ikart span { font-size: .85rem; color: var(--soluk); }
.ch-iletisim-sayfa { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 28px; align-items: stretch; }
.ch-adres-buyuk { font: 500 1.3rem/1.45 var(--serif); }
.ch-bilgi-tablo { display: grid; gap: 0; margin: 0 0 22px; border-top: 1px solid var(--cizgi); }
.ch-bilgi-tablo div { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--cizgi); }
.ch-bilgi-tablo dt { color: var(--soluk); font-size: .88rem; font-weight: 650; }
.ch-bilgi-tablo dd { margin: 0; font-weight: 650; }
.ch-bilgi-tablo a { color: var(--marka); }

/* ---------- Görüşme bandı ---------- */
.ch-cagri-bant { position: relative; isolation: isolate; overflow: hidden; background: var(--lac-1); color: #fff; padding: clamp(56px, 7vw, 90px) 0; }
.ch-cagri-zemin { position: absolute; inset: 0; z-index: -1; }
.ch-cagri-halka { position: absolute; width: 900px; height: 900px; left: -260px; top: 50%; margin-top: -450px; }
.ch-cagri-bant-ic { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 26px 40px; }
.ch-cagri-bant-ic > div:first-child { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 20px; align-items: center; }
.ch-cagri-amblem { width: 70px; height: 70px; grid-row: span 2; }
.ch-cagri-bant .ch-etiket { margin: 0; }
.ch-cagri-bant-baslik { margin: 0; font: 520 clamp(1.6rem, 1.2rem + 1.4vw, 2.2rem)/1.2 var(--serif); }

/* ---------- Alt bilgi ---------- */
.ch-alt { position: relative; isolation: isolate; overflow: hidden; background: var(--lac-0); color: var(--acik-soluk); padding: 76px 0 calc(28px + env(safe-area-inset-bottom)); font-size: .93rem; }
.ch-alt-filigran { position: absolute; right: -140px; top: -120px; z-index: -1; opacity: .05; --a-zemin: transparent; --a-figur: #fff; }
.ch-alt-amblem { width: 620px; height: 620px; }
.ch-alt-ust { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 40px; padding-bottom: 42px; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.ch-alt-kimlik p { max-width: 460px; margin: 20px 0 16px; }
.ch-alt-sosyal { display: flex; gap: 10px; }
.ch-alt-sosyal a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .12); color: #fff; font-weight: 650; font-size: .84rem; transition: border-color .2s; }
.ch-alt-sosyal a:hover { border-color: var(--altin); }
.ch-alt-sosyal .ch-ikon { width: 16px; height: 16px; color: var(--altin-2); }
.ch-alt .ch-bilgi { margin: 0; }
.ch-alt .ch-bilgi span { color: #fff; }
.ch-alt-kolonlar { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr) minmax(0, .9fr); gap: 32px; padding: 42px 0; }
.ch-alt-baslik { margin: 0 0 16px; font: 750 .74rem/1 var(--sans); letter-spacing: .18em; text-transform: uppercase; color: var(--altin-2); }
.ch-alt-kolonlar ul { list-style: none; display: grid; gap: 9px; }
.ch-alt-alanlar ul { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; }
.ch-alt-kolonlar a { transition: color .2s; }
.ch-alt-kolonlar a:hover { color: #fff; }
.ch-alt-son { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 28px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, .08); font-size: .84rem; }
.ch-alt-son p { margin: 0; }
.ch-alt-yasal { display: flex; flex-wrap: wrap; gap: 18px; }
.ch-alt-yasal a:hover, .ch-alt-imza a:hover { color: #fff; }
.ch-alt-imza a { color: var(--altin-2); font-weight: 700; }
.ch-alt-not { margin: 22px 0 0; font-size: .78rem; opacity: .75; max-width: 900px; }

/* ---------- Hızlı erişim ve başa dön ---------- */
.ch-dok { display: none; }
.ch-yukari { position: fixed; right: 22px; bottom: 22px; z-index: 40; width: 52px; height: 52px; border-radius: 50%; background: var(--lac-1); color: #fff; display: grid; place-items: center; box-shadow: var(--golge-l); opacity: 0; transform: translateY(16px) scale(.9); pointer-events: none; transition: opacity .3s, transform .4s var(--e); }
.ch-yukari.gorunur { opacity: 1; transform: none; pointer-events: auto; }
.ch-yukari > .ch-ikon { width: 20px; height: 20px; color: var(--altin-2); }
.ch-yukari-halka { position: absolute; inset: 2px; width: 48px; height: 48px; transform: rotate(-90deg); fill: none; stroke-width: 2; }
.ch-yukari-iz { stroke: rgba(255, 255, 255, .12); }
.ch-yukari-dolu { stroke: var(--altin); stroke-dasharray: 100; stroke-dashoffset: 100; }
.ch-bildirim { position: fixed; left: 50%; bottom: 28px; z-index: 130; padding: 12px 20px; border-radius: 999px; background: var(--lac-1); color: #fff; font-weight: 650; font-size: .9rem; box-shadow: var(--golge-l); opacity: 0; transform: translate(-50%, 16px); pointer-events: none; transition: opacity .3s, transform .4s var(--e); }
.ch-bildirim.gorunur { opacity: 1; transform: translate(-50%, 0); }

/* ---------- Sayfa başı ---------- */
.ch-sb { position: relative; isolation: isolate; overflow: visible; overflow-x: clip; background: var(--lac-1); color: #fff; padding: 168px 0 clamp(56px, 6vw, 84px); }
.ch-sb-zemin { position: absolute; inset: 0; z-index: -1; overflow: hidden; background: radial-gradient(80% 90% at 90% 10%, var(--lac-3), var(--lac-1) 60%, var(--lac-0)); }
.ch-sb-doku { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .16; }
.ch-sb-halka { position: absolute; width: 900px; height: 900px; right: -260px; top: -260px; will-change: transform; }
.ch-sb-ic { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; align-items: center; }
.ch-sb-gorselli .ch-sb-ic { grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); }
.ch-sb h1 { font-size: clamp(2.1rem, 1.45rem + 2.4vw, 3.3rem); line-height: 1.1; margin-bottom: 18px; max-width: 900px; }
.ch-sb-ozet { color: var(--acik-soluk); font-size: 1.08rem; max-width: 720px; margin-bottom: 0; }
.ch-sb-ek { margin-top: 26px; }
.ch-sb-dinle { margin-top: 26px; max-width: 640px; }
.ch-sb-gorsel { position: relative; margin: 0; justify-self: end; width: 100%; max-width: 440px; }
.ch-sb-cerceve { position: relative; border-radius: 220px 220px var(--r-xl) var(--r-xl); overflow: hidden; aspect-ratio: 4 / 4.4; box-shadow: var(--golge-l); }
.ch-sb-cerceve img { width: 100%; height: 100%; object-fit: cover; }
.ch-sb-cizgi { position: absolute; inset: -14px -14px 14px 14px; border-radius: 230px 230px 38px 38px; border: 1px solid rgba(201, 164, 92, .55); z-index: -1; }
.ch-iz { margin-bottom: 22px; font-size: .84rem; }
.ch-iz ol { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; }
.ch-iz li { display: inline-flex; align-items: center; color: var(--acik-soluk); }
.ch-iz li + li::before { content: ""; width: 5px; height: 5px; margin: 0 11px; border-top: 1.5px solid var(--altin); border-right: 1.5px solid var(--altin); transform: rotate(45deg); }
.ch-iz a { color: #fff; font-weight: 600; opacity: .85; }
.ch-iz a:hover { opacity: 1; color: var(--altin-2); }
.ch-iz [aria-current] span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 46ch; display: inline-block; }
.ch-sb-konular { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.ch-sb-konular a { display: inline-block; padding: 7px 13px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .18); font-size: .84rem; font-weight: 650; color: var(--acik); transition: border-color .2s, background-color .2s; }
.ch-sb-konular a:hover { border-color: var(--altin); background: rgba(201, 164, 92, .1); }
.ch-sb-ara { max-width: 640px; }
.ch-sb-makale h1 { font-size: clamp(2rem, 1.4rem + 2.2vw, 3.05rem); }
.ch-kunye { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; font-size: .86rem; color: var(--acik-soluk); }
.ch-kunye > span { display: inline-flex; align-items: center; gap: 7px; }
.ch-kunye > span > .ch-ikon { width: 16px; height: 16px; color: var(--altin); }
.ch-kunye-buro { gap: 10px !important; }
.ch-kunye-buro strong { display: block; color: #fff; font-weight: 750; line-height: 1.2; }
.ch-kunye-buro small { display: block; font-size: .74rem; }
.ch-kunye-amblem { width: 36px; height: 36px; }
.ch-kunye-dugme { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .18); color: #fff; font-weight: 650; font-size: .8rem; }
.ch-kunye-dugme:hover { border-color: var(--altin); }
.ch-kunye-dugme .ch-ikon { width: 15px; height: 15px; }

/* ---------- Dinleme oynatıcısı ---------- */
.ch-dinle-yer { position: relative; }
.ch-dinle { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 10px 12px 10px 10px; border-radius: 999px; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .14); color: #fff; }
.ch-dinle-oynat { width: 56px; height: 56px; border-radius: 50%; background: var(--altin); color: var(--lac-1); display: grid; place-items: center; transition: transform .3s var(--e), background-color .2s; }
.ch-dinle-oynat:hover { transform: scale(1.05); background: var(--altin-2); }
.ch-dinle-oynat-ic { position: relative; width: 22px; height: 22px; }
.ch-dinle-oynat .ch-ikon { position: absolute; inset: 0; width: 22px; height: 22px; transition: opacity .2s, transform .3s var(--e); }
.ch-dinle-i-oynat { margin-left: 2px; }
.ch-dinle-i-duraklat { opacity: 0; transform: scale(.6); }
.ch-dinle.caliyor .ch-dinle-i-oynat { opacity: 0; transform: scale(.6); }
.ch-dinle.caliyor .ch-dinle-i-duraklat { opacity: 1; transform: none; }
.ch-dinle-baslik { margin: 0 0 6px; display: flex; flex-direction: column; line-height: 1.25; }
.ch-dinle-baslik strong { font-weight: 750; font-size: .95rem; }
.ch-dinle-baslik span { font-size: .78rem; color: var(--acik-soluk); }
.ch-dinle-cubuk { display: block; height: 3px; border-radius: 3px; background: rgba(255, 255, 255, .14); overflow: hidden; }
.ch-dinle-cubuk i { display: block; height: 100%; background: var(--altin); transform-origin: 0 50%; transform: scaleX(0); transition: transform .4s linear; }
.ch-dinle-dalga { display: none; }
.ch-dinle-araclar { display: flex; align-items: center; gap: 2px; }
.ch-dinle-araclar button { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; color: var(--acik); font: 800 .78rem/1 var(--sans); transition: background-color .2s; }
.ch-dinle-araclar button:hover { background: rgba(255, 255, 255, .1); }
.ch-dinle-araclar .ch-ikon { width: 16px; height: 16px; }
.ch-dinle:not(.basladi) [data-dinle-geri], .ch-dinle:not(.basladi) [data-dinle-ileri], .ch-dinle:not(.basladi) [data-dinle-dur] { display: none; }
.ch-dinle.yuzer { position: fixed; left: 50%; bottom: 18px; z-index: 70; width: min(560px, calc(100% - 24px)); transform: translateX(-50%); background: rgba(10, 27, 43, .97); box-shadow: var(--golge-l); animation: chYuzer .4s var(--e); }
@keyframes chYuzer { from { opacity: 0; transform: translate(-50%, 20px); } to { opacity: 1; transform: translateX(-50%); } }
.ch-okunuyor { background: linear-gradient(90deg, rgba(201, 164, 92, .16), rgba(201, 164, 92, .05)); box-shadow: -14px 0 0 rgba(201, 164, 92, .16), -16px 0 0 var(--altin); border-radius: 4px; transition: background-color .3s; }

/* ---------- İki sütun, metin ---------- */
.ch-govde { padding: clamp(48px, 6vw, 84px) 0; }
.ch-iki { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: clamp(32px, 4.5vw, 68px); align-items: start; }
.ch-metin { font-size: 1.06rem; line-height: 1.8; color: var(--metin-2); min-width: 0; }
.ch-metin > :first-child { margin-top: 0; }
.ch-metin h2 { font-size: clamp(1.55rem, 1.25rem + 1vw, 2rem); color: var(--metin); margin: 1.9em 0 .6em; scroll-margin-top: 110px; }
.ch-metin h3 { font-size: 1.32rem; color: var(--metin); margin: 1.6em 0 .5em; }
.ch-metin h4 { font: 750 1rem/1.4 var(--sans); color: var(--metin); margin: 1.4em 0 .4em; }
.ch-metin p { margin: 0 0 1.1em; }
.ch-metin a:not([class]) { color: var(--marka); font-weight: 650; text-decoration: underline; text-decoration-color: rgba(0, 49, 81, .3); text-underline-offset: 3px; transition: text-decoration-color .2s; }
.ch-metin a:not([class]):hover { text-decoration-color: currentColor; }
.ch-metin strong { color: var(--metin); font-weight: 750; }
.ch-metin > ul:not([class]), .ch-metin > ol:not([class]), .ch-konu ul:not([class]), .ch-konu ol:not([class]), .ch-metin section > ul:not([class]) { margin: 0 0 1.3em; padding-left: 0; list-style: none; display: grid; gap: 9px; }
.ch-metin > ul:not([class]) li, .ch-konu ul:not([class]) li, .ch-metin section > ul:not([class]) li { position: relative; padding-left: 26px; }
.ch-metin > ul:not([class]) li::before, .ch-konu ul:not([class]) li::before, .ch-metin section > ul:not([class]) li::before { content: ""; position: absolute; left: 4px; top: .72em; width: 8px; height: 8px; border-radius: 50%; border: 2px solid var(--altin); }
.ch-metin > ol:not([class]), .ch-konu ol:not([class]) { counter-reset: m; }
.ch-metin > ol:not([class]) li, .ch-konu ol:not([class]) li { position: relative; padding-left: 38px; counter-increment: m; }
.ch-metin > ol:not([class]) li::before, .ch-konu ol:not([class]) li::before { content: counter(m); position: absolute; left: 0; top: .15em; width: 26px; height: 26px; border-radius: 50%; background: var(--lac-1); color: var(--altin-2); font: 800 .76rem/26px var(--sans); text-align: center; }
.ch-metin blockquote { margin: 1.6em 0; padding: 20px 24px; border-left: 3px solid var(--altin); background: var(--sis); border-radius: 0 var(--r) var(--r) 0; font: 500 1.14rem/1.6 var(--serif); color: var(--metin); }
.ch-metin blockquote p:last-child { margin: 0; }
.ch-metin table:not(.ch-tablo) { width: 100%; border-collapse: collapse; margin: 0 0 1.4em; font-size: .94rem; }
.ch-metin table:not(.ch-tablo) th, .ch-metin table:not(.ch-tablo) td { padding: 10px 12px; border: 1px solid var(--cizgi); text-align: left; vertical-align: top; }
.ch-metin table:not(.ch-tablo) th { background: var(--sis); color: var(--metin); }
.ch-metin figure { margin: 1.6em 0; }
.ch-metin img { border-radius: var(--r); }
.ch-liste-onay { list-style: none; display: grid; gap: 12px; margin: 0 0 1.3em; }
.ch-liste-onay li { position: relative; padding-left: 34px; }
.ch-liste-onay li::before { content: ""; position: absolute; left: 0; top: .2em; width: 22px; height: 22px; border-radius: 50%; background: var(--lac-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e3c88f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat; }
.ch-sayfa-ic > .ch-bolum:first-child { padding-top: clamp(56px, 6vw, 88px); }
.ch-iki-esit { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.ch-iki-esit.ch-ters { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; }
.ch-yan-sayilar { position: sticky; top: 110px; }
.ch-cerceve-gorsel { margin: 0; border-radius: var(--r-xl); overflow: hidden; aspect-ratio: 4 / 3.3; box-shadow: var(--golge-l); }
.ch-cerceve-gorsel img { width: 100%; height: 112%; object-fit: cover; margin-top: -6%; }
.ch-kartlar-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.ch-kart { padding: 26px; border-radius: var(--r-l); background: #fff; border: 1px solid var(--cizgi); transition: transform .4s var(--e), box-shadow .4s; }
.ch-kart:hover { transform: translateY(-3px); box-shadow: var(--golge); }
.ch-kart > .ch-ikon { width: 48px; height: 48px; padding: 12px; border-radius: 14px; background: var(--lac-1); color: var(--altin-2); margin-bottom: 18px; }
.ch-kart h3 { font-size: 1.28rem; margin-bottom: 8px; }
.ch-kart p { color: var(--soluk); font-size: .94rem; margin: 0; }
.ch-kartlar-sik { margin: 26px 0 34px; }
.ch-kartlar-sik .ch-kart { padding: 22px; }

/* Bileşenler: not, bakış, adımlar, görüşme */
.ch-not { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 14px; margin: 1.6em 0; padding: 20px 22px; border-radius: var(--r); background: var(--sis); border: 1px solid var(--cizgi); font-size: .96rem; }
.ch-not > .ch-ikon { width: 40px; height: 40px; padding: 10px; border-radius: 12px; background: #fff; color: var(--marka); border: 1px solid var(--cizgi); }
.ch-not strong { display: block; color: var(--metin); margin-bottom: 4px; font-weight: 750; }
.ch-not p { margin: 0; color: var(--metin-2); }
.ch-not a { color: var(--marka); font-weight: 650; text-decoration: underline; text-underline-offset: 3px; }
.ch-not-altin { background: #fbf6ec; border-color: #ecdcb8; }
.ch-not-altin > .ch-ikon { color: var(--altin-k); border-color: #ecdcb8; }
.ch-not-sade { margin-top: 2.6em; }
.ch-bakis { margin: 1.6em 0 2em; padding: 6px 22px; border-radius: var(--r-l); background: #fff; border: 1px solid var(--cizgi); box-shadow: var(--golge); }
.ch-bakis-baslik { display: flex; align-items: center; gap: 8px; margin: 14px 0 4px; font: 750 .72rem/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--altin-k); }
.ch-bakis-baslik .ch-ikon { width: 15px; height: 15px; }
.ch-bakis dl { margin: 0; }
.ch-bakis dl div { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 16px; padding: 13px 0; border-top: 1px solid var(--cizgi); font-size: .95rem; line-height: 1.5; }
.ch-bakis dl div:first-child { border-top: 0; }
.ch-bakis dt { color: var(--soluk); font-weight: 650; }
.ch-bakis dd { margin: 0; color: var(--metin); font-weight: 700; }
.ch-adimlar { list-style: none; counter-reset: a; display: grid; gap: 4px; margin: 1.4em 0 2em; }
.ch-adimlar li { position: relative; counter-increment: a; padding: 0 0 18px 58px; }
.ch-adimlar li::before { content: counter(a); position: absolute; left: 0; top: 0; width: 40px; height: 40px; border-radius: 50%; background: var(--lac-1); color: var(--altin-2); font: 600 1.05rem/40px var(--serif); text-align: center; }
.ch-adimlar li::after { content: ""; position: absolute; left: 19.5px; top: 46px; bottom: 6px; width: 1px; background: var(--cizgi-2); }
.ch-adimlar li:last-child::after { display: none; }
.ch-adimlar strong { display: block; font: 560 1.14rem/1.3 var(--serif); color: var(--metin); margin: 7px 0 4px; }
.ch-adimlar p { margin: 0; color: var(--metin-2); font-size: .97rem; }
.ch-cagri { position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 18px 22px; align-items: center; margin: 2.6em 0 0; padding: clamp(24px, 3.5vw, 36px); border-radius: var(--r-xl); background: var(--lac-1); color: #fff; }
.ch-cagri::before { content: ""; position: absolute; right: -140px; bottom: -180px; z-index: -1; width: 380px; height: 380px; border-radius: 50%; border: 1px solid rgba(201, 164, 92, .25); box-shadow: 0 0 0 50px rgba(201, 164, 92, .03); }
.ch-cagri .ch-amblem { width: 64px; height: 64px; }
.ch-cagri-baslik { font: 540 1.4rem/1.25 var(--serif); color: #fff; margin: 0 0 6px !important; }
.ch-cagri p { color: var(--acik-soluk); margin: 0; font-size: .97rem; }
.ch-cagri .ch-dugmeler { grid-column: 1 / -1; }
.ch-satir-amblem { width: 64px; height: 64px; }

/* ---------- Alan sayfası ---------- */
.ch-alan-giris { font-size: 1.12rem; line-height: 1.75; color: var(--metin); }
.ch-alan-giris p:first-child::first-letter { float: left; font: 600 3.6em/.82 var(--serif); color: var(--marka); margin: .08em .12em 0 0; }
.ch-konu { position: relative; margin-top: 2.2em; padding-top: 2.2em; border-top: 1px solid var(--cizgi); scroll-margin-top: 110px; }
.ch-konu h2 { margin-top: 0; display: flex; align-items: baseline; gap: 14px; }
.ch-konu h2::before { content: ""; flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--altin); transform: translateY(-.12em); }
.ch-ilgili-yazilar { margin: 2.4em 0 0; padding: 22px 24px; border-radius: var(--r-l); background: var(--sis); }
.ch-ilgili-yazilar ul { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 22px; }
.ch-ilgili-yazilar a { display: block; padding: 6px 0; font-weight: 650; font-size: .95rem; color: var(--marka); border-bottom: 1px dashed var(--cizgi-2); }
.ch-ilgili-yazilar a:hover { border-bottom-style: solid; }
.ch-alan-sss { margin-top: 2.6em; }
.ch-alan-sss h2 { margin-top: 0; }

/* ---------- Yan sütun ---------- */
.ch-yan { position: sticky; top: 104px; display: grid; gap: 14px; }
.ch-yan-kutu { display: block; border-radius: var(--r-l); background: #fff; border: 1px solid var(--cizgi); padding: 20px; }
.ch-yan-baslik { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font: 750 .72rem/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--altin-k); }
.ch-yan-baslik .ch-ikon { width: 16px; height: 16px; }
.ch-icindekiler ol { list-style: none; display: grid; gap: 2px; max-height: 50vh; overflow-y: auto; margin-right: -8px; padding-right: 8px; }
.ch-icindekiler a { display: block; padding: 7px 10px 7px 14px; border-left: 2px solid var(--cizgi); font-size: .88rem; color: var(--soluk); line-height: 1.4; transition: color .2s, border-color .2s, background-color .2s; }
.ch-icindekiler a:hover { color: var(--metin); }
.ch-icindekiler a.etkin { color: var(--marka); font-weight: 700; border-color: var(--altin); background: linear-gradient(90deg, rgba(201, 164, 92, .1), transparent); }
.ch-yan-alan { position: relative; isolation: isolate; overflow: hidden; padding: 0; min-height: 150px; display: flex; align-items: flex-end; color: #fff; border: 0; }
.ch-yan-alan img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .8s var(--e); }
.ch-yan-alan::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(6, 18, 29, .2), rgba(6, 18, 29, .9)); }
.ch-yan-alan:hover img { transform: scale(1.06); }
.ch-yan-alan-metin { padding: 18px 20px; display: flex; flex-direction: column; gap: 2px; }
.ch-yan-alan-metin small { font: 750 .68rem/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--altin-2); }
.ch-yan-alan-metin strong { font: 560 1.2rem/1.25 var(--serif); }
.ch-yan-alan > .ch-ikon { position: absolute; top: 16px; right: 16px; width: 34px; height: 34px; padding: 8px; border-radius: 50%; background: rgba(255, 255, 255, .14); color: #fff; }
.ch-yan-gorusme { background: var(--lac-1); color: #fff; border: 0; }
.ch-yan-gorusme .ch-yan-baslik { color: var(--altin-2); }
.ch-yan-tel { display: flex; align-items: center; gap: 10px; font: 560 1.35rem/1.2 var(--serif); margin-bottom: 14px; }
.ch-yan-tel .ch-ikon { width: 22px; height: 22px; color: var(--altin); }
.ch-yan-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ch-yan-iki a { display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 44px; border-radius: 12px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .12); font-weight: 700; font-size: .86rem; transition: background-color .2s; }
.ch-yan-iki a:hover { background: rgba(255, 255, 255, .15); }
.ch-yan-iki .ch-ikon { width: 17px; height: 17px; color: var(--altin-2); }
.ch-yan-dil { display: flex; align-items: center; gap: 8px; margin: 14px 0 0; font-size: .8rem; color: var(--acik-soluk); }
.ch-yan-dil .ch-ikon { width: 16px; height: 16px; color: var(--altin); }
.ch-yan-arac, .ch-yan-ara { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 12px; width: 100%; text-align: left; transition: border-color .25s, box-shadow .3s; }
.ch-yan-arac:hover, .ch-yan-ara:hover { border-color: var(--cizgi-2); box-shadow: var(--golge); }
.ch-yan-arac-ikon { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--sis); color: var(--marka); }
.ch-yan-arac strong, .ch-yan-ara strong { display: block; font-weight: 750; font-size: .93rem; line-height: 1.3; }
.ch-yan-arac small, .ch-yan-ara small { display: block; font-size: .8rem; color: var(--soluk); }
.ch-yan-arac > .ch-ikon:last-child { width: 17px; height: 17px; color: var(--altin-k); }
.ch-yan-ara > .ch-ikon { width: 42px; height: 42px; padding: 11px; border-radius: 12px; background: var(--sis); color: var(--marka); }
.ch-mobil-icindekiler { display: none; }
.ch-okuma { position: fixed; left: 0; right: 0; top: 0; height: 3px; z-index: 61; pointer-events: none; }
.ch-okuma span { display: block; height: 100%; background: var(--altin); transform-origin: 0 50%; transform: scaleX(0); }
.ch-yazar-kutu { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 18px; margin-top: 2.2em; padding: 24px; border-radius: var(--r-l); background: var(--sis); font-size: .95rem; }
.ch-yazar-amblem { width: 64px; height: 64px; }
.ch-yazar-kutu .ch-etiket { margin-bottom: 6px; }
.ch-yazar-ad { font: 560 1.2rem/1.3 var(--serif); color: var(--metin); margin: 0 0 6px; }
.ch-yazar-kutu p { color: var(--soluk); margin: 0 0 12px; }
.ch-yazar-eylem { display: flex; flex-wrap: wrap; gap: 8px 22px; }

/* ---------- Katalog, sözlük, SSS ---------- */
.ch-katalog-ara { position: relative; display: flex; align-items: center; margin-bottom: 26px; border-radius: 999px; background: #fff; box-shadow: 0 0 0 1px var(--cizgi-2), var(--golge); }
.ch-katalog-ara > .ch-ikon { position: absolute; left: 22px; width: 20px; height: 20px; color: var(--marka); }
.ch-katalog-ara input { flex: 1; min-width: 0; height: 58px; padding: 0 16px 0 56px; border: 0; background: transparent; font-weight: 550; outline: none; border-radius: 999px; }
.ch-katalog-ara:focus-within { box-shadow: 0 0 0 2px var(--altin), var(--golge); }
.ch-katalog-sayac { padding-right: 22px; font-size: .8rem; font-weight: 700; color: var(--soluk); white-space: nowrap; }
.ch-katalog-bos { padding: 18px 20px; border-radius: var(--r); background: var(--sis); }
.ch-katalog-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.ch-katalog-alan { display: flex; flex-direction: column; border-radius: var(--r-l); background: #fff; border: 1px solid var(--cizgi); overflow: hidden; transition: box-shadow .4s, transform .4s var(--e); }
.ch-katalog-alan:hover { box-shadow: var(--golge-l); transform: translateY(-3px); }
.ch-katalog-alan.sakla { display: none; }
.ch-katalog-gorsel { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.ch-katalog-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s var(--e); }
.ch-katalog-alan:hover .ch-katalog-gorsel img { transform: scale(1.05); }
.ch-katalog-ikon { position: absolute; left: 18px; bottom: -22px; width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: var(--lac-1); color: var(--altin-2); box-shadow: 0 0 0 5px #fff; }
.ch-katalog-ikon .ch-ikon { width: 22px; height: 22px; }
.ch-katalog-metin { padding: 34px 22px 22px; }
.ch-katalog-metin h2 { font-size: 1.36rem; margin-bottom: 8px; }
.ch-katalog-metin h2 a:hover { color: var(--marka); }
.ch-katalog-metin > p { font-size: .9rem; color: var(--soluk); margin-bottom: 14px; }
.ch-katalog-konular { list-style: none; display: grid; gap: 2px; }
.ch-katalog-konular li.sakla { display: none; }
.ch-katalog-konular a { display: flex; align-items: center; gap: 10px; padding: 6px 0; font-size: .88rem; font-weight: 650; color: var(--metin-2); border-bottom: 1px dashed var(--cizgi); transition: color .2s; }
.ch-katalog-konular li:last-child a { border-bottom: 0; }
.ch-katalog-konular a::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--altin); flex: none; }
.ch-katalog-konular a:hover { color: var(--marka); }
.ch-harfler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 26px; }
.ch-harfler a { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; border: 1px solid var(--cizgi); font: 600 1rem/1 var(--serif); transition: background-color .2s, color .2s; }
.ch-harfler a:hover { background: var(--lac-1); color: #fff; }
.ch-harf { margin-bottom: 30px; scroll-margin-top: 110px; }
.ch-harf.sakla { display: none; }
.ch-harf-baslik { display: flex; align-items: center; gap: 14px; font-size: 1.8rem; color: var(--marka); }
.ch-harf-baslik::after { content: ""; flex: 1; height: 1px; background: var(--cizgi); }
.ch-harf dl { margin: 0; display: grid; gap: 10px; }
.ch-terim { padding: 18px 20px; border-radius: var(--r); background: #fff; border: 1px solid var(--cizgi); scroll-margin-top: 110px; }
.ch-terim:target { border-color: var(--altin); box-shadow: 0 0 0 3px rgba(201, 164, 92, .2); }
.ch-terim.sakla { display: none; }
.ch-terim dt { font: 560 1.14rem/1.3 var(--serif); color: var(--metin); margin-bottom: 4px; }
.ch-terim dd { margin: 0; color: var(--metin-2); font-size: .95rem; }
.ch-terim-bag { display: inline-flex; align-items: center; gap: 5px; margin-left: 4px; font-weight: 700; color: var(--marka); font-size: .86rem; white-space: nowrap; }
.ch-terim-bag .ch-ikon { width: 14px; height: 14px; }
.ch-sss-gruplar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.ch-sss-gruplar a { padding: 8px 14px; border-radius: 999px; background: var(--sis); font-weight: 700; font-size: .86rem; }
.ch-sss-gruplar a:hover { background: var(--gumus-2); }
.ch-sss-grup { margin-bottom: 38px; scroll-margin-top: 110px; }
.ch-sss-grup h2 { font-size: 1.6rem; }
.ch-sss-grup.sakla, .ch-soru.sakla { display: none; }
.ch-bos-sonuc { text-align: center; max-width: 520px; margin: 0 auto; padding: 40px 0; }
.ch-bos-sonuc > .ch-ikon { width: 56px; height: 56px; margin: 0 auto 16px; color: var(--altin-k); }
.ch-bos-sonuc .ch-dugmeler { justify-content: center; }
.ch-ara-sayfa { max-width: 720px; margin-bottom: 40px; }
.nav-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 44px; }
.nav-links .page-numbers { min-width: 46px; height: 46px; padding: 0 12px; display: inline-grid; place-items: center; border-radius: 999px; border: 1px solid var(--cizgi); font-weight: 700; }
.nav-links .page-numbers.current { background: var(--lac-1); color: #fff; border-color: var(--lac-1); }
.nav-links a.page-numbers:hover { border-color: var(--marka); }
.nav-links .ch-ikon { width: 18px; height: 18px; }

/* ---------- Hesaplama araçları ---------- */
.ch-hesap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 22px; align-items: start; margin-bottom: clamp(44px, 5vw, 70px); }
.ch-hesap-form, .ch-hesap-sonuc, .ch-arabulucu-sec, .ch-arabulucu-sonuclar { border-radius: var(--r-xl); background: #fff; border: 1px solid var(--cizgi); padding: clamp(22px, 3vw, 32px); box-shadow: var(--golge); }
.ch-hesap-sonuc { position: sticky; top: 104px; background: var(--sis); min-height: 300px; }
.ch-hesap-baslik { display: flex; align-items: center; gap: 10px; margin: 0 0 22px; font: 560 1.3rem/1.2 var(--serif); }
.ch-hesap-baslik .ch-ikon { width: 40px; height: 40px; padding: 10px; border-radius: 12px; background: var(--lac-1); color: var(--altin-2); }
.ch-alan-girdi { display: flex; flex-direction: column; gap: 7px; margin-bottom: 16px; min-width: 0; }
.ch-alan-girdi label, .ch-alan-girdi legend { font-weight: 700; font-size: .9rem; color: var(--metin); }
.ch-alan-girdi small { font-weight: 500; color: var(--soluk); font-size: .8rem; }
.ch-alan-girdi input, .ch-alan-girdi select { width: 100%; height: 52px; padding: 0 16px; border-radius: 14px; border: 1px solid var(--cizgi-2); background: #fff; font-weight: 600; transition: border-color .2s, box-shadow .2s; }
.ch-alan-girdi select { appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23003151' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center / 18px no-repeat; padding-right: 42px; }
.ch-alan-girdi input:focus, .ch-alan-girdi select:focus { outline: none; border-color: var(--altin); box-shadow: 0 0 0 3px rgba(201, 164, 92, .22); }
.ch-izgara-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; }
.ch-izgara-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 12px; }
.ch-secim { border: 0; padding: 0; margin: 0 0 16px; }
.ch-secim-ic { display: inline-flex; padding: 4px; border-radius: 999px; background: var(--sis); border: 1px solid var(--cizgi); margin-top: 7px; }
.ch-secim-ic label { position: relative; }
.ch-secim-ic input { position: absolute; opacity: 0; pointer-events: none; }
.ch-secim-ic span { display: block; padding: 9px 20px; border-radius: 999px; font-weight: 700; font-size: .88rem; cursor: pointer; transition: background-color .2s, color .2s; }
.ch-secim-ic input:checked + span { background: var(--lac-2); color: #fff; }
.ch-secim-ic input:focus-visible + span { outline: 2px solid var(--altin); }
.ch-sayac { display: grid; grid-template-columns: 46px minmax(0, 1fr) 46px; border-radius: 14px; border: 1px solid var(--cizgi-2); overflow: hidden; height: 52px; }
.ch-sayac button { display: grid; place-items: center; background: var(--sis); color: var(--marka); transition: background-color .2s; }
.ch-sayac button:hover { background: var(--gumus-2); }
.ch-sayac .ch-ikon { width: 18px; height: 18px; }
.ch-sayac input { height: 100% !important; border: 0 !important; border-radius: 0 !important; text-align: center; padding: 0 !important; -moz-appearance: textfield; box-shadow: none !important; }
.ch-sayac input::-webkit-outer-spin-button, .ch-sayac input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.ch-hesap-hata { padding: 12px 14px; border-radius: 12px; background: #fdf0ee; color: #8f2b1d; font-weight: 650; font-size: .9rem; }
.ch-hesap-bekle { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 14px; min-height: 240px; color: var(--soluk); }
.ch-hesap-bekle .ch-ikon { width: 56px; height: 56px; padding: 14px; border-radius: 50%; background: #fff; color: var(--altin-k); border: 1px solid var(--cizgi); }
.ch-hesap-bekle p { max-width: 340px; margin: 0; }
.ch-hesap-sonuc .yeni { animation: chAcil .5s var(--e); }
.ch-hesap-toplam { padding: 22px; border-radius: var(--r-l); background: var(--lac-1); color: #fff; margin-bottom: 18px; }
.ch-hesap-toplam small { display: block; color: var(--acik-soluk); font-size: .8rem; font-weight: 700; letter-spacing: .06em; }
.ch-hesap-toplam strong { display: block; font: 560 clamp(1.9rem, 1.5rem + 1.4vw, 2.5rem)/1.15 var(--serif); color: var(--altin-2); margin: 6px 0 4px; }
.ch-hesap-toplam span { font-size: .8rem; color: var(--acik-soluk); }
.ch-hesap-kalem { margin: 0 0 16px; }
.ch-hesap-kalem div { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--cizgi); font-size: .92rem; }
.ch-hesap-kalem dt { color: var(--soluk); }
.ch-hesap-kalem dd { margin: 0; font-weight: 750; text-align: right; }
.ch-hesap-not { font-size: .82rem; color: var(--soluk); margin: 0; }
.ch-miras-olu { margin: 4px 0 18px; padding: 16px; border-radius: var(--r); background: var(--sis); }
.ch-miras-olu-satir { display: grid; grid-template-columns: minmax(0, 1fr) 76px 38px; gap: 10px; align-items: center; margin-bottom: 10px; font-size: .88rem; }
.ch-miras-olu-satir input { height: 42px; border-radius: 10px; border: 1px solid var(--cizgi-2); text-align: center; font-weight: 700; }
.ch-miras-olu-satir button { width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; color: var(--soluk); }
.ch-miras-olu-satir button:hover { background: #fff; color: #8f2b1d; }
.ch-zumre2 { transition: opacity .3s; }
.ch-zumre2.pasif { opacity: .4; pointer-events: none; }
.ch-pasta-sonuc { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 20px; align-items: center; margin-bottom: 18px; }
.ch-pasta { width: 150px; height: 150px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05); -webkit-mask: radial-gradient(circle, transparent 38%, #000 39%); mask: radial-gradient(circle, transparent 38%, #000 39%); }
.ch-pasta-lejant { list-style: none; display: grid; gap: 7px; font-size: .86rem; }
.ch-pasta-lejant li { display: flex; align-items: center; gap: 9px; }
.ch-pasta-lejant i { width: 12px; height: 12px; border-radius: 4px; flex: none; }
.ch-mirasci-tablo { width: 100%; border-collapse: collapse; font-size: .88rem; margin-bottom: 14px; }
.ch-mirasci-tablo th { text-align: left; font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; color: var(--soluk); padding: 8px 6px; border-bottom: 1px solid var(--cizgi-2); }
.ch-mirasci-tablo td { padding: 10px 6px; border-bottom: 1px solid var(--cizgi); vertical-align: top; }
.ch-mirasci-tablo small { display: block; color: var(--soluk); font-size: .76rem; }
.ch-mirasci-tablo .kesir { font: 600 1.1rem/1.2 var(--serif); color: var(--marka); }
.ch-sure-bilgi { font-size: .86rem; color: var(--soluk); padding: 12px 14px; border-radius: 12px; background: var(--sis); margin: -4px 0 16px; }
.ch-sure-gun { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 18px; align-items: center; padding: 20px; border-radius: var(--r-l); background: var(--lac-1); color: #fff; margin-bottom: 18px; }
.ch-sure-takvim { display: flex; flex-direction: column; align-items: center; border-radius: 16px; overflow: hidden; background: #fff; color: var(--metin); text-align: center; }
.ch-sure-takvim small { width: 100%; padding: 6px 0; background: var(--altin); color: var(--lac-1); font-weight: 800; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }
.ch-sure-takvim strong { font: 600 2.4rem/1.1 var(--serif); padding-top: 4px; }
.ch-sure-takvim span { font-size: .74rem; color: var(--soluk); padding-bottom: 8px; }
.ch-sure-gun > div small { display: block; color: var(--acik-soluk); font-size: .76rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.ch-sure-gun > div strong { display: block; font: 560 1.4rem/1.25 var(--serif); color: var(--altin-2); margin: 4px 0; }
.ch-sure-gun > div span { font-size: .84rem; color: var(--acik-soluk); }
.ch-sure-adim { list-style: none; display: grid; gap: 8px; margin: 0 0 16px; }
.ch-sure-adim li { position: relative; padding-left: 22px; font-size: .88rem; color: var(--metin-2); }
.ch-sure-adim li::before { content: ""; position: absolute; left: 2px; top: .55em; width: 8px; height: 8px; border-radius: 50%; background: var(--altin); }
.ch-sure-takvime { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; padding: 10px 16px; border-radius: 999px; border: 1px solid var(--cizgi-2); font-weight: 700; font-size: .86rem; color: var(--marka); background: #fff; }
.ch-sure-takvime:hover { border-color: var(--marka); }
.ch-sure-takvime .ch-ikon { width: 17px; height: 17px; }
.ch-tablo-kap { overflow-x: auto; border-radius: var(--r-l); border: 1px solid var(--cizgi); margin: 0 0 1.4em; }
.ch-tablo { width: 100%; border-collapse: collapse; font-size: .9rem; min-width: 620px; }
.ch-tablo th, .ch-tablo td { padding: 12px 14px; text-align: left; border-bottom: 1px solid var(--cizgi); vertical-align: top; }
.ch-tablo thead th { background: var(--lac-1); color: #fff; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; }
.ch-tablo-grup th { background: var(--sis); color: var(--altin-k); font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; }
.ch-tablo strong { color: var(--marka); white-space: nowrap; }
.ch-arac-metin { margin-inline: auto; }
.ch-arabulucu { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 22px; align-items: start; margin-bottom: clamp(44px, 5vw, 70px); }
.ch-arabulucu-grup { margin-bottom: 16px; }
.ch-arabulucu-grup > p { margin: 0 0 8px; font: 750 .7rem/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--altin-k); }
.ch-arabulucu-grup > div { display: flex; flex-wrap: wrap; gap: 7px; }
.ch-arabulucu-grup button { padding: 9px 14px; border-radius: 12px; border: 1px solid var(--cizgi); font-size: .86rem; font-weight: 650; text-align: left; line-height: 1.35; transition: border-color .2s, background-color .2s, color .2s; }
.ch-arabulucu-grup button:hover { border-color: var(--marka); }
.ch-arabulucu-grup button[aria-pressed="true"] { background: var(--lac-2); border-color: var(--lac-2); color: #fff; }
.ch-arabulucu-sonuclar { position: sticky; top: 104px; background: var(--sis); min-height: 300px; }
.ch-ab-sonuc { display: none; }
.ch-ab-sonuc.etkin { display: block; animation: chAcil .45s var(--e); }
.ch-ab-rozet { display: inline-block; margin: 0 0 12px; padding: 6px 14px; border-radius: 999px; font: 800 .74rem/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; }
.ch-ab-zorunlu .ch-ab-rozet { background: var(--lac-1); color: var(--altin-2); }
.ch-ab-ihtiyari .ch-ab-rozet { background: #e6f1ea; color: #1f5a37; }
.ch-ab-uygulanmaz .ch-ab-rozet { background: #f1e9e7; color: #7c2f22; }
.ch-ab-hakem .ch-ab-rozet { background: #fbf2de; color: #7a5a1e; }
.ch-ab-sonuc h3 { font-size: 1.35rem; }
.ch-ab-ozet { font-weight: 750; color: var(--metin); }
.ch-ab-sonuc p { color: var(--metin-2); font-size: .95rem; }
.ch-ab-dayanak { display: flex; align-items: center; gap: 8px; font-size: .86rem !important; color: var(--soluk) !important; }
.ch-ab-dayanak .ch-ikon { width: 16px; height: 16px; color: var(--altin-k); }

/* ---------- Hareket: belirme ---------- */
html.ch-js:not(.ch-animyok) [data-gor]:not(.gorundu) { opacity: 0; transform: translateY(26px); }
html.ch-js [data-gor].gor-gecis { transition: opacity .9s var(--e), transform 1s var(--e); transition-delay: calc(var(--s, 0) * 90ms); }
html.ch-js:not(.ch-animyok):not(.ch-hazir) [data-bas] { opacity: 0; transform: translateY(18px); }
html.ch-js [data-bas] { transition: opacity .9s var(--e), transform 1s var(--e); }
html.ch-hazir [data-bas="2"] { transition-delay: .12s; }
html.ch-hazir [data-bas="3"] { transition-delay: .24s; }
html.ch-hazir [data-bas="4"] { transition-delay: .36s; }
.ch-kelime { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .08em; margin-bottom: -.08em; }
.ch-kelime > span { display: inline-block; }
html.ch-js:not(.ch-animyok):not(.ch-hazir) .ch-kelime > span { transform: translateY(105%); }
html.ch-js .ch-kelime > span { transition: transform 1s var(--e); transition-delay: calc(.08s + var(--k, 0) * 55ms); }
html.hemen [data-gor], html.hemen [data-bas], html.hemen .ch-kelime > span { opacity: 1 !important; transform: none !important; transition: none !important; }

/* ---------- Duyarlı düzen ---------- */
@media (max-width: 1520px) {
	.ch-ara-ac kbd { display: none; }
}
@media (max-width: 1300px) {
	.ch-nav, .ch-serit-ust, .ch-dil-ust { display: none; }
	.ch-ust.kaydi { transform: none; }
	.ch-ust.gizli { transform: translateY(-100%); }
	.ch-menu-ac { display: inline-flex; }
	.ch-ust-sag { margin-left: auto; }
	.ch-giris, .ch-sb { padding-top: 140px; }
}
@media (max-width: 1240px) {
	.ch-nav > ul > li > a { padding: 10px 9px; font-size: .9rem; }
	.ch-ara-ac kbd, .ch-ara-ac span { display: none; }
	.ch-ara-ac { width: 44px; padding: 0; justify-content: center; }
	.ch-kim-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
	.ch-nav, .ch-serit-ust, .ch-dil-ust { display: none; }
	.ch-ust.kaydi { transform: none; }
	.ch-ust.gizli { transform: translateY(-100%); }
	.ch-ust-ic { height: 72px; }
	.ch-menu-ac { display: inline-flex; }
	.ch-giris { padding-top: 130px; }
	.ch-sb { padding-top: 124px; }
	.ch-giris-ic { grid-template-columns: minmax(0, 1fr); }
	.ch-giris-muhur { width: min(440px, 82vw); margin-top: 20px; }
	.ch-giris-halka { right: -40%; top: auto; bottom: -30%; margin-top: 0; }
	.ch-araclar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ch-ekip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ch-iki { grid-template-columns: minmax(0, 1fr); }
	.ch-yan { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ch-yan .ch-icindekiler { display: none; }
	.ch-mobil-icindekiler { display: block; margin: 0 0 28px; border-radius: var(--r); border: 1px solid var(--cizgi); background: var(--sis); }
	.ch-mobil-icindekiler summary { list-style: none; display: flex; align-items: center; gap: 10px; padding: 14px 18px; font-weight: 750; cursor: pointer; }
	.ch-mobil-icindekiler summary::-webkit-details-marker { display: none; }
	.ch-mobil-icindekiler summary .ch-ikon { width: 18px; height: 18px; color: var(--altin-k); }
	.ch-mobil-icindekiler ol { list-style: none; padding: 0 18px 14px; display: grid; gap: 4px; }
	.ch-mobil-icindekiler a { display: block; padding: 6px 0; font-size: .92rem; color: var(--marka); font-weight: 600; }
	.ch-sb-gorselli .ch-sb-ic { grid-template-columns: minmax(0, 1fr) 280px; }
	.ch-katalog-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ch-alt-kolonlar { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.ch-alt-alanlar { grid-column: 1 / -1; grid-row: 1; }
	.ch-alt-alanlar ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
	.ch-buro, .ch-sss-ana, .ch-iletisim, .ch-iletisim-sayfa, .ch-iki-esit, .ch-iki-esit.ch-ters, .ch-hesap, .ch-arabulucu, .ch-vitrin { grid-template-columns: minmax(0, 1fr); }
	.ch-sss-ana-sol, .ch-yan-sayilar, .ch-hesap-sonuc, .ch-arabulucu-sonuclar { position: static; }
	.ch-buro-gorsel { max-width: 520px; }
	.ch-buro-cerceve { aspect-ratio: 5 / 4; }
	.ch-surec { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 40px; }
	.ch-surec-cizgi { display: none; }
	.ch-yazilar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ch-kartlar-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ch-ikartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ch-sb-gorselli .ch-sb-ic { grid-template-columns: minmax(0, 1fr); }
	.ch-sb-gorsel { display: none; }
	.ch-harita { min-height: 340px; }
	.ch-alt-ust { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
	body { font-size: 1rem; }
	.ch-kap { width: min(100% - 32px, var(--kap)); }
	.ch-ust-ic { height: 66px; gap: 10px; }
	.ch-logo { gap: 10px; }
	.ch-logo-amblem { width: 42px; height: 42px; }
	.ch-logo-ad { width: 118px; }
	.ch-logo-alt { font-size: .54rem; letter-spacing: .2em; gap: 6px; }
	.ch-logo-alt::before { width: 10px; }
	.ch-ust-sag { gap: 8px; margin-left: auto; }
	.ch-tel-hap { display: none; }
	.ch-menu-ac { height: 44px; padding: 0 12px; }
	.ch-giris { padding: 112px 0 64px; min-height: 0; }
	.ch-h1-buro { font-size: .8rem; margin-bottom: 10px; }
	.ch-giris-ozet { font-size: 1rem; }
	.ch-ara-alan input { height: 58px; padding-left: 50px; font-size: 1rem; }
	.ch-ara-buyutec { left: 18px; }
	.ch-ara-kisayol { display: none; }
	.ch-ara-dugme { width: 46px; height: 46px; padding: 0; margin-right: 6px; justify-content: center; }
	.ch-ara-dugme span { display: none; }
	.ch-ara-oneriler { gap: 6px; flex-wrap: nowrap; overflow-x: auto; margin-inline: -16px; padding: 0 16px 4px; scrollbar-width: none; }
	.ch-ara-oneriler::-webkit-scrollbar { display: none; }
	.ch-ara-oneriler button, .ch-ara-oneriler span { flex: none; }
	.ch-giris-eylem { gap: 14px; }
	.ch-giris-dil { display: none; }
	.ch-giris-muhur { width: min(360px, 86vw); }
	.ch-yuzen-1 { left: -4%; top: 2%; padding: 12px 14px; }
	.ch-yuzen-1 strong { font-size: 1.9rem; }
	.ch-yuzen-2 { right: -4%; bottom: 10%; padding: 10px 12px; }
	.ch-yuzen-2 small { display: none; }
	.ch-yuzen-3 { display: none; }
	.ch-giris-asagi { display: none; }
	.ch-kim-ust { flex-direction: column; align-items: stretch; }
	.ch-terazi { display: none; }
	.ch-kim-sekme { margin-inline: -16px; border-radius: 0; border-inline: 0; padding-inline: 16px; }
	.ch-kim-imlec { top: 5px; }
	.ch-kim-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.ch-kim-kart { grid-template-columns: minmax(0, 1fr); align-content: start; gap: 10px; min-height: 0; padding: 14px 12px; }
	.ch-kim-ikon { width: 38px; height: 38px; border-radius: 11px; }
	.ch-kim-ikon .ch-ikon { width: 19px; height: 19px; }
	.ch-kim-metin strong { font-size: .98rem; }
	.ch-kim-metin small, .ch-kim-ok { display: none !important; }
	.ch-populer { flex-wrap: nowrap; overflow-x: auto; margin-inline: -16px; padding: 2px 16px 8px; scrollbar-width: none; }
	.ch-populer::-webkit-scrollbar { display: none; }
	.ch-populer li { flex: none; }
	.ch-arac-gorsel { aspect-ratio: 16 / 7; }
	.ch-sayilar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ch-buro-rozet { right: 12px; bottom: 12px; }
	.ch-buro-gorsel::before { inset: 14px -10px -14px 14px; }
	.ch-ekip { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 14px; margin-inline: -16px; padding: 4px 16px 10px; scrollbar-width: none; }
	.ch-ekip::-webkit-scrollbar { display: none; }
	.ch-avukat { flex: 0 0 76%; scroll-snap-align: start; }
	.ch-profil, .ch-profil-kucuk { grid-template-columns: minmax(0, 1fr); padding: 16px; }
	.ch-profil-foto { aspect-ratio: 4 / 3.6; }
	.ch-surec { grid-template-columns: minmax(0, 1fr); }
	.ch-surec li { display: grid; grid-template-columns: 62px minmax(0, 1fr); column-gap: 18px; }
	.ch-surec-no { grid-row: span 2; margin: 0; }
	.ch-araclar, .ch-yazilar, .ch-kartlar-3, .ch-katalog-izgara { grid-template-columns: minmax(0, 1fr); }
	.ch-ykart-yatay { grid-template-columns: 112px minmax(0, 1fr); }
	.ch-ykart-yatay .ch-ykart-gorsel { min-height: 100%; }
	.ch-ykart-yatay .ch-ykart-dinle { display: none; }
	.ch-ykart-yatay p:not(.ch-ykart-kat) { display: none; }
	.ch-ikartlar { grid-template-columns: minmax(0, 1fr); }
	.ch-bilgi-tablo div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
	.ch-yan { grid-template-columns: minmax(0, 1fr); }
	.ch-izgara-2, .ch-izgara-3 { grid-template-columns: minmax(0, 1fr); }
	.ch-pasta-sonuc { grid-template-columns: minmax(0, 1fr); justify-items: center; }
	.ch-ilgili-yazilar ul { grid-template-columns: minmax(0, 1fr); }
	.ch-bakis dl div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
	.ch-cagri { grid-template-columns: minmax(0, 1fr); }
	.ch-cagri .ch-dugme { flex: 1 1 100%; }
	.ch-cagri-bant-ic > div:first-child { grid-template-columns: minmax(0, 1fr); }
	.ch-cagri-amblem { display: none; }
	.ch-cagri-bant .ch-dugmeler, .ch-iletisim-kart .ch-dugmeler { width: 100%; }
	.ch-cagri-bant .ch-dugme, .ch-iletisim-kart .ch-dugme { flex: 1 1 100%; }
	.ch-alan-giris p:first-child::first-letter { font-size: 3em; }
	.ch-pencere-alanlar ul { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.ch-pencere-ic { top: 8px; width: calc(100% - 16px); padding: 16px; border-radius: 22px; max-height: calc(var(--vvh, 100vh) - 16px); }
	.ch-pencere-ust small, .ch-pencere-kapat kbd { display: none; }
	.ch-alt { padding-bottom: calc(96px + env(safe-area-inset-bottom)); }
	.ch-alt-kolonlar { grid-template-columns: minmax(0, 1fr); }
	.ch-alt-alanlar ul { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.ch-alt-amblem { width: 380px; height: 380px; }
	.ch-dok { position: fixed; left: 0; right: 0; bottom: 0; z-index: 55; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: rgba(255, 255, 255, .98); border-top: 1px solid var(--cizgi); padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); box-shadow: 0 -10px 30px -16px rgba(6, 18, 29, .3); transform: translateY(110%); transition: transform .4s var(--e); }
	.ch-dok.gorunur { transform: none; }
	.ch-dok a, .ch-dok button { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 6px 2px; font-size: .7rem; font-weight: 700; color: var(--metin-2); }
	.ch-dok .ch-ikon { width: 22px; height: 22px; color: var(--marka); }
	.ch-dok a:first-child .ch-ikon { color: var(--altin-k); }
	.ch-yukari { right: 14px; bottom: calc(86px + env(safe-area-inset-bottom)); width: 46px; height: 46px; }
	.ch-yukari-halka { width: 42px; height: 42px; }
	.ch-dinle.yuzer { bottom: calc(80px + env(safe-area-inset-bottom)); }
	.ch-bildirim { bottom: calc(90px + env(safe-area-inset-bottom)); }
	.ch-dinle { grid-template-columns: 50px minmax(0, 1fr); border-radius: 26px; }
	.ch-dinle-oynat { width: 50px; height: 50px; }
	.ch-dinle-araclar { grid-column: 1 / -1; justify-content: flex-start; }
	.ch-dinle:not(.basladi) .ch-dinle-araclar { display: none; }
	.ch-iz [aria-current] span { max-width: 28ch; }
	.ch-mega { display: none; }
}
@media (max-width: 380px) {
	.ch-logo-alt { display: none; }
	.ch-logo-ad { width: 104px; }
	.ch-menu-yazi { display: none; }
	.ch-menu-ac { width: 44px; padding: 0; justify-content: center; }
	.ch-h1-ana { font-size: 2.05rem; }
}
@media (hover: none) {
	.ch-kim-kart:hover { color: inherit; transform: none; box-shadow: none; border-color: var(--cizgi); }
	.ch-kim-kart:hover .ch-kim-gorsel { opacity: 0; }
	.ch-kim-kart:hover .ch-kim-ikon { background: var(--sis); color: var(--marka); }
	.ch-kim-kart:hover small { color: var(--soluk); }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
	html.ch-js [data-gor], html.ch-js [data-bas], .ch-kelime > span { opacity: 1 !important; transform: none !important; }
	.ch-serit-iz { animation: none; }
}
@media print {
	.ch-ust, .ch-dok, .ch-yukari, .ch-yan, .ch-cagri-bant, .ch-alt, .ch-dinle-yer, #ch-perde, .ch-pencere, .ch-cekmece { display: none !important; }
	.ch-sb { padding: 0; background: none; color: #000; }
	.ch-iki { display: block; }
	[data-gor], [data-bas] { opacity: 1 !important; transform: none !important; }
}

/* ---------- Açılış: hareket katmanı (yalnızca transform / opaklık, ekran dışındayken durur) ---------- */
.ch-hareket { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.ch-hk-cizgiler { position: absolute; inset: -10% -20%; opacity: .5; background: repeating-linear-gradient(115deg, transparent 0 46px, rgba(201, 164, 92, .07) 46px 47px); animation: chCizgiKay 26s ease-in-out infinite alternate; will-change: transform; }
.ch-hk-merkez { position: absolute; width: min(980px, 115vw); aspect-ratio: 1; right: -16%; top: 50%; margin-top: calc(min(980px, 115vw) / -2); }
.ch-hk-halka { position: absolute; inset: var(--ic); border-radius: 50%; border: 1px dashed rgba(201, 164, 92, .3); animation: chDon var(--sure) linear infinite var(--yon); will-change: transform; }
.ch-hk-halka:nth-child(even) { border-style: solid; border-color: rgba(201, 164, 92, .12); }
.ch-hk-yorunge { position: absolute; inset: var(--ic); border-radius: 50%; animation: chDon var(--sure) linear infinite; animation-delay: var(--gec); will-change: transform; }
.ch-hk-yorunge i { position: absolute; left: 50%; top: -3px; width: 6px; height: 6px; margin-left: -3px; border-radius: 50%; background: var(--altin-2); box-shadow: 0 0 10px 2px rgba(227, 200, 143, .55); }
.ch-hk-yorunge:nth-of-type(even) i { width: 4px; height: 4px; top: -2px; background: #fff; box-shadow: 0 0 8px rgba(255, 255, 255, .6); }
.ch-hk-toz i { position: absolute; left: var(--x); bottom: -10px; width: 3px; height: 3px; border-radius: 50%; background: var(--altin-2); opacity: 0; animation: chToz var(--sure) linear infinite; animation-delay: var(--gec); }
.ch-giris:not(.oynuyor) .ch-hareket *, .ch-animyok .ch-hareket * { animation-play-state: paused; }
html.ch-js .ch-hk-merkez { opacity: 0; transform: scale(.92); transition: opacity 1.4s, transform 1.8s var(--e); }
html.ch-hazir .ch-hk-merkez { opacity: 1; transform: none; }
@keyframes chDon { to { transform: rotate(360deg); } }
@keyframes chCizgiKay { from { transform: translate3d(-40px, 0, 0); } to { transform: translate3d(40px, -20px, 0); } }
@keyframes chToz { 0% { transform: translate3d(0, 0, 0); opacity: 0; } 15% { opacity: .8; } 80% { opacity: .5; } 100% { transform: translate3d(14px, -60vh, 0); opacity: 0; } }

/* ---------- Açılış: köşeli görsel çerçevesi ---------- */
.ch-giris-gorsel { position: relative; justify-self: end; width: min(460px, 100%); margin-right: 22px; }
.ch-cerceve { position: relative; aspect-ratio: 4 / 5; will-change: transform; }
.ch-cerceve-foto { position: absolute; inset: 0; overflow: hidden; background: var(--lac-3); box-shadow: var(--golge-l); }
.ch-cerceve-foto img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.1); transition: transform 1.8s var(--e); }
.ch-cerceve-foto::after { content: ""; position: absolute; inset: 0; background: var(--lac-2); transform-origin: 50% 0; transform: scaleY(1); transition: transform 1.1s var(--e2) .15s; }
html:not(.ch-js) .ch-cerceve-foto::after, html.ch-animyok .ch-cerceve-foto::after, html.ch-hazir .ch-cerceve-foto::after { transform: scaleY(0); }
html.ch-hazir .ch-cerceve-foto img, html:not(.ch-js) .ch-cerceve-foto img { transform: none; }
.ch-cerceve-hat { position: absolute; inset: 24px -24px -24px 24px; border: 1px solid rgba(201, 164, 92, .55); z-index: -1; transition: transform 1.4s var(--e) .4s, opacity 1s .4s; }
html.ch-js:not(.ch-hazir) .ch-cerceve-hat { opacity: 0; transform: translate(-24px, -24px); }
.ch-kose { position: absolute; width: 36px; height: 36px; border: 2px solid var(--altin); transition: transform 1s var(--e) .7s, opacity .8s .7s; }
.ch-kose-1 { top: -12px; left: -12px; border-right: 0; border-bottom: 0; }
.ch-kose-2 { top: -12px; right: -12px; border-left: 0; border-bottom: 0; }
.ch-kose-3 { bottom: -12px; right: -12px; border-left: 0; border-top: 0; }
.ch-kose-4 { bottom: -12px; left: -12px; border-right: 0; border-top: 0; }
html.ch-js:not(.ch-hazir) .ch-kose { opacity: 0; }
html.ch-js:not(.ch-hazir) .ch-kose-1 { transform: translate(14px, 14px); }
html.ch-js:not(.ch-hazir) .ch-kose-2 { transform: translate(-14px, 14px); }
html.ch-js:not(.ch-hazir) .ch-kose-3 { transform: translate(-14px, -14px); }
html.ch-js:not(.ch-hazir) .ch-kose-4 { transform: translate(14px, -14px); }
.ch-cerceve-etiket { position: absolute; left: -46px; top: 54%; transform: rotate(-90deg); transform-origin: 0 0; font: 750 .66rem/1 var(--sans); letter-spacing: .34em; color: var(--altin-2); white-space: nowrap; }
.ch-giris-gorsel .ch-yuzen-1 { left: -64px; top: 12%; }
.ch-giris-gorsel .ch-yuzen-2 { right: -54px; bottom: 22%; }
.ch-giris-gorsel .ch-yuzen-3 { left: -52px; bottom: -3%; }

/* ---------- Alan vitrini ---------- */
.ch-av { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 270px; gap: 16px; }
.ch-av-kart { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 22px; border-radius: var(--r-l); color: #fff; background: var(--lac-2); }
.ch-av-kart.buyuk { grid-column: span 2; grid-row: span 2; padding: 30px; }
.ch-av-kart.sakla { display: none; }
.ch-av-kart > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 1.1s var(--e); }
.ch-av-kart::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(6, 18, 29, .15) 0%, rgba(6, 18, 29, .45) 45%, rgba(6, 18, 29, .94) 100%); }
.ch-av-kart::after { content: ""; position: absolute; left: 22px; right: 22px; bottom: 0; height: 2px; background: var(--altin); transform: scaleX(0); transform-origin: 0 50%; transition: transform .6s var(--e); }
.ch-av-ust { display: flex; align-items: center; justify-content: space-between; }
.ch-av-ikon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; background: rgba(10, 27, 43, .7); border: 1px solid rgba(255, 255, 255, .18); color: var(--altin-2); transition: background-color .3s, color .3s; }
.ch-av-ikon .ch-ikon { width: 22px; height: 22px; }
.ch-av-no { font: 600 .95rem/1 var(--serif); color: rgba(255, 255, 255, .7); letter-spacing: .08em; }
.ch-av-alt { display: flex; flex-direction: column; gap: 8px; }
.ch-av-alt strong { font: 540 1.32rem/1.2 var(--serif); }
.ch-av-kart.buyuk .ch-av-alt strong { font-size: clamp(1.7rem, 1.2rem + 1.2vw, 2.3rem); }
.ch-av-kisa { font-size: .86rem; color: var(--acik); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ch-av-kart:not(.buyuk) .ch-av-kisa { display: none; }
.ch-av-konular { display: flex; flex-wrap: wrap; gap: 6px; max-height: 0; opacity: 0; overflow: hidden; transition: opacity .4s, max-height .5s var(--e); }
.ch-av-konular span { padding: 5px 10px; border-radius: 999px; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .16); font-size: .74rem; font-weight: 650; }
.ch-av-kart.buyuk .ch-av-konular { max-height: 120px; opacity: 1; }
.ch-av-bag { display: inline-flex; align-items: center; gap: 8px; font-weight: 750; font-size: .86rem; color: var(--altin-2); }
.ch-av-bag .ch-ikon { width: 16px; height: 16px; transition: transform .35s var(--e); }
.ch-av-kart:hover > img, .ch-av-kart:focus-visible > img { transform: scale(1.07); }
.ch-av-kart:hover::after, .ch-av-kart:focus-visible::after { transform: scaleX(1); }
.ch-av-kart:hover .ch-av-ikon { background: var(--altin); color: var(--lac-1); }
.ch-av-kart:hover .ch-av-konular { max-height: 120px; opacity: 1; }
.ch-av-kart:hover .ch-av-bag .ch-ikon { transform: translateX(4px); }
.ch-av-kart.giriyor { animation: chKartGir .6s var(--e) both; animation-delay: calc(var(--i, 0) * 60ms); }
.ch-kim-alt .ch-dugme .ch-ikon { color: var(--altin-k); }
@media (max-width: 1100px) {
	.ch-giris-gorsel { justify-self: center; margin: 30px 0 0; width: min(400px, 78vw); }
	.ch-av { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 240px; }
	.ch-av-kart.buyuk { grid-column: span 2; grid-row: span 1; }
	.ch-av-kart.buyuk .ch-av-konular { display: none; }
}
@media (max-width: 760px) {
	.ch-giris-gorsel { width: min(300px, 74vw); }
	.ch-cerceve-etiket { display: none; }
	.ch-giris-gorsel .ch-yuzen-1 { left: -26px; top: 6%; }
	.ch-giris-gorsel .ch-yuzen-2 { right: -26px; bottom: 12%; }
	.ch-hk-merkez { right: -60%; }
	.ch-av { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin-inline: -16px; padding: 2px 16px 10px; scrollbar-width: none; }
	.ch-av::-webkit-scrollbar { display: none; }
	.ch-av-kart, .ch-av-kart.buyuk { flex: 0 0 78%; height: 340px; scroll-snap-align: start; padding: 20px; }
	.ch-av-kart .ch-av-kisa { display: -webkit-box !important; }
	.ch-av-kart .ch-av-konular { display: none; }
	.ch-av-kart.buyuk .ch-av-alt strong { font-size: 1.4rem; }
	.ch-kim-alt { flex-direction: column; align-items: stretch; }
}
@media (hover: none) {
	.ch-av-kart:hover > img { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
	.ch-hareket { display: none; }
}

/* Yalnızca ekran okuyucular için */
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { position: static !important; width: auto; height: auto; margin: 0; clip: auto; overflow: visible; }
@media (max-width: 1360px) and (min-width: 1101px) {
	.ch-giris-gorsel .ch-yuzen-2 { right: -14px; }
	.ch-giris-gorsel .ch-yuzen-1 { left: -44px; }
}

/* Eski yazılardaki boşluklu dilekçe örnekleri ve uzun e-postalar dar ekranda taşmasın */
.ch-metin { min-width: 0; overflow-wrap: anywhere; }
.ch-ekip-kart .ch-bag-ok, .ch-kisi .ch-bag-ok, a[href^="mailto:"] { overflow-wrap: anywhere; min-width: 0; }