/* ==========================================================================
   Hekim Core — çekirdek stiller
   Yalnızca yapı, tipografik ölçek ve erişilebilirlik. Görsel kimlik
   (renk, font, köşe yuvarlaklığı) alt temadaki değişkenlerle belirlenir.
   ========================================================================== */

:root {
	/* Renk — alt tema bunları ezer */
	--renk-zemin: #ffffff;
	--renk-zemin-alt: #f6f6f4;
	--renk-metin: #1a1a1a;
	--renk-metin-soluk: #5c5c5c;
	--renk-vurgu: #0f4c4a;
	--renk-vurgu-koyu: #0a3634;
	--renk-vurgu-metin: #ffffff;
	--renk-ikincil: #c46a4f;
	--renk-cizgi: #e3e3df;

	/* Tipografi */
	--yazi-govde: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
	--yazi-baslik: var(--yazi-govde);
	--olcek-govde: 1.0625rem;
	--satir-govde: 1.7;

	/* Ölçü */
	--kap-genis: 1180px;
	--kap-dar: 720px;
	--bosluk: 1.25rem;
	/* §8: ana sayfa çok uzun hissettiriyordu → bölüm boşluğu ~%14 azaltıldı
	   (masaüstü 5.5→4.75rem); mobilde belirgin daha kompakt (min 3→2.25rem). */
	--bolum-bosluk: clamp(2.25rem, 6vw, 4.75rem);
	--kose: 10px;
	--golge: 0 1px 2px rgb(0 0 0 / 4%), 0 8px 24px rgb(0 0 0 / 6%);
}

*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	background: var(--renk-zemin);
	color: var(--renk-metin);
	font-family: var(--yazi-govde);
	font-size: var(--olcek-govde);
	line-height: var(--satir-govde);
	-webkit-font-smoothing: antialiased;
}

img, svg, video { max-width: 100%; height: auto; display: block; }

a { color: inherit; }
a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible {
	outline: 3px solid var(--renk-ikincil);
	outline-offset: 2px;
}

/* Erişilebilirlik yardımcıları ------------------------------------------ */

.ekran-okuyucu {
	position: absolute;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

.atla {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100;
	padding: .75rem 1.25rem;
	background: var(--renk-vurgu);
	color: var(--renk-vurgu-metin);
}
.atla:focus { left: 0; }

/* Yerleşim --------------------------------------------------------------- */

.kap {
	width: min(100% - 2.5rem, var(--kap-genis));
	margin-inline: auto;
}
.kap--dar { width: min(100% - 2.5rem, var(--kap-dar)); }

.ana > .kap,
.ana > article > .kap { padding-block: clamp(1.75rem, 4vw, 3rem); }

.izgara {
	display: grid;
	gap: clamp(1rem, 2.5vw, 1.75rem);
}
/* 3'lü ızgara: mobil 1 · tablet 2 · masaüstü 3.
   Eskiden auto-fill/minmax(280px) idi; 1240px'lik kapta DÖRT kolon sığdırıyordu,
   üç kart konunca sağda boş bir kolon kalıp içerik sola kaymış görünüyordu. */
.izgara--3 { grid-template-columns: 1fr; }
@media (min-width: 560px) { .izgara--3 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .izgara--3 { grid-template-columns: repeat(3, 1fr); } }
/* 4'lü ızgara: mobil 1 · tablet 2 · masaüstü 4 (boş kolon oluşmaz). */
.izgara--4 { grid-template-columns: 1fr; }
@media (min-width: 560px) { .izgara--4 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .izgara--4 { grid-template-columns: repeat(4, 1fr); } }

/* Tipografi -------------------------------------------------------------- */

.baslik-1,
.baslik-2,
.baslik-3 {
	font-family: var(--yazi-baslik);
	line-height: 1.2;
	text-wrap: balance;
	margin: 0 0 .6em;
}
.baslik-1 { font-size: clamp(1.95rem, 4.2vw, 2.85rem); letter-spacing: -.02em; }
.baslik-2 { font-size: clamp(1.45rem, 2.8vw, 1.9rem); letter-spacing: -.01em; }
.baslik-3 { font-size: 1.2rem; }

.metin { max-width: 68ch; }
.metin > * + * { margin-top: 1.15em; }
.metin h2 { font-size: clamp(1.45rem, 2.8vw, 1.85rem); line-height: 1.25; margin-top: 2.2em; }
.metin h3 { font-size: 1.2rem; margin-top: 1.8em; }
.metin ul,
.metin ol { padding-left: 1.3em; }
.metin li + li { margin-top: .4em; }
/* :not(.dugme) şart — aksi hâlde bu kural buton metnini zeminle aynı renge boyar. */
.metin a:not(.dugme) { color: var(--renk-vurgu); text-underline-offset: .18em; }
.metin blockquote {
	margin: 2em 0;
	padding: .2em 0 .2em 1.25em;
	border-left: 3px solid var(--renk-vurgu);
	color: var(--renk-metin-soluk);
	font-style: italic;
}
.metin table { width: 100%; border-collapse: collapse; }
/* Geniş içerik tabloları mobilde sayfayı yana kaydırıyordu (hücreler taşıp
   belge genişliğini büyütüyor). Tablo kendi kabında kaysın; sayfa kaymasın. */
.metin :is(figure.wp-block-table, .wp-block-table) {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.metin :is(figure.wp-block-table, .wp-block-table) > table { min-width: 32rem; }
@media (min-width: 640px) {
	.metin :is(figure.wp-block-table, .wp-block-table) > table { min-width: 0; }
}
.metin th,
.metin td { padding: .65em .8em; border-bottom: 1px solid var(--renk-cizgi); text-align: left; }

/* Üst bölüm -------------------------------------------------------------- */

.ust {
	position: sticky;
	top: 0;
	z-index: 40;
	/* Tamamen OPAK zemin — içerik başlığın arkasından görünmez (§4). */
	background: var(--renk-zemin);
	border-bottom: 1px solid var(--renk-cizgi);
}
/* Çapa/bölüm başlıkları sabit başlığın ALTINDA kalmasın (TOC, SSS, tedavi nav,
   blog içindekiler). Tek elden çözüm: kaydırma dolgusu. Sabit başlık (geniş
   wordmark logo nedeniyle) ~93px; 100px hepsini nefes payıyla karşılar. §4. */
html { scroll-padding-top: 100px; }
/* WP yönetici çubuğu açıkken sabit başlık onun altında konumlanır (üst üste binmez). */
.admin-bar .ust { top: 32px; }
@media screen and (max-width: 782px) {
	.admin-bar .ust { top: 46px; }
	.admin-bar { scroll-padding-top: 146px; }
}
.ust__ic {
	display: flex;
	align-items: center;
	gap: var(--bosluk);
	min-height: 72px;
}
.marka { text-decoration: none; display: grid; }
.marka__ad { font-weight: 650; letter-spacing: -.015em; }
.marka__gorev { font-size: .8rem; color: var(--renk-metin-soluk); }

.marka { max-width: 22rem; }

/* Görsel logo — genişlik-tabanlı (oran korunur, CLS yok). Wordmark olduğu
   için genişlikle ölçeklenir; header yüksekliğiyle optik denge kurulur. */
.marka--logo { display: inline-flex; align-items: center; }
.marka__logo {
	display: block;
	width: clamp(214px, 22.5vw, 272px);
	height: auto;
	max-width: 100%;
	transition: width .2s ease;
}
/* Sticky header kaydırıldığında logo biraz kompaktlaşır (ama alt satır okunur). */
.ust.kaydi .ust__ic { min-height: 62px; }
.ust.kaydi .marka__logo { width: clamp(184px, 18.5vw, 220px); }
/* Mobilde alt uzmanlık satırı okunur kalsın — yeterli genişlik. */
@media (max-width: 640px) {
	.marka__logo { width: min(68vw, 256px); }
	.ust.kaydi .marka__logo { width: min(58vw, 216px); }
}

.ust__gezinme { margin-left: auto; }
.menu {
	display: flex;
	gap: clamp(.9rem, 1.6vw, 1.5rem);
	list-style: none;
	margin: 0;
	padding: 0;
}
/* Menü ögeleri satır kırmaz — 7 öge iki satıra düşünce üst çubuk bozuluyordu. */
.menu a { text-decoration: none; font-size: .92rem; white-space: nowrap; }
.menu a:hover { color: var(--renk-vurgu); }
.menu .current-menu-item > a { color: var(--renk-vurgu); font-weight: 600; }

.ust__eylem { display: flex; gap: .6rem; align-items: center; }
.ust__acar { display: none; }

/* Mega menü --------------------------------------------------------------
   Panel hover VE :focus-within ile açılır — klavye için ayrı JS yok. */

.menu__mega-tasiyici { position: static; }

.mega {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	z-index: 39;
	background: var(--renk-zemin);
	border-top: 1px solid var(--renk-cizgi-ince, var(--renk-cizgi));
	border-bottom: 1px solid var(--renk-cizgi);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity .2s ease, transform .2s ease, visibility .2s;
}
.menu__mega-tasiyici:hover > .mega,
.menu__mega-tasiyici:focus-within > .mega {
	opacity: 1;
	visibility: visible;
	transform: none;
}
/* Açılışta küçük bir "niyet" gecikmesi: menünün üzerinden hızlıca geçerken
   panel açılmaz. Kapanışta gecikme yok — imleç çıkınca hemen kapanır. */
.menu__mega-tasiyici:hover > .mega { transition-delay: .18s; }
.menu__mega-tasiyici:focus-within > .mega { transition-delay: 0s; }
/* Kaydırma sırasında hover yok sayılır (bkz. hekim.js). Yapışkan çubuk imlecin
   altına girdiğinde panelin kendiliğinden açılmasını engeller. Klavye
   erişimi (:focus-within) bu kilitten etkilenmez. */
.ust--kaydiriliyor .menu__mega-tasiyici:hover > .mega:not(:focus-within) {
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition-delay: 0s;
}

.mega__ic {
	width: min(100% - 2.5rem, var(--kap-genis));
	margin-inline: auto;
	padding-block: clamp(2rem, 3.5vw, 3rem);
	display: grid;
	gap: clamp(1.75rem, 3vw, 3rem);
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	align-items: start;
}

.mega__grup-baslik {
	display: block;
	margin-bottom: 1rem;
	padding-bottom: .7rem;
	border-bottom: 1px solid var(--renk-cizgi);
	font-size: .72rem;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--renk-ikincil);
	text-decoration: none;
}
.mega__grup-baslik:hover { color: var(--renk-vurgu); }

/* Grup başlık satırı: başlık linki + (mobil) açma düğmesi.
   Masaüstünde düğme gizli — hover paneli zaten tüm listeyi gösterir. */
.mega__grup-ac { display: none; }

.mega__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.mega__liste a {
	text-decoration: none;
	font-size: .92rem;
	line-height: 1.4;
	color: var(--renk-metin-soluk);
}
.mega__liste a:hover { color: var(--renk-vurgu); }

.mega__kapanis {
	align-self: end;
	padding-left: clamp(1rem, 2vw, 2rem);
	border-left: 1px solid var(--renk-cizgi);
}
.mega__kapanis-metin {
	margin: 0 0 .9rem;
	font-family: var(--yazi-baslik);
	font-size: 1.05rem;
	line-height: 1.35;
	color: var(--renk-metin);
}
.mega__kapanis-bag { font-size: .88rem; text-decoration: none; color: var(--renk-ikincil); }
.mega__kapanis-bag:hover { color: var(--renk-vurgu); }

/* Kompakt "raylı" mega (masaüstü): sol kategori rayı + sağ tek panel.
   Ekranın tamamını kaplamaz; aynı anda tek kategorinin ≤7 alt başlığı görünür.
   Aktif panel .etkin ile yönetilir (JS: hover/focus). JS yoksa ilk kategori
   açık kalır (bozulmaz). Mobilde bu blok geçersiz — akordeon devrededir. */
@media (min-width: 1081px) {
	.mega--rayli .mega__ic {
		position: relative;
		display: block;
		width: min(100% - 2.5rem, 940px);
		margin-inline: auto;
		padding-block: 1.75rem;
		min-height: 296px;
	}
	.mega--rayli .mega__grup { width: 268px; }
	.mega--rayli .mega__grup-ust { border-bottom: 0; }
	.mega--rayli .mega__grup-baslik {
		display: block;
		margin: 0;
		padding: .62rem .9rem;
		border-bottom: 0;
		border-radius: 2px;
		font-family: var(--yazi-baslik);
		font-size: 1rem;
		font-weight: 500;
		letter-spacing: 0;
		text-transform: none;
		color: var(--renk-metin);
		transition: background .15s ease, color .15s ease;
	}
	.mega--rayli .mega__grup-ac { display: none; }
	.mega--rayli .mega__grup:hover .mega__grup-baslik,
	.mega--rayli .mega__grup.etkin .mega__grup-baslik { background: var(--renk-zemin-alt); color: var(--renk-vurgu); }
	.mega--rayli .mega__panel {
		position: absolute;
		left: 300px;
		right: 0;
		top: 1.75rem;
		padding-left: clamp(1.5rem, 2.6vw, 2.75rem);
		border-left: 1px solid var(--renk-cizgi);
		opacity: 0;
		visibility: hidden;
		transition: opacity .18s ease;
	}
	.mega--rayli .mega__grup.etkin .mega__panel { opacity: 1; visibility: visible; }
	.mega--rayli .mega__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem 2rem; }
	.mega--rayli .mega__liste a { font-size: .95rem; }
	.mega--rayli .mega__tumu {
		display: inline-block;
		margin-top: 1.4rem;
		font-size: .9rem;
		font-weight: 600;
		text-decoration: none;
		color: var(--renk-ikincil);
	}
	.mega--rayli .mega__tumu:hover { color: var(--renk-vurgu); }
}

/* İkonlar ---------------------------------------------------------------- */

.ikon {
	flex: none;
	/* currentColor ile butonun rengini alır; ayrı renk tanımı gerekmez. */
	display: block;
}

/* İkonlu eylem bağlantısı — .dugme olmayan yerlerde de hizalı dursun. */
.hekim-eylem--ikonlu {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
}

/* Düğmeler --------------------------------------------------------------- */

.dugme {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	padding: .7rem 1.15rem;
	border: 1px solid transparent;
	border-radius: var(--kose);
	font-size: .95rem;
	font-weight: 560;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.dugme--birincil { background: var(--renk-vurgu); color: var(--renk-vurgu-metin); }
.dugme--birincil:hover { background: var(--renk-vurgu-koyu); }
.dugme--ikincil { border-color: var(--renk-cizgi); color: var(--renk-metin); }
.dugme--ikincil:hover { border-color: var(--renk-vurgu); color: var(--renk-vurgu); }
.dugme--sade { padding-inline: .4rem; text-decoration: none; }

/* İz yolu ---------------------------------------------------------------- */

.izyolu { font-size: .85rem; color: var(--renk-metin-soluk); margin-bottom: 1.25rem; }
.izyolu__liste { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; margin: 0; padding: 0; }
.izyolu__oge + .izyolu__oge::before { content: "/"; margin-right: .5rem; opacity: .5; }
.izyolu a { text-decoration: none; }
.izyolu a:hover { text-decoration: underline; }

/* Kısa cevap kutusu ------------------------------------------------------ */

.cevap {
	margin: 1.75rem 0 2.25rem;
	padding: 1.15rem 1.35rem;
	background: var(--renk-zemin-alt);
	border-left: 3px solid var(--renk-vurgu);
	border-radius: 0 var(--kose) var(--kose) 0;
}
.cevap__etiket {
	margin: 0 0 .35rem;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--renk-vurgu);
}
.cevap__metin { margin: 0; font-size: 1.08rem; }

/* SSS -------------------------------------------------------------------- */

.sss { margin-top: var(--bolum-bosluk); }
.sss__liste { border-top: 1px solid var(--renk-cizgi); }
.sss__oge { border-bottom: 1px solid var(--renk-cizgi); }
.sss__soru {
	padding: 1.05rem 2rem 1.05rem 0;
	font-weight: 600;
	cursor: pointer;
	list-style: none;
	position: relative;
}
.sss__soru::-webkit-details-marker { display: none; }
.sss__soru::after {
	content: "+";
	position: absolute;
	right: .25rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.3rem;
	color: var(--renk-vurgu);
}
.sss__oge[open] .sss__soru::after { content: "–"; }
.sss__cevap { padding-bottom: 1.15rem; color: var(--renk-metin-soluk); }
.sss__cevap p { margin: 0; }

/* Kaynaklar -------------------------------------------------------------- */

.kaynaklar { margin-top: var(--bolum-bosluk); font-size: .92rem; }
.kaynaklar__liste { color: var(--renk-metin-soluk); padding-left: 1.2em; }
.kaynaklar__liste li + li { margin-top: .35em; }

/* Hekim künyesi ---------------------------------------------------------- */

.kunye {
	display: flex;
	gap: 1.15rem;
	align-items: flex-start;
	margin-top: var(--bolum-bosluk);
	padding: 1.35rem;
	background: var(--renk-zemin-alt);
	border-radius: var(--kose);
}
.kunye__gorsel { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; flex: none; }
.kunye__metin > * { margin: 0; }
.kunye__etiket {
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--renk-vurgu);
}
.kunye__ad { font-weight: 650; font-size: 1.05rem; }
.kunye__gorev,
.kunye__tarih { font-size: .88rem; color: var(--renk-metin-soluk); }
.kunye__bag { margin-top: .45rem; font-size: .88rem; }

/* Kartlar ---------------------------------------------------------------- */

.kart {
	background: var(--renk-zemin);
	border: 1px solid var(--renk-cizgi);
	border-radius: var(--kose);
	overflow: hidden;
	transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.kart:hover { border-color: var(--renk-vurgu); transform: translateY(-2px); box-shadow: var(--golge); }
.kart__bag { text-decoration: none; display: block; height: 100%; }
.kart__gorsel {
	margin: 0;
	aspect-ratio: 16 / 10;
	position: relative;
	overflow: hidden;
	background: var(--renk-zemin-alt);
	background-image: repeating-linear-gradient(135deg, transparent 0 14px, rgba(0,0,0,.02) 14px 15px);
}
/* Görsel yoksa / 404 verirse: sade marka placeholder (ince desen) görünür.
   "Görsel eklenecek" notu YALNIZ editöre (yönetici çubuğu varken) gösterilir —
   ziyaretçi temiz placeholder görür. */
.kart__gorsel::after {
	content: "";
	position: absolute;
	inset: auto 0 .5rem 0;
	text-align: center;
	font-size: .62rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--renk-metin-soluk);
	opacity: .5;
}
.admin-bar .kart__gorsel::after { content: attr(data-yer); }
.kart__gorsel img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; display: block; }

/* Görselsiz kart: boş çerçeve yerine konunun adı.
   Yer tutucu tek başına sorun değildi; onlarca kart yan yana gelince site
   yarım kalmış görünüyordu. Kategori adını taşıyan bu blok kasıtlı bir
   tasarım gibi okunur ve foto gelmeyen 300+ yazıda da çalışır. */
.kart__gorsel--yazili {
	background: var(--renk-zemin-alt);
	background-image:
		radial-gradient(120% 100% at 12% 0%, color-mix(in srgb, var(--renk-vurgu) 7%, transparent) 0%, transparent 58%),
		repeating-linear-gradient(135deg, transparent 0 16px, rgba(0,0,0,.018) 16px 17px);
	display: grid;
	place-content: center;
	gap: .7rem;
	padding: 1.25rem;
}
.kart__yazili { display: grid; justify-items: center; gap: .7rem; }
.kart__yazili-cizgi {
	width: 30px;
	height: 1px;
	background: color-mix(in srgb, var(--renk-vurgu) 45%, transparent);
}
.kart__yazili-etiket {
	font-size: .68rem;
	letter-spacing: .17em;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
	color: color-mix(in srgb, var(--renk-vurgu) 72%, transparent);
}
/* Yazılı kartta editör notu ve boş placeholder yazısı gösterilmez. */
.kart__gorsel--yazili::after { content: none; }
.kart__bag:hover .kart__gorsel--yazili .kart__yazili-cizgi { width: 46px; transition: width .25s ease; }
@media (prefers-reduced-motion: reduce) {
	.kart__bag:hover .kart__gorsel--yazili .kart__yazili-cizgi { transition: none; }
}
.kart__govde { padding: 1.15rem 1.25rem 1.35rem; }
.kart__baslik { font-size: 1.12rem; line-height: 1.3; margin: 0 0 .45rem; }
.kart__ozet { margin: 0; font-size: .93rem; color: var(--renk-metin-soluk); }
.kart__meta { margin: .7rem 0 0; font-size: .82rem; color: var(--renk-metin-soluk); }
.kart__devam { display: inline-block; margin-top: .8rem; font-size: .88rem; color: var(--renk-vurgu); font-weight: 560; }

/* Tedavi sayfası --------------------------------------------------------- */

.uzmanlik__hero { background: var(--renk-zemin-alt); padding-block: clamp(2rem, 5vw, 3.5rem); }
.uzmanlik__hero-ic { display: grid; gap: 2rem; align-items: center; }
.uzmanlik__ozet { font-size: 1.12rem; color: var(--renk-metin-soluk); max-width: 60ch; }
.uzmanlik__eylem { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.5rem; }
.uzmanlik__hero-gorsel { margin: 0; border-radius: var(--kose); overflow: hidden; }

.uzmanlik__guncelleme { font-size: .85rem; color: var(--renk-metin-soluk); margin: 1rem 0 0; }

/* İki sütunlu düzen: gövde + yapışkan yan sütun */
.uzmanlik__duzen {
	display: grid;
	gap: clamp(2rem, 4vw, 3.5rem);
	padding-block: clamp(1.75rem, 4vw, 3rem);
}
.uzmanlik__govde { min-width: 0; }

@media (min-width: 1000px) {
	.uzmanlik__duzen { grid-template-columns: minmax(0, 1fr) 320px; }
}

/* Yan sütun ------------------------------------------------------------- */

.yan__yapiskan { display: grid; gap: 1.25rem; }

@media (min-width: 1000px) {
	.yan__yapiskan { position: sticky; top: 96px; }
}

/* Mobilde içindekiler yukarı taşınır; randevu kartı gizlenir —
   alt çubuk zaten aynı işi görüyor, iki kez göstermenin anlamı yok. */
@media (max-width: 999px) {
	.yan { order: -1; }
	.yan__kart { display: none; }
}

.yan__kart {
	padding: 1.35rem;
	background: var(--renk-zemin-alt);
	border: 1px solid var(--renk-cizgi);
	border-radius: var(--kose);
}
.yan__kart-etiket {
	margin: 0 0 .5rem;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--renk-vurgu);
}
.yan__kart-baslik { margin: 0; font-weight: 650; }
.yan__kart-gorev,
.yan__kart-adres { margin: .2rem 0 0; font-size: .88rem; color: var(--renk-metin-soluk); }
.yan__kart-adres { margin-top: .7rem; }
.yan__kart-eylem { display: grid; gap: .5rem; margin-top: 1.15rem; }
.yan__kart-not {
	margin: 1.15rem 0 0;
	padding: 1rem 0 0;
	border-top: 1px solid var(--renk-cizgi);
	font-size: .85rem;
	line-height: 1.55;
	color: var(--renk-metin-soluk);
}

/* İçindekiler ------------------------------------------------------------ */

/* İçindekiler: gövdeye enjekte edilen kompakt <details>. Başlangıçta yalnız H2;
   "Tüm başlıkları göster" ile H3'ler açılır. Mobilde JS kapatır (kompakt). */
.icindekiler {
	margin: 1.75rem 0;
	padding: 1rem 1.25rem;
	border: 1px solid var(--renk-cizgi);
	border-radius: var(--kose);
	background: var(--renk-zemin-alt);
}
.icindekiler__baslik {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin: 0;
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--renk-metin-soluk);
	cursor: pointer;
	list-style: none;
}
.icindekiler__baslik::-webkit-details-marker { display: none; }
.icindekiler__baslik::after {
	content: "";
	margin-left: auto;
	width: .5em; height: .5em;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform .2s ease;
}
.icindekiler[open] > .icindekiler__baslik::after { transform: rotate(-135deg); }
.icindekiler[open] > .icindekiler__baslik { margin-bottom: .85rem; }
.icindekiler__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: .4rem; }
.icindekiler__oge { font-size: .9rem; line-height: 1.45; }
.icindekiler__oge--h3 { display: none; padding-left: 1rem; font-size: .85rem; }
.icindekiler.h3-acik .icindekiler__oge--h3 { display: list-item; }
.icindekiler a { text-decoration: none; color: var(--renk-metin-soluk); }
.icindekiler a:hover { color: var(--renk-vurgu); text-decoration: underline; }
.icindekiler a[aria-current="true"] { color: var(--renk-vurgu); font-weight: 600; }
.icindekiler__tumu {
	margin-top: .8rem;
	padding: 0;
	background: none;
	border: 0;
	font: inherit;
	font-size: .82rem;
	font-weight: 600;
	color: var(--renk-ikincil);
	cursor: pointer;
}
.icindekiler__tumu:hover { color: var(--renk-vurgu); text-decoration: underline; }
.icindekiler__tumu-kapa { display: none; }
.icindekiler.h3-acik .icindekiler__tumu-ac { display: none; }
.icindekiler.h3-acik .icindekiler__tumu-kapa { display: inline; }

/* Bir bakışta ------------------------------------------------------------ */

.bakis { margin: 2rem 0; }
.bakis__baslik {
	margin: 0 0 .9rem;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--renk-metin-soluk);
}
/* Kenarlık öğelerin üstünde; boşluk-dolgusu yöntemi kullanılsaydı
   sıra tam dolmadığında boş hücre çizgi rengiyle boyanmış görünürdü. */
.bakis__liste {
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	border: 1px solid var(--renk-cizgi);
	border-radius: var(--kose);
	overflow: hidden;
}
.bakis__oge {
	padding: .95rem 1.15rem;
	border-right: 1px solid var(--renk-cizgi);
	border-bottom: 1px solid var(--renk-cizgi);
	margin: 0 -1px -1px 0;
}
.bakis__etiket { font-size: .78rem; color: var(--renk-metin-soluk); }
.bakis__deger { margin: .2rem 0 0; font-weight: 600; }

/* Süreç adımları --------------------------------------------------------- */

.surec { margin-top: var(--bolum-bosluk); }
.surec__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.surec__adim {
	display: grid;
	grid-template-columns: 44px 1fr;
	gap: 1.15rem;
	padding-bottom: 1.75rem;
	position: relative;
}
.surec__adim:not(:last-child)::before {
	content: "";
	position: absolute;
	left: 21px;
	top: 44px;
	bottom: 0;
	width: 2px;
	background: var(--renk-cizgi);
}
.surec__no {
	display: grid;
	place-items: center;
	width: 44px; height: 44px;
	border-radius: 50%;
	background: var(--renk-vurgu);
	color: var(--renk-vurgu-metin);
	font-weight: 650;
	position: relative;
	z-index: 1;
}
.surec__ad { margin: .5rem 0 .3rem; font-size: 1.08rem; }
.surec__metin p { margin: 0; color: var(--renk-metin-soluk); }

/* Video ------------------------------------------------------------------ */

.video-bolum { margin-top: var(--bolum-bosluk); }
.video {
	position: relative;
	aspect-ratio: 16 / 9;
	border-radius: var(--kose);
	overflow: hidden;
	background: #000;
}
.video__kapak { width: 100%; height: 100%; object-fit: cover; opacity: .78; }
.video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video__dugme {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .8rem;
	width: 100%;
	background: none;
	border: 0;
	color: #fff;
	font: inherit;
	font-weight: 560;
	text-shadow: 0 1px 8px rgb(0 0 0 / 55%);
	cursor: pointer;
}
.video__ikon {
	width: 68px; height: 68px;
	border-radius: 50%;
	background: var(--renk-vurgu);
	position: relative;
	transition: transform .18s ease;
}
.video__ikon::after {
	content: "";
	position: absolute;
	top: 50%; left: 54%;
	transform: translate(-50%, -50%);
	border-style: solid;
	border-width: 11px 0 11px 18px;
	border-color: transparent transparent transparent #fff;
}
.video__dugme:hover .video__ikon { transform: scale(1.08); }

/* YouTube bölümü --------------------------------------------------------- */

.bolum__ust--genis {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1.25rem;
	max-width: none;
}
.bolum__ust-eylem { flex: none; }

.youtube__izgara {
	display: grid;
	gap: clamp(1.25rem, 2.5vw, 1.75rem);
	grid-template-columns: 1fr;
}
@media (min-width: 560px) { .youtube__izgara { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .youtube__izgara { grid-template-columns: repeat(4, 1fr); } }
.youtube__oge { min-width: 0; }
.youtube__oge .video { aspect-ratio: 16 / 9; }
.youtube__oge .video__ikon { width: 52px; height: 52px; }
.youtube__oge .video__ikon::after { border-width: 8px 0 8px 13px; }

/* Shorts kapağı dikey videodan kırpılır; rozet türü belli etsin. */
.youtube__oge--kisa .video::after {
	content: "Kısa";
	position: absolute;
	top: .6rem;
	right: .6rem;
	z-index: 2;
	padding: .18rem .5rem;
	border-radius: 100px;
	background: rgb(0 0 0 / 65%);
	color: #fff;
	font-size: .7rem;
	font-weight: 600;
	letter-spacing: .04em;
}
.youtube__baslik {
	margin: .9rem 0 .25rem;
	font-size: 1rem;
	line-height: 1.35;
	/* Uzun başlıklar kartları farklı yükseklikte bırakmasın. */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.youtube__baslik a { text-decoration: none; }
.youtube__baslik a:hover { color: var(--renk-vurgu); }
.youtube__tarih { margin: 0; font-size: .82rem; color: var(--renk-metin-soluk); }

/* Uzmanlık arşivi — gruplara bölünmüş -------------------------------------- */

.liste__ust--merkez { max-width: 60ch; margin-inline: auto; text-align: center; }
.liste__ust--merkez .liste__aciklama { margin-inline: auto; }

.grup-bolum { padding-block: clamp(2.5rem, 5vw, 4rem); }
.grup-bolum + .grup-bolum { border-top: 1px solid var(--renk-cizgi-ince, var(--renk-cizgi)); }
.grup-bolum__ic { display: grid; gap: clamp(1.5rem, 4vw, 3rem); align-items: start; }

@media (min-width: 900px) {
	.grup-bolum__ic { grid-template-columns: .8fr 1.2fr; }
	.grup-bolum__yan { position: sticky; top: 96px; }
}

.grup-bolum__baslik { margin: 0 0 .8rem; font-size: clamp(1.4rem, 2.6vw, 1.9rem); }
.grup-bolum__baslik a { text-decoration: none; }
.grup-bolum__baslik a:hover { color: var(--renk-vurgu); }
.grup-bolum__daha { margin-top: .9rem; margin-bottom: 0; }
.grup-bolum__kat { font-size: .85rem; text-decoration: none; color: var(--renk-ikincil); }
.grup-bolum__kat:hover { color: var(--renk-vurgu); }
.grup-bolum__aciklama { margin: 0; color: var(--renk-metin-soluk); max-width: 40ch; }

.grup-bolum__liste { list-style: none; margin: 0; padding: 0; }
.grup-bolum__liste li { border-top: 1px solid var(--renk-cizgi); }
.grup-bolum__liste li:last-child { border-bottom: 1px solid var(--renk-cizgi); }

/* Tedaviler sayfası — kategori navigasyonu + editoryal kart sistemi -------
   Sakin, geniş, tek çizgili kartlar; aşırı yuvarlak/gölge yok. Görseller
   sonra gelecek → işaretli placeholder ("Görsel eklenecek"). */
.tedaviler-nav { margin-block: clamp(1.5rem, 3vw, 2.5rem); }
/* Tedaviler hub — başlık altındaki fazla dikey boşluk azaltıldı (§7/§10):
   başlık .kap padding'i, nav'ın çift boşluğu ve ilk bölümün üst payı kısıldı. */
.post-type-archive-uzmanlik-alani .ana > .kap:first-child { padding-bottom: clamp(.75rem, 1.5vw, 1.25rem); }
.post-type-archive-uzmanlik-alani .ana > .kap.tedaviler-nav { padding-block: 0; margin-block: clamp(.75rem, 1.8vw, 1.25rem) clamp(1rem, 2vw, 1.5rem); }
.post-type-archive-uzmanlik-alani .tedavi-bolum:first-of-type { padding-top: clamp(1rem, 2vw, 1.5rem); }
.tedaviler-nav__liste {
	list-style: none; margin: 0; padding-block: 1rem;
	display: flex; flex-wrap: wrap; gap: .55rem .7rem; justify-content: center;
	border-block: 1px solid var(--renk-cizgi-ince, var(--renk-cizgi));
}
.tedaviler-nav__liste a {
	text-decoration: none; font-size: .92rem; color: var(--renk-metin-soluk);
	padding: .35rem .85rem; border: 1px solid var(--renk-cizgi); border-radius: 2px;
	transition: color .15s ease, border-color .15s ease;
}
.tedaviler-nav__liste a:hover,
.tedaviler-nav__liste a:focus-visible { color: var(--renk-vurgu); border-color: var(--renk-ikincil); }

.tedavi-bolum { padding-block: clamp(2rem, 4vw, 3.25rem); scroll-margin-top: 100px; }
.tedavi-bolum + .tedavi-bolum { border-top: 1px solid var(--renk-cizgi-ince, var(--renk-cizgi)); }
.tedavi-bolum__ust {
	display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between;
	gap: .75rem 1.5rem; margin-bottom: clamp(1.25rem, 2.5vw, 2rem);
}
.tedavi-bolum__baslik { margin: 0; font-size: clamp(1.4rem, 2.6vw, 2rem); }
.tedavi-bolum__baslik a { text-decoration: none; }
.tedavi-bolum__baslik a:hover { color: var(--renk-vurgu); }
.tedavi-bolum__ozet { margin: .5rem 0 0; max-width: 54ch; color: var(--renk-metin-soluk); }
.tedavi-bolum__tumu { text-decoration: none; font-size: .9rem; font-weight: 600; color: var(--renk-ikincil); white-space: nowrap; }
.tedavi-bolum__tumu:hover { color: var(--renk-vurgu); }

/* Tedavi dizini (§7): GÖRSELSİZ tipografik kartlar. Mobil 1 / tablet 2 /
   masaüstü 3 sütun. Ayrım düşük kontrastlı zemin + sıra numarasıyla; ağır
   kutu/gölge/dashboard görünümü yok. Blog kartlarından farklı (yatay düzen). */
.tedavi-grid {
	list-style: none; margin: 0; padding: 0;
	display: grid; gap: clamp(.7rem, 1.4vw, 1rem);
	grid-template-columns: 1fr;
}
@media (min-width: 600px) { .tedavi-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 960px) { .tedavi-grid { grid-template-columns: repeat(3, 1fr); } }
.tedavi-kart { display: flex; }
.tedavi-kart__bag {
	display: flex; gap: .85rem; width: 100%;
	padding: .95rem 1.1rem;
	text-decoration: none; color: inherit;
	background: var(--renk-zemin-alt);
	border: 1px solid transparent;
	border-radius: var(--kose);
	transition: border-color .2s ease, background .2s ease;
}
.tedavi-kart__bag:hover,
.tedavi-kart__bag:focus-visible { border-color: var(--renk-cizgi); background: var(--renk-zemin); }
.tedavi-kart__no {
	flex: 0 0 auto;
	font-family: var(--yazi-baslik);
	font-size: .82rem; font-weight: 600;
	color: var(--renk-ikincil); opacity: .65;
	padding-top: .15rem;
	font-variant-numeric: tabular-nums;
}
.tedavi-kart__govde { display: flex; flex-direction: column; gap: .25rem; flex: 1; min-width: 0; }
.tedavi-kart__baslik { font-family: var(--yazi-baslik); font-size: 1.05rem; line-height: 1.3; color: var(--renk-metin); }
.tedavi-kart__ozet { font-size: .88rem; color: var(--renk-metin-soluk); line-height: 1.5; }
.tedavi-kart__eylem { margin-top: .35rem; font-size: .82rem; font-weight: 600; color: var(--renk-ikincil); }
.tedavi-kart__eylem span { display: inline-block; transition: transform .2s ease; }
.tedavi-kart__bag:hover .tedavi-kart__eylem span { transform: translateX(4px); }
@media (prefers-reduced-motion: reduce) { .tedavi-kart__eylem span { transition: none; } }

/* Ortalanmış bölüm başlığı ---------------------------------------------- */
.bolum__ust--merkez { text-align: center; align-items: center; }
.bolum__ust--merkez .bolum__aciklama,
.bolum__ust--merkez .liste__aciklama { margin-inline: auto; }

/* Arama Talebi bölümü ---------------------------------------------------- */
.arama-talebi { padding-block: clamp(3rem, 6vw, 5rem); background: var(--renk-zemin-alt); border-top: 1px solid var(--renk-cizgi-ince, var(--renk-cizgi)); }
.arama__ic { display: grid; gap: clamp(1.75rem, 4vw, 3.5rem); align-items: start; }
@media (min-width: 860px) { .arama__ic { grid-template-columns: .85fr 1.15fr; } }
.arama__ozet { color: var(--renk-metin-soluk); max-width: 42ch; margin-top: .75rem; }
.arama__kanal { list-style: none; margin: 1.5rem 0 0; padding: 0; display: grid; gap: .75rem; }
.arama__kanal-bag { display: flex; flex-direction: column; gap: .1rem; text-decoration: none; padding: .8rem 1rem; border: 1px solid var(--renk-cizgi); background: var(--renk-zemin); transition: border-color .15s ease; }
.arama__kanal-bag:hover { border-color: var(--renk-ikincil); }
.arama__kanal-etiket { font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; color: var(--renk-ikincil); font-weight: 600; }
.arama__kanal-deger { font-family: var(--yazi-baslik); font-size: 1.1rem; color: var(--renk-metin); }
.arama__not { margin-top: 1.25rem; font-size: .85rem; color: var(--renk-metin-soluk); }
.arama__form-sar { background: var(--renk-zemin); border: 1px solid var(--renk-cizgi); padding: clamp(1.25rem, 3vw, 2rem); }
.form__istege { font-weight: 400; font-size: .85em; color: var(--renk-metin-soluk); }

/* Google Değerlendirmeleri ---------------------------------------------- */
/* Google Değerlendirmeleri (§1): tek container + grid omurgası, min-height yok. */
.degerler__ust { text-align: center; max-width: 60ch; margin-inline: auto; margin-bottom: clamp(1.5rem, 3vw, 2.25rem); }
.degerler__aciklama { color: var(--renk-metin-soluk); margin: .5rem auto 0; }
.degerler__ozet { display: inline-flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: .3rem .6rem; margin: 1rem 0 0; }
.degerler__puan { font-family: var(--yazi-baslik); font-size: 1.9rem; color: var(--renk-metin); line-height: 1; }
.degerler__sayi { color: var(--renk-metin-soluk); font-size: .9rem; }
/* Erişilebilir yıldız: dolu + boş; renk paletten (parlak sarı yok). */
.deger-yildiz { white-space: nowrap; letter-spacing: .02em; line-height: 1; }
.deger-yildiz__dolu { color: var(--renk-ikincil); }
.deger-yildiz__bos { color: var(--renk-cizgi); }
.degerler__ozet .deger-yildiz { font-size: 1.2rem; }

/* Kartlar: masaüstü 3 / tablet 2 / mobil 1 (mobilde scroll-snap yatay). */
.degerler__liste { list-style: none; margin: 0; padding: 0; display: grid; gap: clamp(.85rem, 2vw, 1.35rem); grid-template-columns: 1fr; align-items: start; }
@media (min-width: 620px) { .degerler__liste { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 980px) { .degerler__liste { grid-template-columns: repeat(3, 1fr); } }
.deger-kart {
	border: 1px solid var(--renk-cizgi); border-radius: var(--kose);
	background: var(--renk-zemin); padding: 1.15rem 1.25rem;
	display: flex; flex-direction: column; gap: .7rem; min-width: 0;
}
.deger-kart__ust { display: flex; align-items: center; gap: .7rem; }
.deger-kart__foto { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
.deger-kart__bas {
	width: 44px; height: 44px; border-radius: 50%; flex: 0 0 auto;
	display: grid; place-items: center;
	background: var(--renk-zemin-alt); color: var(--renk-vurgu);
	font-family: var(--yazi-baslik); font-weight: 600; font-size: 1.1rem;
}
.deger-kart__kimlik { display: flex; flex-direction: column; gap: .15rem; min-width: 0; }
.deger-kart__ad { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.deger-kart .deger-yildiz { font-size: .92rem; }
.deger-kart__metin {
	margin: 0; color: var(--renk-metin-soluk); font-size: .92rem; line-height: 1.6;
	display: -webkit-box; -webkit-line-clamp: 6; line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;
}
.deger-kart.acik .deger-kart__metin { -webkit-line-clamp: unset; line-clamp: unset; overflow: visible; }
.deger-kart__daha { align-self: flex-start; margin: -.3rem 0 0; padding: 0; background: none; border: 0; font: inherit; font-size: .82rem; font-weight: 600; color: var(--renk-ikincil); cursor: pointer; }
.deger-kart__daha:hover { color: var(--renk-vurgu); text-decoration: underline; }
.deger-kart__alt { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-top: auto; padding-top: .2rem; }
.deger-kart__zaman { font-size: .78rem; color: var(--renk-metin-soluk); opacity: .85; }
.deger-kart__kaynak { font-size: .76rem; color: var(--renk-metin-soluk); text-decoration: none; }
.deger-kart__kaynak:hover:not(.deger-kart__kaynak--sade) { color: var(--renk-vurgu); }
.degerler__eylem { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; margin-top: clamp(1.5rem, 3vw, 2.25rem); }
/* Kompakt CTA (yorum yok ama link var): başlık solda, buton sağda. */
.degerler--kompakt .degerler__ic { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 1.5rem; }
.degerler--kompakt .degerler__ust { text-align: left; margin: 0; }
/* Yorum girilene kadar bölüm yalnız başlık + düğmeden ibaret; tam bölüm
   boşluğu bu hâlde sayfada boş bir bant gibi duruyordu. Kompaktta boşluk yarıya
   iner — yorumlar girildiğinde normal bölüm ritmine döner. */
.degerler--kompakt { padding-block: calc(var(--bolum-bosluk) * .45); }

/* Hero video slider ------------------------------------------------------ */
.hero-video { position: relative; width: 100%; min-width: 0; }
.hero-video__pencere { position: relative; overflow: hidden; min-width: 0; border: 1px solid var(--renk-cizgi); background: var(--renk-zemin-alt); }
.hero-video__ray { display: flex; margin: 0; padding: 0; list-style: none; transition: transform .4s ease; }
.hero-video__slayt { flex: 0 0 100%; min-width: 0; }
.hero-video__ac {
	display: block; width: 100%; margin: 0; padding: 0; border: 0; cursor: pointer;
	position: relative; aspect-ratio: 16 / 9; background: var(--renk-vurgu-koyu, #22141c); overflow: hidden;
}
.hero-video__kapak { width: 100%; height: 100%; object-fit: cover; opacity: .9; transition: transform .4s ease, opacity .2s ease; }
.hero-video__ac:hover .hero-video__kapak { transform: scale(1.03); opacity: 1; }
/* Kapak hem maxres hem hqdefault 404 verirse: kırık ikon yerine zarif marka zemini. */
.hero-video__ac--bos { background: linear-gradient(135deg, var(--renk-vurgu) 0%, var(--renk-vurgu-koyu, #22141c) 100%); }
.hero-video__play {
	position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%);
	width: 64px; height: 64px; border-radius: 50%;
	background: rgba(251, 248, 244, .92); display: grid; place-items: center;
	transition: transform .2s ease;
}
.hero-video__play::after { content: ""; width: 0; height: 0; margin-left: 4px; border-style: solid; border-width: 11px 0 11px 18px; border-color: transparent transparent transparent var(--renk-vurgu); }
.hero-video__ac:hover .hero-video__play { transform: translate(-50%, -50%) scale(1.08); }
.hero-video__ac:focus-visible { outline: 3px solid var(--renk-ikincil); outline-offset: 2px; }
/* §6: hero video başlığı GÖSTERİLMEZ (render edilmiyor; alt bant/boşluk yok). */
.hero-video__nav {
	position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
	width: 40px; height: 40px; border: 1px solid var(--renk-cizgi); border-radius: 50%;
	background: rgba(251, 248, 244, .92); color: var(--renk-vurgu); font-size: 1.4rem; line-height: 1; cursor: pointer;
	display: grid; place-items: center; transition: background .15s ease, border-color .15s ease;
}
.hero-video__nav:hover { background: var(--renk-zemin); border-color: var(--renk-ikincil); }
.hero-video__nav--onceki { left: .5rem; }
.hero-video__nav--sonraki { right: .5rem; }
.hero-video__nokta { display: flex; justify-content: center; gap: .5rem; margin-top: .85rem; }
.hero-video__nokta-oge { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: var(--renk-cizgi); cursor: pointer; transition: background .15s ease, transform .15s ease; }
.hero-video__nokta-oge.etkin { background: var(--renk-vurgu); transform: scale(1.25); }

/* Video modal (lightbox) ------------------------------------------------- */
body.modal-acik { overflow: hidden; }
.video-modal { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; padding: clamp(1rem, 4vw, 3rem); }
.video-modal[hidden] { display: none; }
.video-modal__ortu { position: absolute; inset: 0; background: rgba(15, 8, 12, .82); }
.video-modal__ic { position: relative; z-index: 1; width: min(100%, 960px); }
.video-modal__cerceve { position: relative; aspect-ratio: 16 / 9; background: #000; }
.video-modal__cerceve iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video-modal__kapat {
	position: absolute; top: -2.6rem; right: 0; width: 2.2rem; height: 2.2rem;
	background: none; border: 0; color: var(--renk-zemin); font-size: 1.9rem; line-height: 1; cursor: pointer;
}
.video-modal__kapat:focus-visible { outline: 2px solid var(--renk-zemin); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
	.hero-video__ray, .hero-video__kapak, .hero-video__play, .hero-video__nokta-oge { transition: none; }
}

/* Blog tekil — içerik + kenar çubuğu (§9). Sidebar YALNIZ tekil blogda. ---- */
.yazi__duzen { display: grid; gap: clamp(2rem, 4vw, 3.5rem); align-items: start; padding-top: clamp(1.25rem, 3vw, 2.25rem); }
@media (min-width: 1000px) { .yazi__duzen { grid-template-columns: minmax(0, 1fr) 320px; } }
.yazi__ana { min-width: 0; }
.yazi__kategori { display: inline-block; margin-bottom: .55rem; font-size: .7rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--renk-ikincil); text-decoration: none; }
.yazi__kategori:hover { color: var(--renk-vurgu); }
.yazi__spot { margin: .85rem 0 0; font-size: 1.14rem; line-height: 1.55; color: var(--renk-metin-soluk); }

.blog-yan { display: grid; gap: 1.5rem; align-content: start; }
/* Yapışkan yan sütun — YALNIZ ekrana sığdığında.
   Instagram + Son Yazılar + "Sizi Arayalım" formu birlikte ~850px tutuyordu;
   1440x900 gibi ekranlarda sütun görünür alandan uzun kalıyor, yapışkan olduğu
   için aşağı kaydırıldıkça içerikle birlikte kayıyor ve formun alt kısmına
   (onay kutusu + gönder düğmesi) HİÇ ulaşılamıyordu. Ölçüm JS'te yapılır
   (bkz. hekim.js "yan sütun yapışkanlığı"); sığmıyorsa sütun normal akışta kalır. */
.blog-yan { --yan-ust: 108px; }
@media (min-width: 1000px) {
	.blog-yan { position: sticky; top: var(--yan-ust); }
	/* Yapışkanlık kapalıyken de --yan-ust DEĞİŞMEZ: JS ölçümü bu değişkeni
	   okur. Hesaplanmış `top`u okumak geri besleme döngüsü yaratıyordu —
	   sınıf eklenince top 0 olup ölçüm "sığıyor" deyip sınıfı geri alıyordu. */
	.blog-yan.blog-yan--uzun { position: static; top: auto; }
}
.blog-yan__blok { border: 1px solid var(--renk-cizgi); padding: 1.2rem 1.3rem; background: var(--renk-zemin); }
.blog-yan__baslik { margin: 0 0 1rem; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--renk-ikincil); font-weight: 600; }
.blog-yan__ig { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.blog-yan__ig-oge { aspect-ratio: 1; overflow: hidden; display: block; }
.blog-yan__ig-oge img { width: 100%; height: 100%; object-fit: cover; }
.blog-yan__ig-takip { display: inline-block; margin-top: .8rem; font-size: .88rem; text-decoration: none; color: var(--renk-ikincil); }
.blog-yan__ig-takip:hover { color: var(--renk-vurgu); }

/* Gönderi görseli girilmemişken gösterilen kompakt hesap kartı. */
.blog-yan__ig-kutu {
	display: flex;
	align-items: center;
	gap: .8rem;
	text-decoration: none;
	color: inherit;
}
.blog-yan__ig-simge {
	flex: none;
	width: 42px;
	height: 42px;
	border-radius: 12px;
	border: 1px solid color-mix(in srgb, var(--renk-vurgu) 35%, transparent);
	position: relative;
}
/* Instagram'ın tanınır çerçevesi: dış kare + iç daire + sağ üst nokta. */
.blog-yan__ig-simge::before,
.blog-yan__ig-simge::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	background: color-mix(in srgb, var(--renk-vurgu) 55%, transparent);
}
.blog-yan__ig-simge::before {
	inset: 11px;
	background: none;
	border: 1px solid color-mix(in srgb, var(--renk-vurgu) 45%, transparent);
}
.blog-yan__ig-simge::after { top: 8px; right: 8px; width: 4px; height: 4px; }
.blog-yan__ig-metin { display: grid; gap: .1rem; min-width: 0; }
.blog-yan__ig-ad { font-weight: 600; font-size: .95rem; color: var(--renk-metin); }
.blog-yan__ig-sayi { font-size: .82rem; color: var(--renk-metin-soluk); }
.blog-yan__ig-cta {
	display: block;
	margin-top: .9rem;
	font-size: .85rem;
	font-weight: 600;
	color: var(--renk-ikincil);
}
.blog-yan__ig-kart:hover .blog-yan__ig-cta { color: var(--renk-vurgu); }
.blog-yan__son { list-style: none; margin: 0; padding: 0; display: grid; gap: .9rem; }
.blog-yan__son-bag { display: flex; gap: .75rem; text-decoration: none; color: inherit; align-items: center; }
.blog-yan__son-gorsel { flex: 0 0 56px; width: 56px; height: 56px; background: var(--renk-zemin-alt); overflow: hidden; }
.blog-yan__son-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.blog-yan__son-metin { min-width: 0; }
.blog-yan__son-baslik { display: -webkit-box; font-size: .92rem; line-height: 1.35; color: var(--renk-metin); -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.blog-yan__son-bag:hover .blog-yan__son-baslik { color: var(--renk-vurgu); }
.blog-yan__son-tarih { display: block; margin-top: .2rem; font-size: .76rem; color: var(--renk-metin-soluk); }
.blog-yan__form-aciklama { margin: 0 0 .9rem; font-size: .9rem; color: var(--renk-metin-soluk); }
.form--mini .form__alan { margin: 0 0 .7rem; }
.form--mini .form__gonder { margin: 0; }
.form--mini .dugme { width: 100%; }
.grup-bolum__bag {
	display: block;
	padding: 1.1rem 2rem 1.1rem 0;
	text-decoration: none;
	position: relative;
	transition: padding-left .18s ease;
}
.grup-bolum__bag:hover { padding-left: .6rem; }
.grup-bolum__bag::after {
	content: "→";
	position: absolute;
	right: .25rem;
	top: 1.1rem;
	color: var(--renk-ikincil);
	opacity: 0;
	transition: opacity .18s ease;
}
.grup-bolum__bag:hover::after { opacity: 1; }
.grup-bolum__ad { display: block; font-weight: 560; }
.grup-bolum__ozet { display: block; margin-top: .2rem; font-size: .9rem; color: var(--renk-metin-soluk); }

/* Pillar sayfası alt konular ---------------------------------------------- */

.alt-konular { margin-top: var(--bolum-bosluk); }
.alt-konular__liste {
	list-style: none;
	margin: 1.5rem 0 0;
	padding: 0;
	display: grid;
	gap: 0;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.alt-konular__oge { border-top: 1px solid var(--renk-cizgi); }
.alt-konular__bag {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: .5rem 1rem;
	align-items: baseline;
	padding: 1.1rem 0;
	text-decoration: none;
}
.alt-konular__ad { font-weight: 560; }
.alt-konular__ozet { grid-column: 1 / -1; font-size: .9rem; color: var(--renk-metin-soluk); }
.alt-konular__ok { color: var(--renk-ikincil); }
.alt-konular__bag:hover .alt-konular__ad { color: var(--renk-vurgu); }

/* Bilgi merkezi — küme gezinmesi + küme bölümleri ------------------------- */

.kume-gezinme {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
	justify-content: center;
	margin-bottom: clamp(2rem, 4vw, 3.5rem);
}
.kume-gezinme__oge {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	padding: .5rem 1rem;
	border: 1px solid var(--renk-cizgi);
	border-radius: 100px;
	font-size: .9rem;
	text-decoration: none;
	transition: border-color .16s ease, color .16s ease;
}
.kume-gezinme__oge:hover { border-color: var(--renk-vurgu); color: var(--renk-vurgu); }
.kume-gezinme__sayi {
	font-size: .78rem;
	color: var(--renk-metin-soluk);
	background: var(--renk-zemin-alt);
	border-radius: 100px;
	padding: .05rem .5rem;
}

.kume-bolum { padding-block: clamp(2rem, 4vw, 3rem); }
.kume-bolum + .kume-bolum { border-top: 1px solid var(--renk-cizgi-ince, var(--renk-cizgi)); }
.kume-bolum__ust {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: clamp(1.25rem, 2.5vw, 2rem);
}
.kume-bolum__ust .baslik-2 { margin: 0; }
.kume-bolum__daha { font-size: .9rem; text-decoration: none; color: var(--renk-ikincil); white-space: nowrap; }
.kume-bolum__daha:hover { color: var(--renk-vurgu); }

/* Tedavi yaklaşımı sayfası ----------------------------------------------- */

.yaklasim__giris { padding-block: clamp(2rem, 5vw, 3.5rem) clamp(1.5rem, 3vw, 2.5rem); }
.yaklasim__ozet {
	font-size: 1.12rem;
	line-height: 1.75;
	color: var(--renk-metin-soluk);
	max-width: 58ch;
	margin: 0;
}

.ilkeler { padding-block: clamp(2rem, 4vw, 3.5rem); }
.ilkeler__liste {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.ilkeler__oge {
	padding: 1.75rem 1.5rem 1.75rem 0;
	border-top: 1px solid var(--renk-cizgi);
}
.ilkeler__no {
	display: block;
	margin-bottom: .8rem;
	font-family: var(--yazi-baslik);
	font-size: 1rem;
	color: var(--renk-ikincil);
	font-variant-numeric: tabular-nums;
}
.ilkeler__metin {
	margin: 0;
	font-family: var(--yazi-baslik);
	font-size: 1.22rem;
	line-height: 1.4;
	text-wrap: balance;
}

.videolar { padding-block: clamp(1.75rem, 4vw, 3rem) 0; }
.videolar__kanal { margin-top: 1.5rem; }
.video-arsiv { padding-block: clamp(1.75rem, 4vw, 3rem); }
.video-arsiv__bos { max-width: 40rem; margin-inline: auto; padding: clamp(2rem, 5vw, 3.5rem) 1rem; text-align: center; }
.video-arsiv__bos p { margin: 0 0 1.5rem; color: var(--renk-metin-soluk); }
.video-kume { padding-block: clamp(2rem, 4vw, 3rem); }
.video-kume + .video-kume { border-top: 1px solid var(--renk-cizgi-ince, var(--renk-cizgi)); }
.video-kume__baslik { margin-bottom: clamp(1.25rem, 2.5vw, 2rem); }

/* Instagram şeridi ------------------------------------------------------- */

.instagram {
	padding-block: var(--bolum-bosluk);
	border-top: 1px solid var(--renk-cizgi);
}
.instagram__ust {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1.25rem;
	margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
}
.instagram__ust .baslik-2 { margin-bottom: 0; }
.instagram__izgara {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: .5rem;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.instagram__oge { min-width: 0; }
.instagram__bag {
	position: relative;
	display: block;
	aspect-ratio: 1;
	border-radius: var(--kose);
	overflow: hidden;
	background: var(--renk-zemin-alt);
}
.instagram__bag img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
}
.instagram__bag:hover img { transform: scale(1.05); }
.instagram__ortu {
	position: absolute;
	inset: auto 0 0;
	padding: 2.5rem .8rem .7rem;
	background: linear-gradient(180deg, transparent, rgb(0 0 0 / 72%));
	color: #fff;
	font-size: .82rem;
	line-height: 1.35;
	opacity: 0;
	transition: opacity .22s ease;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.instagram__bag:hover .instagram__ortu,
.instagram__bag:focus-visible .instagram__ortu { opacity: 1; }

/* İçerik kutuları (kısa kodlar) ------------------------------------------ */

.kutu {
	margin: 1.75rem 0;
	padding: 1.15rem 1.35rem;
	border-radius: var(--kose);
	background: var(--renk-zemin-alt);
	border-left: 3px solid var(--renk-metin-soluk);
}
.kutu--uyari { border-left-color: var(--renk-ikincil); }
.kutu--bilgi { border-left-color: var(--renk-vurgu); }
.kutu__baslik {
	margin: 0 0 .4rem;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
}
.kutu--uyari .kutu__baslik { color: var(--renk-ikincil); }
.kutu--bilgi .kutu__baslik { color: var(--renk-vurgu); }
.kutu__govde > *:first-child { margin-top: 0; }
.kutu__govde > *:last-child { margin-bottom: 0; }

.vurgu {
	margin: 2rem 0;
	padding: 1.35rem 1.5rem;
	border-top: 2px solid var(--renk-vurgu);
	border-bottom: 1px solid var(--renk-cizgi);
}
.vurgu__deger {
	display: block;
	font-size: clamp(2rem, 5vw, 2.75rem);
	font-weight: 650;
	line-height: 1.05;
	color: var(--renk-vurgu);
	letter-spacing: -.02em;
}
.vurgu__metin { margin: .4rem 0 0; }
.vurgu__kaynak { display: block; margin-top: .6rem; font-size: .8rem; color: var(--renk-metin-soluk); }

.icerik-eylem { margin: 2rem 0; }

/* Yazı → tedavi köprüsü -------------------------------------------------- */

.kopru {
	margin-top: var(--bolum-bosluk);
	padding: 1.6rem 1.75rem;
	background: var(--renk-zemin-alt);
	border-radius: var(--kose);
	border: 1px solid var(--renk-cizgi);
}
.kopru__etiket {
	margin: 0 0 .35rem;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--renk-ikincil);
}
.kopru__baslik { margin: 0 0 .4rem; font-size: 1.3rem; }
.kopru__ozet { margin: 0; color: var(--renk-metin-soluk); }
.kopru__eylem { display: flex; flex-wrap: wrap; gap: .7rem; margin: 1.25rem 0 0; }

/* Paylaşım --------------------------------------------------------------- */

.paylas {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem;
	margin-top: var(--bolum-bosluk);
	padding-top: 1.25rem;
	border-top: 1px solid var(--renk-cizgi);
	font-size: .88rem;
}
.paylas__etiket { color: var(--renk-metin-soluk); margin-right: .35rem; }
.paylas__bag {
	padding: .4rem .8rem;
	border: 1px solid var(--renk-cizgi);
	border-radius: 100px;
	text-decoration: none;
	background: none;
	font: inherit;
	font-size: .85rem;
	cursor: pointer;
	color: inherit;
}
.paylas__bag:hover { border-color: var(--renk-vurgu); color: var(--renk-vurgu); }

/* Önceki / sonraki yazı -------------------------------------------------- */

.yazi-gezinme {
	display: grid;
	gap: 1rem;
	margin-top: var(--bolum-bosluk);
	padding-top: 1.75rem;
	border-top: 1px solid var(--renk-cizgi);
}
@media (min-width: 700px) {
	.yazi-gezinme { grid-template-columns: 1fr 1fr; }
}
.yazi-gezinme__bag {
	display: grid;
	gap: .3rem;
	padding: 1.05rem 1.25rem;
	border: 1px solid var(--renk-cizgi);
	border-radius: var(--kose);
	text-decoration: none;
}
.yazi-gezinme__bag:hover { border-color: var(--renk-vurgu); }
.yazi-gezinme__bag--sag { text-align: right; }
.yazi-gezinme__yon { font-size: .8rem; color: var(--renk-metin-soluk); }
.yazi-gezinme__baslik { font-weight: 560; line-height: 1.35; }

/* Özgeçmiş sayfası ------------------------------------------------------- */

.ozgecmis__giris {
	background: var(--renk-zemin-alt);
	padding-block: clamp(1.5rem, 4vw, 3rem) clamp(2.5rem, 6vw, 4.5rem);
}
.ozgecmis__giris-ic { display: grid; gap: clamp(2rem, 5vw, 4rem); align-items: start; }

@media (min-width: 900px) {
	.ozgecmis__giris-ic { grid-template-columns: 1.1fr .9fr; }
	/* Portre kolonu kasten aşağı kaydırılır — simetri kırılır. */
	.ozgecmis__portre { margin-top: 2.5rem; }
}

.ozgecmis__unvan {
	margin: 0 0 .5rem;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--renk-ikincil);
}
.ozgecmis__ad {
	font-family: var(--yazi-baslik);
	font-size: clamp(2.1rem, 5vw, 3.4rem);
	line-height: 1.08;
	letter-spacing: -.025em;
	margin: 0 0 1rem;
	text-wrap: balance;
}
.ozgecmis__ozet {
	font-size: 1.1rem;
	line-height: 1.65;
	color: var(--renk-metin-soluk);
	max-width: 48ch;
	margin: 0 0 1.75rem;
}

.ozgecmis__kunye {
	margin: 0 0 1.75rem;
	display: grid;
	gap: 0;
	border-top: 1px solid var(--renk-cizgi);
}
.ozgecmis__kunye-oge {
	display: grid;
	gap: .15rem;
	padding: .7rem 0;
	border-bottom: 1px solid var(--renk-cizgi);
}

/* Etiket sütunu ancak yeterli genişlikte yan yana durur; dar ekranda
   değer 160 px'e sıkışıyordu. */
@media (min-width: 560px) {
	.ozgecmis__kunye-oge { grid-template-columns: 9.5rem 1fr; gap: 1rem; }
}
.ozgecmis__kunye dt {
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--renk-metin-soluk);
	padding-top: .18rem;
}
.ozgecmis__kunye dd { margin: 0; font-size: .95rem; }

.ozgecmis__eylem { display: flex; flex-wrap: wrap; gap: .7rem; }

/* Portrenin arkasına kayık renk bloğu — yerleşimi bozmadan derinlik. */
.ozgecmis__portre { position: relative; margin-bottom: 0; }
.ozgecmis__portre::before {
	content: "";
	position: absolute;
	inset: 1.25rem -1.25rem -1.25rem 1.25rem;
	background: var(--renk-vurgu);
	border-radius: var(--kose);
	z-index: 0;
}
.ozgecmis__portre img {
	position: relative;
	z-index: 1;
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: var(--kose);
}
/* Portre yoksa monogram — bordo blok zemin olur, çerçeve dışa kayar. */
.ozgecmis__portre--bos {
	display: grid;
	place-items: center;
	aspect-ratio: 4 / 5;
	background: var(--renk-vurgu);
	border-radius: var(--kose);
}
.ozgecmis__portre--bos::before {
	background: none;
	border: 1px solid var(--renk-ikincil);
}
.ozgecmis__portre--bos span {
	position: relative;
	z-index: 1;
	font-family: var(--yazi-baslik);
	font-size: clamp(3.5rem, 9vw, 6rem);
	color: var(--renk-vurgu-metin);
	letter-spacing: -.03em;
}

/* Rakam şeridi ----------------------------------------------------------- */

.rakamlar {
	list-style: none;
	margin: 0;
	padding: clamp(2rem, 4vw, 3rem) 0;
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	border-bottom: 1px solid var(--renk-cizgi);
}
.rakamlar__oge { padding-left: 1.25rem; border-left: 1px solid var(--renk-cizgi); }
.rakamlar__oge:first-child { padding-left: 0; border-left: 0; }
.rakamlar__sayi {
	display: block;
	font-family: var(--yazi-baslik);
	font-size: clamp(1.85rem, 3.5vw, 2.5rem);
	font-weight: 600;
	line-height: 1.05;
	letter-spacing: -.02em;
	color: var(--renk-vurgu);
}
.rakamlar__etiket { font-size: .88rem; color: var(--renk-metin-soluk); }

.ozgecmis__govde { padding-block: clamp(2rem, 4vw, 3rem); }

/* Alıntı ----------------------------------------------------------------- */

.alinti {
	margin: 0;
	padding: clamp(2rem, 5vw, 3.5rem) 0;
	max-width: 34ch;
	position: relative;
}
.alinti::before {
	content: "“";
	position: absolute;
	top: clamp(.6rem, 2vw, 1.2rem);
	left: -.55em;
	font-family: var(--yazi-baslik);
	font-size: 5rem;
	line-height: 1;
	color: var(--renk-ikincil);
	opacity: .35;
}
.alinti__metin {
	margin: 0;
	font-family: var(--yazi-baslik);
	font-size: clamp(1.35rem, 3vw, 1.9rem);
	line-height: 1.35;
	letter-spacing: -.01em;
	text-wrap: balance;
}
.alinti__kaynak {
	margin-top: 1rem;
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--renk-metin-soluk);
}

/* Zaman çizelgesi -------------------------------------------------------- */

.cizelge-bolum,
.uyelik-bolum { padding-block: clamp(2.5rem, 5vw, 4rem); }

.cizelge { list-style: none; margin: 0; padding: 0; }
.cizelge__oge {
	display: grid;
	gap: .35rem 1.75rem;
	padding: 1.25rem 0;
	border-top: 1px solid var(--renk-cizgi);
}
.cizelge__oge:last-child { border-bottom: 1px solid var(--renk-cizgi); }

@media (min-width: 640px) {
	.cizelge__oge { grid-template-columns: 7rem 1fr; }
}

.cizelge__yil {
	font-family: var(--yazi-baslik);
	font-size: 1.15rem;
	font-weight: 600;
	color: var(--renk-ikincil);
	font-variant-numeric: tabular-nums;
}
.cizelge__baslik { margin: 0 0 .2rem; font-size: 1.08rem; line-height: 1.35; }
.cizelge__kurum { margin: 0; font-size: .92rem; color: var(--renk-metin-soluk); }

/* Etiket bağlantıları ---------------------------------------------------- */

.etiketler { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .6rem; }
.etiket {
	display: inline-block;
	padding: .5rem 1rem;
	background: var(--renk-zemin);
	border: 1px solid var(--renk-cizgi);
	border-radius: 100px;
	font-size: .9rem;
	text-decoration: none;
	transition: border-color .16s ease, color .16s ease;
}
.etiket:hover { border-color: var(--renk-vurgu); color: var(--renk-vurgu); }

/* Üyelikler -------------------------------------------------------------- */

.uyelik-duzen { display: grid; gap: clamp(1.75rem, 4vw, 3rem); }

@media (min-width: 780px) {
	.uyelik-duzen { grid-template-columns: 1fr 1fr; }
}

.uyelik-duzen__baslik {
	margin: 0 0 .5rem;
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--renk-ikincil);
}
.uyelikler { list-style: none; margin: 0; padding: 0; }
.uyelikler__oge {
	padding: .85rem 0;
	border-top: 1px solid var(--renk-cizgi);
	font-size: .95rem;
	color: var(--renk-metin-soluk);
}
.uyelikler__oge:last-child { border-bottom: 1px solid var(--renk-cizgi); }

/* İletişim sayfası ------------------------------------------------------- */

.iletisim__giris { padding-block: clamp(1.75rem, 4vw, 3rem) clamp(1.5rem, 3vw, 2.25rem); }
.iletisim__giris-ic {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1.5rem;
}
.iletisim__giris-ic > div { max-width: 58ch; }
.iletisim__ozet { color: var(--renk-metin-soluk); }
.iletisim__ozet p:last-child { margin-bottom: 0; }

/* Hızlı eylem kartları */
.eylem-kartlari {
	list-style: none;
	margin: 0 0 clamp(2rem, 4vw, 3rem);
	padding: 0;
	display: grid;
	gap: 1px;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	border: 1px solid var(--renk-cizgi);
	border-radius: var(--kose);
	overflow: hidden;
	background: var(--renk-cizgi);
}
.eylem-kart {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	padding: 1.35rem 1.5rem;
	height: 100%;
	background: var(--renk-zemin);
	text-decoration: none;
	position: relative;
	transition: background-color .16s ease;
}
.eylem-kart:hover { background: var(--renk-zemin-alt); }
.eylem-kart__ikon {
	display: grid;
	place-items: center;
	width: 44px; height: 44px;
	flex: none;
	border-radius: 50%;
	background: var(--renk-zemin-alt);
	color: var(--renk-vurgu);
	transition: background-color .16s ease, color .16s ease;
}
.eylem-kart:hover .eylem-kart__ikon { background: var(--renk-vurgu); color: var(--renk-vurgu-metin); }
.eylem-kart__metin { display: grid; gap: .2rem; padding-right: 1.25rem; }
.eylem-kart__etiket { font-weight: 600; }
.eylem-kart__deger { font-size: .9rem; color: var(--renk-metin-soluk); }
.eylem-kart__ok {
	position: absolute;
	top: 1.35rem;
	right: 1.5rem;
	color: var(--renk-vurgu);
	transition: transform .18s ease;
}
.eylem-kart:hover .eylem-kart__ok { transform: translateX(4px); }

.iletisim__duzen { display: grid; gap: clamp(2rem, 4vw, 3.5rem); padding-bottom: clamp(2.5rem, 5vw, 4rem); }

@media (min-width: 940px) {
	.iletisim__duzen { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); }
}

.iletisim__form-not { color: var(--renk-metin-soluk); margin-top: -.3rem; }

.iletisim__kutu {
	padding: 1.35rem;
	background: var(--renk-zemin-alt);
	border-radius: var(--kose);
}
.iletisim__kutu + .iletisim__kutu { margin-top: 1rem; }
.iletisim__kutu--uyari {
	background: none;
	border: 1px solid var(--renk-cizgi);
	border-left: 3px solid var(--renk-ikincil);
}
.iletisim__kutu--uyari p { margin: 0; font-size: .9rem; color: var(--renk-metin-soluk); }
.iletisim__baslik {
	margin: 0 0 .8rem;
	font-size: .74rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--renk-metin-soluk);
}
.iletisim__ulasim { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; font-size: .9rem; }
.iletisim__ulasim li { padding-left: 1.1rem; position: relative; color: var(--renk-metin-soluk); }
.iletisim__ulasim li::before { content: "—"; position: absolute; left: 0; }

.iletisim__randevu { margin: 0; font-size: .92rem; line-height: 1.6; color: var(--renk-metin-soluk); }

/* Harita — tam genişlik, üstüne taşan adres kartı */
.harita { position: relative; }
.harita__cerceve {
	display: block;
	width: 100%;
	height: clamp(320px, 45vh, 480px);
	border: 0;
	filter: saturate(.85);
}
.harita__kap { position: relative; }
.harita__kart {
	background: var(--renk-zemin);
	border: 1px solid var(--renk-cizgi);
	border-radius: var(--kose);
	padding: 1.5rem;
	box-shadow: var(--golge);
	max-width: 360px;
	margin-top: -3.5rem;
	position: relative;
	z-index: 1;
}
.harita__ad { margin: .2rem 0 .5rem; font-weight: 650; }
.harita__adres { font-style: normal; margin: 0 0 1.15rem; font-size: .92rem; color: var(--renk-metin-soluk); }

@media (min-width: 940px) {
	.harita__kart {
		position: absolute;
		right: 0;
		bottom: 2.5rem;
		margin-top: 0;
	}
	.harita__kap { height: 0; }
}

/* Form ------------------------------------------------------------------- */

.form { display: grid; gap: 1.15rem; max-width: 620px; }
.form__satir { display: grid; gap: 1.15rem; }
@media (min-width: 560px) {
	.form__satir { grid-template-columns: 1fr 1fr; }
}
.form__alan { display: grid; gap: .4rem; margin: 0; }
.form__alan label { font-size: .88rem; font-weight: 560; }
.form__zorunlu { color: var(--renk-ikincil); }
.form input[type="text"],
.form input[type="tel"],
.form input[type="email"],
.form select,
.form textarea {
	width: 100%;
	padding: .72rem .9rem;
	border: 1px solid var(--renk-cizgi);
	border-radius: var(--kose);
	background: var(--renk-zemin);
	font: inherit;
	font-size: .95rem;
	color: inherit;
}
.form textarea { resize: vertical; }
.form__ipucu { font-size: .82rem; color: var(--renk-metin-soluk); }
.form__tuzak { position: absolute; left: -9999px; }
.form__onay { margin: 0; }
.form__onay label { display: flex; gap: .65rem; align-items: flex-start; font-size: .88rem; line-height: 1.5; }
.form__onay input { margin-top: .28rem; flex: none; }
.form__gonder { margin: 0; }

.form-sonuc {
	padding: 1.15rem 1.35rem;
	border-radius: var(--kose);
	margin-bottom: 1.5rem;
	border-left: 3px solid var(--renk-vurgu);
	background: var(--renk-zemin-alt);
}
.form-sonuc--hata { border-left-color: var(--renk-ikincil); }
.form-sonuc__baslik { margin: 0 0 .3rem; font-weight: 650; }
.form-sonuc p:last-child { margin-bottom: 0; }

/* Gövde hero ile aynı sol kenardan başlar — metin sütunu okunur genişlikte kalır. */
.uzmanlik__govde > *:not(.metin) { max-width: var(--kap-dar); }

@media (min-width: 900px) {
	.uzmanlik__hero-ic { grid-template-columns: 1.35fr 1fr; }
}

/* Yazı ------------------------------------------------------------------- */

.yazi__ust { margin-bottom: 1.5rem; }
.yazi__kunye { font-size: .88rem; color: var(--renk-metin-soluk); display: flex; flex-wrap: wrap; gap: .5rem; }
.yazi__yazar { font-weight: 600; color: var(--renk-metin); }
.yazi__gorsel { margin: 0 0 2rem; border-radius: var(--kose); overflow: hidden; }

/* Liste başlıkları ------------------------------------------------------- */

.liste__ust { margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.liste__aciklama { color: var(--renk-metin-soluk); max-width: 65ch; }

/* Dönüşüm bloğu ---------------------------------------------------------- */

.cta { margin-top: var(--bolum-bosluk); background: var(--renk-vurgu); color: var(--renk-vurgu-metin); }
.cta__ic {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	align-items: center;
	justify-content: space-between;
	padding-block: clamp(2.25rem, 5vw, 3.25rem);
}
.cta .baslik-2 { margin-bottom: .3rem; }
.cta p { margin: 0; opacity: .85; }
.cta__eylem { display: flex; flex-wrap: wrap; gap: .7rem; }
.cta .dugme--birincil { background: var(--renk-vurgu-metin); color: var(--renk-vurgu); }
.cta .dugme--ikincil { border-color: rgb(255 255 255 / 35%); color: var(--renk-vurgu-metin); }
.cta .dugme--ikincil:hover { border-color: var(--renk-vurgu-metin); color: var(--renk-vurgu-metin); }

/* İlgili bölüm ----------------------------------------------------------- */

.ilgili { margin-top: var(--bolum-bosluk); }

/* Alt bölüm -------------------------------------------------------------- */

.alt { margin-top: var(--bolum-bosluk); background: var(--renk-zemin-alt); border-top: 1px solid var(--renk-cizgi); }
.alt__ic {
	display: grid;
	gap: 2rem;
	padding-block: clamp(2rem, 4.5vw, 3rem);
}
@media (min-width: 640px) {
	.alt__ic { grid-template-columns: repeat(2, 1fr); }
	.alt__blok--marka { grid-column: 1 / -1; }
}
@media (min-width: 1024px) {
	.alt__ic { grid-template-columns: 1.5fr 1fr 1fr 1fr 1.2fr; gap: 2.5rem; }
	.alt__blok--marka { grid-column: auto; }
}
.alt__logo img { display: block; width: clamp(118px, 12vw, 148px); height: auto; }
.alt__sosyal { list-style: none; margin: 1rem 0 0; padding: 0; display: flex; gap: 1.1rem; font-size: .9rem; }
.alt__sosyal a { text-decoration: none; color: var(--renk-ikincil); }
.alt__sosyal a:hover { color: var(--renk-vurgu); }
.alt__eylem { margin: 1rem 0 0; display: flex; flex-direction: column; align-items: flex-start; gap: .6rem; }
.alt__iletisim-bag { text-decoration: none; font-size: .9rem; color: var(--renk-ikincil); }
.alt__iletisim-bag:hover { color: var(--renk-vurgu); }
.alt__ad { font-weight: 650; margin: 0 0 .35rem; }
.alt__aciklama { margin: 0; color: var(--renk-metin-soluk); font-size: .93rem; max-width: 40ch; }
.alt__baslik { font-size: .8rem; text-transform: uppercase; letter-spacing: .09em; color: var(--renk-metin-soluk); margin: 0 0 .8rem; }
.alt__adres { font-style: normal; display: grid; gap: .35rem; font-size: .93rem; }
.alt__satir a { text-decoration: none; }
.alt__satir a:hover { color: var(--renk-vurgu); }
.alt__not { margin: .9rem 0 0; font-size: .88rem; line-height: 1.55; color: var(--renk-metin-soluk); max-width: 42ch; }
.alt__menu,
.alt__yasal { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; font-size: .93rem; }
.alt__menu a,
.alt__yasal a { text-decoration: none; }
.alt__menu a:hover,
.alt__yasal a:hover { color: var(--renk-vurgu); }
.alt__son {
	border-top: 1px solid var(--renk-cizgi);
	padding-block: 1.5rem;
	display: grid;
	gap: .6rem;
	font-size: .84rem;
	color: var(--renk-metin-soluk);
}
.alt__uyari { margin: 0; max-width: 80ch; }
.alt__telif { margin: 0; }
.alt__yasal { display: flex; gap: 1.2rem; }

/* Görsel yer tutucusu ----------------------------------------------------
   Stok fotoğraf yerine boş çerçeve: oran korunur, çekim yönlendirmesi
   sayfanın kendisinde durur. */

.gorsel-yeri { display: grid; gap: .9rem; }
/* Çekim geldiğinde: aynı oran, aynı yerleşim — yalnız çerçeve yerine fotoğraf. */
.gorsel-yeri--dolu { margin: 0; }
.gorsel-yeri--dolu img {
	display: block;
	width: 100%;
	aspect-ratio: var(--gy-oran, 4 / 5);
	object-fit: cover;
	background: var(--renk-zemin-alt);
}
.gorsel-yeri__cerceve {
	aspect-ratio: var(--gy-oran, 4 / 5);
	border: 1px solid var(--renk-cizgi);
	background:
		repeating-linear-gradient(
			-45deg,
			transparent 0 14px,
			color-mix(in srgb, var(--renk-cizgi) 45%, transparent) 14px 15px
		);
	display: grid;
	place-items: center;
}
.gorsel-yeri__isaret {
	width: 34px;
	height: 34px;
	border: 1px solid var(--renk-ikincil);
	border-radius: 50%;
	position: relative;
	opacity: .55;
}
.gorsel-yeri__isaret::before,
.gorsel-yeri__isaret::after {
	content: "";
	position: absolute;
	background: var(--renk-ikincil);
}
.gorsel-yeri__isaret::before { left: 50%; top: -12px; bottom: -12px; width: 1px; }
.gorsel-yeri__isaret::after { top: 50%; left: -12px; right: -12px; height: 1px; }

.gorsel-yeri__not {
	margin: 0;
	font-size: .82rem;
	line-height: 1.55;
	color: var(--renk-metin-soluk);
}
.gorsel-yeri__etiket {
	display: block;
	font-size: .68rem;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--renk-ikincil);
	margin-bottom: .2rem;
}

/* Yan iletişim rayı ------------------------------------------------------
   Sağ kenarda sabit; üzerine gelince etiket açılır. Kapalıyken yalnızca
   ikon genişliği kadar yer kaplar, içeriğin üstüne binmez. */

.yan-ray {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 45;
	display: grid;
	gap: 2px;
}
.yan-ray__oge {
	display: flex;
	align-items: center;
	gap: .6rem;
	height: 52px;
	padding: 0 1rem;
	background: var(--renk-vurgu);
	color: var(--renk-vurgu-metin);
	text-decoration: none;
	font-size: .9rem;
	font-weight: 560;
	white-space: nowrap;
	border-radius: var(--kose) 0 0 var(--kose);
	transition: background-color .18s ease;
}
.yan-ray__oge:first-child { border-top-left-radius: calc(var(--kose) * 2); }
.yan-ray__oge:last-child { border-bottom-left-radius: calc(var(--kose) * 2); }
.yan-ray__oge:hover,
.yan-ray__oge:focus-visible { background: var(--renk-vurgu-koyu); }
/* WhatsApp da palet içinde — yeşil premium hissi bozuyordu; ikon zaten
   WhatsApp olduğunu belli ediyor. */
.yan-ray .hekim-eylem--whatsapp { background: var(--renk-vurgu); color: var(--renk-vurgu-metin); }
.yan-ray .hekim-eylem--whatsapp:hover,
.yan-ray .hekim-eylem--whatsapp:focus-visible { background: var(--renk-vurgu-koyu); }

/* Etiket kapalıyken yer kaplamaz; açılış genişlik animasyonuyla olur. */
.yan-ray .hekim-eylem__metin {
	max-width: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-width .22s ease, opacity .18s ease;
}
.yan-ray__oge:hover .hekim-eylem__metin,
.yan-ray__oge:focus-visible .hekim-eylem__metin {
	max-width: 180px;
	opacity: 1;
}

/* Mobil hızlı iletişim çubuğu -------------------------------------------- */

.mobil-bar { display: none; }

/* 7 menü ögesi + buton 1080px altında sığmıyor; mobil menüye orada geçilir. */
@media (max-width: 1080px) {
	/* Mobilde alt çubuk aynı işi görüyor — ray gizlenir. */
	.yan-ray { display: none; }

	.ust__gezinme {
		position: fixed;
		inset: 72px 0 auto;
		background: var(--renk-zemin);
		border-bottom: 1px solid var(--renk-cizgi);
		padding: 1rem 1.25rem 1.5rem;
		display: none;
		z-index: 45;
		/* İçerik uzunsa (mega açılınca) menü kendi içinde kaysın — sayfa kilitlenmesin.
		   Alt sabit iletişim çubuğu ~84px; menü onunla çakışmasın diye pay bırakılır. */
		max-height: calc(100dvh - 72px - 84px);
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}
	.ust__gezinme.acik { display: block; }
	/* Mobil menü açıkken arka plan scroll KİLİTLENİR (konum korunur — position:fixed
	   yerine overflow:hidden; sticky header kaymaz, kapanınca aynı yere dönülür). */
	body.menu-acik { overflow: hidden; }
	.menu { flex-direction: column; gap: .25rem; }
	.menu a { display: block; padding: .65rem 0; }

	/* Mobilde mega panel varsayılan KAPALI; başlığa dokununca akordeon gibi açılır. */
	.menu__mega-tasiyici > a::after {
		content: "";
		display: inline-block;
		width: .45em;
		height: .45em;
		margin-left: .5em;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(45deg);
		transition: transform .2s ease;
		opacity: .55;
		vertical-align: middle;
	}
	.menu__mega-tasiyici.acik > a::after { transform: rotate(-135deg); }
	/* Mobil mega: kutu/dikey-çizgi hissi kaldırıldı. Kategoriler kompakt satır
	   (blok değil); başlık normal-case, hafif ayraç. Tek-açık akordeon (JS). */
	.mega {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		border: 0;
		margin: .1rem 0 .4rem;
		display: none;
	}
	.menu__mega-tasiyici.acik > .mega { display: block; }
	.mega__ic {
		width: auto;
		padding: 0;
		grid-template-columns: 1fr;
		gap: 0;
	}
	.mega__kapanis { display: none; }

	/* Her kategori = kompakt satır. Başlık linki kategori sayfasına gider;
	   sağdaki düğme (44px dokunma) alt listeyi açar/kapatır. Başlangıçta hepsi
	   KAPALI ve tek-açık — uzun liste oluşmaz, diğer menü ögeleri görünür kalır. */
	.mega__grup { border-bottom: 1px solid var(--renk-cizgi-ince, rgba(0,0,0,.06)); }
	.mega__grup:last-child { border-bottom: 0; }
	.mega__grup-ust {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: .5rem;
		border-bottom: 0;
	}
	.mega__grup-baslik {
		flex: 1;
		align-self: center;
		margin-bottom: 0;
		padding: .1rem 0;
		border-bottom: 0;
		font-size: .95rem;
		font-weight: 500;
		letter-spacing: 0;
		text-transform: none;
		color: var(--renk-metin);
	}
	.mega__grup.acik > .mega__grup-ust .mega__grup-baslik { color: var(--renk-vurgu); }
	.mega__grup-ac {
		display: grid;
		place-items: center;
		flex: 0 0 44px;
		min-height: 44px;
		background: none;
		border: 0;
		color: var(--renk-metin-soluk);
		cursor: pointer;
	}
	.mega__grup-ac::after {
		content: "";
		width: .42em;
		height: .42em;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(45deg);
		transition: transform .2s ease;
	}
	.mega__grup-ac[aria-expanded="true"]::after { transform: rotate(-135deg); }
	.mega__grup .mega__panel { display: none; }
	.mega__grup.acik .mega__panel { display: block; padding: 0 0 .7rem; }
	.mega__liste { gap: 0; }
	.mega__liste a { display: block; padding: .5rem .25rem .5rem 0; font-size: .9rem; color: var(--renk-metin-soluk); }
	.mega__liste a:hover { color: var(--renk-vurgu); }
	.mega--rayli .mega__tumu { display: inline-block; margin-top: .35rem; font-size: .88rem; font-weight: 600; text-decoration: none; color: var(--renk-ikincil); }

	.ust__acar {
		display: grid;
		place-items: center;
		width: 44px; height: 44px;
		margin-left: auto;
		background: none;
		border: 1px solid var(--renk-cizgi);
		border-radius: var(--kose);
		cursor: pointer;
	}
	.ust__acar-cizgi,
	.ust__acar-cizgi::before,
	.ust__acar-cizgi::after {
		display: block;
		width: 18px; height: 2px;
		background: var(--renk-metin);
		content: "";
		position: relative;
	}
	.ust__acar-cizgi::before { position: absolute; top: -6px; }
	.ust__acar-cizgi::after { position: absolute; top: 6px; }

	.ust__eylem { display: none; }

	.mobil-bar {
		position: fixed;
		inset: auto 0 0;
		z-index: 50;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		background: var(--renk-zemin);
		border-top: 1px solid var(--renk-cizgi);
		padding: .5rem max(.75rem, env(safe-area-inset-left)) max(.5rem, env(safe-area-inset-bottom));
		gap: .5rem;
	}
	/* Alt gezinme deseni: ikon üstte, etiket altta. */
	.mobil-bar .hekim-eylem {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: .28rem;
		padding: .6rem .4rem .5rem;
		border-radius: var(--kose);
		font-size: .76rem;
		font-weight: 560;
		line-height: 1.2;
		text-decoration: none;
		background: var(--renk-zemin-alt);
	}
	.mobil-bar .ikon { width: 22px; height: 22px; }
	.mobil-bar .hekim-eylem--whatsapp { background: var(--renk-zemin-alt); color: var(--renk-vurgu); }
	.mobil-bar .hekim-eylem--randevu { background: var(--renk-vurgu); color: var(--renk-vurgu-metin); }

	body { padding-bottom: 84px; }
}

/* Kategori arşivi (§6): kısa özet üstte, uzun rehber metni yazıların altında -- */
.liste__ozet { max-width: 68ch; }
.kategori-rehber {
	margin-top: clamp(2.5rem, 5vw, 4rem);
	padding-top: clamp(1.75rem, 3vw, 2.5rem);
	border-top: 1px solid var(--renk-cizgi);
}
.kategori-rehber__baslik { font-size: clamp(1.15rem, 2.2vw, 1.4rem); margin: 0 0 1rem; }
.kategori-rehber__metin { max-width: 72ch; color: var(--renk-metin); }
.kategori-rehber__metin > :first-child { margin-top: 0; }
.kategori-rehber__metin > :last-child { margin-bottom: 0; }
/* Uzun metin katlanır: ilk kısım görünür, alt yumuşak solar. Metin HER ZAMAN
   DOM'da (SEO). Açılınca tam görünür. */
.kategori-rehber--katli .kategori-rehber__metin {
	position: relative;
	max-height: 11rem;
	overflow: hidden;
	transition: max-height .3s ease;
}
.kategori-rehber--katli .kategori-rehber__metin::after {
	content: "";
	position: absolute; inset: auto 0 0; height: 4.5rem;
	background: linear-gradient(to bottom, transparent, var(--renk-zemin));
	pointer-events: none;
}
/* Açıkta metnin TAMAMI görünür (uzun rehberler 3200px'i aşabilir → none). */
.kategori-rehber--katli.acik .kategori-rehber__metin { max-height: none; }
.kategori-rehber--katli.acik .kategori-rehber__metin::after { display: none; }
.kategori-rehber__ac {
	margin-top: 1rem; padding: .5rem 1.1rem;
	background: none; border: 1px solid var(--renk-cizgi); border-radius: var(--kose);
	font: inherit; font-size: .88rem; font-weight: 600; color: var(--renk-vurgu); cursor: pointer;
	transition: background .15s ease, border-color .15s ease;
}
.kategori-rehber__ac:hover { background: var(--renk-zemin-alt); border-color: var(--renk-ikincil); }
.kategori-rehber__ac-metin { display: none; }
.kategori-rehber__ac-daha { display: inline; }
.kategori-rehber--katli.acik .kategori-rehber__ac-daha { display: none; }
.kategori-rehber--katli.acik .kategori-rehber__ac-az { display: inline; }

/* İlgili kategoriler ----------------------------------------------------- */
.ilgili-kategoriler { margin-top: clamp(2.5rem, 5vw, 4rem); }
.ilgili-kategoriler__baslik { font-size: clamp(1.05rem, 2vw, 1.25rem); margin: 0 0 1rem; }
.ilgili-kategoriler__liste { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .6rem; }
.ilgili-kategoriler__liste a {
	display: inline-flex; align-items: center; gap: .5rem;
	padding: .5rem .9rem;
	border: 1px solid var(--renk-cizgi); border-radius: 999px;
	font-size: .9rem; text-decoration: none; color: var(--renk-metin);
	transition: border-color .15s ease, color .15s ease;
}
.ilgili-kategoriler__liste a:hover { border-color: var(--renk-ikincil); color: var(--renk-vurgu); }
.ilgili-kategoriler__sayi { font-size: .78rem; color: var(--renk-metin-soluk); }

/* Sayfalama -------------------------------------------------------------- */

.pagination { margin-top: 2.5rem; }
.nav-links { display: flex; flex-wrap: wrap; gap: .5rem; }
.page-numbers {
	display: inline-grid;
	place-items: center;
	min-width: 42px; height: 42px;
	padding-inline: .6rem;
	border: 1px solid var(--renk-cizgi);
	border-radius: var(--kose);
	text-decoration: none;
	font-size: .93rem;
}
.page-numbers.current { background: var(--renk-vurgu); color: var(--renk-vurgu-metin); border-color: var(--renk-vurgu); }

/* Arama ------------------------------------------------------------------ */

.arama { display: flex; gap: .5rem; max-width: 480px; }
.arama__alan {
	flex: 1;
	padding: .7rem .9rem;
	border: 1px solid var(--renk-cizgi);
	border-radius: var(--kose);
	font: inherit;
	font-size: .95rem;
}

.bos { color: var(--renk-metin-soluk); }
.bulunamadi { text-align: center; padding-block: clamp(3rem, 8vw, 6rem); }
.bulunamadi .arama { margin-inline: auto; }
.bulunamadi__eylem { display: flex; gap: .7rem; justify-content: center; flex-wrap: wrap; margin-top: 1.75rem; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Kategori arşivinde "Bu alandaki tedaviler" bölümü — göç sonrası kategori
   bağları duran tedavi sayfalarını arşivde görünür tutar. */
.kat-tedaviler { margin-top: clamp(2rem, 5vw, 3.25rem); }
.kat-tedaviler__baslik { margin: 0 0 clamp(1rem, 2.5vw, 1.5rem); }