/*
 * Av. Beste Bayram teması — stiller.
 * Tasarım dili logodan gelir: sırt sırta iki "B". Ortadaki dikey gövde (.bb-govde) ve bir kenarı düz,
 * diğer kenarı yarım daire olan çanaklar (.bb-canak) sitenin her yerinde tekrar eder.
 * Renkler: mürekkep, bordo, kemik, altın. Yazı tipleri: Instrument Serif + Manrope (yerel, SIL OFL).
 */

/* ------------------------------------------------------------------ */
/* 1. Temel                                                            */
/* ------------------------------------------------------------------ */
@font-face { font-family: "Instrument Serif"; src: url(../fonts/instrument-serif.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url(../fonts/instrument-serif-italik.woff2) format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Manrope"; src: url(../fonts/manrope.woff2) format("woff2"); font-weight: 400 800; font-style: normal; font-display: swap; }

:root {
	--murekkep: #120d0f;
	--murekkep-2: #1b1417;
	--murekkep-3: #2a1f23;
	--bordo: #6a1526;
	--bordo-acik: #8f2238;
	--bordo-koyu: #430c17;
	--kemik: #f4efe7;
	--kagit: #fbf8f3;
	--kum: #e8dfd1;
	--altin: #c6a567;
	--altin-acik: #dcc294;
	--altin-koyu: #8a6a2f;
	--metin: #1d1618;
	--metin-2: #5d5154;
	--metin-acik: #f4efe7;
	--metin-acik-2: rgba(244, 239, 231, .68);
	--cizgi: rgba(29, 22, 24, .13);
	--cizgi-acik: rgba(244, 239, 231, .15);
	--serif: "Instrument Serif", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
	--sans: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--yay: cubic-bezier(.22, .8, .24, 1);
	--yay-2: cubic-bezier(.65, 0, .2, 1);
	--r: 18px;
	--r-k: 12px;
	--kap: 1280px;
	--bosluk: clamp(20px, 4vw, 48px);
	--bolum: clamp(72px, 9vw, 136px);
	--bas-y: 82px;
	--giris: .15s;
}
html.bb-acilis { --giris: 1.45s; }
html.bb-gecis-ac { --giris: .55s; }

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--bas-y) + 24px); }
body { margin: 0; background: var(--kagit); color: var(--metin); font-family: var(--sans); font-size: 1.02rem; line-height: 1.72; font-weight: 450; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; text-rendering: optimizeLegibility; }
img, svg, video { display: block; max-width: 100%; }
img, video { height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
ul, ol { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, p, figure, blockquote, dl, dd, address { margin: 0; }
address { font-style: normal; }
h1, h2, h3, h4 { font-family: var(--serif); font-weight: 400; line-height: 1.04; letter-spacing: -.012em; text-wrap: balance; }
h1 em, h2 em, h3 em { font-style: italic; color: var(--bordo); }
strong { font-weight: 700; }
::selection { background: var(--bordo); color: var(--kemik); }
:focus-visible { outline: 2px solid var(--altin); outline-offset: 3px; border-radius: 4px; }

.bb-kap { width: 100%; max-width: calc(var(--kap) + 2 * var(--bosluk)); margin-inline: auto; padding-inline: var(--bosluk); }
.bb-kap--dar { max-width: calc(820px + 2 * var(--bosluk)); }
.bb-kap--orta { max-width: calc(960px + 2 * var(--bosluk)); }
.bb-ikon { width: 1.15em; height: 1.15em; flex: none; }
.bb-gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.bb-atla { position: fixed; left: 16px; top: -80px; z-index: 300; background: var(--altin); color: var(--murekkep); padding: 12px 18px; border-radius: 999px; font-weight: 700; transition: top .25s; }
.bb-atla:focus { top: 16px; }

/* Üst etiket */
.bb-ust { display: inline-flex; align-items: center; gap: 12px; font-size: .72rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--bordo); line-height: 1.3; }
.bb-ust::before { content: ""; width: 26px; height: 1px; background: currentColor; flex: none; }
.bb-ust--acik { color: var(--altin); }

/* Düğmeler */
.bb-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 26px; border-radius: 999px; font-size: .93rem; font-weight: 700; line-height: 1.2; letter-spacing: .01em; border: 1px solid transparent; overflow: hidden; isolation: isolate; transition: color .45s var(--yay), border-color .45s var(--yay), transform .45s var(--yay); white-space: nowrap; will-change: transform; }
.bb-btn::before { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; transform: translateY(102%); transition: transform .55s var(--yay); }
.bb-btn:hover::before, .bb-btn:focus-visible::before { transform: translateY(0); }
.bb-btn .bb-ikon { width: 18px; height: 18px; transition: transform .45s var(--yay); }
.bb-btn:hover .bb-ikon:last-child:not(:first-child) { transform: translateX(4px); }
.bb-btn--altin { background: var(--altin); color: var(--murekkep); }
.bb-btn--altin::before { background: var(--kemik); }
.bb-btn--bordo { background: var(--bordo); color: var(--kemik); }
.bb-btn--bordo::before { background: var(--murekkep); }
.bb-btn--koyu { background: var(--murekkep); color: var(--kemik); }
.bb-btn--koyu::before { background: var(--bordo); }
.bb-btn--cizgi { border-color: var(--cizgi); color: var(--metin); }
.bb-btn--cizgi::before { background: var(--murekkep); }
.bb-btn--cizgi:hover { color: var(--kemik); border-color: var(--murekkep); }
.bb-btn--cizgi-acik { border-color: rgba(244, 239, 231, .32); color: var(--kemik); }
.bb-btn--cizgi-acik::before { background: var(--kemik); }
.bb-btn--cizgi-acik:hover { color: var(--murekkep); border-color: var(--kemik); }
.bb-btn--tam { width: 100%; }
.bb-btn--kucuk { padding: 11px 18px; font-size: .84rem; }
.bb-btn--buyuk { padding: 19px 34px; font-size: 1.02rem; }

.bb-link { display: inline-flex; align-items: center; gap: 8px; font-size: .9rem; font-weight: 700; color: var(--bordo); position: relative; padding-bottom: 3px; }
.bb-link::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: currentColor; transform: scaleX(.0); transform-origin: left; transition: transform .5s var(--yay); }
.bb-link:hover::after, a:hover > .bb-link::after { transform: scaleX(1); }
.bb-link .bb-ikon { width: 16px; height: 16px; transition: transform .45s var(--yay); }
.bb-link:hover .bb-ikon, a:hover > .bb-link .bb-ikon { transform: translateX(4px); }
.bb-link--acik { color: var(--altin); }

/* Bölümler */
.bb-bolum { position: relative; padding-block: var(--bolum); }
.bb-bolum--kagit { background: var(--kagit); }
.bb-bolum--kemik { background: var(--kemik); }
.bb-bolum--koyu { background: var(--murekkep); color: var(--metin-acik); }
.bb-bolum--koyu h2 em, .bb-bolum--koyu h3 em { color: var(--altin); }
.bb-bolum-ust { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(24px, 5vw, 80px); align-items: end; margin-bottom: clamp(36px, 5vw, 68px); }
.bb-bolum-ust > p { color: var(--metin-2); max-width: 46ch; }
.bb-bolum--koyu .bb-bolum-ust > p { color: var(--metin-acik-2); }
.bb-bolum-ust > .bb-link { justify-self: end; }
.bb-bolum-ust--orta { grid-template-columns: 1fr; text-align: center; justify-items: center; }
.bb-bolum-baslik { display: grid; gap: 18px; justify-items: start; }
.bb-bolum-ust--orta .bb-bolum-baslik { justify-items: center; }
.bb-bolum-baslik h2, .bb-bolum h2 { font-size: clamp(2.2rem, 4.2vw, 3.9rem); }

/* Monogram */
/* width/height öznitelikleri stil yüklenmediğinde (ör. düzenleyici önizlemesi) boyutu sınırlar; burada eski davranış korunur. */
.bb-monogram { width: 100%; height: auto; }
.bb-monogram .m-sol { fill: var(--m-sol, var(--altin)); }
.bb-monogram .m-sag { fill: var(--m-sag, var(--kemik)); }
.bb-filigran { position: absolute; width: min(70vw, 900px); height: auto; opacity: .05; --m-sol: var(--kemik); --m-sag: var(--kemik); pointer-events: none; }
.bb-filigran path { fill: none; stroke: var(--kemik); stroke-width: .35; }

/* Logo */
.bb-logo { display: inline-flex; align-items: center; gap: 14px; flex: none; }
.bb-logo-mono { width: 50px; height: auto; transition: transform .7s var(--yay); }
.bb-logo:hover .bb-logo-mono { transform: scale(1.06); }
.bb-logo .m-sol, .bb-logo .m-sag { transition: transform .7s var(--yay); transform-box: fill-box; }
.bb-logo:hover .m-sol { transform: translateX(-2px); }
.bb-logo:hover .m-sag { transform: translateX(2px); }
.bb-logo-yazi { display: grid; gap: 5px; line-height: 1; }
.bb-logo-yazi strong { font-family: var(--serif); font-weight: 400; font-size: 1.62rem; letter-spacing: -.01em; color: var(--kemik); white-space: nowrap; }
.bb-logo-yazi small { font-size: .6rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--altin); white-space: nowrap; }

/* Gövde ve çanak: logodaki "B" */
.bb-govde { position: absolute; left: 0; top: -4%; bottom: -4%; width: 1px; background: linear-gradient(180deg, transparent, var(--altin) 12%, var(--altin) 88%, transparent); }
.bb-canak { position: relative; overflow: hidden; border-radius: 0 999px 999px 0; background: var(--murekkep-3); isolation: isolate; }
.bb-canak--sol { border-radius: 999px 0 0 999px; }
.bb-canak picture { display: contents; }
.bb-canak img, .bb-canak video { width: 100%; height: 100%; object-fit: cover; }
.bb-canak img[data-paralaks] { height: 118%; margin-top: -9%; will-change: transform; }
.bb-canak--buyuk { aspect-ratio: 1.42; }

/* Dönen rozet */
.bb-rozet { position: relative; display: inline-grid; place-items: center; width: 150px; aspect-ratio: 1; border-radius: 50%; background: var(--murekkep); color: var(--altin); box-shadow: 0 0 0 1px rgba(198, 165, 103, .35), 0 18px 50px rgba(0, 0, 0, .35); }
.bb-rozet-yazi { position: absolute; inset: 0; width: 100%; height: 100%; animation: bb-don 28s linear infinite; }
.bb-rozet-yazi text { font-family: var(--sans); font-size: 12.4px; font-weight: 700; letter-spacing: .14em; fill: currentColor; }
.bb-rozet-mono { width: 44%; }
.bb-rozet--kucuk { width: 118px; }
@keyframes bb-don { to { transform: rotate(360deg); } }

/* Kaydırınca belirme */
html.bb-js [data-gor] { opacity: 0; transform: translate3d(0, 30px, 0); transition: opacity 1s var(--yay), transform 1.1s var(--yay), clip-path 1.3s var(--yay-2); transition-delay: var(--gecikme, 0ms); }
html.bb-js [data-gor].gorundu { opacity: 1; transform: none; }
html.bb-js .bb-canak[data-gor] { opacity: 1; transform: none; clip-path: inset(0 100% 0 0); }
html.bb-js .bb-canak--sol[data-gor] { clip-path: inset(0 0 0 100%); }
html.bb-js .bb-canak[data-gor].gorundu { clip-path: inset(0 0 0 0); }
html.bb-js .bb-govde[data-gor] { opacity: 1; transform: scaleY(0); transform-origin: top; }
html.bb-js .bb-govde[data-gor].gorundu { transform: scaleY(1); }
html.bb-anim-yok [data-gor] { opacity: 1 !important; transform: none !important; clip-path: none !important; }

/* ------------------------------------------------------------------ */
/* 2. Açılış perdesi ve sayfa geçişi                                    */
/* ------------------------------------------------------------------ */
.bb-acilis-perde { display: none; }
/* Perde yaklaşık 1,2 sn sonra açılmaya başlar; içerik perdenin arkasında ilk kareden itibaren çizilidir. */
html.bb-acilis .bb-acilis-perde { display: block; position: fixed; inset: 0; z-index: 250; animation: bb-perde-bitti .01s linear 2.25s forwards; }
.bb-acilis-kanat { position: absolute; top: 0; bottom: 0; width: 50.2%; background: var(--murekkep); animation: bb-kanat-sol .95s var(--yay-2) 1.2s forwards; }
.bb-acilis-kanat--sol { left: 0; box-shadow: inset -1px 0 0 rgba(198, 165, 103, .5); }
.bb-acilis-kanat--sag { right: 0; animation-name: bb-kanat-sag; }
.bb-acilis-ic { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 12px; text-align: center; animation: bb-sol .32s ease 1s forwards; }
.bb-acilis-mono { width: 132px; height: auto; overflow: visible; }
.bb-acilis-mono path { fill-opacity: 0; stroke-width: .7; stroke-dasharray: 1; stroke-dashoffset: 1; animation: bb-ciz .8s var(--yay-2) .05s forwards, bb-dol .4s ease .55s forwards; }
.bb-acilis-mono .m-sol { stroke: var(--altin); }
.bb-acilis-mono .m-sag { stroke: var(--kemik); animation-delay: .16s, .66s; }
.bb-acilis-ad { font-family: var(--serif); font-size: 2rem; color: var(--kemik); opacity: 0; transform: translateY(12px); animation: bb-belir .6s var(--yay) .38s forwards; }
.bb-acilis-alt { font-size: .64rem; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; color: var(--altin); opacity: 0; animation: bb-belir .6s var(--yay) .52s forwards; }
@keyframes bb-ciz { to { stroke-dashoffset: 0; } }
@keyframes bb-dol { to { fill-opacity: 1; } }
@keyframes bb-belir { to { opacity: 1; transform: none; } }
@keyframes bb-sol { to { opacity: 0; } }
@keyframes bb-kanat-sol { to { transform: translateX(-101%); } }
@keyframes bb-kanat-sag { to { transform: translateX(101%); } }
@keyframes bb-perde-bitti { to { visibility: hidden; pointer-events: none; } }

.bb-gecis { position: fixed; inset: 0; z-index: 240; pointer-events: none; visibility: hidden; }
.bb-gecis-kanat { position: absolute; top: 0; bottom: 0; width: 50.2%; background: var(--murekkep); transition: transform .5s var(--yay-2); }
.bb-gecis-kanat--sol { left: 0; transform: translateX(-101%); box-shadow: inset -1px 0 0 rgba(198, 165, 103, .5); }
.bb-gecis-kanat--sag { right: 0; transform: translateX(101%); }
.bb-gecis-mono { position: absolute; inset: 0; display: grid; place-items: center; opacity: 0; transition: opacity .3s ease; }
.bb-gecis-mono svg { width: 96px; }
html.bb-gecis-kapa .bb-gecis { visibility: visible; pointer-events: auto; }
html.bb-gecis-kapa .bb-gecis-kanat { transform: none; }
html.bb-gecis-kapa .bb-gecis-mono { opacity: 1; transition-delay: .25s; }
html.bb-gecis-ac .bb-gecis { visibility: visible; animation: bb-perde-bitti .01s linear 1.2s forwards; }
html.bb-gecis-ac .bb-gecis-kanat--sol { transform: none; animation: bb-kanat-sol .8s var(--yay-2) .2s forwards; }
html.bb-gecis-ac .bb-gecis-kanat--sag { transform: none; animation: bb-kanat-sag .8s var(--yay-2) .2s forwards; }
html.bb-gecis-ac .bb-gecis-mono { opacity: 1; animation: bb-sol .3s ease .1s forwards; }

/* ------------------------------------------------------------------ */
/* 3. Üst şerit, başlık, menü                                           */
/* ------------------------------------------------------------------ */
.bb-ust-serit { background: var(--murekkep); color: var(--metin-acik-2); font-size: .78rem; font-weight: 600; border-bottom: 1px solid var(--cizgi-acik); position: relative; z-index: 101; }
.bb-ust-serit-ic { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 40px; }
.bb-ust-serit-sol, .bb-ust-serit-sag { display: flex; align-items: center; gap: 22px; }
.bb-ust-serit a, .bb-saat-durum { display: inline-flex; align-items: center; gap: 8px; transition: color .3s; white-space: nowrap; }
.bb-ust-serit a:hover { color: var(--altin); }
.bb-ust-serit .bb-ikon { width: 14px; height: 14px; color: var(--altin); }
.bb-ust-serit-odeme { color: var(--kemik); padding: 4px 12px; border: 1px solid rgba(198, 165, 103, .45); border-radius: 999px; }
.bb-saat-durum i { width: 7px; height: 7px; border-radius: 50%; background: var(--altin); position: relative; flex: none; }
.bb-saat-durum.is-acik i { background: #5fd08a; }
.bb-saat-durum.is-acik i::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; border: 1px solid #5fd08a; animation: bb-nabiz 2s ease-out infinite; }
.bb-saat-durum.is-kapali i { background: #c9645e; }
@keyframes bb-nabiz { from { transform: scale(.6); opacity: .9; } to { transform: scale(2.1); opacity: 0; } }

.bb-baslik { position: sticky; top: 0; z-index: 100; background: rgba(18, 13, 15, .9); -webkit-backdrop-filter: blur(16px) saturate(1.2); backdrop-filter: blur(16px) saturate(1.2); color: var(--kemik); border-bottom: 1px solid transparent; transition: transform .6s var(--yay), border-color .4s, background .4s; }
html.bb-kaydi .bb-baslik { border-bottom-color: var(--cizgi-acik); }
html.bb-gizle .bb-baslik { transform: translateY(-101%); }
.bb-baslik-ic { display: flex; align-items: center; justify-content: space-between; gap: 28px; min-height: var(--bas-y); }
.bb-nav { flex: 1; display: flex; justify-content: center; }
.bb-menu { display: flex; align-items: stretch; gap: clamp(2px, .9vw, 14px); }
.bb-menu > li { display: flex; align-items: center; min-height: var(--bas-y); }
.bb-menu > li > a { position: relative; padding: 10px 11px; font-size: .9rem; font-weight: 650; color: rgba(244, 239, 231, .86); transition: color .3s; white-space: nowrap; }
.bb-menu > li > a::after { content: ""; position: absolute; left: 11px; right: 11px; bottom: 3px; height: 1px; background: var(--altin); transform: scaleX(0); transform-origin: right; transition: transform .5s var(--yay); }
.bb-menu > li > a:hover, .bb-menu > li > a[aria-current], .bb-menu > li > a.etkin, .bb-menu > li.is-acik > a { color: var(--kemik); }
.bb-menu > li > a:hover::after, .bb-menu > li > a[aria-current]::after, .bb-menu > li > a.etkin::after, .bb-acilir:hover > a::after { transform: scaleX(1); transform-origin: left; }
.bb-alt-ac { display: grid; place-items: center; width: 22px; height: 22px; margin-left: -8px; color: var(--altin); transition: transform .4s var(--yay); }
.bb-alt-ac .bb-ikon { width: 14px; height: 14px; }
.bb-acilir:hover > .bb-alt-ac, .bb-acilir.is-acik > .bb-alt-ac { transform: rotate(180deg); }
.bb-nav-mobil-alt { display: none; }

/* Mega panel */
.bb-mega { position: absolute; left: 0; right: 0; top: 100%; background: var(--murekkep-2); border-top: 1px solid var(--cizgi-acik); border-bottom: 1px solid var(--cizgi-acik); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity .35s ease, transform .5s var(--yay), visibility 0s .35s; box-shadow: 0 40px 80px rgba(0, 0, 0, .45); }
.bb-acilir:hover > .bb-mega, .bb-acilir:focus-within > .bb-mega, .bb-acilir.is-acik > .bb-mega { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.bb-mega-ic { display: grid; grid-template-columns: 2fr 1.2fr 1.05fr 1.1fr; gap: 0; padding-block: 34px 38px; }
.bb-mega-sutun { padding-inline: 24px; border-left: 1px solid var(--cizgi-acik); min-width: 0; }
.bb-mega-sutun:first-child { padding-left: 0; border-left: 0; }
.bb-mega-baslik { display: flex; align-items: center; gap: 14px; padding-bottom: 16px; margin-bottom: 14px; border-bottom: 1px solid var(--cizgi-acik); }
.bb-mega-baslik > span:nth-child(2) { display: grid; gap: 4px; flex: 1; min-width: 0; }
.bb-mega-baslik strong { font-family: var(--serif); font-weight: 400; font-size: 1.42rem; line-height: 1; white-space: nowrap; }
.bb-mega-baslik small { font-size: .68rem; font-weight: 600; letter-spacing: .04em; color: var(--metin-acik-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bb-mega-sutun:not(.bb-mega-sutun--ceza) .bb-mega-baslik > .bb-ikon { display: none; }
.bb-mega-baslik > .bb-ikon { color: var(--altin); transition: transform .45s var(--yay); }
.bb-mega-baslik:hover > .bb-ikon { transform: translate(3px, -3px); }
.bb-mega-ikon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 0 999px 999px 0; background: var(--bordo); color: var(--kemik); flex: none; }
.bb-mega-sutun ul { display: grid; gap: 1px; }
.bb-mega-sutun--ceza ul { grid-template-columns: 1fr 1fr; column-gap: 18px; }
.bb-mega-sutun li a { display: block; padding: 7px 0; font-size: .88rem; font-weight: 550; color: rgba(244, 239, 231, .74); transition: color .3s, transform .45s var(--yay); }
.bb-mega-sutun li a:hover { color: var(--altin); transform: translateX(6px); }
.bb-mega-acil { margin-left: 24px; padding: 24px; border-radius: 0 60px 60px 0; background: var(--bordo); display: grid; gap: 12px; align-content: start; position: relative; }
.bb-mega-acil::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--altin); }
.bb-mega-acil p { font-size: .86rem; line-height: 1.55; color: rgba(244, 239, 231, .86); }
.bb-mega-tel { display: inline-flex; align-items: center; gap: 10px; font-family: var(--serif); font-size: 1.6rem; line-height: 1; color: var(--kemik); }
.bb-mega-tel .bb-ikon { width: 18px; height: 18px; color: var(--altin); }
.bb-mega-acil .bb-link { font-size: .82rem; }

/* Küçük açılır menü */
.bb-acilir--kucuk { position: relative; }
.bb-acilir-kutu { position: absolute; left: 50%; top: 100%; width: 360px; transform: translate(-50%, -10px); background: var(--murekkep-2); border: 1px solid var(--cizgi-acik); border-top: 0; border-radius: 0 0 var(--r) var(--r); padding: 12px; opacity: 0; visibility: hidden; transition: opacity .35s ease, transform .5s var(--yay), visibility 0s .35s; box-shadow: 0 40px 80px rgba(0, 0, 0, .45); }
.bb-acilir--kucuk:hover > .bb-acilir-kutu, .bb-acilir--kucuk:focus-within > .bb-acilir-kutu, .bb-acilir--kucuk.is-acik > .bb-acilir-kutu { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition-delay: 0s; }
.bb-acilir-kutu a { display: flex; gap: 14px; padding: 13px 14px; border-radius: var(--r-k); transition: background .3s; }
.bb-acilir-kutu a:hover { background: rgba(244, 239, 231, .06); }
.bb-acilir-kutu .bb-ikon { color: var(--altin); margin-top: 3px; }
.bb-acilir-kutu strong { display: block; font-size: .92rem; font-weight: 700; }
.bb-acilir-kutu small { display: block; font-size: .78rem; line-height: 1.45; color: var(--metin-acik-2); margin-top: 2px; }

/* Çağrı düğmesi */
.bb-baslik-eylem { display: flex; align-items: center; gap: 14px; flex: none; }
.bb-cagri { display: flex; align-items: center; gap: 12px; }
.bb-cagri-dugme { position: relative; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: var(--altin); color: var(--murekkep); transition: background .4s, transform .5s var(--yay); }
.bb-cagri-dugme::after { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 1px solid var(--altin); animation: bb-nabiz 2.4s ease-out infinite; }
.bb-cagri:hover .bb-cagri-dugme { background: var(--kemik); transform: rotate(-12deg); }
.bb-cagri-metin { display: grid; line-height: 1.15; }
.bb-cagri-metin small { font-size: .64rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--altin); }
.bb-cagri-metin strong { font-family: var(--serif); font-weight: 400; font-size: 1.38rem; letter-spacing: 0; white-space: nowrap; }
.bb-hamburger { display: none; align-items: center; gap: 12px; height: 46px; padding: 0 6px 0 16px; border: 1px solid var(--cizgi-acik); border-radius: 999px; color: var(--kemik); }
.bb-hamburger-yazi { position: relative; display: grid; font-size: .76rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; overflow: hidden; height: 1.3em; line-height: 1.3; }
.bb-hamburger-yazi span { grid-area: 1 / 1; transition: transform .5s var(--yay); }
.bb-hamburger-yazi .kapa { transform: translateY(110%); }
html.bb-menu-acik .bb-hamburger-yazi .ac { transform: translateY(-110%); }
html.bb-menu-acik .bb-hamburger-yazi .kapa { transform: none; }
.bb-hamburger-cizgi { position: relative; width: 34px; height: 34px; border-radius: 50%; background: var(--altin); }
.bb-hamburger-cizgi i { position: absolute; left: 10px; right: 10px; height: 1.5px; background: var(--murekkep); transition: transform .5s var(--yay), top .5s var(--yay); }
.bb-hamburger-cizgi i:first-child { top: 13px; }
.bb-hamburger-cizgi i:last-child { top: 20px; }
html.bb-menu-acik .bb-hamburger-cizgi i:first-child { top: 16.5px; transform: rotate(45deg); }
html.bb-menu-acik .bb-hamburger-cizgi i:last-child { top: 16.5px; transform: rotate(-45deg); }

/* ------------------------------------------------------------------ */
/* 4. Açılış sahnesi                                                    */
/* ------------------------------------------------------------------ */
.bb-sahne { position: relative; background: var(--murekkep); color: var(--kemik); overflow: hidden; display: flex; flex-direction: column; min-height: calc(100svh - var(--bas-y) - 40px); }
.bb-sahne-zemin { position: absolute; inset: 0; pointer-events: none; }
.bb-sahne-zemin .bb-filigran { left: -9%; bottom: -24%; width: min(62vw, 880px); opacity: .055; }
.bb-sahne-zemin .bb-filigran path { stroke-dasharray: 1; stroke-dashoffset: 1; animation: bb-ciz 3.2s var(--yay-2) calc(var(--giris) + .2s) forwards; }
.bb-sahne-isik { position: absolute; right: -10%; top: -30%; width: 70vw; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(closest-side, rgba(106, 21, 38, .62), transparent 70%); filter: blur(10px); animation: bb-isik 14s ease-in-out infinite alternate; }
@keyframes bb-isik { to { transform: translate(-8%, 10%) scale(1.12); } }
.bb-sahne-ic { position: relative; flex: 1; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: clamp(28px, 5vw, 84px); align-items: center; padding-block: clamp(36px, 5vh, 70px) clamp(28px, 4vh, 54px); }
.bb-sahne-metin { display: grid; gap: clamp(18px, 2.6vh, 30px); justify-items: start; }
.bb-sahne-ust { opacity: 0; animation: bb-belir 1s var(--yay) var(--giris) forwards; transform: translateY(14px); }
.bb-sahne-basliklar, .bb-sahne-yazilar { display: grid; width: 100%; }
.bb-sahne-baslik, .bb-sahne-yazi { grid-area: 1 / 1; }
.bb-sahne-baslik { font-family: var(--serif); font-weight: 400; font-size: clamp(2.85rem, 6.5vw, 6.3rem); line-height: .96; letter-spacing: -.022em; margin: 0; pointer-events: none; visibility: hidden; text-wrap: balance; }
.bb-sahne-baslik em { font-style: italic; color: var(--altin); }
.bb-sahne-baslik.is-aktif { visibility: visible; pointer-events: auto; }
.bb-satir { display: block; overflow: hidden; padding: .13em .04em .1em 0; margin: -.13em 0 -.1em; }
.bb-satir > span { display: block; transform: translateY(112%); transition: transform 1.15s var(--yay); }
.bb-sahne-baslik.is-aktif .bb-satir > span { transform: none; }
.bb-sahne-baslik.is-aktif .bb-satir:nth-child(2) > span { transition-delay: .09s; }
.bb-sahne-baslik.is-cikis { visibility: visible; }
.bb-sahne-baslik.is-cikis .bb-satir > span { transform: translateY(-112%); transition-duration: .7s; }
html.bb-js:not(.bb-acilis) .bb-sahne:not(.is-hazir) .bb-sahne-baslik.is-aktif .bb-satir > span { transform: translateY(112%); }
.bb-sahne-yazi { max-width: 50ch; font-size: clamp(1rem, 1.25vw, 1.14rem); line-height: 1.66; color: var(--metin-acik-2); opacity: 0; transform: translateY(14px); transition: opacity .6s ease, transform .9s var(--yay); }
.bb-sahne-yazi.is-aktif { opacity: 1; transform: none; transition-delay: .25s; }
html.bb-js:not(.bb-acilis) .bb-sahne:not(.is-hazir) .bb-sahne-yazi.is-aktif { opacity: 0; transform: translateY(14px); }
.bb-sahne-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 14px; opacity: 0; transform: translateY(14px); animation: bb-belir 1s var(--yay) calc(var(--giris) + .55s) forwards; }
.bb-sahne-eylem .bb-link { margin-left: 8px; }
.bb-sahne-olgular { display: flex; flex-wrap: wrap; gap: 0; margin-top: clamp(4px, 1.6vh, 18px); border-top: 1px solid var(--cizgi-acik); width: 100%; opacity: 0; animation: bb-belir 1.2s var(--yay) calc(var(--giris) + .75s) forwards; }
.bb-sahne-olgular li { flex: 1 1 0; min-width: 130px; padding: 18px 20px 0 0; display: grid; gap: 4px; }
.bb-sahne-olgular li + li { padding-left: 20px; border-left: 1px solid var(--cizgi-acik); }
.bb-sahne-olgular strong { font-family: var(--serif); font-weight: 400; font-size: clamp(1.9rem, 2.7vw, 2.7rem); line-height: 1; color: var(--kemik); font-variant-numeric: tabular-nums; }
.bb-sahne-olgular li > span { font-size: .78rem; font-weight: 600; line-height: 1.4; color: var(--metin-acik-2); }

.bb-sahne-gorsel { position: relative; align-self: stretch; display: grid; grid-template-rows: 43fr 57fr; min-height: clamp(380px, 62vh, 660px); max-height: 720px; padding-left: 0; }
.bb-sahne-gorsel .bb-govde { top: -8%; bottom: -8%; transform: scaleY(0); transform-origin: top; animation: bb-govde 1.4s var(--yay-2) calc(var(--giris) + .1s) forwards; }
.bb-sahne-gorsel .bb-govde i { position: absolute; left: -3px; top: var(--govde-nokta, 43%); width: 7px; height: 7px; border-radius: 50%; background: var(--altin); transform: translateY(-50%); box-shadow: 0 0 0 5px rgba(198, 165, 103, .18); }
@keyframes bb-govde { to { transform: scaleY(1); } }
.bb-sahne-canak { position: relative; overflow: hidden; border-radius: 0 999px 999px 0; background: var(--murekkep-3); clip-path: inset(0 100% 0 0); animation: bb-canak-ac 1.5s var(--yay-2) calc(var(--giris) + .25s) forwards; }
.bb-sahne-canak--ust { width: 76%; }
.bb-sahne-canak--alt { animation-delay: calc(var(--giris) + .42s); }
@keyframes bb-canak-ac { to { clip-path: inset(0 0 0 0); } }
.bb-sahne-kare { position: absolute; inset: 0; margin: 0; clip-path: inset(0 100% 0 0); z-index: 0; }
.bb-sahne-kare img, .bb-sahne-kare video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.14); transition: transform 2.4s var(--yay); }
.bb-sahne-kare video { opacity: 0; transition: opacity .8s ease, transform 2.4s var(--yay); }
.bb-sahne-kare video.is-oynuyor { opacity: 1; }
.bb-sahne-kare::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(18, 13, 15, .28), transparent 45%), linear-gradient(0deg, rgba(67, 12, 23, .22), rgba(67, 12, 23, .22)); mix-blend-mode: multiply; }
.bb-sahne-kare.is-onceki { clip-path: inset(0 0 0 0); z-index: 1; }
.bb-sahne-kare.is-aktif { clip-path: inset(0 0 0 0); z-index: 2; transition: clip-path 1.25s var(--yay-2); }
.bb-sahne-kare.is-aktif img, .bb-sahne-kare.is-aktif video { transform: scale(1); }
.bb-sahne-canak--alt .bb-sahne-kare.is-aktif { transition-delay: .12s; }
.bb-sahne-gorsel .bb-rozet { position: absolute; left: 0; top: 43%; transform: translate(-50%, -50%) scale(0); z-index: 3; animation: bb-rozet-gel 1.1s var(--yay) calc(var(--giris) + 1s) forwards; }
@keyframes bb-rozet-gel { to { transform: translate(-50%, -50%) scale(1); } }

.bb-sahne-alt { position: relative; border-top: 1px solid var(--cizgi-acik); opacity: 0; animation: bb-belir 1s var(--yay) calc(var(--giris) + .9s) forwards; }
/* İlk ziyaret: sahne açılış perdesinin arkasında son hâliyle çizilir (en büyük içerik öğesi gecikmez);
   perde açılırken bütün sahne hafifçe yerine oturur. Satır satır belirme diğer girişlerde çalışır. */
html.bb-acilis .bb-sahne-ust, html.bb-acilis .bb-sahne-eylem, html.bb-acilis .bb-sahne-olgular, html.bb-acilis .bb-sahne-alt { opacity: 1; transform: none; animation: none; }
html.bb-acilis .bb-sahne-canak { clip-path: none; animation: none; }
html.bb-acilis .bb-sahne-gorsel .bb-govde { transform: none; animation: none; }
html.bb-acilis .bb-sahne-gorsel .bb-rozet { transform: translate(-50%, -50%); animation: none; }
html.bb-acilis .bb-sahne-ic { animation: bb-yerles 1.6s var(--yay) 1.15s backwards; }
@keyframes bb-yerles { from { transform: scale(1.045); } }
.bb-sahne-alt-ic { display: flex; align-items: stretch; justify-content: space-between; gap: 24px; }
.bb-sahne-sekmeler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); flex: 1; max-width: 760px; }
.bb-sahne-sekme { position: relative; display: flex; align-items: baseline; gap: 12px; padding: 20px 20px 22px 0; text-align: left; color: rgba(244, 239, 231, .5); transition: color .4s; }
.bb-sahne-sekme + .bb-sahne-sekme { padding-left: 20px; border-left: 1px solid var(--cizgi-acik); }
.bb-sahne-sekme .no { font-size: .7rem; font-weight: 700; letter-spacing: .12em; color: var(--altin); }
.bb-sahne-sekme .ad { font-family: var(--serif); font-size: clamp(1.05rem, 1.6vw, 1.42rem); line-height: 1.1; }
.bb-sahne-sekme .cubuk { position: absolute; left: 0; right: 0; top: -1px; height: 2px; }
.bb-sahne-sekme + .bb-sahne-sekme .cubuk { left: 0; }
.bb-sahne-sekme .cubuk i { display: block; height: 100%; background: var(--altin); transform: scaleX(0); transform-origin: left; }
.bb-sahne-sekme:hover, .bb-sahne-sekme.is-aktif { color: var(--kemik); }
.bb-sahne-oklar { display: flex; align-items: center; gap: 8px; }
.bb-sahne-oklar button { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--cizgi-acik); color: var(--kemik); transition: background .4s, color .4s, border-color .4s; }
.bb-sahne-oklar button:hover { background: var(--altin); color: var(--murekkep); border-color: var(--altin); }
.bb-sahne-oklar .bb-ikon { width: 16px; height: 16px; }
.bb-sahne-oklar .d-oynat, .bb-sahne.is-durdu .bb-sahne-oklar .d-dur { display: none; }
.bb-sahne.is-durdu .bb-sahne-oklar .d-oynat { display: block; }

/* ------------------------------------------------------------------ */
/* 5. Kayan şerit                                                       */
/* ------------------------------------------------------------------ */
.bb-serit { background: var(--bordo); color: var(--kemik); overflow: hidden; padding-block: 20px; border-block: 1px solid rgba(198, 165, 103, .35); }
.bb-serit-ic { display: flex; width: max-content; animation: bb-kay 46s linear infinite; will-change: transform; }
.bb-serit-ic > div { display: flex; align-items: center; flex: none; }
.bb-serit span { font-family: var(--serif); font-size: clamp(1.5rem, 2.5vw, 2.3rem); line-height: 1; padding-inline: clamp(16px, 2.2vw, 30px); white-space: nowrap; }
.bb-serit span.italik { font-style: italic; color: var(--altin-acik); }
.bb-serit i { width: 9px; height: 9px; background: var(--altin); transform: rotate(45deg); flex: none; }
@keyframes bb-kay { to { transform: translateX(-50%); } }

/* ------------------------------------------------------------------ */
/* 6. Tanışma                                                           */
/* ------------------------------------------------------------------ */
.bb-tanisma-izgara { display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); gap: clamp(36px, 7vw, 110px); align-items: center; }
.bb-tanisma-gorsel { position: relative; display: grid; grid-template-rows: auto auto; padding-right: 8%; }
.bb-tanisma-gorsel .bb-canak--ust { width: 74%; aspect-ratio: 1.5; }
.bb-tanisma-gorsel .bb-canak--alt { aspect-ratio: 1.38; }
.bb-tanisma-gorsel .bb-govde { background: linear-gradient(180deg, transparent, var(--bordo) 10%, var(--bordo) 90%, transparent); width: 2px; }
.bb-tanisma-yil { position: absolute; right: 0; top: 6%; display: grid; gap: 4px; padding: 20px 22px; background: var(--bordo); color: var(--kemik); border-radius: var(--r) var(--r) var(--r) 0; text-align: left; box-shadow: 0 24px 50px rgba(67, 12, 23, .28); }
.bb-tanisma-yil strong { font-family: var(--serif); font-weight: 400; font-size: 3rem; line-height: .9; color: var(--altin-acik); }
.bb-tanisma-yil span { font-size: .74rem; font-weight: 600; line-height: 1.4; }
.bb-tanisma-metin { display: grid; gap: 22px; justify-items: start; }
.bb-tanisma-metin h2 { font-size: clamp(2.3rem, 4.4vw, 4.1rem); }
.bb-akis { font-family: var(--serif); font-size: clamp(1.45rem, 2.2vw, 2.05rem); line-height: 1.3; letter-spacing: -.008em; color: var(--metin); }
.bb-akis .w { opacity: .16; transition: opacity .5s ease; }
.bb-akis .w.is-acik { opacity: 1; }
.bb-tanisma-metin > p:not(.bb-akis) { color: var(--metin-2); max-width: 62ch; }
.bb-olgular { display: grid; grid-template-columns: 1fr 1fr; gap: 0; width: 100%; border-top: 1px solid var(--cizgi); }
.bb-olgular li { display: flex; gap: 14px; align-items: flex-start; padding: 18px 16px 18px 0; border-bottom: 1px solid var(--cizgi); font-size: .9rem; line-height: 1.45; color: var(--metin-2); }
.bb-olgular li:nth-child(odd) { border-right: 1px solid var(--cizgi); }
.bb-olgular li:nth-child(even) { padding-left: 18px; }
.bb-olgular .bb-ikon { width: 22px; height: 22px; color: var(--bordo); margin-top: 2px; }
.bb-olgular strong { display: block; font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: var(--metin); margin-bottom: 2px; }
.bb-olgular--acik { grid-template-columns: 1fr; border-top-color: var(--cizgi-acik); }
.bb-olgular--acik li, .bb-olgular--acik li:nth-child(odd), .bb-olgular--acik li:nth-child(even) { border-right: 0; padding-left: 0; border-bottom-color: var(--cizgi-acik); color: var(--metin-acik-2); }
.bb-olgular--acik .bb-ikon { color: var(--altin); }
.bb-olgular--acik strong { color: var(--kemik); }
.bb-tanisma-eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: 6px; }

/* ------------------------------------------------------------------ */
/* 7. Faaliyet alanları: üst üste binen kartlar                         */
/* ------------------------------------------------------------------ */
.bb-yigin { display: grid; gap: 34px; }
.bb-yigin-kart { position: sticky; top: calc(var(--bas-y) + 22px + var(--i, 0) * 16px); border-radius: clamp(20px, 2.6vw, 34px); overflow: hidden; transform-origin: 50% 0; transform: scale(var(--olcek, 1)); will-change: transform; box-shadow: 0 -18px 50px rgba(18, 13, 15, .12); }
.bb-yigin-kart:nth-child(1) { --i: 0; }
.bb-yigin-kart:nth-child(2) { --i: 1; }
.bb-yigin-kart:nth-child(3) { --i: 2; }
.bb-yigin-kart--ceza { background: var(--murekkep); color: var(--kemik); }
.bb-yigin-kart--ticaret { background: var(--bordo); color: var(--kemik); }
.bb-yigin-kart--kira { background: var(--kagit); color: var(--metin); border: 1px solid var(--cizgi); }
.bb-yigin-kart::after { content: ""; position: absolute; inset: 0; background: var(--murekkep); opacity: var(--karart, 0); pointer-events: none; }
.bb-yigin-ic { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: clamp(28px, 5vw, 80px); padding: clamp(28px, 4.4vw, 64px); align-items: center; min-height: min(640px, 76vh); }
.bb-yigin-metin { display: grid; gap: 18px; justify-items: start; }
.bb-yigin-ust { display: flex; align-items: center; gap: 18px; }
.bb-yigin-no { font-family: var(--serif); font-style: italic; font-size: 1.5rem; line-height: 1; color: var(--altin); }
.bb-yigin-kart--kira .bb-yigin-no { color: var(--bordo); }
.bb-yigin-kart h3 { font-size: clamp(2.3rem, 4.6vw, 4.5rem); line-height: .98; }
.bb-yigin-kart h3 a { background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size .7s var(--yay); }
.bb-yigin-kart h3 a:hover { background-size: 100% 1px; }
.bb-yigin-metin > p { max-width: 58ch; color: var(--metin-acik-2); }
.bb-yigin-kart--ticaret .bb-yigin-metin > p { color: rgba(244, 239, 231, .82); }
.bb-yigin-kart--kira .bb-yigin-metin > p { color: var(--metin-2); }
.bb-yigin-baglar { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 4px 8px; }
.bb-yigin-baglar a { display: block; padding: 8px 15px; border: 1px solid var(--cizgi-acik); border-radius: 999px; font-size: .82rem; font-weight: 600; line-height: 1.3; color: rgba(244, 239, 231, .86); transition: background .35s, color .35s, border-color .35s, transform .45s var(--yay); }
.bb-yigin-baglar a:hover { background: var(--altin); color: var(--murekkep); border-color: var(--altin); transform: translateY(-2px); }
.bb-yigin-kart--ticaret .bb-yigin-baglar a { border-color: rgba(244, 239, 231, .28); }
.bb-yigin-kart--kira .bb-yigin-baglar a { border-color: var(--cizgi); color: var(--metin); }
.bb-yigin-kart--kira .bb-yigin-baglar a:hover { background: var(--bordo); color: var(--kemik); border-color: var(--bordo); }
.bb-yigin-gorsel { position: relative; align-self: stretch; display: grid; align-items: center; }
.bb-yigin-gorsel .bb-canak { aspect-ratio: .86; max-height: 500px; width: 100%; }
.bb-yigin-kart--kira .bb-govde { background: linear-gradient(180deg, transparent, var(--bordo) 12%, var(--bordo) 88%, transparent); }
.bb-yigin-gorsel img { transition: transform 1.6s var(--yay); }
.bb-yigin-kart:hover .bb-yigin-gorsel img { transform: scale(1.06); }
.bb-yigin-ikon { position: absolute; left: 0; bottom: 12%; transform: translateX(-50%); display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: var(--altin); color: var(--murekkep); box-shadow: 0 0 0 8px rgba(198, 165, 103, .18); }
.bb-yigin-ikon .bb-ikon { width: 26px; height: 26px; }

/* ------------------------------------------------------------------ */
/* 8. Ceza yargılamasının aşamaları: yatay şerit                        */
/* ------------------------------------------------------------------ */
.bb-yatay { position: relative; background: var(--murekkep); color: var(--kemik); }
.bb-yatay-sabit { padding-block: var(--bolum); overflow: hidden; }
.bb-yatay-ust { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr) auto; gap: clamp(20px, 4vw, 64px); align-items: end; margin-bottom: clamp(30px, 4.4vh, 54px); }
.bb-yatay-ust h2 { font-size: clamp(2.2rem, 4.2vw, 3.9rem); }
.bb-yatay-ust h2 em { color: var(--altin); }
.bb-yatay-ust > p { color: var(--metin-acik-2); max-width: 44ch; }
.bb-yatay-sayac { display: flex; align-items: center; gap: 12px; font-family: var(--serif); font-size: 1.7rem; line-height: 1; color: var(--metin-acik-2); }
.bb-yatay-sayac span:first-child { color: var(--altin); font-size: 2.6rem; font-variant-numeric: tabular-nums; }
.bb-yatay-sayac i { width: 44px; height: 1px; background: var(--cizgi-acik); }
.bb-yatay-ray { position: relative; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; padding-left: max(var(--bosluk), calc((100vw - var(--kap)) / 2)); }
.bb-yatay-ray::-webkit-scrollbar { display: none; }
.bb-yatay-liste { position: relative; display: flex; gap: 22px; width: max-content; padding-right: max(var(--bosluk), calc((100vw - var(--kap)) / 2)); padding-top: 34px; will-change: transform; }
.bb-yatay-cizgi { position: absolute; left: 0; top: 16px; height: 1px; width: var(--ray-gen, 100%); background: var(--cizgi-acik); z-index: 1; }
.bb-yatay-cizgi i { display: block; height: 100%; background: var(--altin); transform: scaleX(var(--ilerleme, 0)); transform-origin: left; }
.bb-adim { position: relative; width: clamp(280px, 27vw, 372px); flex: none; display: grid; gap: 14px; align-content: start; padding: 30px 28px 30px; background: var(--murekkep-2); border: 1px solid var(--cizgi-acik); border-radius: 0 110px 26px 0; scroll-snap-align: start; transition: background .5s, border-color .5s, transform .7s var(--yay); }
.bb-adim::before { content: ""; position: absolute; left: -1px; top: -24px; width: 9px; height: 9px; border-radius: 50%; background: var(--murekkep); border: 1px solid var(--altin); transform: translateX(-4px); transition: background .4s, box-shadow .4s; }
.bb-adim::after { content: ""; position: absolute; left: -1px; top: -15px; height: 15px; width: 1px; background: var(--cizgi-acik); }
.bb-adim.is-aktif { background: var(--bordo-koyu); border-color: rgba(198, 165, 103, .5); transform: translateY(-8px); }
.bb-adim.is-aktif::before { background: var(--altin); box-shadow: 0 0 0 6px rgba(198, 165, 103, .2); }
.bb-adim-ust { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; padding-right: 26px; }
.bb-adim-no { font-family: var(--serif); font-style: italic; font-size: 2.6rem; line-height: 1; color: var(--altin); }
.bb-adim-ikon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--cizgi-acik); color: var(--altin); }
.bb-adim h3 { font-size: 1.72rem; line-height: 1.08; }
.bb-adim p { font-size: .9rem; line-height: 1.6; color: var(--metin-acik-2); }
.bb-adim-rol { padding-top: 12px; border-top: 1px solid var(--cizgi-acik); color: rgba(244, 239, 231, .9) !important; }
.bb-adim-rol strong { display: block; font-size: .66rem; letter-spacing: .18em; text-transform: uppercase; color: var(--altin); margin-bottom: 3px; }
.bb-adim .bb-link { font-size: .82rem; justify-self: start; margin-top: 4px; }

html.bb-yatay-etkin .bb-yatay { height: var(--yatay-y); }
html.bb-yatay-etkin .bb-yatay-sabit { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; justify-content: center; padding-block: calc(var(--bas-y) * .6) 30px; }
html.bb-yatay-etkin .bb-yatay-ray { overflow: visible; scroll-snap-type: none; }

/* ------------------------------------------------------------------ */
/* 9. Acil durum bandı                                                  */
/* ------------------------------------------------------------------ */
.bb-acil { position: relative; background: var(--bordo); color: var(--kemik); padding-block: clamp(64px, 8vw, 112px); overflow: hidden; }
.bb-acil::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: linear-gradient(180deg, transparent, rgba(198, 165, 103, .5), transparent); }
.bb-acil-ic { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(36px, 7vw, 120px); align-items: center; }
.bb-acil-metin { display: grid; gap: 20px; justify-items: start; }
.bb-acil-nabiz { position: relative; display: grid; place-items: center; width: 62px; height: 62px; border-radius: 50%; background: var(--altin); color: var(--murekkep); margin-bottom: 6px; }
.bb-acil-nabiz .bb-ikon { width: 26px; height: 26px; }
.bb-acil-nabiz i { position: absolute; inset: 0; border-radius: 50%; border: 1px solid var(--altin); animation: bb-nabiz 2.2s ease-out infinite; }
.bb-acil-nabiz i:nth-child(2) { animation-delay: 1.1s; }
.bb-acil h2 { font-size: clamp(2.2rem, 4.2vw, 3.9rem); }
.bb-acil h2 em { color: var(--altin-acik); }
.bb-acil-metin > p { color: rgba(244, 239, 231, .84); max-width: 46ch; }
.bb-acil-tel { display: inline-flex; align-items: center; gap: 16px; font-family: var(--serif); font-size: clamp(2.3rem, 4.6vw, 4.2rem); line-height: 1; color: var(--kemik); padding-bottom: 8px; border-bottom: 1px solid rgba(198, 165, 103, .6); transition: color .4s, border-color .4s; will-change: transform; }
.bb-acil-tel .bb-ikon { width: .52em; height: .52em; color: var(--altin); }
.bb-acil-tel:hover { color: var(--altin-acik); border-color: var(--altin-acik); }
.bb-acil-kurallar { display: grid; gap: 0; }
.bb-acil-kurallar li { display: grid; grid-template-columns: auto 1fr; gap: 22px; padding: 24px 0; border-top: 1px solid rgba(244, 239, 231, .2); }
.bb-acil-kurallar li:last-child { border-bottom: 1px solid rgba(244, 239, 231, .2); }
.bb-acil-kurallar li > span { font-family: var(--serif); font-style: italic; font-size: 2.1rem; line-height: 1; color: var(--altin); }
.bb-acil-kurallar strong { display: block; font-family: var(--serif); font-weight: 400; font-size: 1.62rem; line-height: 1.1; margin-bottom: 6px; }
.bb-acil-kurallar p { font-size: .92rem; line-height: 1.6; color: rgba(244, 239, 231, .8); }

/* ------------------------------------------------------------------ */
/* 10. Çalışma ilkeleri                                                 */
/* ------------------------------------------------------------------ */
.bb-ilkeler { overflow: hidden; }
.bb-ilkeler-zemin { position: absolute; inset: 0; opacity: .16; }
.bb-ilkeler-zemin img { width: 100%; height: 120%; margin-top: -8%; object-fit: cover; filter: grayscale(1) contrast(1.1); will-change: transform; }
.bb-ilkeler-zemin::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, var(--murekkep), transparent 30%, transparent 60%, var(--murekkep)); }
.bb-ilkeler .bb-kap { position: relative; }
.bb-ilke-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--cizgi-acik); border-left: 1px solid var(--cizgi-acik); }
.bb-ilke { position: relative; display: grid; gap: 14px; align-content: start; padding: 34px 28px 38px; border-right: 1px solid var(--cizgi-acik); border-bottom: 1px solid var(--cizgi-acik); overflow: hidden; }
.bb-ilke-no { font-family: var(--serif); font-style: italic; font-size: 1.2rem; color: var(--altin); }
.bb-ilke-ikon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 0 999px 999px 0; background: var(--bordo); color: var(--kemik); margin-block: 22px 8px; transition: width .6s var(--yay), background .4s; }
.bb-ilke:hover .bb-ilke-ikon { width: 92px; background: var(--altin); color: var(--murekkep); }
.bb-ilke-ikon .bb-ikon { width: 24px; height: 24px; }
.bb-ilke h3 { font-size: 1.8rem; }
.bb-ilke p { font-size: .92rem; line-height: 1.62; color: var(--metin-acik-2); }

/* İmleci izleyen ışık */
[data-isik] { position: relative; }
[data-isik]::before { content: ""; position: absolute; inset: 0; background: radial-gradient(360px circle at var(--ix, 50%) var(--iy, 50%), rgba(198, 165, 103, .16), transparent 62%); opacity: 0; transition: opacity .5s; pointer-events: none; z-index: 0; }
[data-isik]:hover::before { opacity: 1; }
[data-isik] > * { position: relative; z-index: 1; }

/* ------------------------------------------------------------------ */
/* 11. Kartal ve Anadolu Adliyesi                                       */
/* ------------------------------------------------------------------ */
.bb-yerel-izgara { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(36px, 6vw, 96px); align-items: center; }
.bb-yerel-metin { display: grid; gap: 22px; justify-items: start; }
.bb-yerel-metin > p { color: var(--metin-2); max-width: 60ch; }
.bb-etiketler { display: flex; flex-wrap: wrap; gap: 8px; }
.bb-etiketler li { padding: 7px 14px; border: 1px solid var(--cizgi); border-radius: 999px; font-size: .82rem; font-weight: 600; line-height: 1.3; color: var(--metin-2); transition: background .35s, color .35s, border-color .35s; }
.bb-etiketler li:hover { border-color: var(--bordo); color: var(--bordo); }
.bb-etiketler li.is-vurgu { background: var(--bordo); border-color: var(--bordo); color: var(--kemik); }
.bb-yerel-kartlar { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; width: 100%; margin-top: 8px; }
.bb-yerel-kart { display: flex; align-items: center; gap: 14px; padding: 16px 18px; background: var(--kemik); border: 1px solid var(--cizgi); border-radius: var(--r); transition: border-color .4s, transform .5s var(--yay), background .4s; }
.bb-yerel-kart:hover { border-color: var(--bordo); transform: translateY(-3px); background: #fff; }
.bb-yerel-kart > span:nth-child(2) { flex: 1; display: grid; gap: 2px; }
.bb-yerel-kart strong { font-size: .95rem; line-height: 1.25; }
.bb-yerel-kart small { font-size: .76rem; line-height: 1.4; color: var(--metin-2); }
.bb-yerel-kart-ikon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 0 999px 999px 0; background: var(--bordo); color: var(--kemik); flex: none; }
.bb-yerel-kart > .bb-ikon { color: var(--bordo); transition: transform .45s var(--yay); }
.bb-yerel-kart:hover > .bb-ikon { transform: translate(3px, -3px); }

.bb-rota { background: var(--murekkep); color: var(--kemik); border-radius: 0 clamp(60px, 12vw, 200px) clamp(20px, 2.6vw, 34px) 0; padding: clamp(24px, 3vw, 38px); position: relative; overflow: hidden; }
.bb-rota::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--altin); }
.bb-rota-ust { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-right: 12%; }
.bb-rota-koordinat { font-size: .72rem; font-weight: 700; letter-spacing: .14em; color: var(--metin-acik-2); }
.bb-rota-cizim { width: 100%; height: auto; margin-block: 8px 4px; overflow: visible; }
.bb-rota-kiyi { fill: rgba(106, 21, 38, .38); }
.bb-rota-yol { fill: none; stroke: var(--altin); stroke-width: 2; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 2.2s var(--yay-2) .3s; }
.bb-rota-yol--kesik { stroke: rgba(244, 239, 231, .22); stroke-width: 1; stroke-dasharray: 3 6; stroke-dashoffset: 0; transition: none; }
.bb-rota.gorundu .bb-rota-yol { stroke-dashoffset: 0; }
html.bb-anim-yok .bb-rota-yol { stroke-dashoffset: 0; }
.bb-rota-nokta { fill: var(--altin); }
.bb-rota-nokta--adliye { fill: var(--kemik); }
.bb-rota-dalga { fill: none; stroke: var(--altin); transform-origin: 356px 58px; animation: bb-dalga 2.4s ease-out infinite; }
@keyframes bb-dalga { from { transform: scale(1); opacity: .9; } to { transform: scale(3.4); opacity: 0; } }
.bb-rota-gezen { fill: var(--kemik); }
.bb-rota-ad { font-family: var(--serif); font-size: 19px; fill: var(--kemik); }
.bb-rota-alt { font-family: var(--sans); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; fill: rgba(244, 239, 231, .6); }
.bb-rota-mesafe { font-family: var(--serif); font-style: italic; font-size: 20px; fill: var(--altin); }
.bb-rota-deniz { font-family: var(--serif); font-style: italic; font-size: 13px; fill: rgba(244, 239, 231, .4); }
.bb-rota figcaption { display: grid; gap: 20px; justify-items: start; padding-top: 18px; border-top: 1px solid var(--cizgi-acik); }
.bb-rota-ulasim { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; width: 100%; padding-right: 6%; }
.bb-rota-ulasim li { display: grid; gap: 8px; font-size: .78rem; line-height: 1.4; color: var(--metin-acik-2); }
.bb-rota-ulasim .bb-ikon { width: 22px; height: 22px; color: var(--altin); }
.bb-rota-ulasim strong { display: block; color: var(--kemik); font-size: .84rem; }

/* ------------------------------------------------------------------ */
/* 12. Çevrim içi hizmetler                                             */
/* ------------------------------------------------------------------ */
.bb-online-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.bb-online-kart { display: grid; gap: 14px; align-content: start; padding: clamp(26px, 3vw, 40px); background: var(--kagit); border: 1px solid var(--cizgi); border-radius: var(--r) 90px var(--r) var(--r); overflow: hidden; transition: transform .6s var(--yay), border-color .4s, box-shadow .6s var(--yay); }
.bb-online-kart:hover { transform: translateY(-6px); border-color: var(--bordo); box-shadow: 0 30px 60px rgba(67, 12, 23, .12); }
.bb-online-ikon { display: grid; place-items: center; width: 62px; height: 62px; border-radius: 0 999px 999px 0; background: var(--bordo); color: var(--kemik); margin-bottom: 20px; transition: width .6s var(--yay); }
.bb-online-kart:hover .bb-online-ikon { width: 100px; }
.bb-online-ikon .bb-ikon { width: 26px; height: 26px; }
.bb-online-kart h3 { font-size: 1.95rem; }
.bb-online-kart p { color: var(--metin-2); font-size: .94rem; }
.bb-online-kart .bb-link { justify-self: start; margin-top: 6px; }
.bb-online-kart--odeme { background: var(--murekkep); color: var(--kemik); border-color: var(--murekkep); }
.bb-online-kart--odeme p { color: var(--metin-acik-2); }
.bb-online-kart--odeme .bb-link { color: var(--altin); }
.bb-kredi { position: relative; display: block; width: 172px; aspect-ratio: 1.586; border-radius: 12px; background: linear-gradient(135deg, var(--bordo-acik), var(--bordo-koyu) 70%); box-shadow: 0 18px 34px rgba(0, 0, 0, .4), inset 0 0 0 1px rgba(244, 239, 231, .16); margin-bottom: 16px; transform: rotate(-5deg); transition: transform .7s var(--yay); overflow: hidden; }
.bb-online-kart:hover .bb-kredi { transform: rotate(0) translateY(-4px); }
.bb-kredi-cip { position: absolute; left: 12%; top: 26%; width: 17%; aspect-ratio: 1.3; border-radius: 4px; background: linear-gradient(135deg, var(--altin-acik), var(--altin-koyu)); }
.bb-kredi-no { position: absolute; left: 12%; bottom: 30%; font-size: 10px; letter-spacing: .12em; color: rgba(244, 239, 231, .86); font-weight: 700; white-space: nowrap; }
.bb-kredi-ad { position: absolute; left: 12%; bottom: 13%; font-size: 7px; font-weight: 700; letter-spacing: .18em; color: var(--altin-acik); white-space: nowrap; }
.bb-kredi .bb-monogram { position: absolute; right: 9%; top: 14%; width: 22%; }
.bb-kredi::after { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, .22) 46%, transparent 60%); transform: translateX(-120%); transition: transform 1.1s var(--yay); }
.bb-online-kart:hover .bb-kredi::after, .bb-odeme-kart:hover .bb-kredi::after { transform: translateX(120%); }
.bb-kredi--buyuk { width: min(100%, 340px); border-radius: 20px; transform: rotate(-4deg); margin-bottom: 30px; will-change: transform; }
.bb-kredi--buyuk .bb-kredi-no { font-size: 18px; }
.bb-kredi--buyuk .bb-kredi-ad { font-size: 10px; }

/* ------------------------------------------------------------------ */
/* 13. Makale kartları                                                  */
/* ------------------------------------------------------------------ */
.bb-yazi-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 2.6vw, 34px); }
.bb-ykart { display: grid; grid-template-rows: auto 1fr; background: var(--kagit); border: 1px solid var(--cizgi); border-radius: var(--r); overflow: hidden; transition: transform .6s var(--yay), box-shadow .6s var(--yay), border-color .4s; }
.bb-bolum--kagit .bb-ykart { background: #fff; }
.bb-ykart:hover { transform: translateY(-6px); box-shadow: 0 30px 60px rgba(67, 12, 23, .1); border-color: rgba(106, 21, 38, .4); }
.bb-ykart-gorsel { display: block; overflow: hidden; aspect-ratio: 16 / 9.4; background: var(--kum); }
.bb-ykart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--yay); }
.bb-ykart:hover .bb-ykart-gorsel img { transform: scale(1.07); }
.bb-ykart-govde { display: grid; gap: 12px; align-content: start; padding: 22px 24px 22px; }
.bb-ykart-ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: .74rem; font-weight: 600; color: var(--metin-2); }
.bb-ykart-etiket { padding: 4px 11px; border-radius: 999px; background: var(--bordo); color: var(--kemik); font-size: .66rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.bb-ykart .bb-ykart-baslik { font-size: 1.58rem; line-height: 1.12; }
.bb-ykart-baslik a { background: linear-gradient(var(--bordo), var(--bordo)) 0 100% / 0 1px no-repeat; transition: background-size .7s var(--yay), color .4s; }
.bb-ykart:hover .bb-ykart-baslik a { background-size: 100% 1px; color: var(--bordo); }
.bb-ykart p { font-size: .9rem; line-height: 1.6; color: var(--metin-2); }
.bb-ykart-alt { display: flex; align-items: center; justify-content: space-between; margin-top: 6px; padding-top: 14px; border-top: 1px solid var(--cizgi); font-size: .76rem; font-weight: 600; color: var(--metin-2); }
.bb-ykart-ok { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--cizgi); color: var(--bordo); transition: background .4s, color .4s, transform .5s var(--yay); }
.bb-ykart:hover .bb-ykart-ok { background: var(--bordo); color: var(--kemik); transform: rotate(45deg); }
.bb-ykart-ok .bb-ikon { width: 15px; height: 15px; }

.bb-yazi-vitrin { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(22px, 3vw, 40px); align-items: stretch; }
.bb-yvitrin { position: relative; display: grid; grid-template-rows: 1fr auto; border-radius: var(--r) var(--r) 120px var(--r); overflow: hidden; background: var(--murekkep); color: var(--kemik); min-height: 520px; }
.bb-yvitrin-gorsel { position: absolute; inset: 0; }
.bb-yvitrin-gorsel img { width: 100%; height: 100%; object-fit: cover; opacity: .52; transition: transform 1.6s var(--yay), opacity .6s; }
.bb-yvitrin:hover .bb-yvitrin-gorsel img { transform: scale(1.06); opacity: .4; }
.bb-yvitrin-gorsel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, var(--murekkep) 12%, rgba(18, 13, 15, .2) 70%); }
.bb-yvitrin-govde { position: relative; grid-row: 2; display: grid; gap: 14px; justify-items: start; padding: clamp(24px, 3vw, 40px); padding-right: 16%; }
.bb-yvitrin .bb-ykart-ust { color: var(--metin-acik-2); gap: 16px; justify-content: flex-start; }
.bb-yvitrin .bb-ykart-etiket { background: var(--altin); color: var(--murekkep); }
.bb-yvitrin h3 { font-size: clamp(1.9rem, 3vw, 2.9rem); }
.bb-yvitrin p { color: var(--metin-acik-2); font-size: .95rem; }
.bb-yvitrin .bb-link { color: var(--altin); }
.bb-yazi-vitrin-liste { display: grid; gap: 14px; }
.bb-yazi-vitrin-liste .bb-ykart { grid-template-rows: none; grid-template-columns: 38% 1fr; background: var(--kagit); }
.bb-yazi-vitrin-liste .bb-ykart-gorsel { aspect-ratio: auto; height: 100%; }
.bb-yazi-vitrin-liste .bb-ykart-govde { padding: 18px 20px; gap: 9px; }
.bb-yazi-vitrin-liste .bb-ykart .bb-ykart-baslik { font-size: 1.32rem; }
.bb-yazi-vitrin-liste .bb-ykart p, .bb-yazi-vitrin-liste .bb-ykart-alt { display: none; }

/* ------------------------------------------------------------------ */
/* 14. SSS                                                              */
/* ------------------------------------------------------------------ */
.bb-sss-izgara { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
.bb-sss-sol { display: grid; gap: 20px; justify-items: start; position: sticky; top: calc(var(--bas-y) + 30px); }
.bb-sss-sol > p { color: var(--metin-2); }
.bb-sss-sol > p a, .bb-metin a:not(.bb-btn):not(.bb-link):not(.bb-alt-kart):not(.bb-ilgili-alan), .bb-sss-cevap a, .bb-kutu a, .bb-giris a { color: var(--bordo); text-decoration: underline; text-decoration-color: rgba(106, 21, 38, .35); text-underline-offset: 3px; text-decoration-thickness: 1px; transition: text-decoration-color .3s; }
.bb-sss-sol > p a:hover, .bb-metin a:not(.bb-btn):not(.bb-link):hover, .bb-sss-cevap a:hover { text-decoration-color: var(--bordo); }
.bb-sss-kart { display: grid; gap: 10px; justify-items: start; padding: 26px; background: var(--murekkep); color: var(--kemik); border-radius: 0 80px var(--r) 0; width: 100%; margin-top: 10px; position: relative; }
.bb-sss-kart::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--altin); }
.bb-sss-kart strong { font-family: var(--serif); font-weight: 400; font-size: 1.6rem; line-height: 1.1; }
.bb-sss-kart p { font-size: .88rem; color: var(--metin-acik-2); }
.bb-sss-kart-ikon { color: var(--altin); }
.bb-sss-kart-ikon .bb-ikon { width: 28px; height: 28px; }
.bb-sss { border-top: 1px solid var(--cizgi); }
.bb-sss-oge { border-bottom: 1px solid var(--cizgi); }
.bb-sss-oge summary { position: relative; display: block; list-style: none; cursor: pointer; padding: 24px 56px 24px 0; font-family: var(--serif); font-size: clamp(1.28rem, 1.8vw, 1.62rem); line-height: 1.18; transition: color .3s; }
.bb-sss-oge summary::-webkit-details-marker { display: none; }
.bb-sss-oge summary::before, .bb-sss-oge summary::after { content: ""; position: absolute; right: 12px; top: 50%; width: 16px; height: 1.5px; background: var(--bordo); transition: transform .5s var(--yay); }
.bb-sss-oge summary::after { transform: rotate(90deg); }
.bb-sss-oge[open] summary::after { transform: rotate(0); }
.bb-sss-oge summary:hover, .bb-sss-oge[open] summary { color: var(--bordo); }
.bb-sss-cevap, .bb-sss-oge.wp-block-details > p { padding: 0 56px 26px 0; color: var(--metin-2); }
.bb-sss-cevap p + p { margin-top: 12px; }

.bb-sss-sayfa { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: clamp(32px, 6vw, 90px); align-items: start; }
.bb-sss-nav { position: sticky; top: calc(var(--bas-y) + 30px); display: grid; gap: 16px; }
.bb-sss-nav ul { display: grid; gap: 4px; }
.bb-sss-nav li a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 0 999px 999px 0; font-size: .92rem; font-weight: 650; color: var(--metin-2); border-left: 2px solid var(--cizgi); transition: background .35s, color .35s, border-color .35s; }
.bb-sss-nav li a span { flex: 1; }
.bb-sss-nav li a small { font-size: .7rem; font-weight: 700; color: var(--altin-koyu); }
.bb-sss-nav li a:hover, .bb-sss-nav li a.is-aktif { background: var(--kemik); color: var(--bordo); border-left-color: var(--bordo); }
.bb-sss-gruplar { display: grid; gap: clamp(44px, 6vw, 80px); }
.bb-sss-grup h2 { display: flex; align-items: center; gap: 14px; font-size: clamp(1.9rem, 3vw, 2.7rem); margin-bottom: 18px; }
.bb-sss-grup h2 .bb-ikon { width: .78em; height: .78em; color: var(--bordo); }

/* ------------------------------------------------------------------ */
/* 15. İç sayfa başlığı                                                 */
/* ------------------------------------------------------------------ */
.bb-sayfa-basi { position: relative; background: var(--murekkep); color: var(--kemik); overflow: hidden; }
.bb-sayfa-basi-zemin { position: absolute; inset: 0; pointer-events: none; }
.bb-sayfa-basi-zemin::before { content: ""; position: absolute; right: -14%; top: -60%; width: 62vw; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(closest-side, rgba(106, 21, 38, .6), transparent 70%); }
.bb-sayfa-basi-zemin .bb-filigran { left: -6%; bottom: -46%; width: min(52vw, 700px); opacity: .07; }
.bb-sayfa-basi-zemin .bb-filigran path { stroke-dasharray: 1; stroke-dashoffset: 1; animation: bb-ciz 3s var(--yay-2) calc(var(--giris) + .1s) forwards; }
.bb-sayfa-basi-ic { position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(28px, 5vw, 80px); align-items: center; padding-block: clamp(44px, 6vw, 84px) clamp(48px, 6.4vw, 92px); }
.bb-sayfa-basi--sade .bb-sayfa-basi-ic { grid-template-columns: minmax(0, 1fr); max-width: calc(980px + 2 * var(--bosluk)); margin-left: max(0px, calc((100vw - var(--kap) - 2 * var(--bosluk)) / 2)); }
.bb-sayfa-basi-metin { display: grid; gap: 20px; justify-items: start; }
.bb-sayfa-basi h1 { font-size: clamp(2.6rem, 5.4vw, 5.1rem); line-height: .98; letter-spacing: -.02em; }
.bb-baslik-anim .k { display: inline-block; overflow: hidden; vertical-align: top; padding: .13em .02em .12em 0; margin: -.13em 0 -.12em; }
.bb-baslik-anim .k > span { display: inline-block; transform: translateY(112%); animation: bb-kelime 1.05s var(--yay) forwards; animation-delay: calc(var(--giris) + var(--k) * 55ms); }
@keyframes bb-kelime { to { transform: none; } }
.bb-sayfa-basi-ozet { font-size: clamp(1rem, 1.2vw, 1.12rem); color: var(--metin-acik-2); max-width: 58ch; opacity: 0; transform: translateY(14px); animation: bb-belir 1s var(--yay) calc(var(--giris) + .35s) forwards; }
.bb-sayfa-basi-eylem { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px; opacity: 0; transform: translateY(14px); animation: bb-belir 1s var(--yay) calc(var(--giris) + .5s) forwards; }
.bb-sayfa-basi .bb-ust { opacity: 0; animation: bb-belir 1s var(--yay) calc(var(--giris) + .05s) forwards; }
.bb-sayfa-basi-gorsel { position: relative; }
.bb-sayfa-basi-gorsel .bb-govde { transform: scaleY(0); transform-origin: top; animation: bb-govde 1.3s var(--yay-2) calc(var(--giris) + .1s) forwards; top: -30%; bottom: -30%; }
.bb-sayfa-basi-gorsel .bb-canak { clip-path: inset(0 100% 0 0); animation: bb-canak-ac 1.5s var(--yay-2) calc(var(--giris) + .25s) forwards; }
.bb-sayfa-basi-gorsel .bb-canak::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(18, 13, 15, .3), transparent 50%), linear-gradient(0deg, rgba(67, 12, 23, .2), rgba(67, 12, 23, .2)); mix-blend-mode: multiply; }
.bb-sayfa-basi-gorsel .bb-rozet { position: absolute; left: 0; bottom: 4%; transform: translateX(-50%) scale(0); animation: bb-rozet-gel-2 1.1s var(--yay) calc(var(--giris) + .9s) forwards; }
@keyframes bb-rozet-gel-2 { to { transform: translateX(-50%) scale(1); } }

.bb-yol { font-size: .76rem; font-weight: 600; color: var(--metin-acik-2); }
.bb-yol ol { display: flex; flex-wrap: wrap; gap: 4px 10px; }
.bb-yol li { display: inline-flex; align-items: center; gap: 10px; }
.bb-yol li + li::before { content: ""; width: 4px; height: 4px; background: var(--altin); transform: rotate(45deg); flex: none; }
.bb-yol a { transition: color .3s; }
.bb-yol a:hover { color: var(--altin); }
.bb-yol [aria-current] { color: var(--kemik); }

.bb-profil-kart { position: relative; background: var(--murekkep-2); border: 1px solid var(--cizgi-acik); border-radius: 0 120px var(--r) 0; padding: 30px 30px 26px; display: grid; gap: 22px; opacity: 0; transform: translateY(20px); animation: bb-belir 1.1s var(--yay) calc(var(--giris) + .4s) forwards; }
.bb-profil-kart::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--altin); }
.bb-profil-gorsel { width: 132px; }
.bb-portre-mono { display: grid; place-items: center; width: 100%; aspect-ratio: 1; border-radius: 50%; background: var(--bordo); box-shadow: inset 0 0 0 1px rgba(198, 165, 103, .4); }
.bb-portre-mono svg { width: 56%; }
.bb-portre-foto { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 0 999px 999px 0; }
.bb-profil-kart dl { display: grid; gap: 0; }
.bb-profil-kart dl > div { display: grid; grid-template-columns: 138px 1fr; gap: 12px; padding: 12px 0; border-top: 1px solid var(--cizgi-acik); font-size: .9rem; line-height: 1.4; }
.bb-profil-kart dt { display: flex; align-items: center; gap: 8px; font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--altin); }
.bb-profil-kart dt .bb-ikon { width: 15px; height: 15px; }

/* Makale başlığı */
.bb-yazi-bilgi { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 26px; font-size: .84rem; font-weight: 600; color: var(--metin-acik-2); margin-top: 8px; opacity: 0; animation: bb-belir 1s var(--yay) calc(var(--giris) + .5s) forwards; }
.bb-yazi-bilgi > span { display: inline-flex; align-items: center; gap: 8px; }
.bb-yazi-bilgi .bb-ikon { width: 15px; height: 15px; color: var(--altin); }
.bb-yazi-yazar { display: inline-flex; align-items: center; gap: 12px; color: var(--kemik); }
.bb-yazi-yazar-mono { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--bordo); }
.bb-yazi-yazar-mono svg { width: 56%; }
.bb-yazi-yazar small { display: block; font-size: .64rem; letter-spacing: .14em; text-transform: uppercase; color: var(--altin); }
.bb-okuma { position: fixed; left: 0; right: 0; top: 0; height: 3px; z-index: 120; pointer-events: none; }
.bb-okuma span { display: block; height: 100%; background: var(--altin); transform: scaleX(0); transform-origin: left; }

/* ------------------------------------------------------------------ */
/* 16. İçerik düzeni ve yan sütun                                       */
/* ------------------------------------------------------------------ */
.bb-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 348px; gap: clamp(32px, 5vw, 76px); align-items: start; }
.bb-metin { min-width: 0; font-size: 1.04rem; }
.bb-metin > * + *, .bb-metin--genis > * + * { margin-top: 1.25em; }
.bb-metin h2 { font-size: clamp(1.95rem, 3vw, 2.75rem); margin-top: 1.7em; scroll-margin-top: calc(var(--bas-y) + 24px); }
.bb-metin h2:first-child { margin-top: 0; }
.bb-metin h3 { font-size: clamp(1.5rem, 2vw, 1.85rem); margin-top: 1.5em; }
.bb-metin p, .bb-metin li { color: #3a2f32; }
.bb-metin ul:not([class]), .bb-metin ol:not([class]), .bb-metin .wp-block-list { display: grid; gap: .6em; padding-left: 0; }
.bb-metin ul:not([class]) > li, .bb-metin ul.wp-block-list > li { position: relative; padding-left: 26px; }
.bb-metin ul:not([class]) > li::before, .bb-metin ul.wp-block-list > li::before { content: ""; position: absolute; left: 4px; top: .68em; width: 7px; height: 7px; background: var(--bordo); transform: rotate(45deg); }
.bb-metin ol:not([class]), .bb-metin ol.wp-block-list { counter-reset: bb-s; }
.bb-metin ol:not([class]) > li, .bb-metin ol.wp-block-list > li { position: relative; padding-left: 44px; counter-increment: bb-s; }
.bb-metin ol:not([class]) > li::before, .bb-metin ol.wp-block-list > li::before { content: counter(bb-s, decimal-leading-zero); position: absolute; left: 0; top: .02em; font-family: var(--serif); font-style: italic; font-size: 1.24em; line-height: 1.3; color: var(--bordo); }
.bb-giris { font-family: var(--serif); font-size: clamp(1.3rem, 1.9vw, 1.62rem); line-height: 1.38; color: var(--metin) !important; letter-spacing: -.005em; }
.bb-giris strong { font-weight: 400; color: var(--bordo); }
.bb-metin--genis h2 { margin-top: 1.9em; }

.bb-kisaca { position: relative; background: var(--kemik); border-radius: 0 clamp(40px, 6vw, 90px) var(--r) 0; padding: clamp(22px, 2.6vw, 34px); padding-right: clamp(34px, 5vw, 70px); margin-top: 1.8em !important; }
.bb-kisaca::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--bordo); }
.bb-kisaca-baslik { display: flex; align-items: center; gap: 10px; font-size: .72rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--bordo); margin-bottom: 14px; }
.bb-kisaca ul, .bb-metin .bb-kisaca ul { display: grid; gap: 10px; }
.bb-kisaca li, .bb-metin .bb-kisaca ul > li { position: relative; padding-left: 24px; font-size: .97rem; line-height: 1.58; }
.bb-kisaca li::before, .bb-metin .bb-kisaca ul > li::before { content: ""; position: absolute; left: 2px; top: .56em; width: 8px; height: 9px; border-radius: 0 999px 999px 0; background: var(--bordo); transform: none; }
.bb-maddeler { display: grid; gap: 10px; }
.bb-maddeler--iki { grid-template-columns: 1fr 1fr; gap: 10px 26px; }
.bb-maddeler li { display: flex; gap: 12px; align-items: flex-start; font-size: .97rem; line-height: 1.52; padding: 12px 0; border-bottom: 1px solid var(--cizgi); }
.bb-maddeler .bb-ikon { width: 18px; height: 18px; color: var(--bordo); margin-top: 3px; padding: 2px; border: 1px solid rgba(106, 21, 38, .4); border-radius: 50%; box-sizing: content-box; stroke-width: 2.2; flex: none; }
.bb-kutu { display: grid; grid-template-columns: auto 1fr; gap: 18px; padding: clamp(20px, 2.4vw, 28px); border-radius: var(--r); border: 1px solid var(--cizgi); background: #fff; margin-top: 1.8em !important; }
.bb-kutu-ikon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 0 999px 999px 0; background: var(--kemik); color: var(--bordo); }
.bb-kutu-ikon .bb-ikon { width: 22px; height: 22px; }
.bb-kutu-metin { display: grid; gap: 6px; font-size: .96rem; line-height: 1.62; }
.bb-kutu-metin > strong { font-family: var(--serif); font-weight: 400; font-size: 1.42rem; line-height: 1.15; color: var(--metin); }
.bb-kutu--sure { background: var(--murekkep); border-color: var(--murekkep); color: var(--kemik); }
.bb-kutu--sure .bb-kutu-metin > strong { color: var(--altin); }
.bb-kutu--sure .bb-kutu-metin p { color: rgba(244, 239, 231, .82) !important; }
.bb-kutu--sure .bb-kutu-metin strong { color: var(--kemik); }
.bb-kutu--sure .bb-kutu-ikon { background: var(--altin); color: var(--murekkep); }
.bb-kutu--sure a { color: var(--altin) !important; text-decoration-color: rgba(198, 165, 103, .5) !important; }
.bb-kutu--uyari { background: #fbf1ef; border-color: rgba(106, 21, 38, .26); }
.bb-kutu--uyari .bb-kutu-ikon { background: var(--bordo); color: var(--kemik); }
.bb-surec-liste { display: grid; gap: 0; position: relative; }
.bb-surec-liste > li { display: grid; grid-template-columns: 62px 1fr; gap: 6px 18px; padding: 20px 0; border-bottom: 1px solid var(--cizgi); align-items: start; }
.bb-surec-liste > li:first-child { border-top: 1px solid var(--cizgi); }
.bb-surec-no { font-family: var(--serif); font-style: italic; font-size: 2.1rem; line-height: 1; color: var(--bordo); }
.bb-surec-liste strong { display: block; font-family: var(--serif); font-weight: 400; font-size: 1.42rem; line-height: 1.15; color: var(--metin); margin-bottom: 4px; }
.bb-surec-liste p { font-size: .96rem; line-height: 1.6; color: var(--metin-2) !important; }
.bb-bolum--koyu .bb-surec-liste strong { color: var(--kemik); }
.bb-randevu { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 22px 30px; padding: clamp(24px, 3vw, 38px); background: var(--bordo); color: var(--kemik); border-radius: 0 clamp(50px, 8vw, 120px) var(--r) 0; position: relative; margin-top: 2.4em !important; }
.bb-randevu::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--altin); }
.bb-randevu-metin { flex: 1 1 320px; display: grid; gap: 6px; }
.bb-randevu-metin strong { font-family: var(--serif); font-weight: 400; font-size: clamp(1.6rem, 2.3vw, 2.1rem); line-height: 1.1; }
.bb-randevu-metin p { font-size: .93rem; color: rgba(244, 239, 231, .84) !important; }
.bb-randevu-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; padding-right: clamp(0px, 3vw, 40px); }
.bb-ilgili { margin-top: 2.4em !important; display: grid; gap: 14px; }
.bb-ilgili ul, .bb-metin .bb-ilgili ul { display: grid; gap: 0; border-top: 1px solid var(--cizgi); }
.bb-metin .bb-ilgili ul > li, .bb-metin .bb-komsu ul > li { padding-left: 0; }
.bb-metin .bb-ilgili ul > li::before, .bb-metin .bb-komsu ul > li::before { content: none; }
.bb-ilgili li a { display: flex; align-items: center; gap: 14px; padding: 16px 4px; border-bottom: 1px solid var(--cizgi); font-family: var(--serif); font-size: 1.28rem; line-height: 1.2; color: var(--metin) !important; text-decoration: none !important; transition: padding .5s var(--yay), color .3s; }
.bb-ilgili li a span { flex: 1; }
.bb-ilgili li a .bb-ikon { color: var(--bordo); width: 18px; height: 18px; }
.bb-ilgili li a:hover { padding-left: 14px; color: var(--bordo) !important; }
.bb-komsu { margin-top: 2.2em !important; display: grid; gap: 14px; }
.bb-komsu ul, .bb-metin .bb-komsu ul { display: flex; flex-wrap: wrap; gap: 8px; }
.bb-komsu li a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 15px; border: 1px solid var(--cizgi); border-radius: 999px; font-size: .84rem; font-weight: 600; line-height: 1.3; color: var(--metin) !important; text-decoration: none !important; background: #fff; transition: background .35s, color .35s, border-color .35s, transform .45s var(--yay); }
.bb-komsu li a .bb-ikon { width: 15px; height: 15px; color: var(--bordo); transition: color .35s; }
.bb-komsu li a:hover { background: var(--bordo); border-color: var(--bordo); color: var(--kemik) !important; transform: translateY(-2px); }
.bb-komsu li a:hover .bb-ikon { color: var(--altin); }

.bb-alt-kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 1.6em !important; }
.bb-alt-kart { display: grid; gap: 10px; align-content: start; height: 100%; padding: 22px 22px 20px; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r) 60px var(--r) var(--r); text-decoration: none !important; overflow: hidden; transition: transform .6s var(--yay), border-color .4s, box-shadow .6s var(--yay); }
.bb-alt-kart:hover { transform: translateY(-4px); border-color: rgba(106, 21, 38, .5); box-shadow: 0 24px 46px rgba(67, 12, 23, .1); }
.bb-alt-kart-ust { display: flex; align-items: center; justify-content: space-between; padding-right: 20px; }
.bb-alt-kart-ikon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 0 999px 999px 0; background: var(--bordo); color: var(--kemik); transition: width .6s var(--yay); }
.bb-alt-kart:hover .bb-alt-kart-ikon { width: 74px; }
.bb-alt-kart-ikon .bb-ikon { width: 20px; height: 20px; }
.bb-alt-kart-no { font-family: var(--serif); font-style: italic; font-size: 1.15rem; color: var(--altin-koyu); }
.bb-alt-kart-baslik { font-size: 1.5rem !important; line-height: 1.1; margin-top: 4px !important; color: var(--metin); }
.bb-alt-kart-metin { font-size: .88rem; line-height: 1.55; color: var(--metin-2); }
.bb-alt-kart-ok { display: inline-flex; align-items: center; gap: 6px; font-size: .78rem; font-weight: 700; color: var(--bordo); margin-top: 2px; }
.bb-alt-kart-ok .bb-ikon { width: 14px; height: 14px; transition: transform .45s var(--yay); }
.bb-alt-kart:hover .bb-alt-kart-ok .bb-ikon { transform: translateX(4px); }

.bb-tablo-sar { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--cizgi); border-radius: var(--r); background: #fff; margin-top: 1.4em !important; }
.bb-tablo { width: 100%; border-collapse: collapse; font-size: .92rem; line-height: 1.5; min-width: 560px; }
.bb-tablo caption { caption-side: bottom; padding: 12px 18px; font-size: .78rem; color: var(--metin-2); text-align: left; border-top: 1px solid var(--cizgi); }
.bb-tablo th, .bb-tablo td { padding: 14px 18px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--cizgi); }
.bb-tablo thead th { background: var(--murekkep); color: var(--kemik); font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; border-bottom: 0; }
.bb-tablo tbody th { font-weight: 700; color: var(--metin); width: 34%; }
.bb-tablo tbody tr:last-child th, .bb-tablo tbody tr:last-child td { border-bottom: 0; }
.bb-tablo tbody tr { transition: background .3s; }
.bb-tablo tbody tr:hover { background: var(--kagit); }
.bb-guncel { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 2.6em !important; padding-top: 18px; border-top: 1px solid var(--cizgi); font-size: .82rem; color: var(--metin-2) !important; }
.bb-guncel .bb-ikon { width: 15px; height: 15px; color: var(--bordo); }
.bb-not { font-size: .8rem; color: var(--metin-2) !important; font-style: italic; margin-top: .6em !important; }

/* Yan sütun */
.bb-yan { display: grid; gap: 16px; position: sticky; top: calc(var(--bas-y) + 22px); max-height: calc(100vh - var(--bas-y) - 40px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; border-radius: var(--r); }
.bb-yan::-webkit-scrollbar { display: none; }
.bb-yan-kutu { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); padding: 22px; }
.bb-yan-kutu h2 { font-size: 1.36rem; margin-bottom: 12px; }
.bb-yan-cagri { position: relative; background: var(--murekkep); color: var(--kemik); border-color: var(--murekkep); border-radius: 0 86px var(--r) 0; display: grid; gap: 12px; overflow: hidden; }
.bb-yan-cagri::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--altin); }
.bb-yan-tel { font-family: var(--serif); font-size: 2.2rem; line-height: 1; }
.bb-yan-cagri p { font-size: .86rem; line-height: 1.55; color: var(--metin-acik-2); padding-right: 10%; }
.bb-yan-filigran { position: absolute; right: -34px; bottom: -30px; width: 150px; opacity: .08; --m-sol: var(--kemik); --m-sag: var(--kemik); pointer-events: none; }
.bb-yan-cagri .bb-btn { position: relative; z-index: 1; }
.bb-yan-liste h2 a { display: flex; align-items: center; gap: 10px; }
.bb-yan-liste h2 .bb-ikon { width: 20px; height: 20px; color: var(--bordo); }
.bb-yan-liste ul { display: grid; }
.bb-yan-liste li a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0; border-top: 1px solid var(--cizgi); font-size: .89rem; font-weight: 600; line-height: 1.35; color: var(--metin-2); transition: color .3s, padding .45s var(--yay); }
.bb-yan-liste li a .bb-ikon { width: 14px; height: 14px; color: var(--bordo); opacity: 0; transform: translateX(-6px); transition: opacity .3s, transform .45s var(--yay); flex: none; }
.bb-yan-liste li a:hover, .bb-yan-liste li a[aria-current] { color: var(--bordo); padding-left: 8px; }
.bb-yan-liste li a:hover .bb-ikon, .bb-yan-liste li a[aria-current] .bb-ikon { opacity: 1; transform: none; }
.bb-yan-alanlar ul { display: grid; gap: 4px; }
.bb-yan-alanlar li a { display: flex; align-items: center; gap: 12px; padding: 10px; margin-inline: -10px; border-radius: var(--r-k); transition: background .3s; }
.bb-yan-alanlar li a:hover { background: var(--kemik); }
.bb-yan-alan-ikon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 0 999px 999px 0; background: var(--bordo); color: var(--kemik); flex: none; }
.bb-yan-alan-ikon .bb-ikon { width: 18px; height: 18px; }
.bb-yan-alanlar strong { display: block; font-size: .9rem; line-height: 1.25; }
.bb-yan-alanlar small { display: block; font-size: .74rem; line-height: 1.4; color: var(--metin-2); }
.bb-yan-avukat { display: flex; align-items: center; gap: 14px; }
.bb-yan-avukat-mono { width: 58px; flex: none; }
.bb-yan-avukat strong { font-family: var(--serif); font-weight: 400; font-size: 1.3rem; line-height: 1.1; display: block; }
.bb-yan-avukat small { font-size: .76rem; color: var(--metin-2); }
.bb-yan-odeme { display: flex; align-items: center; gap: 14px; background: var(--kemik); transition: border-color .4s, background .4s; }
.bb-yan-odeme:hover { border-color: var(--bordo); background: #fff; }
.bb-yan-odeme > .bb-ikon:first-child { width: 26px; height: 26px; color: var(--bordo); }
.bb-yan-odeme > span { flex: 1; }
.bb-yan-odeme strong { display: block; font-size: .94rem; line-height: 1.2; }
.bb-yan-odeme small { display: block; font-size: .76rem; color: var(--metin-2); line-height: 1.4; }
.bb-yan-odeme > .bb-ikon:last-child { color: var(--bordo); width: 16px; height: 16px; }
.bb-icindekiler ol { display: grid; counter-reset: bb-ic; }
.bb-icindekiler li { counter-increment: bb-ic; }
.bb-icindekiler li a { display: grid; grid-template-columns: 26px 1fr; padding: 9px 0; border-top: 1px solid var(--cizgi); font-size: .87rem; font-weight: 600; line-height: 1.4; color: var(--metin-2); transition: color .3s; }
.bb-icindekiler li a::before { content: counter(bb-ic, decimal-leading-zero); font-family: var(--serif); font-style: italic; font-size: 1.05rem; line-height: 1.15; color: var(--altin-koyu); }
.bb-icindekiler li a:hover, .bb-icindekiler li a.is-aktif { color: var(--bordo); }

/* Makale gövdesi */
.bb-makale .has-text-align-center { text-align: center; }
.bb-makale .has-medium-font-size { font-size: 1.14rem; }
.bb-makale .has-x-large-font-size { font-family: var(--serif); font-size: 1.7rem; line-height: 1.2; }
.bb-makale .wp-block-image img { border-radius: var(--r); }
.bb-makale .wp-block-image.size-full img[width="512"] { max-width: 220px; }
.bb-makale .wp-block-file { display: none; }
.bb-makale pre, .bb-makale .wp-block-code { white-space: pre-wrap; font-family: var(--serif); font-size: 1.24rem; line-height: 1.45; background: var(--kemik); border-left: 2px solid var(--bordo); border-radius: 0 var(--r) var(--r) 0; padding: 22px 26px; margin: 1.6em 0 0; color: var(--metin); overflow: visible; }
.bb-makale pre code { font: inherit; }
.bb-makale blockquote, .bb-makale .wp-block-quote { font-family: var(--serif); font-size: 1.4rem; line-height: 1.35; padding-left: 22px; border-left: 2px solid var(--bordo); color: var(--metin); }
.bb-makale [class*="has-"][class*="-color"]:not(.bb-btn) { color: #3a2f32 !important; background: none !important; }
.bb-makale .wp-block-details { border-bottom: 1px solid var(--cizgi); margin-top: 0; }
.bb-makale .wp-block-heading + .wp-block-details { border-top: 1px solid var(--cizgi); margin-top: 1em; }
.bb-ilgili-alan { display: grid; grid-template-columns: 168px 1fr auto; gap: 22px; align-items: center; margin-top: 2.6em !important; padding: 16px 26px 16px 0; background: var(--kemik); border-radius: 0 999px 999px 0; text-decoration: none !important; transition: background .4s; overflow: hidden; }
.bb-ilgili-alan:hover { background: var(--kum); }
.bb-ilgili-alan-gorsel { display: block; height: 118px; border-radius: 0 999px 999px 0; overflow: hidden; margin-block: -16px; align-self: stretch; height: auto; min-height: 118px; }
.bb-ilgili-alan-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--yay); }
.bb-ilgili-alan:hover img { transform: scale(1.08); }
.bb-ilgili-alan-metin { display: grid; gap: 3px; }
.bb-ilgili-alan-metin small { font-size: .66rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--bordo); }
.bb-ilgili-alan-metin strong { font-family: var(--serif); font-weight: 400; font-size: 1.6rem; line-height: 1.1; color: var(--metin); }
.bb-ilgili-alan-metin span { font-size: .84rem; line-height: 1.45; color: var(--metin-2); }
.bb-ilgili-alan > .bb-ikon { width: 44px; height: 44px; padding: 13px; border-radius: 50%; background: var(--bordo); color: var(--kemik); box-sizing: border-box; transition: transform .5s var(--yay); margin-right: 14px; }
.bb-ilgili-alan:hover > .bb-ikon { transform: rotate(45deg); }
.bb-yazar-kutu { display: grid; grid-template-columns: 96px 1fr; gap: 22px; align-items: start; margin-top: 2.6em !important; padding: 26px; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); }
.bb-yazar-kutu > div { display: grid; gap: 8px; justify-items: start; }
.bb-yazar-kutu-ad { font-size: 1.7rem !important; margin: 0 !important; }
.bb-yazar-kutu-ad a { color: var(--metin) !important; text-decoration: none !important; }
.bb-yazar-kutu p { font-size: .92rem; color: var(--metin-2) !important; }
.bb-kategoriler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: clamp(26px, 3vw, 40px); }
.bb-kategoriler a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border: 1px solid var(--cizgi); border-radius: 999px; font-size: .86rem; font-weight: 650; background: #fff; transition: background .35s, color .35s, border-color .35s; }
.bb-kategoriler a small { font-size: .7rem; color: var(--altin-koyu); }
.bb-kategoriler a:hover, .bb-kategoriler a[aria-current] { background: var(--bordo); color: var(--kemik); border-color: var(--bordo); }
.bb-kategoriler a:hover small, .bb-kategoriler a[aria-current] small { color: var(--altin-acik); }
.navigation.pagination { margin-top: clamp(34px, 4vw, 56px); }
.navigation.pagination .screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.nav-links { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; }
.page-numbers { display: grid; place-items: center; min-width: 46px; height: 46px; padding: 0 12px; border: 1px solid var(--cizgi); border-radius: 999px; font-weight: 700; font-size: .9rem; background: #fff; transition: background .35s, color .35s, border-color .35s; }
.page-numbers.current, a.page-numbers:hover { background: var(--bordo); color: var(--kemik); border-color: var(--bordo); }
.bb-bos { text-align: center; color: var(--metin-2); padding-block: 40px; }

/* ------------------------------------------------------------------ */
/* 17. Faaliyet Alanlarımız sayfası                                     */
/* ------------------------------------------------------------------ */
.bb-alanlar-giris { max-width: 900px; margin-bottom: clamp(44px, 6vw, 84px); }
.bb-alan-blok { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: clamp(32px, 6vw, 100px); align-items: center; padding-block: clamp(36px, 5vw, 70px); border-top: 1px solid var(--cizgi); scroll-margin-top: calc(var(--bas-y) + 10px); }
.bb-alan-blok--ters { grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr); }
.bb-alan-blok--ters .bb-alan-blok-gorsel { order: 2; }
.bb-alan-blok-gorsel { position: relative; }
.bb-alan-blok-gorsel .bb-canak { aspect-ratio: 1.08; }
.bb-alan-blok-gorsel .bb-govde { background: linear-gradient(180deg, transparent, var(--bordo) 10%, var(--bordo) 90%, transparent); width: 2px; }
.bb-alan-blok--ters .bb-govde { left: auto; right: 0; }
.bb-alan-blok-no { position: absolute; right: 8%; bottom: -8px; font-family: var(--serif); font-style: italic; font-size: clamp(4rem, 8vw, 7.4rem); line-height: .8; color: var(--kagit); -webkit-text-stroke: 0; text-shadow: 0 6px 30px rgba(18, 13, 15, .35); }
.bb-alan-blok--ters .bb-alan-blok-no { right: auto; left: 8%; }
.bb-alan-blok-metin { display: grid; gap: 18px; justify-items: start; }
.bb-alan-blok-metin h2 { font-size: clamp(2.3rem, 4.4vw, 4.2rem); }
.bb-alan-blok-metin h2 a { background: linear-gradient(var(--bordo), var(--bordo)) 0 100% / 0 1px no-repeat; transition: background-size .7s var(--yay), color .4s; }
.bb-alan-blok-metin h2 a:hover { background-size: 100% 1px; color: var(--bordo); }
.bb-alan-blok-metin > p { color: var(--metin-2); max-width: 62ch; }
.bb-alan-blok-baglar { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 4px 10px; }
.bb-alan-blok-baglar a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 15px; border: 1px solid var(--cizgi); border-radius: 999px; background: #fff; font-size: .84rem; font-weight: 600; line-height: 1.3; transition: background .35s, color .35s, border-color .35s, transform .45s var(--yay); }
.bb-alan-blok-baglar .bb-ikon { width: 15px; height: 15px; color: var(--bordo); transition: color .35s; }
.bb-alan-blok-baglar a:hover { background: var(--bordo); color: var(--kemik); border-color: var(--bordo); transform: translateY(-2px); }
.bb-alan-blok-baglar a:hover .bb-ikon { color: var(--altin); }

/* ------------------------------------------------------------------ */
/* 18. Hakkımızda                                                       */
/* ------------------------------------------------------------------ */
.bb-hk-izgara { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: clamp(36px, 6vw, 96px); align-items: start; }
.bb-hk-metin { display: grid; gap: 20px; justify-items: start; }
.bb-hk-metin > p:not(.bb-giris) { color: var(--metin-2); }
.bb-hk-yan { position: sticky; top: calc(var(--bas-y) + 26px); }
.bb-hk-kart { position: relative; background: var(--murekkep); color: var(--kemik); border-radius: 0 110px var(--r) 0; padding: 30px 30px 30px; display: grid; gap: 18px; }
.bb-hk-kart::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--altin); }
.bb-hk-alanlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.bb-hk-alan { display: grid; gap: 12px; align-content: start; height: 100%; padding: clamp(24px, 3vw, 36px); background: var(--kagit); border: 1px solid var(--cizgi); border-radius: var(--r) 90px var(--r) var(--r); overflow: hidden; transition: transform .6s var(--yay), border-color .4s, box-shadow .6s var(--yay); }
.bb-hk-alan:hover { transform: translateY(-6px); border-color: var(--bordo); box-shadow: 0 30px 60px rgba(67, 12, 23, .12); }
.bb-hk-alan-no { font-family: var(--serif); font-style: italic; font-size: 1.2rem; color: var(--altin-koyu); }
.bb-hk-alan-ikon { display: grid; place-items: center; width: 60px; height: 60px; border-radius: 0 999px 999px 0; background: var(--bordo); color: var(--kemik); margin-block: 14px 6px; transition: width .6s var(--yay); }
.bb-hk-alan:hover .bb-hk-alan-ikon { width: 96px; }
.bb-hk-alan-ikon .bb-ikon { width: 24px; height: 24px; }
.bb-hk-alan h3 { font-size: 1.9rem; }
.bb-hk-alan p { font-size: .92rem; color: var(--metin-2); }
.bb-hk-alan .bb-link { justify-self: start; margin-top: 4px; }
.bb-yaklasim-izgara { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(36px, 7vw, 110px); align-items: start; }
.bb-yaklasim-sol { display: grid; gap: 22px; justify-items: start; position: sticky; top: calc(var(--bas-y) + 30px); }
.bb-yaklasim-sol > p { color: var(--metin-acik-2); }
.bb-alinti { position: relative; padding: 4px 0 4px 26px; border-left: 2px solid var(--altin); display: grid; gap: 12px; }
.bb-alinti p { font-family: var(--serif); font-style: italic; font-size: clamp(1.5rem, 2.2vw, 2rem); line-height: 1.28; color: var(--kemik); }
.bb-alinti cite { font-style: normal; font-size: .74rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--altin); }
.bb-zaman { position: relative; display: grid; gap: 0; padding-left: 44px; }
.bb-zaman-cizgi { position: absolute; left: 12px; top: 10px; bottom: 10px; width: 1px; background: var(--cizgi-acik); }
.bb-zaman-cizgi i { display: block; width: 100%; height: 100%; background: var(--altin); transform: scaleY(var(--ilerleme, 0)); transform-origin: top; }
.bb-zaman li { position: relative; display: grid; grid-template-columns: auto 1fr; gap: 22px; padding: 30px 0; border-bottom: 1px solid var(--cizgi-acik); }
.bb-zaman li::before { content: ""; position: absolute; left: -37px; top: 42px; width: 11px; height: 11px; border-radius: 50%; background: var(--murekkep); border: 1px solid var(--altin); }
.bb-zaman-no { font-family: var(--serif); font-style: italic; font-size: 2.4rem; line-height: 1; color: var(--altin); }
.bb-zaman h3 { font-size: 2rem; margin-bottom: 8px; }
.bb-zaman p { color: var(--metin-acik-2); font-size: .96rem; }
.bb-hk-buro { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(36px, 7vw, 110px); align-items: center; }
.bb-hk-buro-gorsel { position: relative; }
.bb-hk-buro-gorsel .bb-govde { background: linear-gradient(180deg, transparent, var(--bordo) 10%, var(--bordo) 90%, transparent); width: 2px; }
.bb-hk-buro-metin { display: grid; gap: 20px; justify-items: start; }
.bb-hk-buro-metin > p { color: var(--metin-2); }
.bb-hk-buro-metin .bb-maddeler { width: 100%; }

/* ------------------------------------------------------------------ */
/* 19. Avukata Sor, E-Tahsilat, İletişim                                */
/* ------------------------------------------------------------------ */
.bb-sor { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(36px, 6vw, 96px); align-items: start; }
.bb-sor-metin { display: grid; gap: 22px; justify-items: start; }
.bb-sor-metin .bb-surec-liste, .bb-sor-metin .bb-kutu { width: 100%; margin-top: 0 !important; }
.bb-sor-kart { position: sticky; top: calc(var(--bas-y) + 26px); background: var(--murekkep); color: var(--kemik); border-radius: 0 clamp(60px, 9vw, 130px) var(--r) 0; padding: clamp(26px, 3.4vw, 44px); display: grid; gap: 20px; }
.bb-sor-kart::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--altin); }
.bb-sor-konu { border: 0; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.bb-sor-konu legend, .bb-sor-alan > span { display: block; font-size: .7rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--altin); margin-bottom: 10px; padding: 0; }
.bb-sor-konu label { position: relative; cursor: pointer; }
.bb-sor-konu input { position: absolute; opacity: 0; inset: 0; }
.bb-sor-konu label > span { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border: 1px solid var(--cizgi-acik); border-radius: 999px; font-size: .86rem; font-weight: 650; transition: background .35s, color .35s, border-color .35s; }
.bb-sor-konu input:checked + span { background: var(--altin); color: var(--murekkep); border-color: var(--altin); }
.bb-sor-konu input:focus-visible + span { outline: 2px solid var(--altin); outline-offset: 3px; }
.bb-sor-alan { display: block; position: relative; padding-right: clamp(0px, 4vw, 40px); }
.bb-sor-alan input, .bb-sor-alan textarea { width: 100%; background: rgba(244, 239, 231, .05); border: 1px solid var(--cizgi-acik); border-radius: var(--r-k); padding: 14px 16px; color: var(--kemik); font: inherit; font-size: .98rem; line-height: 1.55; transition: border-color .35s, background .35s; resize: vertical; }
.bb-sor-alan input::placeholder, .bb-sor-alan textarea::placeholder { color: rgba(244, 239, 231, .4); }
.bb-sor-alan input:focus, .bb-sor-alan textarea:focus { outline: 0; border-color: var(--altin); background: rgba(244, 239, 231, .09); }
.bb-sor-sayac { display: block; text-align: right; font-size: .74rem; color: var(--metin-acik-2); margin-top: 6px; }
.bb-sor-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; }
.bb-sor-kart .bb-btn--bordo { background: var(--altin); color: var(--murekkep); }
.bb-sor-kart .bb-btn--bordo::before { background: var(--kemik); }
.bb-sor-kart .bb-btn--cizgi { border-color: rgba(244, 239, 231, .32); color: var(--kemik); }
.bb-sor-kart .bb-btn--cizgi::before { background: var(--kemik); }
.bb-sor-kart .bb-btn--cizgi:hover { color: var(--murekkep); }
.bb-sor-not { font-size: .82rem; color: var(--metin-acik-2); }
.bb-sor-not a { color: var(--altin); font-weight: 700; }

.bb-odeme { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(36px, 6vw, 96px); align-items: start; }
.bb-odeme-kart { position: sticky; top: calc(var(--bas-y) + 26px); background: var(--murekkep); color: var(--kemik); border-radius: 0 clamp(60px, 9vw, 130px) var(--r) 0; padding: clamp(28px, 3.6vw, 48px); display: grid; gap: 16px; justify-items: start; }
.bb-odeme-kart::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--altin); }
.bb-odeme-kart h2 { font-size: clamp(2.1rem, 3.4vw, 3.1rem); }
.bb-odeme-kart h2 em { color: var(--altin); }
.bb-odeme-kart p { color: var(--metin-acik-2); padding-right: 6%; }
.bb-odeme-kart small { display: flex; gap: 8px; align-items: flex-start; font-size: .78rem; line-height: 1.5; color: var(--metin-acik-2); padding-right: 12%; }
.bb-odeme-kart small .bb-ikon { color: var(--altin); margin-top: 2px; }
.bb-odeme-metin { display: grid; gap: 22px; justify-items: start; }
.bb-odeme-metin .bb-surec-liste, .bb-odeme-metin .bb-kutu { width: 100%; margin-top: 0 !important; }
.bb-odeme-metin h2 { font-size: clamp(2.1rem, 3.6vw, 3.2rem); }

.bb-ilt-kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.bb-ilt-kartlar a { display: flex; align-items: center; gap: 16px; height: 100%; padding: 22px; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r) 60px var(--r) var(--r); overflow: hidden; transition: transform .6s var(--yay), border-color .4s, box-shadow .6s var(--yay); }
.bb-ilt-kartlar a:hover { transform: translateY(-5px); border-color: var(--bordo); box-shadow: 0 26px 50px rgba(67, 12, 23, .1); }
.bb-ilt-kartlar a > span:nth-child(2) { flex: 1; min-width: 0; display: grid; gap: 2px; }
.bb-ilt-ikon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 0 999px 999px 0; background: var(--bordo); color: var(--kemik); flex: none; }
.bb-ilt-ikon .bb-ikon { width: 22px; height: 22px; }
.bb-ilt-kartlar small { font-size: .66rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--bordo); }
.bb-ilt-kartlar strong { font-family: var(--serif); font-weight: 400; font-size: 1.34rem; line-height: 1.15; overflow-wrap: anywhere; }
.bb-ilt-kartlar a > .bb-ikon { width: 16px; height: 16px; color: var(--bordo); margin-right: 14px; transition: transform .45s var(--yay); }
.bb-ilt-kartlar a:hover > .bb-ikon { transform: translate(3px, -3px); }
.bb-ilt-izgara { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: clamp(32px, 5vw, 80px); align-items: stretch; }
.bb-ilt-bilgi { display: grid; gap: 20px; justify-items: start; align-content: start; }
.bb-ilt-bilgi address { font-size: 1.05rem; line-height: 1.6; color: var(--metin-2); }
.bb-ilt-bilgi address strong { font-family: var(--serif); font-weight: 400; font-size: 1.5rem; color: var(--metin); }
.bb-ilt-bilgi h3 { font-size: 1.8rem; margin-top: 8px; }
.bb-ilt-saatler { width: 100%; border-top: 1px solid var(--cizgi); }
.bb-ilt-saatler > div { display: flex; justify-content: space-between; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--cizgi); font-size: .96rem; }
.bb-ilt-saatler dt { color: var(--metin-2); }
.bb-ilt-saatler dd { font-weight: 700; font-variant-numeric: tabular-nums; }
.bb-ilt-saatler .is-bugun dt { color: var(--bordo); font-weight: 700; }
.bb-ilt-saatler .is-bugun dt::after { content: " · bugün"; font-weight: 600; font-size: .8em; }
.bb-ilt-ulasim { display: grid; gap: 0; width: 100%; }
.bb-ilt-ulasim li { display: flex; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--cizgi); font-size: .94rem; line-height: 1.55; color: var(--metin-2); }
.bb-ilt-ulasim .bb-ikon { width: 22px; height: 22px; color: var(--bordo); margin-top: 2px; }
.bb-ilt-ulasim strong { display: block; color: var(--metin); }
.bb-harita { position: relative; min-height: 460px; border-radius: 0 clamp(60px, 12vw, 200px) clamp(20px, 2.6vw, 34px) 0; overflow: hidden; background: var(--murekkep); color: var(--kemik); }
.bb-harita::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--altin); z-index: 2; }
.bb-harita iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; filter: grayscale(.25) contrast(1.05); }
.bb-harita-on { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 12px; text-align: center; padding: 30px; background: radial-gradient(closest-side at 50% 42%, rgba(106, 21, 38, .55), transparent 75%), repeating-linear-gradient(0deg, transparent 0 46px, rgba(244, 239, 231, .045) 46px 47px), repeating-linear-gradient(90deg, transparent 0 46px, rgba(244, 239, 231, .045) 46px 47px); }
.bb-harita-on strong { font-family: var(--serif); font-weight: 400; font-size: clamp(1.3rem, 2vw, 1.7rem); line-height: 1.2; max-width: 22ch; }
.bb-harita-on > span { font-size: .78rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--altin); }
.bb-harita-on small { font-size: .76rem; color: var(--metin-acik-2); max-width: 32ch; }
.bb-harita-on .bb-btn { margin-top: 8px; }
.bb-harita-pin { position: relative; display: grid; place-items: center; width: 62px; height: 62px; border-radius: 50%; background: var(--altin); color: var(--murekkep); margin-bottom: 10px; }
.bb-harita-pin .bb-ikon { width: 26px; height: 26px; }
.bb-harita-pin i { position: absolute; inset: 0; border-radius: 50%; border: 1px solid var(--altin); animation: bb-nabiz 2.4s ease-out infinite; }
.bb-harita-pin i:nth-child(2) { animation-delay: 1.2s; }

.bb-dort-liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 14px; }
.bb-dort-liste a { display: flex; align-items: center; gap: 14px; padding: 20px; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); transition: border-color .4s, transform .5s var(--yay); }
.bb-dort-liste a:hover { border-color: var(--bordo); transform: translateY(-3px); }
.bb-dort-liste a > span { flex: 1; }
.bb-dort-liste a > .bb-ikon:first-child { width: 24px; height: 24px; color: var(--bordo); }
.bb-dort-liste strong { display: block; font-family: var(--serif); font-weight: 400; font-size: 1.3rem; line-height: 1.15; }
.bb-dort-liste small { font-size: .78rem; color: var(--metin-2); }

/* ------------------------------------------------------------------ */
/* 20. Alt bölüm                                                        */
/* ------------------------------------------------------------------ */
.bb-son-cagri { position: relative; background: var(--murekkep); color: var(--kemik); padding-block: var(--bolum); overflow: hidden; }
.bb-son-cagri-zemin { position: absolute; inset: 0; opacity: .22; }
.bb-son-cagri-zemin img { width: 100%; height: 124%; margin-top: -10%; object-fit: cover; filter: grayscale(1); will-change: transform; }
.bb-son-cagri-zemin::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--murekkep) 12%, rgba(18, 13, 15, .55) 60%, rgba(67, 12, 23, .7)); }
.bb-son-cagri-ic { position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: clamp(36px, 6vw, 100px); align-items: center; }
.bb-son-cagri-metin { display: grid; gap: 22px; justify-items: start; }
.bb-son-cagri h2 { font-size: clamp(2.4rem, 5vw, 4.8rem); }
.bb-son-cagri h2 em { color: var(--altin); }
.bb-son-cagri-metin > p { color: var(--metin-acik-2); max-width: 58ch; }
.bb-son-cagri-dugmeler { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px; }
.bb-son-cagri-kart { position: relative; background: rgba(27, 20, 23, .78); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid var(--cizgi-acik); border-radius: 0 120px var(--r) 0; padding: 78px 30px 30px; display: grid; gap: 20px; justify-items: start; }
.bb-son-cagri-kart::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--altin); }
.bb-son-cagri-kart .bb-rozet { position: absolute; left: 30px; top: -60px; width: 124px; }
.bb-son-cagri-kart dl { display: grid; gap: 0; width: 100%; }
.bb-son-cagri-kart dl > div { padding: 13px 0; border-top: 1px solid var(--cizgi-acik); display: grid; gap: 3px; }
.bb-son-cagri-kart dt { font-size: .66rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--altin); }
.bb-son-cagri-kart dd { font-size: .93rem; line-height: 1.5; color: rgba(244, 239, 231, .88); }
.bb-son-cagri-kart dd a:hover { color: var(--altin); }

.bb-alt { position: relative; background: var(--murekkep); color: var(--metin-acik-2); padding-top: clamp(56px, 7vw, 96px); border-top: 1px solid var(--cizgi-acik); overflow: hidden; font-size: .9rem; }
.bb-alt-izgara { display: grid; grid-template-columns: 1.35fr 1.3fr 1fr 1fr; gap: clamp(28px, 4vw, 64px); }
.bb-alt-marka { display: grid; gap: 20px; align-content: start; justify-items: start; }
.bb-alt-marka > p { line-height: 1.66; }
.bb-alt-marka > p a { color: var(--kemik); border-bottom: 1px solid rgba(198, 165, 103, .5); }
.bb-alt-nap { display: grid; gap: 11px; }
.bb-alt-nap li { display: flex; gap: 12px; align-items: flex-start; line-height: 1.5; }
.bb-alt-nap .bb-ikon { color: var(--altin); margin-top: 3px; width: 16px; height: 16px; }
.bb-alt-nap a:hover, .bb-alt-sutun a:hover { color: var(--altin); }
.bb-alt-sosyal { display: flex; flex-wrap: wrap; gap: 8px; }
.bb-alt-sosyal a { display: inline-flex; align-items: center; gap: 8px; height: 42px; min-width: 42px; padding: 0 13px; justify-content: center; border: 1px solid var(--cizgi-acik); border-radius: 999px; color: var(--kemik); font-size: .82rem; font-weight: 650; transition: background .35s, color .35s, border-color .35s; }
.bb-alt-sosyal a:hover { background: var(--altin); color: var(--murekkep); border-color: var(--altin); }
.bb-alt-sosyal .bb-ikon { width: 17px; height: 17px; }
.bb-alt-sutun h2 { font-family: var(--serif); font-size: 1.5rem; color: var(--kemik); margin-bottom: 14px; }
.bb-alt-sutun h2:not(:first-child) { margin-top: 28px; }
.bb-alt-sutun ul { display: grid; gap: 8px; }
.bb-alt-sutun--genis ul { grid-template-columns: 1fr 1fr; column-gap: 20px; }
.bb-alt-sutun a { transition: color .3s; line-height: 1.4; display: inline-block; }
.bb-alt-uyari { display: flex; gap: 12px; align-items: flex-start; margin-top: clamp(40px, 5vw, 64px); padding: 18px 22px; border: 1px solid var(--cizgi-acik); border-radius: var(--r-k); font-size: .8rem; line-height: 1.6; }
.bb-alt-uyari .bb-ikon { color: var(--altin); margin-top: 2px; }
.bb-alt-son { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; padding-block: 24px 26px; font-size: .78rem; position: relative; z-index: 1; }
.bb-alt-son a { color: var(--kemik); }
.bb-alt-son a:hover { color: var(--altin); }
.bb-alt-dev { font-family: var(--serif); font-size: clamp(5rem, 19.5vw, 19rem); line-height: .74; text-align: center; color: transparent; background: linear-gradient(180deg, rgba(198, 165, 103, .2), rgba(198, 165, 103, 0) 82%); -webkit-background-clip: text; background-clip: text; white-space: nowrap; user-select: none; pointer-events: none; margin-top: -1.5vw; letter-spacing: -.03em; }
.bb-alt-dev span { display: block; transform: translateY(var(--dev-y, 18%)); will-change: transform; }

.bb-eylem { display: none; }
.bb-wa-yuzen { position: fixed; right: 22px; bottom: 82px; z-index: 90; display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; background: #1f7a4f; color: #fff; box-shadow: 0 14px 34px rgba(0, 0, 0, .3); transform: scale(0); transition: transform .6s var(--yay), background .3s; }
.bb-wa-yuzen .bb-ikon { width: 26px; height: 26px; }
.bb-wa-yuzen:hover { background: #17633f; }
html.bb-asagida .bb-wa-yuzen { transform: scale(1); }
.bb-yukari { position: fixed; right: 26px; bottom: 22px; z-index: 90; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: var(--murekkep); color: var(--kemik); transform: scale(0); transition: transform .6s var(--yay), background .3s; }
.bb-yukari.is-gorunur { transform: scale(1); }
.bb-yukari:hover { background: var(--bordo); }
.bb-yukari svg:first-child { position: absolute; inset: -1px; width: calc(100% + 2px); height: calc(100% + 2px); transform: rotate(-90deg); }
.bb-yukari circle { fill: none; stroke-width: 2; }
.bb-yukari .iz { stroke: rgba(198, 165, 103, .25); }
.bb-yukari .dolu { stroke: var(--altin); stroke-dasharray: 1; stroke-dashoffset: var(--kalan, 1); }
.bb-yukari .bb-ikon { width: 17px; height: 17px; }

/* İmleç izleyicisi (yalnızca fare) */
.bb-imlec { position: fixed; left: 0; top: 0; z-index: 230; width: 34px; height: 34px; margin: -17px 0 0 -17px; border-radius: 50%; border: 1px solid var(--altin); pointer-events: none; opacity: 0; transition: opacity .3s, width .45s var(--yay), height .45s var(--yay), margin .45s var(--yay), background .3s, border-color .3s; mix-blend-mode: difference; }
.bb-imlec.is-gorunur { opacity: .9; }
.bb-imlec.is-buyuk { width: 64px; height: 64px; margin: -32px 0 0 -32px; background: rgba(198, 165, 103, .22); border-color: transparent; }

/* ------------------------------------------------------------------ */
/* 21. Uyarlanabilir düzen                                              */
/* ------------------------------------------------------------------ */
@media (max-width: 1240px) {
	.bb-cagri-metin { display: none; }
	.bb-menu > li > a { padding-inline: 8px; font-size: .86rem; }
	.bb-logo-yazi small { display: none; }
}
@media (max-width: 1080px) {
	:root { --bas-y: 72px; }
	.bb-ust-serit-sol .bb-saat-durum, .bb-ust-serit-sag a:not(.bb-ust-serit-odeme):not(:first-child) { display: none; }
	.bb-hamburger { display: inline-flex; }
	.bb-nav { position: fixed; inset: 0; z-index: -1; display: block; background: var(--murekkep); padding: calc(var(--bas-y) + 50px) var(--bosluk) 40px; overflow-y: auto; clip-path: inset(0 0 100% 0); visibility: hidden; transition: clip-path .7s var(--yay-2), visibility 0s .7s; height: 100dvh; }
	html.bb-menu-acik .bb-nav { clip-path: inset(0 0 0 0); visibility: visible; transition-delay: 0s; }
	html.bb-menu-acik { overflow: hidden; }
	html.bb-menu-acik .bb-baslik { background: var(--murekkep); transform: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
	.bb-menu { flex-direction: column; gap: 0; }
	.bb-menu > li { flex-wrap: wrap; min-height: 0; border-bottom: 1px solid var(--cizgi-acik); opacity: 0; transform: translateY(18px); transition: opacity .5s ease, transform .7s var(--yay); }
	html.bb-menu-acik .bb-menu > li { opacity: 1; transform: none; }
	html.bb-menu-acik .bb-menu > li:nth-child(1) { transition-delay: .12s; }
	html.bb-menu-acik .bb-menu > li:nth-child(2) { transition-delay: .17s; }
	html.bb-menu-acik .bb-menu > li:nth-child(3) { transition-delay: .22s; }
	html.bb-menu-acik .bb-menu > li:nth-child(4) { transition-delay: .27s; }
	html.bb-menu-acik .bb-menu > li:nth-child(5) { transition-delay: .32s; }
	html.bb-menu-acik .bb-menu > li:nth-child(6) { transition-delay: .37s; }
	.bb-menu > li > a { flex: 1; padding: 17px 0; font-family: var(--serif); font-weight: 400; font-size: 2rem; line-height: 1.1; }
	.bb-menu > li > a::after { display: none; }
	.bb-alt-ac { width: 46px; height: 46px; margin: 0; border: 1px solid var(--cizgi-acik); border-radius: 50%; }
	.bb-acilir:hover > .bb-alt-ac { transform: none; }
	.bb-acilir.is-acik > .bb-alt-ac { transform: rotate(180deg); }
	.bb-mega, .bb-acilir-kutu { position: static; width: 100%; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; background: none; display: none; padding: 0 0 18px; transition: none; }
	.bb-acilir.is-acik > .bb-mega, .bb-acilir.is-acik > .bb-acilir-kutu { display: block; }
	.bb-acilir--kucuk:hover > .bb-acilir-kutu { transform: none; }
	.bb-mega-ic { grid-template-columns: 1fr; padding: 0; gap: 22px; }
	.bb-mega-sutun { padding: 0; border: 0; }
	.bb-mega-acil { margin: 0; }
	.bb-acilir-kutu a { padding-inline: 0; }
	.bb-nav-mobil-alt { display: grid; gap: 10px; margin-top: 28px; }
	.bb-nav-mobil-alt p { display: flex; gap: 10px; font-size: .86rem; color: var(--metin-acik-2); margin-top: 8px; }
	.bb-nav-mobil-alt .bb-ikon { color: var(--altin); margin-top: 3px; }
	.bb-duzen { grid-template-columns: 1fr; }
	.bb-yan { position: static; grid-template-columns: 1fr 1fr; align-items: start; max-height: none; overflow: visible; }
	.bb-ilke-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bb-alt-izgara { grid-template-columns: 1fr 1fr; }
	.bb-yazi-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bb-hk-izgara, .bb-sss-sayfa { grid-template-columns: 1fr; }
	.bb-hk-yan, .bb-sss-nav { position: static; }
	.bb-sss-nav ul { display: flex; flex-wrap: wrap; gap: 8px; }
	.bb-sss-nav li a { border: 1px solid var(--cizgi); border-radius: 999px; padding: 9px 14px; }
	.bb-sss-nav .bb-sss-kart { display: none; }
	.bb-online-izgara, .bb-hk-alanlar { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
	.bb-sahne { min-height: 0; }
	.bb-sahne-ic { grid-template-columns: 1fr; padding-block: 34px 30px; gap: 34px; }
	.bb-sahne-gorsel { min-height: 0; height: clamp(300px, 78vw, 460px); max-width: 520px; width: 88%; margin-left: 0; }
	.bb-sahne-gorsel .bb-rozet { width: 104px; left: 100%; top: 14%; }
	.bb-sahne-alt-ic { flex-direction: column; gap: 0; }
	.bb-sahne-oklar { display: none; }
	.bb-sahne-sekme { flex-direction: column; gap: 4px; padding: 16px 10px 18px 0; }
	.bb-sahne-sekme + .bb-sahne-sekme { padding-left: 12px; }
	.bb-sahne-olgular li { min-width: 0; padding-right: 10px; }
	.bb-sahne-olgular li + li { padding-left: 12px; }
	.bb-bolum-ust, .bb-tanisma-izgara, .bb-yerel-izgara, .bb-sss-izgara, .bb-acil-ic, .bb-son-cagri-ic, .bb-sayfa-basi-ic, .bb-yaklasim-izgara, .bb-hk-buro, .bb-sor, .bb-odeme, .bb-ilt-izgara, .bb-yazi-vitrin, .bb-alan-blok, .bb-alan-blok--ters, .bb-yatay-ust { grid-template-columns: 1fr; }
	.bb-bolum-ust > .bb-link { justify-self: start; }
	.bb-acil::before { display: none; }
	.bb-sss-sol, .bb-yaklasim-sol, .bb-sor-kart, .bb-odeme-kart { position: static; }
	.bb-sor-kart, .bb-odeme-kart { position: relative; top: auto; }
	.bb-sayfa-basi-gorsel .bb-rozet { left: 100%; bottom: auto; top: 50%; width: 100px; margin-top: -50px; }
	.bb-yol ol { gap: 4px 8px; }
	.bb-yol li { gap: 8px; }
	.bb-yigin-kart { position: relative; top: auto; transform: none !important; }
	.bb-yigin-kart::after { display: none; }
	.bb-yigin-ic { grid-template-columns: 1fr; min-height: 0; }
	.bb-yigin-gorsel { order: -1; max-width: 420px; }
	.bb-yigin-gorsel .bb-canak { aspect-ratio: 1.6; }
	.bb-yigin-ikon { bottom: -10px; width: 52px; height: 52px; transform: translateX(-30%); }
	.bb-sayfa-basi-gorsel { max-width: 460px; width: 86%; }
	.bb-sayfa-basi--makale .bb-sayfa-basi-gorsel { display: none; }
	.bb-alan-blok--ters .bb-alan-blok-gorsel { order: 0; }
	.bb-alan-blok-gorsel { max-width: 520px; }
	.bb-tanisma-gorsel { max-width: 520px; }
	.bb-yvitrin { min-height: 420px; }
	.bb-hk-buro-gorsel { max-width: 520px; }
	.bb-harita { min-height: 380px; }
	.bb-yatay-sayac { display: none; }
}
@media (max-width: 720px) {
	body { font-size: 1rem; }
	.bb-alt { padding-bottom: calc(62px + env(safe-area-inset-bottom)); }
	.bb-ust-serit { display: none; }
	.bb-logo-mono { width: 42px; }
	.bb-logo-yazi strong { font-size: 1.36rem; }
	.bb-cagri { display: none; }
	.bb-btn { padding: 14px 22px; }
	.bb-sahne-eylem .bb-link { margin-left: 0; flex-basis: 100%; }
	.bb-olgular, .bb-maddeler--iki, .bb-alt-kartlar, .bb-yerel-kartlar, .bb-yazi-izgara, .bb-ilke-izgara, .bb-alt-izgara, .bb-ilt-kartlar, .bb-rota-ulasim { grid-template-columns: 1fr; }
	.bb-olgular li:nth-child(odd) { border-right: 0; }
	.bb-olgular li:nth-child(even) { padding-left: 0; }
	.bb-yan { grid-template-columns: 1fr; }
	.bb-alt-sutun--genis ul { grid-template-columns: 1fr 1fr; }
	.bb-sss-oge summary { padding-right: 44px; }
	.bb-sss-cevap, .bb-sss-oge.wp-block-details > p { padding-right: 0; }
	.bb-adim { width: 82vw; border-radius: 0 80px 22px 0; }
	.bb-yazi-vitrin-liste .bb-ykart { grid-template-columns: 34% 1fr; }
	.bb-ilgili-alan { grid-template-columns: 96px 1fr; padding-right: 20px; border-radius: 0 60px 60px 0; }
	.bb-ilgili-alan > .bb-ikon { display: none; }
	.bb-yazar-kutu { grid-template-columns: 1fr; }
	.bb-yazar-kutu-mono { width: 80px; }
	.bb-kutu { grid-template-columns: 1fr; }
	.bb-profil-kart dl > div { grid-template-columns: 1fr; gap: 4px; }
	.bb-son-cagri-kart { margin-top: 50px; }
	.bb-eylem { position: fixed; left: 0; right: 0; bottom: 0; z-index: 95; display: grid; grid-template-columns: repeat(4, 1fr); background: var(--murekkep); border-top: 1px solid var(--cizgi-acik); padding-bottom: env(safe-area-inset-bottom); }
	.bb-eylem a { display: grid; justify-items: center; gap: 3px; padding: 10px 4px 9px; font-size: .66rem; font-weight: 700; letter-spacing: .04em; color: var(--kemik); }
	.bb-eylem a + a { border-left: 1px solid var(--cizgi-acik); }
	.bb-eylem .bb-ikon { width: 20px; height: 20px; color: var(--altin); }
	.bb-eylem-ara { background: var(--bordo); }
	.bb-wa-yuzen { display: none; }
	.bb-yukari { bottom: 76px; right: 16px; }
	.bb-alt-dev { margin-top: 0; }
	.bb-rota { border-radius: 0 60px 22px 0; }
	.bb-rota-ust { padding-right: 16%; }
	/* Tablolar dar ekranda yatay kaydırma yerine satır satır karta dönüşür. */
	.bb-tablo-sar { overflow: visible; border: 0; border-radius: 0; background: none; }
	.bb-tablo { display: flex; flex-direction: column; min-width: 0; font-size: .95rem; }
	.bb-tablo thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
	.bb-tablo tbody { display: grid; gap: 10px; }
	.bb-tablo tbody tr { display: block; padding: 18px 20px 16px; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r) 44px var(--r) var(--r); }
	.bb-tablo tbody th, .bb-tablo tbody td { display: block; width: auto; padding: 0; border: 0; }
	.bb-tablo tbody th { font-family: var(--serif); font-weight: 400; font-size: 1.3rem; line-height: 1.15; padding-right: 18px; }
	.bb-tablo tbody td { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--cizgi); }
	.bb-tablo tbody td[data-etiket]::before { content: attr(data-etiket); display: block; font-size: .64rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--bordo); margin-bottom: 2px; }
	.bb-tablo caption { display: block; order: 2; border-top: 0; padding: 12px 2px 0; }
	.bb-ilt-kartlar a { padding: 18px 18px 18px 20px; gap: 14px; }
	.bb-ilt-kartlar strong { font-size: 1.16rem; }
	.bb-ilt-kartlar a > .bb-ikon { margin-right: 6px; }
}
@media (hover: none) {
	.bb-imlec { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: .01ms !important; animation-delay: 0s !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; transition-delay: 0s !important; }
	html.bb-js [data-gor] { opacity: 1; transform: none; clip-path: none; }
	.bb-serit-ic { animation: none; }
	.bb-imlec { display: none; }
}
@media print {
	.bb-ust-serit, .bb-baslik, .bb-son-cagri, .bb-alt, .bb-eylem, .bb-wa-yuzen, .bb-yukari, .bb-yan, .bb-acilis-perde, .bb-gecis, .bb-imlec { display: none !important; }
	body { background: #fff; color: #000; padding: 0; }
	.bb-sayfa-basi { background: #fff; color: #000; }
	html.bb-js [data-gor] { opacity: 1 !important; transform: none !important; clip-path: none !important; }
}