/*
 * Baykal & Daştan Hukuk ve Danışmanlık — ana stil.
 * Motif: "ayraç" — logodaki BAYKAL | DAŞTAN çizgisi. Palet: lacivert, altın, fildişi.
 * Hareketler yalnızca transform ve opacity ile yapılır; sonsuz döngülü animasyon yoktur.
 */

/* ---------- Yazı tipleri ---------- */
@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 500 650; font-display: swap; src: url(../fonts/baslik-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: 500 650; font-display: swap; src: url(../fonts/baslik-latin-ext.woff2) format("woff2"); unicode-range: U+011E, U+011F, U+0130, U+015E, U+015F, U+20BA, U+2020; }
@font-face { font-family: "Newsreader"; font-style: italic; font-weight: 500; font-display: swap; src: url(../fonts/baslik-i-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: italic; font-weight: 500; font-display: swap; src: url(../fonts/baslik-i-latin-ext.woff2) format("woff2"); unicode-range: U+011E, U+011F, U+0130, U+015E, U+015F, U+20BA, U+2020; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 400 750; font-display: swap; src: url(../fonts/metin-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 750; font-display: swap; src: url(../fonts/metin-latin-ext.woff2) format("woff2"); unicode-range: U+011E, U+011F, U+0130, U+015E, U+015F, U+20BA, U+2020; }

/* ---------- Değişkenler ---------- */
:root {
	--lac-0: #060f22;
	--lac: #0d1b33;
	--lac-2: #132544;
	--lac-3: #1c3358;
	--altin: #b8925a;
	--altin-a: #d7b67a;
	--altin-k: #7a5b2a;
	--altin-s: #f6efe1;
	--fil: #fcfbf8;
	--fil-2: #f4f1ea;
	--beyaz: #fff;
	--mur: #16203a;
	--mur-2: #2f3a52;
	--gri: #4b5568;
	--gri-a: #a3aec2;
	--cizgi: #e7e1d5;
	--cizgi-2: #efebe3;
	--cizgi-k: rgba(255, 255, 255, .12);
	--hata: #a33b2b;
	--f-baslik: "Newsreader", "Iowan Old Style", Georgia, serif;
	--f-metin: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--r: 20px;
	--r-k: 14px;
	--golge: 0 24px 60px -32px rgba(13, 27, 51, .38);
	--golge-k: 0 12px 30px -18px rgba(13, 27, 51, .35);
	--yumusak: cubic-bezier(.22, .8, .24, 1);
	--yay: cubic-bezier(.34, 1.4, .5, 1);
	--ust-y: 82px;
	--serit-y: 38px;
	--kap: 1240px;
	--kenar: clamp(18px, 4.2vw, 40px);
	/* Hesaplama araçları dosyasının (bd-araclar.css) kullandığı adlar */
	--antrasit: var(--lac);
	--mavi: var(--lac-3);
	--mavi-orta: var(--altin);
	--mavi-acik: var(--altin-a);
	--kagit: var(--fil);
	--buz: var(--fil-2);
	--acik: #eef1f6;
	--acik-soluk: var(--gri-a);
	--soluk: var(--gri);
	--metin: var(--mur);
	--metin-2: var(--mur-2);
	--cizgi-koyu: var(--cizgi-k);
	--altin-acik: var(--altin-a);
	--altin-koyu: var(--altin-k);
	--gece: var(--lac-0);
	--f-marka: var(--f-baslik);
	--r-b: var(--r);
}

/* ---------- Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--ust-y) + 16px); }
body { margin: 0; background: var(--fil); color: var(--mur); font-family: var(--f-metin); font-size: 16.5px; line-height: 1.7; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; }
img, svg, video { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 2px solid var(--altin); outline-offset: 3px; border-radius: 6px; }
::selection { background: var(--altin-a); color: var(--lac); }
h1, h2, h3, h4 { font-family: var(--f-baslik); font-weight: 560; line-height: 1.16; letter-spacing: -.01em; margin: 0 0 .5em; color: inherit; text-wrap: balance; }
p { margin: 0 0 1em; }
.bd-ikon { width: 20px; height: 20px; flex: none; }
.bd-gizli { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
[hidden]:not(.bd-mobil):not(.bd-pencere):not(.bd-yg) { display: none !important; }
.bd-atla { position: fixed; left: 12px; top: -60px; z-index: 200; padding: 10px 16px; border-radius: 10px; background: var(--altin); color: var(--lac); font-weight: 700; transition: top .2s; }
.bd-atla:focus { top: 12px; }
.bd-kap { width: 100%; max-width: calc(var(--kap) + 2 * var(--kenar)); margin: 0 auto; padding: 0 var(--kenar); }
.bd-kap-dar { max-width: calc(820px + 2 * var(--kenar)); }
.bd-ana { display: block; outline: none; }

/* ---------- Başlıklar, etiket, düğmeler ---------- */
.bd-h2 { font-size: clamp(1.75rem, 3.1vw, 2.45rem); margin-bottom: .45em; }
.bd-h2 em, .bd-giris-baslik em { font-style: italic; font-weight: 500; color: var(--altin-k); }
.bd-koyu .bd-h2 em, .bd-giris-baslik em { color: var(--altin-a); }
.bd-h3 { font-size: 1.35rem; }
.bd-etiket { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 14px; font-size: .78rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--altin-k); }
.bd-etiket i { display: block; width: 2px; height: 16px; background: var(--altin); transform-origin: 50% 50%; }
.bd-etiket-acik { color: var(--altin-a); }
.bd-etiket-acik i { background: var(--altin-a); }
.bd-bolum-giris { max-width: 640px; color: var(--gri); font-size: 1.04rem; margin: 0; }
.bd-buyuk { font-size: 1.14rem; color: var(--mur-2); }

.bd-dugme { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 24px; border-radius: 999px; border: 1.5px solid transparent; font-weight: 650; font-size: .95rem; line-height: 1.2; white-space: nowrap; transition: transform .35s var(--yumusak), background-color .25s, border-color .25s, color .25s, box-shadow .3s; will-change: transform; }
.bd-dugme .bd-ikon { width: 18px; height: 18px; }
.bd-dugme-altin { background: var(--altin); color: var(--lac); box-shadow: 0 14px 30px -16px rgba(184, 146, 90, .9); }
.bd-dugme-altin:hover { background: var(--altin-a); }
.bd-dugme-koyu { background: var(--lac); color: var(--beyaz); }
.bd-dugme-koyu:hover { background: var(--lac-3); }
.bd-dugme-cizgi { border-color: var(--cizgi); color: var(--mur); background: var(--beyaz); }
.bd-dugme-cizgi:hover { border-color: var(--lac); }
.bd-dugme-cizgi-acik { border-color: rgba(255, 255, 255, .28); color: var(--beyaz); background: rgba(255, 255, 255, .04); }
.bd-dugme-cizgi-acik:hover { border-color: var(--altin-a); color: var(--altin-a); }
.bd-dugme-kucuk { min-height: 42px; padding: 0 18px; font-size: .88rem; }
.bd-dugme-tam { width: 100%; }
.bd-dugme:active { transform: scale(.97); }
.bd-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; }
.bd-bag-ok { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: .92rem; color: var(--altin-k); white-space: nowrap; }
.bd-bag-ok .bd-ikon { width: 18px; height: 18px; transition: transform .35s var(--yumusak); }
.bd-bag-ok:hover .bd-ikon { transform: translateX(4px); }
.bd-bag-acik { color: var(--altin-a); }
.bd-bag-dugme { display: inline-flex; align-items: center; gap: 8px; padding: 0; border: 0; background: none; font-weight: 650; font-size: .9rem; color: var(--altin-k); }
.bd-bag-dugme .bd-ikon { width: 17px; height: 17px; }

/* ---------- Sayfa perdesi (logo yükleyici) ---------- */
.bd-perde { position: fixed; inset: 0; z-index: 300; display: none; pointer-events: none; }
.bd-perde-yari { position: absolute; top: 0; bottom: 0; width: 50.5%; background: var(--lac); }
.bd-perde-sol { left: 0; background: linear-gradient(90deg, var(--lac-0), var(--lac)); }
.bd-perde-sag { right: 0; background: linear-gradient(270deg, var(--lac-0), var(--lac)); }
.bd-perde-ic { position: absolute; inset: 0; display: grid; place-items: center; }
.bd-perde .bd-perde-logo { width: min(64vw, 440px); color: #f3ede2; }
.bd-perde .bd-perde-logo .bd-logo-alt { color: #c9d1de; }
.bd-perde-ilk .bd-perde, .bd-perde-gelis .bd-perde, .bd-perde-kapan .bd-perde { display: block; pointer-events: auto; }
.bd-perde-ilk .bd-perde-sol { animation: bd-perde-sol .5s .52s var(--yumusak) both; }
.bd-perde-ilk .bd-perde-sag { animation: bd-perde-sag .5s .52s var(--yumusak) both; }
.bd-perde-ilk .bd-perde-ic { animation: bd-solar .22s .5s ease both; }
.bd-perde-ilk .bd-perde .bd-logo-ayrac { animation: bd-ayrac-ciz .3s var(--yumusak) both; }
.bd-perde-ilk .bd-perde .bd-logo-sol { animation: bd-ad-sol .36s .12s var(--yumusak) both; }
.bd-perde-ilk .bd-perde .bd-logo-sag { animation: bd-ad-sag .36s .12s var(--yumusak) both; }
.bd-perde-ilk .bd-perde .bd-logo-alt { animation: bd-yuksel .3s .24s var(--yumusak) both; }
.bd-perde-ilk .bd-perde { animation: bd-perde-bitir 0s 1.06s forwards; }
/* Sayfa geçişi: perde logoyla kapanır; yeni sayfa logolu perdeyle açılır, logo ayraçtan çizilip söner. */
.bd-perde-gelis .bd-perde-ic { animation: bd-solar .2s .34s ease both; }
.bd-perde-gelis .bd-perde .bd-logo-ayrac { animation: bd-ayrac-ciz .28s var(--yumusak) both; }
.bd-perde-gelis .bd-perde-sol { animation: bd-perde-sol .46s .36s var(--yumusak) both; }
.bd-perde-gelis .bd-perde-sag { animation: bd-perde-sag .46s .36s var(--yumusak) both; }
.bd-perde-gelis .bd-perde { animation: bd-perde-bitir 0s .88s forwards; }
.bd-perde-kapan .bd-perde-ic { animation: bd-belir .16s .06s ease both; }
.bd-perde-kapan .bd-perde-sol { animation: bd-perde-sol-kapan .22s var(--yumusak) both; }
.bd-perde-kapan .bd-perde-sag { animation: bd-perde-sag-kapan .22s var(--yumusak) both; }
.hemen .bd-perde, .bd-animyok .bd-perde { display: none !important; }
@keyframes bd-perde-sol { to { transform: translateX(-101%); } }
@keyframes bd-perde-sag { to { transform: translateX(101%); } }
@keyframes bd-perde-sol-kapan { from { transform: translateX(-101%); } to { transform: none; } }
@keyframes bd-perde-sag-kapan { from { transform: translateX(101%); } to { transform: none; } }
@keyframes bd-perde-bitir { to { visibility: hidden; } }
@keyframes bd-solar { to { opacity: 0; } }
@keyframes bd-belir { from { opacity: 0; } }
@keyframes bd-ayrac-ciz { from { transform: scaleY(0); } }
@keyframes bd-ad-sol { from { transform: translateX(104%); } }
@keyframes bd-ad-sag { from { transform: translateX(-104%); } }
@keyframes bd-yuksel { from { opacity: 0; transform: translateY(10px); } }

/* ---------- Logo ---------- */
.bd-logo { display: inline-flex; flex-direction: column; align-items: stretch; gap: .28em; width: 214px; color: var(--lac); line-height: 1; }
.bd-logo-adlar { display: flex; align-items: center; gap: 0; }
.bd-logo-mask { display: block; overflow: hidden; flex: none; }
.bd-logo-mask-sol { width: 45.31%; }
.bd-logo-mask-sag { width: 47.84%; }
.bd-logo-ad { display: block; width: 100%; height: auto; fill: currentColor; }
.bd-logo-ayrac { display: block; flex: 1; align-self: stretch; position: relative; margin: -.18em 0 -.05em; }
.bd-logo-ayrac::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; margin-left: -.75px; background: var(--altin); }
.bd-logo-alt { display: flex; align-items: center; justify-content: center; gap: .7em; font-size: 8.4px; font-weight: 650; letter-spacing: .33em; text-transform: uppercase; color: var(--gri); white-space: nowrap; }
.bd-logo-alt::before, .bd-logo-alt::after { content: ""; flex: 1; max-width: 2.2em; height: 1px; background: var(--altin); opacity: .8; }
.bd-logo-alt span { margin-right: -.33em; }
.bd-perde-logo .bd-logo-alt { font-size: clamp(10px, 1.5vw, 15px); }
.bd-mono { width: 40px; height: 40px; flex: none; }
.bd-mono-z { fill: var(--lac); }
.bd-mono-h { fill: #f3ede2; }
.bd-mono-c { stroke: var(--altin); }

/* ---------- Üst bölüm ---------- */
.bd-ust { position: fixed; top: 0; left: 0; right: 0; z-index: 90; color: var(--beyaz); transition: transform .5s var(--yumusak); will-change: transform; }
.bd-ust::before { content: ""; position: absolute; inset: var(--serit-y) 0 0; background: var(--beyaz); box-shadow: 0 10px 30px -22px rgba(13, 27, 51, .55); opacity: 0; transition: opacity .35s; }
.bd-ust.dolu { transform: translateY(calc(-1 * var(--serit-y))); color: var(--mur); }
.bd-ust.dolu::before { opacity: 1; }
.bd-ust.gizli:not(.acik) { transform: translateY(-100%); }
.bd-ust-serit { position: relative; height: var(--serit-y); border-bottom: 1px solid rgba(255, 255, 255, .08); font-size: .8rem; color: var(--gri-a); }
.bd-ust-serit-ic { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.bd-ust-serit p { display: flex; gap: 22px; margin: 0; }
.bd-ust-serit a { display: inline-flex; align-items: center; gap: 7px; transition: color .2s; }
.bd-ust-serit a:hover { color: var(--altin-a); }
.bd-ust-serit .bd-ikon { width: 14px; height: 14px; color: var(--altin-a); }
.bd-ust-ic { position: relative; display: flex; align-items: center; gap: 24px; height: var(--ust-y); }
.bd-ust-logo { flex: none; display: block; }
.bd-ust .bd-logo { color: #f3ede2; transition: color .3s; }
.bd-ust .bd-logo-alt { color: var(--gri-a); }
.bd-ust.dolu .bd-logo { color: var(--lac); }
.bd-ust.dolu .bd-logo-alt { color: var(--gri); }
.bd-menu { flex: 1; display: flex; justify-content: center; }
.bd-menu-liste { display: flex; align-items: center; gap: 2px; margin: 0; padding: 0; list-style: none; }
.bd-menu-oge { position: static; display: flex; align-items: center; }
.bd-acilir-kucuk-oge, .bd-menu-oge.bd-acilir:not(.bd-mega-oge) { position: relative; }
.bd-menu-bag { position: relative; display: block; padding: 10px 12px; font-size: .93rem; font-weight: 600; white-space: nowrap; }
.bd-menu-bag::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 4px; height: 1.5px; background: var(--altin); transform: scaleX(0); transform-origin: left; transition: transform .35s var(--yumusak); }
.bd-menu-bag:hover::after, .bd-menu-bag[aria-current]::after, .bd-acilir.acik > .bd-menu-bag::after { transform: scaleX(1); }
.bd-acilir-dugme { display: grid; place-items: center; width: 22px; height: 30px; margin-left: -8px; padding: 0; border: 0; background: none; color: inherit; opacity: .7; }
.bd-acilir-dugme .bd-ikon { width: 15px; height: 15px; transition: transform .3s; }
.bd-acilir.acik .bd-acilir-dugme .bd-ikon { transform: rotate(180deg); }
.bd-acilir-panel { position: absolute; top: calc(100% - 6px); z-index: 5; visibility: hidden; opacity: 0; transform: translateY(10px); transition: opacity .25s, transform .35s var(--yumusak), visibility 0s .35s; color: var(--mur); background: var(--beyaz); border: 1px solid var(--cizgi-2); border-radius: var(--r); box-shadow: 0 40px 80px -40px rgba(13, 27, 51, .55); }
.bd-acilir.acik > .bd-acilir-panel { visibility: visible; opacity: 1; transform: none; transition-delay: 0s; }
.bd-acilir-kucuk { left: -10px; width: 330px; padding: 10px; }
.bd-acilir-kucuk a { display: flex; gap: 14px; padding: 12px; border-radius: 14px; transition: background-color .2s; }
.bd-acilir-kucuk a:hover { background: var(--fil); }
.bd-acilir-kucuk .bd-ikon { width: 22px; height: 22px; margin-top: 2px; color: var(--altin-k); }
.bd-acilir-kucuk strong { display: block; font-size: .93rem; }
.bd-acilir-kucuk small { display: block; font-size: .8rem; color: var(--gri); line-height: 1.4; }
.bd-mega { left: var(--kenar); right: var(--kenar); max-width: var(--kap); margin: 0 auto; display: flex; gap: 8px; padding: 22px; }
.bd-mega-sutun { flex: 1; display: grid; align-content: start; gap: 2px; min-width: 0; }
.bd-mega-etiket { margin: 0 0 8px 12px; font-size: .72rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--altin-k); }
.bd-mega a { display: flex; align-items: center; gap: 12px; padding: 9px 12px; border-radius: 12px; font-size: .9rem; font-weight: 550; transition: background-color .2s, color .2s; }
.bd-mega a:hover { background: var(--fil); color: var(--lac); }
.bd-mega a .bd-ikon { width: 18px; height: 18px; color: var(--altin-k); }
.bd-mega-ayrac { width: 1px; margin: 4px 10px; background: linear-gradient(transparent, var(--altin), transparent); }
.bd-mega-yan { flex: 0 0 270px; display: grid; align-content: start; gap: 12px; padding: 22px; margin-left: 12px; border-radius: 16px; background: var(--lac); color: var(--acik); }
.bd-mega-yan .bd-mega-etiket { margin: 0; color: var(--altin-a); }
.bd-mega-yan p { margin: 0; font-size: .9rem; color: var(--gri-a); }
.bd-mega-yan .bd-dugme { justify-self: start; }
.bd-mega-yan .bd-bag-ok { color: var(--altin-a); padding: 0; }
.bd-mega-yan .bd-bag-ok:hover { background: none; }
.bd-mega-arac { gap: 4px; }
.bd-mega-arac .bd-mega-sutun { flex: 1 1 0; }
.bd-mega-arac a { font-size: .84rem; padding: 8px 10px; }
.bd-ust-sag { display: flex; align-items: center; gap: 10px; }
.bd-ust-ara { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 12px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .22); background: none; color: inherit; transition: border-color .2s, background-color .2s; }
.bd-ust.dolu .bd-ust-ara { border-color: var(--cizgi); }
.bd-ust-ara:hover { border-color: var(--altin); }
.bd-ust-ara kbd { font: 600 .68rem var(--f-metin); padding: 2px 6px; border-radius: 6px; background: rgba(127, 140, 160, .2); }
.bd-ust-asistan { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 18px 0 14px; border-radius: 999px; border: 0; background: var(--altin); color: var(--lac); font-weight: 700; font-size: .9rem; transition: background-color .2s, transform .35s var(--yumusak); }
.bd-ust-asistan:hover { background: var(--altin-a); }
.bd-ust-asistan .bd-ikon { width: 18px; height: 18px; }
.bd-menu-ac { display: none; align-items: center; gap: 10px; height: 42px; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .25); background: none; color: inherit; font-weight: 700; font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; }
.bd-ust.dolu .bd-menu-ac { border-color: var(--cizgi); }
.bd-menu-cizgiler { display: grid; gap: 5px; width: 18px; }
.bd-menu-cizgiler i { display: block; height: 1.6px; background: currentColor; border-radius: 2px; }
.bd-menu-cizgiler i:last-child { width: 60%; justify-self: end; }
.bd-ust-ilerleme { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; overflow: hidden; pointer-events: none; }
.bd-ust-ilerleme i { display: block; height: 100%; background: var(--altin); transform: scaleX(0); transform-origin: left; }

/* ---------- Mobil menü ---------- */
.bd-mobil { position: fixed; inset: 0; z-index: 150; visibility: hidden; transition: visibility 0s .45s; }
.bd-mobil.acik { visibility: visible; transition-delay: 0s; }
.bd-mobil-perde { position: absolute; inset: 0; background: rgba(6, 15, 34, .55); opacity: 0; transition: opacity .35s; }
.bd-mobil.acik .bd-mobil-perde { opacity: 1; }
.bd-mobil-ic { position: absolute; top: 0; right: 0; bottom: 0; width: min(420px, 100%); display: flex; flex-direction: column; gap: 14px; padding: 18px 20px calc(20px + env(safe-area-inset-bottom)); background: var(--lac); color: var(--acik); overflow-y: auto; overscroll-behavior: contain; transform: translateX(100%); transition: transform .45s var(--yumusak); }
.bd-mobil.acik .bd-mobil-ic { transform: none; }
.bd-mobil-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.bd-logo-mobil { width: 176px; color: #f3ede2; }
.bd-logo-mobil .bd-logo-alt { color: var(--gri-a); font-size: 7px; }
.bd-mobil-kapat { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--cizgi-k); background: none; color: inherit; font-size: .85rem; font-weight: 600; }
.bd-mobil-kapat .bd-ikon { width: 18px; height: 18px; }
.bd-mobil-hizli { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.bd-mobil-hizli > * { display: grid; justify-items: center; gap: 6px; padding: 12px 6px; border-radius: 14px; border: 1px solid var(--cizgi-k); background: rgba(255, 255, 255, .04); color: inherit; font-size: .8rem; font-weight: 600; }
.bd-mobil-hizli .bd-ikon { color: var(--altin-a); }
.bd-mobil-menu { display: grid; }
.bd-mobil-menu > a, .bd-mobil-grup summary { display: flex; align-items: center; justify-content: space-between; min-height: 54px; border-bottom: 1px solid var(--cizgi-k); font-family: var(--f-baslik); font-size: 1.22rem; font-weight: 520; cursor: pointer; list-style: none; }
.bd-mobil-grup summary::-webkit-details-marker { display: none; }
.bd-mobil-menu .bd-ikon { width: 18px; height: 18px; color: var(--altin-a); transition: transform .3s; }
.bd-mobil-grup[open] summary .bd-ikon { transform: rotate(180deg); }
.bd-mobil-grup div { display: grid; gap: 2px; padding: 8px 0 12px; }
.bd-mobil-grup div a { display: flex; align-items: center; gap: 12px; padding: 9px 4px; font-size: .95rem; color: #d7dde8; }
.bd-mobil-alt { display: grid; gap: 10px; margin-top: auto; padding-top: 10px; }
.bd-mobil-alt p { margin: 4px 0 0; font-size: .82rem; color: var(--gri-a); }
html.menu-acik .bd-cubuk { transform: translateY(110%); }

/* ---------- Mobil alt çubuk ---------- */
.bd-cubuk { position: fixed; left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); z-index: 80; display: none; grid-template-columns: repeat(5, 1fr); align-items: end; padding: 6px; border-radius: 20px; background: var(--beyaz); box-shadow: 0 18px 40px -16px rgba(13, 27, 51, .45), 0 0 0 1px var(--cizgi-2); transition: transform .45s var(--yumusak); }
.bd-cubuk > * { display: grid; justify-items: center; gap: 2px; min-height: 52px; padding: 7px 2px 5px; border: 0; border-radius: 14px; background: none; color: var(--mur-2); font-size: .7rem; font-weight: 650; }
.bd-cubuk .bd-ikon { width: 21px; height: 21px; }
.bd-cubuk > a:first-child .bd-ikon { color: var(--altin-k); }
.bd-cubuk-asistan { position: relative; }
.bd-cubuk-asistan .bd-ikon { box-sizing: content-box; width: 22px; height: 22px; margin-top: -24px; padding: 13px; border-radius: 50%; background: var(--altin); color: var(--lac); box-shadow: 0 10px 20px -8px rgba(184, 146, 90, .9), 0 0 0 5px var(--beyaz); }

/* ---------- Ana sayfa açılışı ---------- */
.bd-giris { position: relative; isolation: isolate; overflow: hidden; overflow: clip; padding: calc(var(--serit-y) + var(--ust-y) + clamp(28px, 5vw, 70px)) 0 0; background: linear-gradient(165deg, #142a52 0%, var(--lac) 46%, var(--lac-0) 100%); color: var(--acik); }
.bd-giris.ara-acik { overflow: visible; }
.bd-giris-zemin { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.bd-giris-isik { position: absolute; top: -10%; width: 60vw; height: 70vh; max-width: 900px; background: radial-gradient(closest-side, rgba(215, 182, 122, .22), transparent); transition: transform 1.2s var(--yumusak); will-change: transform; }
.bd-giris-isik-1 { left: 42%; }
.bd-giris-isik-2 { left: -18%; top: 30%; width: 50vw; background: radial-gradient(closest-side, rgba(60, 100, 170, .28), transparent); }
.bd-giris-cizgiler { position: absolute; inset: 0; background: repeating-linear-gradient(90deg, transparent 0 63px, rgba(255, 255, 255, .035) 63px 64px); -webkit-mask-image: linear-gradient(180deg, transparent, #000 30%, #000 70%, transparent); mask-image: linear-gradient(180deg, transparent, #000 30%, #000 70%, transparent); }
.bd-giris-ic { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: clamp(28px, 4vw, 64px); align-items: center; }
.bd-giris-ust { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 22px; font-size: .76rem; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; color: var(--altin-a); }
.bd-giris-ust i { width: 5px; height: 5px; border-radius: 50%; background: var(--altin); opacity: .7; }
.bd-giris-baslik { font-size: clamp(2.35rem, 4.6vw, 3.75rem); line-height: 1.07; letter-spacing: -.02em; color: var(--beyaz); margin-bottom: 22px; }
.bd-satir { display: block; overflow: hidden; padding-bottom: .06em; }
.bd-satir > span { display: block; }
.bd-giris-ozet { max-width: 560px; font-size: clamp(1rem, 1.3vw, 1.12rem); color: #c4ccdb; margin-bottom: 26px; }
.bd-giris-sor { max-width: 600px; }
.bd-giris-cipler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.bd-giris-cipler button { min-height: 36px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .05); color: #d6dce8; font-size: .83rem; font-weight: 600; transition: border-color .2s, color .2s, background-color .2s, transform .3s var(--yumusak); }
.bd-giris-cipler button:hover { border-color: var(--altin-a); color: var(--altin-a); transform: translateY(-2px); }
.bd-giris-dugmeler { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin-top: 30px; }

/* Asistan giriş kutusu */
.bd-sor-alan { position: relative; display: flex; align-items: center; gap: 6px; min-height: 66px; padding: 7px 7px 7px 20px; border-radius: 22px; background: var(--beyaz); color: var(--mur); box-shadow: 0 30px 60px -28px rgba(0, 0, 0, .65), 0 0 0 1px rgba(184, 146, 90, .35); transition: box-shadow .3s; }
.bd-sor-alan:focus-within { box-shadow: 0 30px 60px -28px rgba(0, 0, 0, .65), 0 0 0 3px var(--altin); }
.bd-sor-ikon .bd-ikon { width: 22px; height: 22px; color: var(--altin-k); }
.bd-sor-alan input { flex: 1; min-width: 0; height: 52px; padding: 0 6px; border: 0; background: none; outline: none; font-size: 1.02rem; font-weight: 500; color: var(--mur); }
.bd-sor-alan input::placeholder { color: #8a93a5; }
.bd-sor-alan input::-webkit-search-cancel-button { -webkit-appearance: none; }
.bd-sor-mikrofon { display: grid; place-items: center; width: 46px; height: 46px; border: 0; border-radius: 14px; background: var(--fil); color: var(--mur-2); transition: background-color .2s, color .2s; }
.bd-sor-mikrofon.dinliyor { background: var(--altin); color: var(--lac); }
.bd-sor-gonder { display: inline-flex; align-items: center; gap: 8px; height: 52px; padding: 0 22px; border: 0; border-radius: 16px; background: var(--lac); color: var(--beyaz); font-weight: 700; transition: background-color .2s; }
.bd-sor-gonder:hover { background: var(--lac-3); }
.bd-sor-gonder .bd-ikon { width: 18px; height: 18px; }

/* Diptik: iki kurucu, ortada ayraç */
.bd-diptik { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr); align-items: start; padding: 10px 0 0; }
.bd-diptik-kare { position: relative; display: block; transition: transform .6s var(--yumusak); will-change: transform; }
.bd-diptik-sol { margin-top: 56px; }
.bd-diptik-cerceve { position: relative; display: block; border-radius: 24px; overflow: hidden; aspect-ratio: 4 / 5; background: var(--lac-3); box-shadow: 0 50px 80px -40px rgba(0, 0, 0, .8); }
.bd-diptik-cerceve::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(215, 182, 122, .35); background: linear-gradient(180deg, transparent 55%, rgba(6, 15, 34, .55)); }
.bd-diptik-cerceve img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--yumusak); }
.bd-diptik-kare:hover img { transform: scale(1.045); }
.bd-diptik-ad { display: grid; gap: 2px; margin-top: 14px; padding-left: 4px; }
.bd-diptik-ad strong { font-family: var(--f-baslik); font-size: 1.12rem; font-weight: 560; color: var(--beyaz); }
.bd-diptik-ad small { font-size: .74rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--altin-a); }
.bd-diptik-ayrac { position: relative; align-self: stretch; }
.bd-diptik-ayrac i { position: absolute; left: 50%; top: -40px; bottom: -40px; width: 1.5px; margin-left: -.75px; background: linear-gradient(transparent, var(--altin) 18%, var(--altin-a) 50%, var(--altin) 82%, transparent); transform-origin: 50% 50%; }
.bd-giris-serit { position: relative; margin-top: clamp(40px, 6vw, 76px); border-top: 1px solid rgba(255, 255, 255, .1); background: rgba(6, 15, 34, .35); }
.bd-giris-serit ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.bd-giris-serit li { border-left: 1px solid rgba(255, 255, 255, .08); }
.bd-giris-serit li:first-child { border-left: 0; }
.bd-giris-serit a, .bd-serit-saat { display: flex; align-items: center; gap: 14px; min-height: 84px; padding: 16px 20px; font-size: .9rem; color: #e6eaf1; transition: background-color .25s; }
.bd-giris-serit a:hover { background: rgba(255, 255, 255, .04); }
.bd-giris-serit li:first-child a { padding-left: 0; }
.bd-giris-serit .bd-ikon { width: 22px; height: 22px; color: var(--altin-a); }
.bd-giris-serit small { display: block; font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gri-a); }

/* Açılış hareketleri: perde bitince (ya da hemen) bd-hazir sınıfıyla oynar */
.bd-js .bd-acilis { opacity: 0; transform: translateY(26px); }
.bd-js .bd-satir .bd-acilis { transform: translateY(105%); opacity: 1; }
.bd-js .bd-diptik-kare { opacity: 0; transform: translateY(50px); }
.bd-js .bd-diptik-ayrac i { transform: scaleY(0); }
.bd-hazir .bd-acilis, .bd-hazir .bd-satir .bd-acilis { opacity: 1; transform: none; transition: opacity .8s calc(var(--g) * .08s) ease, transform 1s calc(var(--g) * .08s) var(--yumusak); }
.bd-hazir .bd-diptik-kare { opacity: 1; transform: none; transition: opacity .9s .25s ease, transform 1.2s .25s var(--yumusak); }
.bd-hazir .bd-diptik-sag { transition-delay: .38s; }
.bd-hazir .bd-diptik-ayrac i { transform: none; transition: transform 1.3s .15s var(--yumusak); }
.bd-hazir .bd-diptik-kare.oynat { transition: transform .5s var(--yumusak); }

/* ---------- Bölümler ---------- */
.bd-bolum { position: relative; padding: clamp(64px, 9vw, 120px) 0; }
.bd-bolum-acik { background: var(--fil); }
.bd-bolum-beyaz { background: var(--beyaz); }
.bd-koyu { isolation: isolate; overflow: hidden; background: linear-gradient(170deg, var(--lac-2), var(--lac) 50%, var(--lac-0)); color: var(--acik); }
.bd-koyu .bd-bolum-giris, .bd-koyu p { color: #c4ccdb; }
.bd-koyu .bd-h2 { color: var(--beyaz); }
.bd-koyu-isik, .bd-alt-bant-isik { position: absolute; left: 0; top: 0; z-index: -1; width: 640px; height: 640px; margin: -320px 0 0 -320px; border-radius: 50%; background: radial-gradient(closest-side, rgba(215, 182, 122, .16), transparent); pointer-events: none; transform: translate(60vw, 30%); transition: transform .9s var(--yumusak); will-change: transform; }
.bd-bolum-ust { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px 40px; margin-bottom: clamp(30px, 4vw, 52px); }
.bd-bolum-ust > div { max-width: 720px; }
.bd-bolum-ust-orta { justify-content: center; text-align: center; }
.bd-bolum-ust-orta .bd-bolum-giris { margin: 0 auto; }
.bd-orta-bag { margin: 34px 0 0; text-align: center; }

/* Sayılar şeridi */
.bd-bolum-sayilar { padding: 0; background: var(--fil); }
.bd-sayilar { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: -1px 0 0; padding: clamp(22px, 3vw, 34px) 0; border-bottom: 1px solid var(--cizgi); }
.bd-sayilar p { margin: 0; padding: 4px clamp(10px, 2vw, 26px); border-left: 1px solid var(--cizgi); display: grid; gap: 2px; }
.bd-sayilar p:first-child { border-left: 0; padding-left: 0; }
.bd-sayilar strong { font-family: var(--f-baslik); font-size: clamp(1.9rem, 3.4vw, 2.7rem); font-weight: 520; line-height: 1; color: var(--lac); }
.bd-sayilar span { font-size: .84rem; color: var(--gri); line-height: 1.35; }

/* ---------- Ayraçlı alan dizini ---------- */
.bd-dizin { position: relative; }
.bd-dizin-sekme { display: none; }
.bd-dizin-govde { display: grid; grid-template-columns: minmax(0, 1fr) 60px minmax(0, 1fr); }
.bd-dizin-baslik { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 10px; padding: 0 0 14px; border-bottom: 1px solid var(--lac); }
.bd-dizin-baslik strong { font-family: var(--f-baslik); font-size: 1.5rem; font-weight: 560; }
.bd-dizin-baslik span { font-size: .84rem; color: var(--gri); }
.bd-dizin ul { margin: 0; padding: 0; list-style: none; }
.bd-dizin li a { position: relative; isolation: isolate; display: grid; grid-template-columns: 34px 44px minmax(0, 1fr) 34px; align-items: center; gap: 14px; padding: 16px 12px 16px 6px; border-bottom: 1px solid var(--cizgi); }
.bd-dizin li a::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 14px; background: var(--beyaz); box-shadow: var(--golge-k); transform: scaleX(.96); opacity: 0; transition: transform .4s var(--yumusak), opacity .3s; }
.bd-dizin li a:hover::before, .bd-dizin li a:focus-visible::before { transform: none; opacity: 1; }
.bd-dizin-no { font-family: var(--f-baslik); font-style: italic; font-size: 1rem; color: var(--altin-k); }
.bd-dizin-ikon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--fil-2); color: var(--lac); transition: background-color .3s, color .3s; }
.bd-dizin li a:hover .bd-dizin-ikon { background: var(--lac); color: var(--altin-a); }
.bd-dizin-ad strong { display: block; font-family: var(--f-baslik); font-size: 1.16rem; font-weight: 560; line-height: 1.25; }
.bd-dizin-ad small { display: block; margin-top: 3px; font-size: .82rem; color: var(--gri); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bd-dizin-ok { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--cizgi); color: var(--lac); transition: transform .4s var(--yumusak), background-color .3s, border-color .3s; }
.bd-dizin-ok .bd-ikon { width: 16px; height: 16px; }
.bd-dizin li a:hover .bd-dizin-ok { transform: rotate(45deg); background: var(--altin); border-color: var(--altin); }
.bd-dizin-ayrac { position: relative; }
.bd-dizin-ayrac i { position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: linear-gradient(transparent, var(--altin) 12%, var(--altin) 88%, transparent); transform-origin: top; transition: transform 1.4s var(--yumusak); }
.bd-js .bd-dizin:not(.gorundu) .bd-dizin-ayrac i { transform: scaleY(0); }
.bd-dizin-gorsel { position: fixed; left: 0; top: 0; z-index: 60; width: 260px; aspect-ratio: 3 / 2; border-radius: 16px; overflow: hidden; pointer-events: none; opacity: 0; transform: translate(-999px, -999px); box-shadow: 0 30px 60px -24px rgba(13, 27, 51, .55); transition: opacity .25s; will-change: transform; }
.bd-dizin-gorsel.acik { opacity: 1; }
.bd-dizin-gorsel img { width: 100%; height: 100%; object-fit: cover; }

/* ---------- Büro ---------- */
.bd-buro { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(32px, 6vw, 90px); align-items: center; }
.bd-buro-gorsel { position: relative; margin: 0; }
.bd-buro-gorsel::before { content: ""; position: absolute; inset: 22px -22px -22px 22px; border: 1px solid var(--altin); border-radius: 26px; }
.bd-buro-gorsel img { position: relative; width: 100%; border-radius: 24px; aspect-ratio: 690 / 730; object-fit: cover; box-shadow: var(--golge); }
.bd-buro-gorsel figcaption { position: absolute; left: -18px; bottom: 28px; display: flex; align-items: center; gap: 12px; padding: 12px 18px 12px 12px; border-radius: 16px; background: var(--lac); color: var(--beyaz); box-shadow: var(--golge); }
.bd-buro-gorsel figcaption strong { display: block; font-size: .92rem; }
.bd-buro-gorsel figcaption small { display: block; font-size: .78rem; color: var(--gri-a); }
.bd-buro-mono { width: 40px; height: 40px; }
.bd-ilkeler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 30px; margin: 34px 0 30px; padding: 0; list-style: none; }
.bd-ilkeler li { display: grid; gap: 6px; }
.bd-ilke-ikon { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 4px; border-radius: 14px; background: var(--fil); color: var(--altin-k); }
.bd-ilkeler strong { font-family: var(--f-baslik); font-size: 1.12rem; font-weight: 560; }
.bd-ilkeler p { margin: 0; font-size: .93rem; color: var(--gri); }

/* ---------- Asistan tanıtımı ---------- */
.bd-asistan-tanitim { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(30px, 5vw, 80px); align-items: center; }
.bd-asistan-tanitim .bd-sor { margin-top: 26px; }
.bd-asistan-ornek { position: relative; display: grid; gap: 12px; padding: 22px; border-radius: 26px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1); box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .7); }
.bd-ao-ust { display: flex; align-items: center; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--cizgi-k); }
.bd-ao-ust .bd-mono-z { fill: var(--lac-0); }
.bd-ao-ust strong { display: block; color: var(--beyaz); font-size: .95rem; }
.bd-ao-ust small { display: flex; align-items: center; gap: 6px; font-size: .76rem; color: #8fd0a7; }
.bd-ao-ust small::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #5fbf87; }
.bd-ao-mesaj { margin: 0; max-width: 88%; padding: 12px 16px; border-radius: 18px; font-size: .92rem; line-height: 1.5; }
.bd-ao-sen { justify-self: end; border-bottom-right-radius: 6px; background: var(--altin); color: var(--lac) !important; font-weight: 600; }
.bd-ao-yanit { display: grid; gap: 8px; border-bottom-left-radius: 6px; background: var(--beyaz); color: var(--mur); }
.bd-ao-yanit strong { font-family: var(--f-baslik); font-size: 1.05rem; font-weight: 560; }
.bd-ao-sure { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 10px; background: var(--altin-s); font-size: .84rem; color: var(--altin-k); font-weight: 600; }
.bd-ao-bag { display: flex; align-items: center; gap: 8px; font-size: .86rem; font-weight: 600; color: var(--lac-3); }
.bd-ao-sure .bd-ikon, .bd-ao-bag .bd-ikon { width: 16px; height: 16px; }
.bd-ao-yaziyor { display: flex; gap: 5px; margin: 0; padding: 10px 14px; width: max-content; border-radius: 14px; background: rgba(255, 255, 255, .08); }
.bd-ao-yaziyor i, .bd-yg-yaziyor i { width: 7px; height: 7px; border-radius: 50%; background: var(--gri-a); animation: bd-nokta 1.2s ease-in-out 6 both; }
.bd-ao-yaziyor i:nth-child(2), .bd-yg-yaziyor i:nth-child(2) { animation-delay: .15s; }
.bd-ao-yaziyor i:nth-child(3), .bd-yg-yaziyor i:nth-child(3) { animation-delay: .3s; }
@keyframes bd-nokta { 0%, 60%, 100% { opacity: .35; transform: none; } 30% { opacity: 1; transform: translateY(-3px); } }
.bd-js .bd-asistan-ornek > * { opacity: 0; transform: translateY(12px); }
.bd-asistan-ornek.gorundu > * { opacity: 1; transform: none; transition: opacity .6s, transform .7s var(--yumusak); }
.bd-asistan-ornek.gorundu > :nth-child(2) { transition-delay: .3s; }
.bd-asistan-ornek.gorundu > :nth-child(3) { transition-delay: .9s; }
.bd-asistan-ornek.gorundu > :nth-child(4) { transition-delay: 1.3s; }

/* ---------- Ekip ---------- */
.bd-ekip-vitrin, .bd-ekip-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 2vw, 26px); }
.bd-ekip-izgara-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bd-avukat { position: relative; display: flex; flex-direction: column; border-radius: var(--r); background: var(--beyaz); border: 1px solid var(--cizgi-2); overflow: hidden; transition: transform .5s var(--yumusak), box-shadow .4s; }
.bd-avukat:hover { transform: translateY(-6px); box-shadow: var(--golge); }
.bd-avukat-foto { position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--fil-2); }
.bd-avukat-foto img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--yumusak); }
.bd-avukat:hover .bd-avukat-foto img { transform: scale(1.05); }
.bd-avukat-harf { display: grid; place-items: center; aspect-ratio: auto; height: 120px; background: var(--lac); }
.bd-avukat-harf span { font-family: var(--f-baslik); font-size: 2rem; color: var(--altin-a); letter-spacing: .08em; }
.bd-avukat-govde { display: flex; flex-direction: column; gap: 8px; flex: 1; padding: 20px 20px 22px; }
.bd-avukat-rol { margin: 0; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--altin-k); }
.bd-avukat h3 { margin: 0; font-size: 1.24rem; }
.bd-avukat-kisa { margin: 0; font-size: .9rem; color: var(--gri); line-height: 1.6; }
.bd-avukat-alanlar { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 0; padding: 0; list-style: none; }
.bd-avukat-alanlar a { display: inline-block; padding: 4px 10px; border-radius: 999px; background: var(--fil); font-size: .76rem; font-weight: 600; color: var(--mur-2); transition: background-color .2s; }
.bd-avukat-alanlar a:hover { background: var(--altin-s); }
.bd-avukat .bd-bag-ok { margin-top: auto; padding-top: 8px; }
.bd-avukat-buyuk .bd-avukat-foto::after { content: "Kurucu Ortak"; position: absolute; left: 14px; top: 14px; padding: 5px 11px; border-radius: 999px; background: var(--lac); color: var(--altin-a); font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.bd-ekip-grup .bd-avukat-buyuk .bd-avukat-foto::after { display: none; }
.bd-avukat-kucuk { flex-direction: row; align-items: center; }
.bd-avukat-kucuk .bd-avukat-harf { width: 92px; height: 92px; flex: none; margin: 16px 0 16px 16px; border-radius: 50%; }
.bd-avukat-kucuk .bd-avukat-govde { padding: 16px 18px; }
.bd-ekip-grup + .bd-ekip-grup { margin-top: clamp(40px, 6vw, 70px); }
.bd-ekip-grup-ust { display: flex; align-items: baseline; gap: 18px; flex-wrap: wrap; margin-bottom: 22px; }
.bd-ekip-grup-ust p { margin: 0; color: var(--gri); }
.bd-ekip-grup-idari .bd-ekip-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 820px; }
.bd-ekip-grup:not(.bd-ekip-grup-idari) .bd-ekip-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bd-ekip-grup:not(.bd-ekip-grup-idari) .bd-avukat { flex-direction: row; }
.bd-ekip-grup:not(.bd-ekip-grup-idari) .bd-avukat-foto { flex: 0 0 42%; aspect-ratio: auto; min-height: 340px; }
.bd-ekip-grup:not(.bd-ekip-grup-idari) .bd-avukat-govde { padding: 26px 26px 24px; justify-content: center; }
.bd-ekip-grup:not(.bd-ekip-grup-idari) .bd-avukat h3 { font-size: 1.4rem; }

/* ---------- Araçlar ---------- */
.bd-suz { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 26px; }
.bd-suz button { min-height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid var(--cizgi); background: var(--beyaz); font-size: .86rem; font-weight: 600; color: var(--mur-2); transition: background-color .2s, color .2s, border-color .2s; }
.bd-suz button:hover { border-color: var(--lac); }
.bd-suz button.etkin { background: var(--lac); border-color: var(--lac); color: var(--beyaz); }
.bd-arac-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.bd-arac-kart { position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: 50px minmax(0, 1fr) 24px; align-items: center; gap: 16px; padding: 20px; border-radius: 18px; background: var(--fil); border: 1px solid var(--cizgi-2); transition: transform .45s var(--yumusak), box-shadow .35s, background-color .3s, opacity .3s; }
.bd-bolum-acik .bd-arac-kart { background: var(--beyaz); }
.bd-arac-kart:hover { transform: translateY(-4px); box-shadow: var(--golge-k); background: var(--beyaz); }
.bd-arac-kart.suzuldu { display: none; }
.bd-arac-ikon { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 15px; background: var(--lac); color: var(--altin-a); }
.bd-arac-ikon .bd-ikon { width: 22px; height: 22px; }
.bd-arac-kart .bd-arac-metin strong { display: block; font-family: var(--f-baslik); font-size: 1.08rem; font-weight: 560; line-height: 1.3; }
.bd-arac-kart .bd-arac-metin small { display: block; margin-top: 3px; font-size: .84rem; color: var(--gri); line-height: 1.45; }
.bd-arac-ok .bd-ikon { width: 18px; height: 18px; color: var(--altin-k); transition: transform .35s var(--yumusak); }
.bd-arac-kart:hover .bd-arac-ok .bd-ikon { transform: translateX(4px); }
.bd-arac-isik { position: absolute; left: 0; top: 0; z-index: -1; width: 260px; height: 260px; margin: -130px 0 0 -130px; border-radius: 50%; background: radial-gradient(closest-side, rgba(215, 182, 122, .28), transparent); opacity: 0; transition: opacity .3s; pointer-events: none; }
.bd-arac-kart:hover .bd-arac-isik { opacity: 1; }
.bd-arac-grup + .bd-arac-grup { margin-top: 40px; }
.bd-arac-grup .bd-h3 { margin-bottom: 16px; }
.bd-arac-mini { display: flex; flex-wrap: wrap; gap: 8px; }
.bd-arac-mini a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px; background: var(--beyaz); border: 1px solid var(--cizgi-2); font-size: .88rem; font-weight: 600; transition: border-color .2s, transform .3s var(--yumusak); }
.bd-arac-mini a:hover { border-color: var(--altin); transform: translateY(-2px); }
.bd-arac-mini .bd-ikon { width: 17px; height: 17px; color: var(--altin-k); }

.bd-arac-daha { display: none; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 50px; margin-top: 12px; border-radius: 16px; border: 1.5px dashed var(--cizgi); background: none; font-weight: 700; font-size: .9rem; color: var(--mur-2); }
.bd-araclar.tam .bd-arac-daha { display: none; }

/* ---------- Süreç ---------- */
.bd-surec { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; counter-reset: s; }
.bd-surec::before { content: ""; position: absolute; left: 30px; right: 30px; top: 30px; height: 1px; background: var(--altin); transform-origin: left; transition: transform 1.6s var(--yumusak); }
.bd-js .bd-surec:not(.gorundu)::before { transform: scaleX(0); }
.bd-surec li { position: relative; display: grid; gap: 8px; }
.bd-surec-no { display: grid; place-items: center; width: 60px; height: 60px; margin-bottom: 10px; border-radius: 50%; background: var(--lac); color: var(--altin-a); font-family: var(--f-baslik); font-style: italic; font-size: 1.2rem; box-shadow: 0 0 0 8px var(--fil); }
.bd-surec strong { font-family: var(--f-baslik); font-size: 1.2rem; font-weight: 560; }
.bd-surec p { margin: 0; font-size: .93rem; color: var(--gri); }

/* ---------- Makale kartları ---------- */
.bd-yazi-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2.4vw, 30px); }
.bd-yazi-kart { display: flex; flex-direction: column; border-radius: var(--r); background: var(--beyaz); border: 1px solid var(--cizgi-2); overflow: hidden; transition: transform .5s var(--yumusak), box-shadow .4s; }
.bd-bolum-beyaz .bd-yazi-kart { background: var(--fil); }
.bd-yazi-kart:hover { transform: translateY(-6px); box-shadow: var(--golge); }
.bd-yazi-kart.suzuldu { display: none; }
.bd-yazi-kart-gorsel { position: relative; display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--fil-2); }
.bd-yazi-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s var(--yumusak); }
.bd-yazi-kart:hover .bd-yazi-kart-gorsel img { transform: scale(1.06); }
.bd-yazi-dinle-rozet { position: absolute; right: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px 5px 8px; border-radius: 999px; background: rgba(6, 15, 34, .78); color: var(--beyaz); font-size: .74rem; font-weight: 700; }
.bd-yazi-dinle-rozet .bd-ikon { width: 15px; height: 15px; color: var(--altin-a); }
.bd-yazi-kart-govde { display: flex; flex-direction: column; gap: 8px; flex: 1; padding: 20px 22px 22px; }
.bd-yazi-kart-alan { margin: 0; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--altin-k); }
.bd-yazi-kart h3 { margin: 0; font-size: 1.22rem; line-height: 1.3; }
.bd-yazi-kart h3 a { background: linear-gradient(var(--altin), var(--altin)) 0 100% / 0 1.5px no-repeat; transition: background-size .45s var(--yumusak); }
.bd-yazi-kart:hover h3 a { background-size: 100% 1.5px; }
.bd-yazi-kart-govde > p:not([class]) { margin: 0; font-size: .92rem; color: var(--gri); }
.bd-yazi-kart-meta { display: flex; justify-content: space-between; gap: 10px; margin: auto 0 0; padding-top: 10px; font-size: .8rem; color: var(--gri); }
.bd-yazi-kart-meta span { display: inline-flex; align-items: center; gap: 6px; }
.bd-yazi-kart-meta .bd-ikon { width: 15px; height: 15px; }

/* ---------- SSS ---------- */
.bd-sss-duzen { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 80px); align-items: start; }
.bd-sss-sol { position: sticky; top: calc(var(--ust-y) + 30px); }
.bd-sss-sol .bd-dugme { margin-top: 24px; }
.bd-sorular { display: grid; gap: 10px; }
.bd-sorular + .bd-sorular { margin-top: 10px; }
.bd-soru { border-radius: 16px; background: var(--beyaz); border: 1px solid var(--cizgi-2); transition: box-shadow .3s, border-color .3s; }
.bd-soru[open] { border-color: var(--cizgi); box-shadow: var(--golge-k); }
.bd-soru summary { position: relative; display: block; padding: 20px 60px 20px 22px; font-family: var(--f-baslik); font-size: 1.1rem; font-weight: 560; line-height: 1.35; cursor: pointer; list-style: none; }
.bd-soru summary::-webkit-details-marker { display: none; }
.bd-soru summary::before, .bd-soru summary::after { content: ""; position: absolute; right: 24px; top: 50%; width: 14px; height: 1.6px; background: var(--altin-k); transition: transform .35s var(--yumusak); }
.bd-soru summary::after { transform: rotate(90deg); }
.bd-soru[open] summary::after { transform: rotate(0); }
.bd-soru > div { padding: 0 22px 20px; color: var(--gri); animation: bd-yuksel .45s var(--yumusak); }
.bd-soru > div > p:last-child { margin-bottom: 0; }
.bd-soru a:not([class]) { color: var(--altin-k); text-decoration: underline; text-underline-offset: 3px; }

/* ---------- İletişim ---------- */
.bd-iletisim-blok { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 70px); align-items: center; }
.bd-iletisim-kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 26px; }
.bd-il-kart { display: flex; align-items: center; gap: 14px; padding: 16px; border-radius: 16px; background: rgba(255, 255, 255, .05); border: 1px solid var(--cizgi-k); transition: background-color .25s, border-color .25s, transform .35s var(--yumusak); }
.bd-il-kart:hover { border-color: rgba(215, 182, 122, .5); transform: translateY(-2px); }
.bd-il-kart .bd-ikon { width: 22px; height: 22px; color: var(--altin-a); }
.bd-il-kart small { display: block; font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gri-a); }
.bd-il-kart strong { display: block; font-size: .94rem; font-weight: 650; color: var(--beyaz); word-break: break-word; }
.bd-il-kart-genis { grid-column: 1 / -1; }
.bd-harita { position: relative; overflow: hidden; border-radius: 24px; aspect-ratio: 4 / 3.4; background: var(--lac-0); box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .7); }
.bd-harita > img { position: absolute; inset: 0; width: 100%; height: 62%; object-fit: cover; object-position: 50% 57%; opacity: .55; }
.bd-harita iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.bd-harita-kutu { position: absolute; left: 18px; right: 18px; bottom: 18px; display: grid; gap: 12px; padding: 18px; border-radius: 18px; background: rgba(6, 15, 34, .88); color: var(--beyaz); }
.bd-harita.yuklendi .bd-harita-kutu, .bd-harita.yuklendi > img { display: none; }
.bd-harita-isaret { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--altin); color: var(--lac); }
.bd-harita-kutu p { margin: 0; }
.bd-harita-kutu strong { display: block; }
.bd-harita-kutu p span { font-size: .88rem; color: #c4ccdb; }
.bd-harita-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; }

/* ---------- Alt bilgi ---------- */
.bd-alt { background: var(--lac-0); color: #c4ccdb; padding-bottom: 0; }
.bd-alt-bant { position: relative; isolation: isolate; overflow: hidden; background: var(--lac); border-bottom: 1px solid var(--cizgi-k); }
.bd-alt-bant-ic { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 26px 50px; align-items: center; padding-top: clamp(44px, 6vw, 72px); padding-bottom: clamp(44px, 6vw, 72px); }
.bd-alt-bant-baslik { margin: 0 0 8px; font-family: var(--f-baslik); font-size: clamp(1.7rem, 3vw, 2.3rem); font-weight: 520; color: var(--beyaz); line-height: 1.15; }
.bd-alt-bant-metin p:last-child { margin: 0; max-width: 560px; }
.bd-alt-bant-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; }
.bd-alt-izgara { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); gap: 36px; padding-top: 60px; padding-bottom: 48px; }
.bd-logo-dip { width: 230px; }
.bd-alt .bd-logo { color: #f3ede2; }
.bd-alt .bd-logo-alt { color: var(--gri-a); }
.bd-alt-marka > p { margin: 22px 0; font-size: .9rem; max-width: 380px; }
.bd-alt address { display: grid; gap: 8px; font-style: normal; font-size: .9rem; }
.bd-alt address a, .bd-alt address > span { display: flex; gap: 10px; align-items: flex-start; transition: color .2s; }
.bd-alt address a:hover { color: var(--altin-a); }
.bd-alt address .bd-ikon { width: 17px; height: 17px; margin-top: 4px; color: var(--altin-a); }
.bd-alt address small { color: var(--gri-a); font-size: .76rem; }
.bd-alt-sutun { display: grid; align-content: start; gap: 8px; font-size: .9rem; }
.bd-alt-sutun a { justify-self: start; transition: color .2s, transform .3s var(--yumusak); }
.bd-alt-sutun a:hover { color: var(--altin-a); transform: translateX(3px); }
.bd-alt-alt { padding-left: 12px; font-size: .84rem; color: var(--gri-a); }
.bd-alt-baslik { margin: 0 0 6px; font-size: .72rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--altin-a); }
.bd-alt-baslik-2 { margin-top: 16px; }
.bd-alt-son { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 30px; padding-top: 22px; padding-bottom: 26px; border-top: 1px solid var(--cizgi-k); font-size: .8rem; color: var(--gri-a); }
.bd-alt-son p { margin: 0; }
.bd-alt-son-bag { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.bd-alt-son a:hover { color: var(--altin-a); }
.bd-imza a { color: var(--altin-a); font-weight: 650; }

/* ---------- Sayfa başı ---------- */
.bd-sb { position: relative; isolation: isolate; overflow: hidden; overflow: clip; padding: calc(var(--serit-y) + var(--ust-y) + clamp(26px, 4vw, 54px)) 0 clamp(46px, 6vw, 80px); background: linear-gradient(165deg, #142a52 0%, var(--lac) 50%, var(--lac-0) 100%); color: var(--acik); }
.bd-sb.ara-acik { overflow: visible; }
.bd-sb-ayrac { position: absolute; left: 61%; top: 0; bottom: 0; z-index: -1; width: 1px; background: linear-gradient(transparent, rgba(215, 182, 122, .35) 30%, rgba(215, 182, 122, .12) 85%, transparent); }
.bd-sb-isik { position: absolute; right: -10%; top: -30%; z-index: -1; width: 70vw; max-width: 900px; height: 90vh; background: radial-gradient(closest-side, rgba(215, 182, 122, .14), transparent); pointer-events: none; }
.bd-sb-ic { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; align-items: center; }
.bd-sb-gorselli .bd-sb-ic, .bd-sb-makale .bd-sb-ic, .bd-sb-avukat .bd-sb-ic { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(30px, 5vw, 72px); }
.bd-sb h1 { font-size: clamp(2.1rem, 4vw, 3.3rem); line-height: 1.1; color: var(--beyaz); margin: 0 0 18px; }
.bd-sb-makale h1 { font-size: clamp(1.95rem, 3.5vw, 2.9rem); }
.bd-sb-ozet { max-width: 640px; font-size: clamp(1rem, 1.3vw, 1.12rem); color: #c4ccdb; margin: 0; }
.bd-sb-dugmeler { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 28px; }
.bd-sb-ara { max-width: 640px; margin-top: 26px; }
.bd-sb-gorsel { position: relative; margin: 0; }
.bd-sb-gorsel-cerceve { position: relative; display: block; border-radius: 24px; overflow: hidden; aspect-ratio: 3 / 2; box-shadow: 0 50px 90px -40px rgba(0, 0, 0, .8); }
.bd-sb-gorsel::before { content: ""; position: absolute; inset: -14px 14px 14px -14px; border: 1px solid rgba(215, 182, 122, .5); border-radius: 28px; }
.bd-sb-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.bd-sb-gorsel figcaption { position: absolute; right: -10px; bottom: 22px; display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 14px; background: var(--beyaz); color: var(--mur); font-size: .86rem; font-weight: 650; box-shadow: var(--golge); }
.bd-sb-gorsel figcaption .bd-ikon { color: var(--altin-k); }
.bd-js .bd-sb-metin > * { opacity: 0; transform: translateY(18px); }
.bd-js .bd-sb-gorsel, .bd-js .bd-sb-portre { opacity: 0; transform: translateY(30px) scale(.98); }
.bd-hazir .bd-sb-metin > * { opacity: 1; transform: none; transition: opacity .7s, transform .9s var(--yumusak); }
.bd-hazir .bd-sb-metin > :nth-child(2) { transition-delay: .06s; }
.bd-hazir .bd-sb-metin > :nth-child(3) { transition-delay: .12s; }
.bd-hazir .bd-sb-metin > :nth-child(4) { transition-delay: .18s; }
.bd-hazir .bd-sb-metin > :nth-child(n+5) { transition-delay: .24s; }
.bd-hazir .bd-sb-gorsel, .bd-hazir .bd-sb-portre { opacity: 1; transform: none; transition: opacity .9s .15s, transform 1.1s .15s var(--yumusak); }
.bd-iz ol { display: flex; flex-wrap: wrap; gap: 4px 0; margin: 0 0 22px; padding: 0; list-style: none; font-size: .82rem; color: var(--gri-a); }
.bd-iz li:not(:last-child)::after { content: "/"; margin: 0 10px; color: rgba(215, 182, 122, .6); }
.bd-iz a { transition: color .2s; }
.bd-iz a:hover { color: var(--altin-a); }
.bd-iz li[aria-current] { color: #e2e7ef; max-width: 46ch; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bd-sb-cipler { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 0; padding: 0; list-style: none; }
.bd-sb-cipler a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .16); font-size: .86rem; font-weight: 600; color: #e2e7ef; transition: border-color .2s, color .2s; }
.bd-sb-cipler a:hover { border-color: var(--altin-a); color: var(--altin-a); }
.bd-sb-cipler .bd-ikon { width: 16px; height: 16px; color: var(--altin-a); }
.bd-sb-portre { position: relative; margin: 0; max-width: 420px; justify-self: end; }
.bd-sb-portre::before { content: ""; position: absolute; inset: 18px -18px -18px 18px; border: 1px solid rgba(215, 182, 122, .5); border-radius: 28px; }
.bd-sb-portre img { position: relative; width: 100%; border-radius: 24px; aspect-ratio: 4 / 5; object-fit: cover; box-shadow: 0 50px 90px -40px rgba(0, 0, 0, .8); }
.bd-avukat-bilgi { display: grid; grid-template-columns: repeat(3, minmax(0, auto)); justify-content: start; gap: 10px 30px; margin: 24px 0 0; }
.bd-avukat-bilgi dt { font-size: .7rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--altin-a); }
.bd-avukat-bilgi dd { margin: 2px 0 0; font-size: .93rem; color: #e2e7ef; }
.bd-avukat-metin { padding-top: clamp(40px, 6vw, 70px); padding-bottom: clamp(30px, 5vw, 60px); }
.bd-makale-alan { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; padding: 6px 14px; border-radius: 999px; background: rgba(215, 182, 122, .14); color: var(--altin-a); font-size: .82rem; font-weight: 700; }
.bd-makale-alan .bd-ikon { width: 16px; height: 16px; }
.bd-makale-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin-top: 24px; font-size: .86rem; color: var(--gri-a); }
.bd-makale-meta > span { display: inline-flex; align-items: center; gap: 8px; }
.bd-makale-meta .bd-ikon { width: 17px; height: 17px; }
.bd-makale-yazar .bd-mono { width: 36px; height: 36px; }
.bd-makale-yazar .bd-mono-z { fill: var(--lac-3); }
.bd-makale-yazar strong { display: block; color: var(--beyaz); font-size: .9rem; }
.bd-makale-yazar small { display: block; font-size: .78rem; }
.bd-dinle-dugme { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 18px 0 14px; border-radius: 999px; border: 0; background: var(--altin); color: var(--lac); font-weight: 700; font-size: .88rem; transition: background-color .2s, transform .35s var(--yumusak); }
.bd-dinle-dugme:hover { background: var(--altin-a); transform: translateY(-2px); }
.bd-dinle-dugme .bd-ikon { width: 18px; height: 18px; }
.bd-dinle-dugme.oynuyor { background: var(--beyaz); }

/* ---------- Konu gezinmesi ve yan sütun ---------- */
.bd-konu-nav { position: sticky; top: var(--ust-y); z-index: 30; background: var(--beyaz); border-bottom: 1px solid var(--cizgi); box-shadow: 0 10px 20px -18px rgba(13, 27, 51, .4); transition: top .5s var(--yumusak); }
body.ust-gizli .bd-konu-nav { top: 0; }
.bd-konu-nav ul { display: flex; gap: 4px; margin: 0; padding: 10px 0; list-style: none; overflow-x: auto; scrollbar-width: none; }
.bd-konu-nav ul::-webkit-scrollbar { display: none; }
.bd-konu-nav a { display: block; padding: 8px 14px; border-radius: 999px; font-size: .85rem; font-weight: 600; color: var(--mur-2); white-space: nowrap; transition: background-color .2s, color .2s; }
.bd-konu-nav a:hover { background: var(--fil); }
.bd-konu-nav a.etkin { background: var(--lac); color: var(--beyaz); }
.bd-alan-duzen, .bd-arac-aciklama, .bd-makale-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: clamp(30px, 5vw, 70px); align-items: start; padding-top: clamp(40px, 6vw, 70px); padding-bottom: clamp(40px, 6vw, 80px); }
.bd-makale-duzen { grid-template-columns: 240px minmax(0, 1fr) 300px; }
.bd-yan { position: sticky; top: calc(var(--ust-y) + 80px); display: grid; gap: 14px; }
.bd-makale-yan, .bd-arac-aciklama .bd-yan { top: calc(var(--ust-y) + 24px); }
.bd-yan-kart { display: grid; gap: 10px; padding: 20px; border-radius: 18px; background: var(--beyaz); border: 1px solid var(--cizgi-2); }
.bd-yan-baslik { display: flex; align-items: center; gap: 10px; margin: 0; font-size: .74rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--altin-k); }
.bd-yan-baslik .bd-ikon { width: 17px; height: 17px; }
.bd-yan-konular ol { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; counter-reset: k; }
.bd-yan-konular a { position: relative; display: block; padding: 7px 10px 7px 34px; border-radius: 10px; font-size: .88rem; color: var(--mur-2); line-height: 1.4; transition: background-color .2s, color .2s; }
.bd-yan-konular li { counter-increment: k; }
.bd-yan-konular a::before { content: counter(k, decimal-leading-zero); position: absolute; left: 8px; top: 8px; font-family: var(--f-baslik); font-style: italic; font-size: .8rem; color: var(--altin-k); }
.bd-yan-konular a:hover { background: var(--fil); }
.bd-yan-konular a.etkin { background: var(--lac); color: var(--beyaz); }
.bd-yan-konular a.etkin::before { color: var(--altin-a); }
.bd-yan-arac { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; background: var(--fil); font-size: .9rem; font-weight: 600; transition: background-color .2s; }
.bd-yan-arac:hover { background: var(--altin-s); }
.bd-yan-arac span { flex: 1; }
.bd-yan-arac .bd-ikon { width: 18px; height: 18px; color: var(--altin-k); }
.bd-yan-avukat { display: flex; align-items: center; gap: 12px; padding: 6px; border-radius: 14px; transition: background-color .2s; }
.bd-yan-avukat:hover { background: var(--fil); }
.bd-yan-avukat img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; }
.bd-yan-avukat strong { display: block; font-size: .9rem; line-height: 1.3; }
.bd-yan-avukat small { display: block; font-size: .76rem; color: var(--gri); }
.bd-yan-iletisim { background: var(--lac); border-color: var(--lac); color: var(--acik); }
.bd-yan-iletisim .bd-yan-baslik { color: var(--altin-a); }
.bd-yan-iletisim p:not([class]) { margin: 0; font-size: .9rem; color: #c4ccdb; }
.bd-yan-iletisim .bd-dugmeler { display: grid; }
.bd-yan-iletisim .bd-dugme { width: 100%; }
.bd-yan-rakam dl { display: grid; gap: 8px; margin: 0; }
.bd-yan-rakam dl div { display: flex; justify-content: space-between; gap: 10px; padding-bottom: 8px; border-bottom: 1px dashed var(--cizgi); font-size: .86rem; }
.bd-yan-rakam dt { color: var(--gri); }
.bd-yan-rakam dd { margin: 0; font-weight: 700; text-align: right; }
.bd-yan-arac-kart, .bd-yan-alan { color: var(--mur); transition: transform .35s var(--yumusak), box-shadow .3s; }
.bd-yan-arac-kart:hover, .bd-yan-alan:hover { transform: translateY(-3px); box-shadow: var(--golge-k); }
.bd-yan-arac-kart strong, .bd-yan-alan strong { font-family: var(--f-baslik); font-size: 1.12rem; font-weight: 560; }
.bd-yan-arac-kart > span:not([class]) { font-size: .88rem; color: var(--gri); }
.bd-yan-alan img { width: calc(100% + 40px); max-width: none; margin: -20px -20px 4px; aspect-ratio: 3 / 2; object-fit: cover; }
.bd-yan-alan { overflow: hidden; }

/* ---------- Okunan metin (sayfa ve makale içeriği) ---------- */
.bd-metin { font-size: 1.04rem; color: var(--mur-2); }
.bd-metin > :first-child { margin-top: 0; }
.bd-metin h2 { position: relative; margin: 2.1em 0 .6em; font-size: clamp(1.5rem, 2.4vw, 1.9rem); color: var(--mur); scroll-margin-top: calc(var(--ust-y) + 70px); }
.bd-metin h2[data-no]::before { content: attr(data-no); display: block; margin-bottom: 8px; font-family: var(--f-baslik); font-style: italic; font-size: .95rem; color: var(--altin-k); }
.bd-metin h3 { margin: 1.7em 0 .5em; font-size: 1.28rem; color: var(--mur); }
.bd-metin p:not([class]) { margin: 0 0 1.15em; }
.bd-metin a:not([class]) { color: var(--altin-k); font-weight: 600; text-decoration: underline; text-decoration-color: rgba(184, 146, 90, .45); text-underline-offset: 3px; transition: text-decoration-color .2s; }
.bd-metin a:not([class]):hover { text-decoration-color: var(--altin-k); }
.bd-metin ul:not([class]), .bd-metin ol:not([class]) { margin: 0 0 1.3em; padding-left: 0; list-style: none; }
.bd-metin ul:not([class]) > li, .bd-metin ol:not([class]) > li { position: relative; margin-bottom: .55em; padding-left: 28px; }
.bd-metin ul:not([class]) > li::before { content: ""; position: absolute; left: 6px; top: .72em; width: 8px; height: 8px; border-radius: 2px; background: var(--altin); transform: rotate(45deg); }
.bd-metin ol:not([class]) { counter-reset: m; }
.bd-metin ol:not([class]) > li { counter-increment: m; }
.bd-metin ol:not([class]) > li::before { content: counter(m) "."; position: absolute; left: 0; top: 0; font-weight: 700; color: var(--altin-k); }
.bd-metin strong { color: var(--mur); }
.bd-metin blockquote { margin: 1.6em 0; padding: 4px 0 4px 24px; border-left: 2px solid var(--altin); font-family: var(--f-baslik); font-size: 1.25rem; font-style: italic; color: var(--mur); }
.bd-konu { padding-top: 6px; scroll-margin-top: calc(var(--ust-y) + 70px); }
.bd-konu + .bd-konu { margin-top: 1.6em; padding-top: 1.6em; border-top: 1px solid var(--cizgi); }
.bd-konu > h2 { margin-top: .3em; }
.bd-alan-giris { font-size: 1.08rem; }
.bd-alan-giris p:last-child { margin-bottom: 1.6em; }
.bd-alan-ek, .bd-alan-sss { margin-top: 2.4em; padding-top: 1.6em; border-top: 1px solid var(--cizgi); }
.bd-alan-ek > h2, .bd-alan-sss > h2 { margin-top: 0; }
.bd-metin .bd-hazirlik li, .bd-metin .bd-profil-konular li { padding-left: 0; margin: 0; }
.bd-metin .bd-hazirlik li::before, .bd-metin .bd-profil-konular li::before { display: none; }
.bd-profil-konular { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0 0 1.6em; padding: 0; list-style: none; }
.bd-metin .bd-profil-konular a { display: flex; align-items: center; justify-content: space-between; gap: 10px; height: 100%; padding: 14px 16px; border-radius: 14px; background: var(--beyaz); border: 1px solid var(--cizgi-2); font-size: .94rem; font-weight: 600; line-height: 1.4; color: var(--mur); text-decoration: none; transition: border-color .2s, transform .3s var(--yumusak); }
.bd-metin .bd-profil-konular a:hover { border-color: var(--altin); transform: translateY(-2px); }
.bd-profil-konular .bd-ikon { width: 16px; height: 16px; color: var(--altin-k); }
.bd-okunan { background: linear-gradient(transparent 60%, rgba(215, 182, 122, .35) 60%); border-radius: 2px; }

/* İçerik bileşenleri */
.bd-not { display: flex; gap: 14px; margin: 1.4em 0; padding: 18px 20px; border-radius: 16px; background: var(--beyaz); border: 1px solid var(--cizgi-2); font-size: .97rem; }
.bd-not > .bd-ikon { width: 22px; height: 22px; margin-top: 2px; color: var(--altin-k); }
.bd-not > div > :last-child { margin-bottom: 0; }
.bd-not-altin { background: var(--altin-s); border-color: #e8d7b6; }
.bd-not-uyari { background: #fbf1ec; border-color: #f0d6cb; }
.bd-not-uyari > .bd-ikon { color: var(--hata); }
.bd-not-koyu { background: var(--lac); border-color: var(--lac); color: #d5dbe6; }
.bd-not-koyu strong { color: var(--beyaz); }
.bd-not-koyu > .bd-ikon { color: var(--altin-a); }
.bd-not-koyu a:not([class]) { color: var(--altin-a); }
.bd-dayanak { margin: 1em 0 0; padding: 10px 14px; border-radius: 10px; background: var(--fil-2); font-size: .86rem; color: var(--gri); }
.bd-dayanak strong { color: var(--mur-2); }
.bd-kutular { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 1.4em 0; }
.bd-kutu { display: grid; gap: 6px; padding: 20px; border-radius: 16px; background: var(--beyaz); border: 1px solid var(--cizgi-2); }
.bd-kutu .bd-ikon { width: 24px; height: 24px; margin-bottom: 4px; color: var(--altin-k); }
.bd-kutu strong { font-family: var(--f-baslik); font-size: 1.08rem; font-weight: 560; }
.bd-kutu p { margin: 0; font-size: .92rem; color: var(--gri); }
.bd-adimlar { position: relative; display: grid; gap: 0; margin: 1.4em 0; padding: 0; list-style: none; counter-reset: a; }
.bd-adimlar li { position: relative; padding: 0 0 22px 56px; counter-increment: a; }
.bd-adimlar li::before { content: counter(a); position: absolute; left: 0; top: -2px; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--lac); color: var(--altin-a); font-family: var(--f-baslik); font-style: italic; font-size: 1rem; }
.bd-adimlar li::after { content: ""; position: absolute; left: 18.5px; top: 40px; bottom: 2px; width: 1px; background: var(--cizgi); }
.bd-adimlar li:last-child::after { display: none; }
.bd-adimlar strong { display: block; margin-bottom: 4px; font-size: 1.04rem; }
.bd-ornek { margin: 1.6em 0; padding: 22px 24px; border-radius: 18px; background: var(--beyaz); border: 1px solid var(--cizgi-2); border-top: 3px solid var(--altin); }
.bd-ornek-etiket { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--altin-k); }
.bd-ornek-etiket .bd-ikon { width: 16px; height: 16px; }
.bd-ornek-baslik { display: block; margin-bottom: 6px; font-family: var(--f-baslik); font-size: 1.16rem; font-weight: 560; }
.bd-ornek dl { display: grid; gap: 0; margin: 12px 0 0; }
.bd-ornek dl div { display: flex; justify-content: space-between; gap: 16px; padding: 9px 0; border-bottom: 1px dashed var(--cizgi); font-size: .93rem; }
.bd-ornek dd { margin: 0; font-weight: 700; text-align: right; color: var(--mur); }
.bd-ornek-sonuc { margin: 12px 0 0; padding: 12px 14px; border-radius: 12px; background: var(--lac); color: var(--beyaz) !important; font-weight: 650; }
.bd-cagri { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px 30px; margin: 2em 0; padding: 26px 28px; border-radius: 22px; background: linear-gradient(140deg, var(--lac-3), var(--lac)); color: #d5dbe6; }
.bd-cagri strong { display: block; margin-bottom: 4px; font-family: var(--f-baslik); font-size: 1.32rem; font-weight: 560; color: var(--beyaz); }
.bd-cagri p { margin: 0; font-size: .94rem; color: #c4ccdb; }
.bd-hazirlik { margin: 1.6em 0; padding: 22px 24px; border-radius: 18px; background: var(--beyaz); border: 1px dashed var(--altin); }
.bd-hazirlik-baslik { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-family: var(--f-baslik); font-size: 1.12rem; font-weight: 560; color: var(--mur); }
.bd-hazirlik-baslik .bd-ikon { color: var(--altin-k); }
.bd-hazirlik-baslik small { margin-left: auto; font-family: var(--f-metin); font-size: .8rem; color: var(--gri); }
.bd-hazirlik ul { display: grid; gap: 4px; margin: 0 0 12px; padding: 0; list-style: none; }
.bd-hazirlik label { display: flex; gap: 12px; align-items: flex-start; padding: 8px 6px; border-radius: 10px; cursor: pointer; font-size: .95rem; transition: background-color .2s; }
.bd-hazirlik label:hover { background: var(--fil); }
.bd-hazirlik input { flex: none; width: 20px; height: 20px; margin-top: 3px; accent-color: var(--lac); }
.bd-hazirlik input:checked + span { color: var(--gri); text-decoration: line-through; text-decoration-color: var(--altin); }
.bd-tablo-kap { margin: 1.4em 0; overflow-x: auto; border-radius: 16px; border: 1px solid var(--cizgi-2); background: var(--beyaz); }
.bd-tablo { width: 100%; border-collapse: collapse; font-size: .92rem; }
.bd-tablo th, .bd-tablo td { padding: 12px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--cizgi-2); }
.bd-tablo thead th { background: var(--lac); color: var(--beyaz); font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }
.bd-tablo tbody th { font-weight: 600; color: var(--mur); }
.bd-tablo tbody tr:last-child > * { border-bottom: 0; }
.bd-tablo-grup th { background: var(--fil); color: var(--altin-k) !important; font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; }
.bd-tablo-not { margin: 0; padding: 10px 16px; font-size: .8rem; color: var(--gri); background: var(--fil); border-top: 1px solid var(--cizgi-2); }
.bd-arac-duzen { padding-top: 0; padding-bottom: clamp(30px, 5vw, 60px); }
.bd-arac-duzen .bd-hesap { position: relative; z-index: 3; margin-top: calc(-1 * clamp(24px, 4vw, 56px)); }
.bd-arac-duzen .bd-arabulucu { position: relative; z-index: 3; margin-top: calc(-1 * clamp(24px, 4vw, 56px)); }
.bd-sb-arac { padding-bottom: clamp(70px, 9vw, 130px); }
.bd-sayfa-govde > .bd-bolum:first-child { padding-top: clamp(50px, 7vw, 90px); }
.bd-icerik-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: clamp(30px, 5vw, 70px); align-items: start; }

/* ---------- Sayfa düzen yardımcıları ---------- */
.bd-iki { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(30px, 5vw, 80px); align-items: start; }
.bd-iki > div > .bd-kutular:first-child { margin-top: 0; }
.bd-bolum-dar-ust { padding-top: clamp(40px, 5vw, 64px); }
.bd-bolum-cagri { padding: clamp(36px, 5vw, 60px) 0; }
.bd-bolum-cagri .bd-cagri { margin: 0; }
.bd-alintilar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.bd-alintilar blockquote { position: relative; margin: 0; padding: 30px 26px 26px; border-radius: var(--r); background: rgba(255, 255, 255, .04); border: 1px solid var(--cizgi-k); }
.bd-alintilar blockquote::before { content: ""; position: absolute; left: 26px; top: 0; width: 34px; height: 2px; background: var(--altin); }
.bd-alintilar p { margin: 0; font-family: var(--f-baslik); font-size: 1.24rem; line-height: 1.4; color: #eef1f6 !important; }
.bd-rakamlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 20px; }
.bd-rakamlar > div { display: grid; gap: 2px; padding: 20px 22px; border-radius: 18px; background: var(--fil); border: 1px solid var(--cizgi-2); }
.bd-rakamlar small { font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--altin-k); }
.bd-rakamlar strong { font-family: var(--f-baslik); font-size: 1.7rem; font-weight: 540; color: var(--lac); line-height: 1.2; }
.bd-rakamlar span { font-size: .84rem; color: var(--gri); }
.bd-asistan-serit { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 60px); align-items: center; }
.bd-asistan-serit .bd-h2 { margin-bottom: .3em; }
.bd-asistan-serit p { margin: 0; }
.bd-koyu .bd-adimlar strong { color: var(--beyaz); }
.bd-koyu .bd-adimlar li { color: #c4ccdb; }
.bd-koyu .bd-adimlar li::before { background: var(--altin); color: var(--lac); }
.bd-koyu .bd-adimlar li::after { background: var(--cizgi-k); }
.bd-koyu .bd-kutu { background: rgba(255, 255, 255, .04); border-color: var(--cizgi-k); }
.bd-koyu .bd-kutu strong { color: var(--beyaz); }
.bd-koyu .bd-kutu p { color: #c4ccdb; }
.bd-koyu .bd-metin, .bd-koyu .bd-metin p:not([class]) { color: #c4ccdb; }
.bd-koyu a:not([class]) { color: var(--altin-a); text-decoration: underline; text-underline-offset: 3px; }
.bd-sss-grup + .bd-sss-grup { margin-top: 34px; }
.bd-sss-grup { scroll-margin-top: calc(var(--ust-y) + 30px); }
.bd-sss-grup .bd-h3 { margin-bottom: 14px; }
.bd-sss-nav { display: grid; gap: 2px; margin: 8px 0 22px; }
.bd-sss-nav a { padding: 8px 12px; border-left: 2px solid var(--cizgi); font-weight: 600; color: var(--mur-2); transition: border-color .2s, color .2s; }
.bd-sss-nav a:hover { border-color: var(--altin); color: var(--mur); }
.bd-bolum .bd-iki .bd-sorular { margin-top: 6px; }

/* ---------- Makale ---------- */
.bd-toc { position: sticky; top: calc(var(--ust-y) + 24px); display: grid; gap: 14px; }
.bd-toc-kutu summary { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: .74rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--altin-k); cursor: pointer; list-style: none; }
.bd-toc-kutu summary::-webkit-details-marker { display: none; }
.bd-toc-kutu summary small { margin-left: auto; letter-spacing: 0; text-transform: none; font-weight: 500; color: var(--gri); }
.bd-toc-kutu summary .bd-ikon { width: 16px; height: 16px; }
.bd-toc ol { display: grid; gap: 1px; margin: 0; padding: 0 0 0 2px; list-style: none; border-left: 1px solid var(--cizgi); }
.bd-toc ol a { display: block; margin-left: -1px; padding: 6px 0 6px 14px; border-left: 2px solid transparent; font-size: .85rem; line-height: 1.4; color: var(--gri); transition: color .2s, border-color .2s; }
.bd-toc ol a:hover { color: var(--mur); }
.bd-toc ol a.etkin { border-color: var(--altin); color: var(--mur); font-weight: 650; }
.bd-okuma-arac { display: flex; align-items: center; gap: 6px; padding-top: 14px; border-top: 1px solid var(--cizgi); font-size: .8rem; color: var(--gri); }
.bd-okuma-arac span { display: inline-flex; align-items: center; gap: 6px; margin-right: auto; }
.bd-okuma-arac .bd-ikon { width: 16px; height: 16px; }
.bd-okuma-arac button { width: 36px; height: 32px; border-radius: 9px; border: 1px solid var(--cizgi); background: var(--beyaz); font-weight: 700; font-size: .8rem; }
.bd-okuma-arac button:hover { border-color: var(--lac); }
.bd-makale-govde { min-width: 0; }
.bd-makale[data-boyut="1"] .bd-metin { font-size: 1.14rem; }
.bd-makale[data-boyut="2"] .bd-metin { font-size: 1.24rem; }
.bd-makale[data-boyut="-1"] .bd-metin { font-size: .97rem; }
.bd-kisaca { margin: 0 0 2em; padding: 24px 26px; border-radius: 20px; background: var(--lac); color: #d5dbe6; }
.bd-kisaca-baslik { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-size: .74rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--altin-a); }
.bd-kisaca-baslik .bd-ikon { width: 18px; height: 18px; }
.bd-kisaca ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.bd-kisaca li { position: relative; padding-left: 22px; font-size: .98rem; line-height: 1.6; }
.bd-kisaca li::before { content: ""; position: absolute; left: 2px; top: .68em; width: 7px; height: 7px; border-radius: 2px; background: var(--altin-a); transform: rotate(45deg); }
.bd-kisaca strong { color: var(--beyaz); }
.bd-kisaca a { color: var(--altin-a); text-decoration: underline; text-underline-offset: 3px; }
.bd-makale-son { margin-top: 2.6em; display: grid; gap: 18px; }
.bd-makale-uyari { display: flex; gap: 12px; margin: 0; padding: 16px 18px; border-radius: 14px; background: var(--fil-2); font-size: .88rem; color: var(--gri); }
.bd-makale-uyari .bd-ikon { width: 20px; height: 20px; color: var(--altin-k); }
.bd-paylas { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.bd-paylas > span { margin-right: 6px; font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gri); }
.bd-paylas a, .bd-paylas button { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--cizgi); background: var(--beyaz); font-size: .85rem; font-weight: 600; transition: border-color .2s; }
.bd-paylas a:hover, .bd-paylas button:hover { border-color: var(--lac); }
.bd-paylas .bd-ikon { width: 16px; height: 16px; }

/* Sesli dinleme oynatıcısı */
.bd-dinle { position: fixed; left: 50%; bottom: calc(18px + env(safe-area-inset-bottom)); z-index: 85; display: flex; align-items: center; gap: 6px; width: min(560px, calc(100% - 24px)); padding: 8px 10px 8px 8px; border-radius: 22px; background: var(--lac); color: var(--beyaz); box-shadow: 0 30px 60px -20px rgba(6, 15, 34, .7); visibility: hidden; transform: translate(-50%, calc(100% + 140px)); transition: transform .5s var(--yumusak), visibility 0s .5s; }
.bd-dinle.acik { visibility: visible; transform: translate(-50%, 0); transition-delay: 0s; }
.bd-dinle button { display: grid; place-items: center; width: 42px; height: 42px; border: 0; border-radius: 14px; background: rgba(255, 255, 255, .06); color: inherit; flex: none; }
.bd-dinle button:hover { background: rgba(255, 255, 255, .12); }
.bd-dinle .bd-ikon { width: 18px; height: 18px; }
.bd-dinle-oynat { width: 52px !important; height: 52px !important; border-radius: 16px !important; background: var(--altin) !important; color: var(--lac) !important; }
.bd-dinle .bd-ikon-oyn { display: none; }
.bd-dinle.durdu .bd-ikon-oyn { display: block; }
.bd-dinle.durdu .bd-ikon-dur { display: none; }
.bd-dinle-bilgi { flex: 1; min-width: 0; display: grid; gap: 3px; padding: 0 6px; }
.bd-dinle-bilgi strong { font-size: .82rem; color: var(--altin-a); }
.bd-dinle-bilgi > span { font-size: .8rem; color: #c4ccdb; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bd-dinle-cubuk { display: block; height: 3px; border-radius: 3px; background: rgba(255, 255, 255, .14); overflow: hidden; }
.bd-dinle-cubuk i { display: block; height: 100%; background: var(--altin-a); transform: scaleX(0); transform-origin: left; transition: transform .4s; }
.bd-dinle-hiz { width: auto !important; padding: 0 10px; font-size: .8rem; font-weight: 700; }

/* ---------- Faaliyet alanları sayfası ---------- */
.bd-alan-kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2.4vw, 28px); padding: clamp(46px, 6vw, 80px) 0; }
.bd-alan-kart { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); border-radius: var(--r); background: var(--beyaz); border: 1px solid var(--cizgi-2); overflow: hidden; transition: transform .5s var(--yumusak), box-shadow .4s; scroll-margin-top: calc(var(--ust-y) + 20px); }
.bd-alan-kart:hover { transform: translateY(-5px); box-shadow: var(--golge); }
.bd-alan-kart-gorsel { position: relative; display: block; overflow: hidden; min-height: 100%; }
.bd-alan-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s var(--yumusak); }
.bd-alan-kart:hover .bd-alan-kart-gorsel img { transform: scale(1.06); }
.bd-alan-kart-no { position: absolute; left: 14px; top: 12px; font-family: var(--f-baslik); font-style: italic; font-size: 1.6rem; color: var(--beyaz); text-shadow: 0 2px 12px rgba(0, 0, 0, .5); }
.bd-alan-kart-govde { display: flex; flex-direction: column; gap: 8px; padding: 22px 24px; }
.bd-alan-kart-ust { display: flex; align-items: center; gap: 8px; margin: 0; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--altin-k); }
.bd-alan-kart-ust .bd-ikon { width: 17px; height: 17px; }
.bd-alan-kart h2 { margin: 0; font-size: 1.36rem; }
.bd-alan-kart-govde > p:not([class]) { margin: 0; font-size: .92rem; color: var(--gri); }
.bd-alan-kart ul { display: grid; gap: 2px; margin: 4px 0 8px; padding: 0; list-style: none; }
.bd-alan-kart ul a { display: flex; gap: 8px; font-size: .86rem; color: var(--mur-2); transition: color .2s; }
.bd-alan-kart ul a::before { content: "—"; color: var(--altin); }
.bd-alan-kart ul a:hover { color: var(--altin-k); }
.bd-alan-kart .bd-bag-ok { margin-top: auto; }

/* ---------- Arama ---------- */
.bd-ara-alan { position: relative; display: flex; align-items: center; gap: 8px; min-height: 60px; padding: 6px 6px 6px 18px; border-radius: 18px; background: var(--beyaz); color: var(--mur); border: 1.5px solid var(--cizgi); transition: border-color .2s, box-shadow .2s; }
.bd-ara-alan:focus-within { border-color: var(--altin); box-shadow: 0 0 0 4px rgba(184, 146, 90, .18); }
.bd-ara-buyutec { width: 21px; height: 21px; color: var(--altin-k); }
.bd-ara-alan input { flex: 1; min-width: 0; height: 48px; border: 0; background: none; outline: none; font-size: 1rem; }
.bd-ara-alan input::-webkit-search-cancel-button { -webkit-appearance: none; }
.bd-ara-sil { display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 10px; background: var(--fil); }
.bd-ara-sil .bd-ikon { width: 16px; height: 16px; }
.bd-ara-kisayol { font: 600 .7rem var(--f-metin); padding: 3px 7px; border-radius: 7px; background: var(--fil); color: var(--gri); }
.bd-ara-dugme { display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0 18px; border: 0; border-radius: 13px; background: var(--lac); color: var(--beyaz); font-weight: 700; }
.bd-ara-dugme .bd-ikon { width: 17px; height: 17px; }
.bd-ara { position: relative; }
.bd-ara-sonuc { position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 20; max-height: min(460px, 60vh); overflow-y: auto; padding: 8px; border-radius: 18px; background: var(--beyaz); color: var(--mur); box-shadow: 0 40px 80px -30px rgba(6, 15, 34, .6), 0 0 0 1px var(--cizgi-2); }
.bd-ara-grup { margin: 8px 10px 4px; font-size: .7rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--altin-k); }
.bd-ara-oge { display: grid; grid-template-columns: 22px minmax(0, 1fr) 18px; align-items: start; gap: 12px; padding: 10px 12px; border-radius: 12px; animation: bd-yuksel .35s var(--yumusak) both; }
.bd-ara-oge:hover, .bd-ara-oge.etkin { background: var(--fil); }
.bd-ara-oge .bd-ikon { width: 19px; height: 19px; margin-top: 2px; color: var(--altin-k); }
.bd-ara-oge strong { display: block; font-size: .93rem; font-weight: 650; line-height: 1.35; }
.bd-ara-oge small { display: block; margin-top: 2px; font-size: .8rem; color: var(--gri); line-height: 1.45; }
.bd-ara-oge mark { background: rgba(215, 182, 122, .4); color: inherit; border-radius: 3px; }
.bd-ara-oge-ok { opacity: 0; transition: opacity .2s; }
.bd-ara-oge:hover .bd-ara-oge-ok, .bd-ara-oge.etkin .bd-ara-oge-ok { opacity: 1; }
.bd-ara-bos { margin: 0; padding: 16px; font-size: .9rem; color: var(--gri); }
.bd-ara-oneriler { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 12px; font-size: .8rem; }
.bd-ara-oneriler span { margin-right: 4px; font-weight: 700; color: var(--gri-a); }
.bd-ara-oneriler button { min-height: 32px; padding: 0 12px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .05); color: #d6dce8; font-size: .8rem; font-weight: 600; }
.bd-ara-oneriler button:hover { border-color: var(--altin-a); color: var(--altin-a); }

/* Arama penceresi (Ctrl+K) */
.bd-pencere { position: fixed; inset: 0; z-index: 170; display: flex; justify-content: center; align-items: flex-start; padding: clamp(14px, 8vh, 90px) 14px 14px; visibility: hidden; transition: visibility 0s .3s; }
.bd-pencere.acik { visibility: visible; transition-delay: 0s; }
.bd-pencere-perde { position: absolute; inset: 0; background: rgba(6, 15, 34, .6); opacity: 0; transition: opacity .3s; }
.bd-pencere.acik .bd-pencere-perde { opacity: 1; }
.bd-pencere-ic { position: relative; display: flex; flex-direction: column; gap: 14px; width: min(760px, 100%); max-height: calc(100dvh - clamp(14px, 8vh, 90px) - 14px); padding: 20px; border-radius: 24px; background: var(--fil); box-shadow: 0 50px 100px -30px rgba(6, 15, 34, .8); opacity: 0; transform: translateY(-14px) scale(.98); transition: opacity .25s, transform .4s var(--yumusak); }
.bd-pencere.acik .bd-pencere-ic { opacity: 1; transform: none; }
.bd-pencere-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.bd-pencere-ust p { display: flex; align-items: center; gap: 12px; margin: 0; }
.bd-pencere-ust strong { display: block; font-size: 1rem; }
.bd-pencere-ust small { display: block; font-size: .8rem; color: var(--gri); }
.bd-pencere-mono { width: 38px; height: 38px; }
.bd-pencere-kapat { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 12px; border-radius: 10px; border: 1px solid var(--cizgi); background: var(--beyaz); font-size: .82rem; font-weight: 600; }
.bd-pencere-kapat kbd { font: 600 .68rem var(--f-metin); padding: 2px 6px; border-radius: 6px; background: var(--fil); }
/* Boşken form içeriği kadar yer kaplar, liste kalan alanda kayar; arama sırasında sonuçlar kalan alanı alır. */
.bd-ara-pencere { display: flex; flex-direction: column; gap: 10px; min-height: 0; flex: none; }
.bd-ara-pencere > :not(.bd-ara-sonuc) { flex: none; }
.bd-pencere.ariyor .bd-ara-pencere { flex: 1; }
.bd-pencere.ariyor .bd-ara-oneriler { display: none; }
.bd-ara-pencere .bd-ara-sonuc { position: static; max-height: none; flex: 1; overflow-y: auto; box-shadow: none; border: 1px solid var(--cizgi-2); }
.bd-ara-pencere .bd-ara-oneriler button { border-color: var(--cizgi); background: var(--beyaz); color: var(--mur-2); }
.bd-ara-pencere .bd-ara-oneriler span { color: var(--gri); }
.bd-ara-sekmeler { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.bd-ara-sekmeler button { min-height: 34px; padding: 0 12px; border-radius: 999px; border: 0; background: none; font-size: .82rem; font-weight: 600; color: var(--gri); white-space: nowrap; }
.bd-ara-sekmeler button.etkin { background: var(--lac); color: var(--beyaz); }
.bd-pencere.ariyor .bd-pencere-bos { display: none; }
.bd-pencere-bos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 16px; flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.bd-pencere-bos > nav > span { display: block; margin: 0 0 6px 8px; font-size: .7rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--altin-k); }
.bd-pencere-bos ul { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; }
.bd-pencere-bos a { display: flex; align-items: center; gap: 10px; padding: 7px 8px; border-radius: 10px; font-size: .86rem; transition: background-color .2s; }
.bd-pencere-bos a:hover { background: var(--beyaz); }
.bd-pencere-bos .bd-ikon { width: 17px; height: 17px; color: var(--altin-k); }

/* ---------- Hukuki Asistan penceresi ---------- */
.bd-yg { position: fixed; inset: 0; z-index: 175; display: flex; justify-content: flex-end; visibility: hidden; transition: visibility 0s .45s; }
.bd-yg.acik { visibility: visible; transition-delay: 0s; }
.bd-yg-perde { position: absolute; inset: 0; background: rgba(6, 15, 34, .55); opacity: 0; transition: opacity .35s; }
.bd-yg.acik .bd-yg-perde { opacity: 1; }
.bd-yg-ic { position: relative; display: flex; flex-direction: column; width: min(520px, 100%); height: 100%; background: var(--fil); box-shadow: -30px 0 80px -40px rgba(6, 15, 34, .7); transform: translateX(100%); transition: transform .5s var(--yumusak); }
.bd-yg.acik .bd-yg-ic { transform: none; }
.bd-yg-ust { display: flex; align-items: center; gap: 12px; padding: 16px 18px; background: var(--lac); color: var(--beyaz); }
.bd-yg-ust p { flex: 1; margin: 0; }
.bd-yg-ust strong { display: block; font-size: 1rem; }
.bd-yg-ust small { display: block; font-size: .78rem; color: var(--gri-a); }
.bd-yg-avatar .bd-mono { width: 40px; height: 40px; }
.bd-yg-avatar .bd-mono-z { fill: var(--lac-3); }
.bd-yg-yeniden, .bd-yg-kapat { display: grid; place-items: center; width: 40px; height: 40px; border: 0; border-radius: 12px; background: rgba(255, 255, 255, .08); color: inherit; }
.bd-yg-yeniden:hover, .bd-yg-kapat:hover { background: rgba(255, 255, 255, .16); }
.bd-yg-akis { flex: 1; display: flex; flex-direction: column; gap: 12px; padding: 18px; overflow-y: auto; overscroll-behavior: contain; scroll-behavior: smooth; }
.bd-yg-mesaj { align-self: flex-start; max-width: 90%; margin: 0; padding: 12px 16px; border-radius: 18px; border-bottom-left-radius: 6px; background: var(--beyaz); border: 1px solid var(--cizgi-2); font-size: .94rem; line-height: 1.55; animation: bd-yuksel .4s var(--yumusak) both; }
.bd-yg-mesaj.sen { align-self: flex-end; border-radius: 18px; border-bottom-right-radius: 6px; background: var(--lac); border-color: var(--lac); color: var(--beyaz); }
.bd-yg-yaziyor { display: flex; gap: 5px; align-self: flex-start; padding: 12px 16px; border-radius: 16px; background: var(--beyaz); border: 1px solid var(--cizgi-2); }
.bd-yg-secimler { display: grid; gap: 6px; }
.bd-yg-secimler button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 11px 14px; border-radius: 14px; border: 1px solid var(--cizgi); background: var(--beyaz); text-align: left; font-size: .9rem; font-weight: 600; animation: bd-yuksel .4s var(--yumusak) both; transition: border-color .2s, background-color .2s; }
.bd-yg-secimler button:hover { border-color: var(--altin); background: var(--altin-s); }
.bd-yg-secimler .bd-ikon { width: 19px; height: 19px; color: var(--altin-k); }
.bd-yg-sonuc { display: grid; gap: 10px; padding: 18px; border-radius: 18px; background: var(--beyaz); border: 1px solid var(--cizgi-2); border-top: 3px solid var(--altin); font-size: .93rem; animation: bd-yuksel .45s var(--yumusak) both; }
.bd-yg-sonuc h3 { margin: 0; font-size: 1.2rem; }
.bd-yg-sonuc p { margin: 0; color: var(--mur-2); }
.bd-yg-sonuc-baslik { display: flex; align-items: center; gap: 8px; margin-top: 4px !important; font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--altin-k) !important; }
.bd-yg-sonuc-baslik .bd-ikon { width: 16px; height: 16px; }
.bd-yg-sonuc ul { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.bd-yg-sonuc li { position: relative; padding-left: 18px; color: var(--mur-2); }
.bd-yg-sonuc li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 6px; height: 6px; border-radius: 1px; background: var(--altin); transform: rotate(45deg); }
.bd-yg-sure li { font-weight: 600; color: var(--mur); }
.bd-yg-baglar { display: grid; gap: 6px; }
.bd-yg-baglar a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border-radius: 12px; background: var(--fil); font-weight: 600; font-size: .9rem; transition: background-color .2s; }
.bd-yg-baglar a:hover { background: var(--altin-s); }
.bd-yg-baglar small { display: block; font-size: .74rem; font-weight: 500; color: var(--gri); }
.bd-yg-baglar .bd-ikon { width: 17px; height: 17px; color: var(--altin-k); }
.bd-yg-sonuc .bd-dugmeler { margin-top: 4px; }
.bd-yg-yaz { display: flex; gap: 8px; padding: 12px 14px; border-top: 1px solid var(--cizgi); background: var(--beyaz); }
.bd-yg-yaz input { flex: 1; min-width: 0; height: 48px; padding: 0 14px; border-radius: 14px; border: 1.5px solid var(--cizgi); background: var(--fil); outline: none; font-size: .95rem; }
.bd-yg-yaz input:focus { border-color: var(--altin); }
.bd-yg-yaz button { display: grid; place-items: center; width: 48px; height: 48px; border: 0; border-radius: 14px; background: var(--lac); color: var(--beyaz); }
.bd-yg-dipnot { display: flex; gap: 8px; margin: 0; padding: 8px 16px calc(10px + env(safe-area-inset-bottom)); background: var(--beyaz); font-size: .74rem; color: var(--gri); }
.bd-yg-dipnot .bd-ikon { width: 15px; height: 15px; margin-top: 1px; }
.bd-asistan-gomulu { margin: clamp(30px, 5vw, 60px) auto; max-width: 820px; }
.bd-asistan-gomulu .bd-yg-kapat { display: none; }
.bd-yg-iletisim { border-top-color: var(--lac); }
.bd-asistan-gomulu .bd-yg-ic { position: static; width: 100%; height: min(78vh, 760px); border-radius: 24px; overflow: hidden; transform: none; box-shadow: var(--golge); border: 1px solid var(--cizgi-2); }

/* ---------- Sözlük ---------- */
.bd-sozluk { padding: clamp(40px, 6vw, 70px) 0; }
.bd-sozluk-ust { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.bd-sozluk-ara { flex: 1; min-width: 260px; display: flex; align-items: center; gap: 10px; height: 56px; padding: 0 16px; border-radius: 16px; border: 1.5px solid var(--cizgi); background: var(--beyaz); }
.bd-sozluk-ara:focus-within { border-color: var(--altin); }
.bd-sozluk-ara input { flex: 1; border: 0; outline: none; background: none; font-size: 1rem; }
.bd-sozluk-ara .bd-ikon { color: var(--altin-k); }
.bd-sozluk-sayac { margin: 0; font-size: .86rem; color: var(--gri); }
.bd-harf-dizin { position: sticky; top: calc(var(--ust-y) + 10px); z-index: 5; display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 26px; padding: 8px; border-radius: 16px; background: var(--beyaz); border: 1px solid var(--cizgi-2); }
.bd-harf-dizin a { display: grid; place-items: center; min-width: 34px; height: 34px; border-radius: 10px; font-family: var(--f-baslik); font-weight: 560; transition: background-color .2s, color .2s; }
.bd-harf-dizin a:hover { background: var(--lac); color: var(--altin-a); }
.bd-sozluk-harf { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 20px; padding: 26px 0; border-top: 1px solid var(--cizgi); scroll-margin-top: calc(var(--ust-y) + 80px); }
.bd-sozluk-harf h2 { margin: 0; font-size: 2.6rem; font-style: italic; color: var(--altin-k); }
.bd-sozluk-harf dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
.bd-terim { padding: 16px 18px; border-radius: 14px; background: var(--beyaz); border: 1px solid var(--cizgi-2); scroll-margin-top: calc(var(--ust-y) + 90px); }
.bd-terim:target { border-color: var(--altin); box-shadow: 0 0 0 3px rgba(184, 146, 90, .2); }
.bd-terim dt { font-family: var(--f-baslik); font-size: 1.1rem; font-weight: 560; margin-bottom: 4px; }
.bd-terim dd { margin: 0; font-size: .9rem; color: var(--gri); line-height: 1.6; }
.bd-terim-alan { display: inline-block; margin-top: 6px; padding: 2px 9px; border-radius: 999px; background: var(--fil); font-size: .74rem; font-weight: 700; color: var(--altin-k); }
.bd-sozluk-bos { padding: 30px; text-align: center; color: var(--gri); }

/* ---------- Liste ---------- */
.bd-liste-kap { padding-top: clamp(36px, 5vw, 60px); padding-bottom: clamp(50px, 7vw, 90px); }
.bd-sb-liste .bd-ara-oneriler { display: none; }
.bd-suz-yazi { margin-bottom: 30px; }
.bd-sayfalama { margin-top: 40px; }
.bd-sayfalama .nav-links { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.bd-sayfalama .page-numbers { display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 14px; border-radius: 12px; background: var(--beyaz); border: 1px solid var(--cizgi-2); font-weight: 650; }
.bd-sayfalama .current { background: var(--lac); color: var(--beyaz); border-color: var(--lac); }
.bd-bos { display: grid; justify-items: center; gap: 8px; padding: 50px 20px; text-align: center; color: var(--gri); }
.bd-yazi-kart-sayfa .bd-yazi-kart-govde { padding-top: 22px; }

/* ---------- Görünme hareketleri ---------- */
.bd-js [data-gor] { opacity: 0; }
.bd-js [data-gor].gorundu { opacity: 1; animation: bd-gor .95s var(--gd, 0s) var(--yumusak) backwards; }
@keyframes bd-gor { from { opacity: 0; transform: translateY(28px); } }
.bd-animyok [data-gor] { opacity: 1 !important; animation: none !important; }
.bd-animyok .bd-acilis, .bd-animyok .bd-diptik-kare, .bd-animyok .bd-sb-metin > *, .bd-animyok .bd-sb-gorsel, .bd-animyok .bd-sb-portre, .bd-animyok .bd-asistan-ornek > * { opacity: 1 !important; transform: none !important; }
.bd-animyok .bd-diptik-ayrac i { transform: none !important; }

/* ---------- Yukarı ve bildirim ---------- */
.bd-bildirim { position: fixed; left: 50%; bottom: calc(110px + env(safe-area-inset-bottom)); z-index: 400; padding: 12px 18px; border-radius: 14px; background: var(--lac); color: var(--beyaz); font-size: .9rem; font-weight: 600; box-shadow: 0 20px 40px -20px rgba(6, 15, 34, .7); opacity: 0; transform: translate(-50%, 10px); transition: opacity .25s, transform .35s var(--yumusak); pointer-events: none; }
.bd-bildirim.acik { opacity: 1; transform: translate(-50%, 0); }
.bd-yukari { position: fixed; right: 20px; bottom: 24px; z-index: 70; display: grid; place-items: center; width: 50px; height: 50px; border: 0; border-radius: 50%; background: var(--beyaz); color: var(--lac); box-shadow: var(--golge-k); opacity: 0; transform: translateY(16px); pointer-events: none; transition: opacity .3s, transform .4s var(--yumusak); }
.bd-yukari.gorunur { opacity: 1; transform: none; pointer-events: auto; }
.bd-yukari .bd-ikon { width: 18px; height: 18px; }
.bd-yukari-halka { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.bd-yukari-halka circle { fill: none; stroke: var(--altin); stroke-width: 2; stroke-dasharray: 100; stroke-dashoffset: 100; }

/* ---------- Duyarlı ---------- */
@media (max-width: 1240px) {
	.bd-menu-bag { padding: 10px 9px; font-size: .9rem; }
	.bd-ust-ara kbd { display: none; }
	.bd-makale-duzen { grid-template-columns: minmax(0, 1fr) 290px; }
	.bd-makale-duzen .bd-toc { grid-column: 1 / -1; position: static; }
	.bd-toc-kutu { padding: 18px 20px; border-radius: 16px; background: var(--beyaz); border: 1px solid var(--cizgi-2); }
	.bd-toc-kutu:not([open]) summary { margin-bottom: 0; }
	.bd-okuma-arac { display: none; }
	.bd-mega-arac { flex-wrap: wrap; }
	.bd-mega-arac .bd-mega-sutun { flex: 1 1 28%; }
}
@media (max-width: 1100px) {
	.bd-menu { display: none; }
	.bd-menu-ac { display: inline-flex; }
	.bd-ust-ic { justify-content: space-between; }
	.bd-ust-serit-sol a:nth-child(3) { display: none; }
	.bd-arac-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bd-alt-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bd-ekip-vitrin, .bd-ekip-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bd-alan-kartlar { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 980px) {
	.bd-giris-ic { grid-template-columns: minmax(0, 1fr); }
	.bd-diptik { max-width: 600px; width: 100%; margin: 0 auto; }
	.bd-giris-serit ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bd-giris-serit li:nth-child(3) { border-left: 0; }
	.bd-giris-serit li:nth-child(n+3) { border-top: 1px solid rgba(255, 255, 255, .08); }
	.bd-giris-serit li:nth-child(odd) a, .bd-giris-serit li:nth-child(odd) .bd-serit-saat { padding-left: 0; }
	.bd-buro, .bd-asistan-tanitim, .bd-iletisim-blok, .bd-sss-duzen { grid-template-columns: minmax(0, 1fr); }
	.bd-sss-sol { position: static; }
	.bd-iki, .bd-asistan-serit { grid-template-columns: minmax(0, 1fr); }
	.bd-alintilar, .bd-rakamlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bd-sss-nav { display: flex; flex-wrap: wrap; gap: 6px; }
	.bd-sss-nav a { border: 1px solid var(--cizgi); border-radius: 999px; padding: 6px 14px; }
	.bd-buro-gorsel { max-width: 520px; }
	.bd-sb-gorselli .bd-sb-ic, .bd-sb-makale .bd-sb-ic, .bd-sb-avukat .bd-sb-ic { grid-template-columns: minmax(0, 1fr); }
	.bd-sb-gorsel { max-width: 560px; }
	.bd-sb-portre { justify-self: start; max-width: 340px; }
	.bd-sb-ayrac { display: none; }
	.bd-alan-duzen, .bd-arac-aciklama, .bd-makale-duzen { grid-template-columns: minmax(0, 1fr); }
	.bd-yan { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bd-yan-konular { display: none; }
	.bd-surec { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 24px; }
	.bd-surec::before { display: none; }
	.bd-sayilar { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 18px; }
	.bd-sayilar p:nth-child(4) { border-left: 0; padding-left: 0; }
	.bd-dizin-sekme { display: inline-flex; gap: 4px; margin: 0 auto 18px; padding: 4px; border-radius: 999px; background: var(--fil-2); }
	.bd-dizin { display: grid; }
	.bd-dizin-sekme button { min-height: 42px; padding: 0 22px; border: 0; border-radius: 999px; background: none; font-weight: 700; font-size: .9rem; color: var(--mur-2); }
	.bd-dizin-sekme button.etkin { background: var(--lac); color: var(--beyaz); }
	.bd-dizin-govde { grid-template-columns: minmax(0, 1fr); }
	.bd-dizin-ayrac, .bd-dizin-baslik { display: none; }
	.bd-dizin-sutun:not(.etkin) { display: none; }
	.bd-dizin-gorsel { display: none; }
}
@media (max-width: 760px) {
	:root { --ust-y: 68px; --serit-y: 0px; }
	body { font-size: 16px; }
	.bd-alt { padding-bottom: calc(84px + env(safe-area-inset-bottom)); }
	.bd-alt-arac { display: none; }
	.bd-ust-serit { display: none; }
	.bd-ust::before { inset: 0; }
	.bd-ust.dolu { transform: none; }
	.bd-ust.gizli:not(.acik) { transform: translateY(-100%); }
	.bd-ust .bd-logo { width: 168px; }
	.bd-ust .bd-logo-alt { font-size: 6.6px; }
	.bd-ust-asistan, .bd-menu-ac { display: none; }
	.bd-ust-ara { width: 42px; padding: 0; justify-content: center; }
	.bd-cubuk { display: grid; }
	.bd-yukari { bottom: calc(96px + env(safe-area-inset-bottom)); right: 14px; width: 44px; height: 44px; }
	.bd-giris { padding-top: calc(var(--ust-y) + 26px); }
	.bd-giris-baslik { font-size: clamp(2.05rem, 9vw, 2.7rem); }
	.bd-sor-alan { min-height: 60px; padding: 6px 6px 6px 14px; border-radius: 18px; }
	.bd-sor-alan input { font-size: 16px; height: 46px; }
	.bd-sor-gonder { height: 46px; padding: 0 14px; border-radius: 13px; }
	.bd-sor-gonder span { display: none; }
	.bd-sor-mikrofon { width: 42px; height: 42px; }
	.bd-giris-cipler { flex-wrap: nowrap; overflow-x: auto; margin-right: calc(-1 * var(--kenar)); padding-right: var(--kenar); scrollbar-width: none; }
	.bd-giris-cipler::-webkit-scrollbar { display: none; }
	.bd-giris-cipler button { flex: none; }
	.bd-giris-dugmeler .bd-dugmeler { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
	.bd-diptik { grid-template-columns: minmax(0, 1fr) 22px minmax(0, 1fr); }
	.bd-diptik-sol { margin-top: 34px; }
	.bd-diptik-cerceve { border-radius: 18px; }
	.bd-diptik-ad strong { font-size: .96rem; }
	.bd-diptik-ad small { font-size: .62rem; letter-spacing: .12em; }
	.bd-giris-serit ul { grid-template-columns: minmax(0, 1fr); }
	.bd-giris-serit li { border-left: 0 !important; border-top: 1px solid rgba(255, 255, 255, .08); }
	.bd-giris-serit li:first-child { border-top: 0; }
	.bd-giris-serit a, .bd-serit-saat { min-height: 64px; padding: 12px 0 !important; }
	/* Sayılar: açılışın altına binen beyaz kart; üstte 3, altta 2 hücre */
	.bd-giris-serit ul { padding-bottom: 34px; }
	.bd-bolum-sayilar { display: flow-root; padding-bottom: 4px; }
	.bd-sayilar { grid-template-columns: repeat(6, minmax(0, 1fr)); row-gap: 0; margin-top: -28px; padding: 4px; border: 1px solid var(--cizgi-2); border-radius: 22px; background: var(--beyaz); box-shadow: 0 24px 50px -30px rgba(13, 27, 51, .5); text-align: center; }
	.bd-sayilar p { grid-column: span 2; justify-items: center; align-content: start; gap: 4px; padding: 14px 6px !important; border-left: 1px solid var(--cizgi-2) !important; }
	.bd-sayilar p:nth-child(1), .bd-sayilar p:nth-child(4) { border-left: 0 !important; }
	.bd-sayilar p:nth-child(n+4) { grid-column: span 3; border-top: 1px solid var(--cizgi-2); }
	.bd-sayilar strong { font-size: 1.8rem; }
	.bd-sayilar span { font-size: .76rem; max-width: 18ch; }
	.bd-bolum-ust { flex-direction: column; align-items: flex-start; }
	.bd-bolum-ust-orta { align-items: center; }
	.bd-dizin li a { grid-template-columns: 26px 40px minmax(0, 1fr) 30px; gap: 10px; padding: 14px 4px; }
	.bd-dizin-ikon { width: 40px; height: 40px; }
	.bd-dizin-ad small { white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
	.bd-ilkeler { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.bd-buro-gorsel::before { inset: 14px -10px -14px 14px; }
	.bd-buro-gorsel figcaption { left: 10px; bottom: 14px; }
	.bd-ekip-vitrin { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; margin: 0 calc(-1 * var(--kenar)); padding: 6px var(--kenar) 20px; scrollbar-width: none; }
	.bd-ekip-vitrin::-webkit-scrollbar { display: none; }
	.bd-ekip-vitrin .bd-avukat { flex: 0 0 78%; scroll-snap-align: start; }
	.bd-ekip-izgara, .bd-ekip-izgara-3, .bd-ekip-grup-idari .bd-ekip-izgara { grid-template-columns: minmax(0, 1fr); }
	.bd-ekip-grup:not(.bd-ekip-grup-idari) .bd-ekip-izgara { grid-template-columns: minmax(0, 1fr); }
	.bd-ekip-grup:not(.bd-ekip-grup-idari) .bd-avukat { flex-direction: column; }
	.bd-ekip-grup:not(.bd-ekip-grup-idari) .bd-avukat-foto { flex: none; aspect-ratio: 4 / 5; min-height: 0; }
	.bd-arac-izgara { grid-template-columns: minmax(0, 1fr); }
	.bd-suz { flex-wrap: nowrap; overflow-x: auto; margin-right: calc(-1 * var(--kenar)); padding-right: var(--kenar); scrollbar-width: none; }
	.bd-suz::-webkit-scrollbar { display: none; }
	.bd-suz button { flex: none; }
	.bd-surec { grid-template-columns: minmax(0, 1fr); }
	.bd-surec li { grid-template-columns: 60px minmax(0, 1fr); column-gap: 18px; }
	.bd-surec-no { grid-row: span 2; margin: 0; }
	.bd-yazi-izgara { grid-template-columns: minmax(0, 1fr); }
	.bd-iletisim-kartlar { grid-template-columns: minmax(0, 1fr); }
	.bd-harita { display: flex; flex-direction: column; aspect-ratio: auto; }
	.bd-harita > img { position: relative; height: 196px; object-position: 50% 66%; opacity: .6; }
	.bd-harita-kutu { position: relative; left: auto; right: auto; bottom: auto; margin: -34px 12px 12px; }
	.bd-harita.yuklendi { aspect-ratio: 4 / 4.4; }
	.bd-buro-gorsel figcaption { position: relative; left: auto; bottom: auto; margin: 14px 0 0; width: max-content; max-width: 100%; }
	.bd-buro-gorsel::before { display: none; }
	.bd-araclar:not(.tam) .bd-arac-kart:nth-child(n+7) { display: none; }
	.bd-arac-daha { display: flex; }
	.bd-alt-bant-ic { grid-template-columns: minmax(0, 1fr); }
	.bd-alt-bant-dugmeler .bd-dugme { flex: 1 1 auto; }
	.bd-alt-izgara { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.bd-alt-alanlar { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 14px; }
	.bd-alt-alanlar .bd-alt-baslik { grid-column: 1 / -1; }
	.bd-sb { padding-top: calc(var(--ust-y) + 22px); }
	.bd-sb-gorsel::before, .bd-sb-portre::before { inset: -8px 8px 8px -8px; }
	.bd-sb-gorsel figcaption { right: 8px; bottom: 10px; }
	.bd-avukat-bilgi { grid-template-columns: minmax(0, 1fr); }
	.bd-yan { grid-template-columns: minmax(0, 1fr); }
	.bd-kutular, .bd-alintilar, .bd-rakamlar, .bd-profil-konular { grid-template-columns: minmax(0, 1fr); }
	.bd-alan-kart { grid-template-columns: minmax(0, 1fr); }
	.bd-alan-kart-gorsel { aspect-ratio: 3 / 2; }
	.bd-sozluk-harf { grid-template-columns: minmax(0, 1fr); gap: 8px; }
	.bd-sozluk-harf dl { grid-template-columns: minmax(0, 1fr); }
	.bd-pencere { padding: 0; }
	.bd-pencere-ic { width: 100%; height: 100dvh; max-height: none; border-radius: 0; padding: 14px; }
	.bd-pencere-bos { grid-template-columns: minmax(0, 1fr); }
	.bd-yg-ic { width: 100%; }
	.bd-dinle { bottom: calc(92px + env(safe-area-inset-bottom)); }
	.bd-cagri { padding: 22px; }
	.bd-tablo th, .bd-tablo td { padding: 10px 12px; }
}
@media (min-width: 521px) and (max-width: 760px) {
	.bd-ekip-vitrin .bd-avukat { flex-basis: 290px; }
	.bd-ilkeler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bd-iletisim-kartlar, .bd-yazi-izgara, .bd-arac-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bd-giris-serit ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bd-giris-serit li:nth-child(2) { border-top: 0; }
	.bd-giris-serit li:nth-child(even) a, .bd-giris-serit li:nth-child(even) .bd-serit-saat { padding-left: 18px !important; }
	.bd-ekip-izgara, .bd-ekip-izgara-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bd-alt-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bd-alt-marka { grid-column: 1 / -1; }
}
@media (max-width: 400px) {
	.bd-ust .bd-logo { width: 150px; }
	.bd-giris-dugmeler .bd-dugmeler { grid-template-columns: minmax(0, 1fr); }
}
@media (hover: none) {
	.bd-dizin-gorsel, .bd-arac-isik { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
	.bd-js [data-gor], .bd-js .bd-acilis, .bd-js .bd-diptik-kare, .bd-js .bd-sb-metin > *, .bd-js .bd-sb-gorsel, .bd-js .bd-sb-portre { opacity: 1; transform: none; }
}

/* ---------- Yazdırma ---------- */
@media print {
	.bd-ust, .bd-cubuk, .bd-yukari, .bd-alt-bant, .bd-alt-izgara, .bd-konu-nav, .bd-yan, .bd-toc, .bd-paylas, .bd-dinle, .bd-perde, .bd-bolum-diger-araclar, .bd-yg, .bd-pencere, .bd-sb-gorsel, .bd-giris-serit { display: none !important; }
	body { background: #fff; padding: 0; }
	.bd-sb { padding: 20px 0; background: #fff; color: #000; }
	.bd-sb h1, .bd-sb-ozet { color: #000; }
	.bd-alan-duzen, .bd-arac-aciklama, .bd-makale-duzen { display: block; padding: 0; }
	[data-gor], .bd-acilis, .bd-sb-metin > * { opacity: 1 !important; transform: none !important; animation: none !important; }
	.yazdir-liste body * { visibility: hidden; }
	.yazdir-liste .yazdirilan, .yazdir-liste .yazdirilan * { visibility: visible; }
	.yazdir-liste .yazdirilan { position: absolute; left: 0; top: 0; width: 100%; border: 0; }
	.yazdir-liste .yazdirilan [data-yazdir] { display: none; }
}