/* =========================================================
   Kategori (tedavi) sayfası + Tedavi detay — Figma tasarımına göre
   ========================================================= */

.page-cat {
	background: var(--color-bg);
}

.cat-wrap {
	max-width: var(--container-max);
	margin-inline: auto;
	padding-inline: var(--container-pad);
}

.cat-wrap--narrow {
	max-width: 860px;
}

/* ---------- HERO ---------- */
.cat-hero {
	position: relative;
	background: linear-gradient(135deg, #0b1f44 0%, #0a1a38 55%, #12274f 100%);
	color: #fff;
}

/* Arka plan görseli seçildiğinde: görsel kapla + okunabilirlik için koyu katman. */
.cat-hero.has-bg {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
}

.cat-hero.has-bg::before {
	content: "";
	position: absolute;
	inset: 0;
	/* Varsayılan overlay; sayfadan özelleştirilebilir (--cat-ov). */
	background: var(--cat-ov, linear-gradient(90deg, rgba(7, 18, 40, 0.92) 0%, rgba(7, 18, 40, 0.74) 46%, rgba(7, 18, 40, 0.42) 100%));
	pointer-events: none;
}

.cat-hero__inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 32px;
	align-items: center;
	padding-block: 40px 56px;
}

.cat-breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.55);
	margin-bottom: 26px;
}

.cat-breadcrumb a {
	color: rgba(255, 255, 255, 0.7);
	transition: color 0.18s ease;
}

.cat-breadcrumb a:hover {
	color: #fff;
}

.cat-breadcrumb__sep {
	color: rgba(255, 255, 255, 0.3);
}

.cat-breadcrumb__current {
	color: #fff;
}

.cat-hero__eyebrow {
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #fff;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 6px 14px;
	border-radius: 999px;
	margin-bottom: 18px;
}

.cat-hero__title {
	font-family: var(--font-heading);
	font-size: clamp(34px, 5vw, 54px);
	font-weight: 500;
	line-height: 1.1;
	margin-bottom: 16px;
}

.cat-hero__subtitle {
	font-size: 16px;
	line-height: 1.7;
	color: #fff;
	max-width: 520px;
	margin-bottom: 26px;
}

.cat-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.cat-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	font-weight: 600;
	padding: 13px 26px;
	border-radius: 10px;
	transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.cat-btn--primary {
	background: #1c3b70;
	color: #fff;
}

.cat-btn--primary:hover {
	background: #24488a;
	transform: translateY(-1px);
}

.cat-btn--ghost {
	background: transparent;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.35);
}

.cat-btn--ghost:hover {
	border-color: #fff;
	transform: translateY(-1px);
}

/* ---------- TEDAVİ GRID ---------- */
.cat-list {
	padding-block: 64px 76px;
}

.cat-list__eyebrow {
	display: block;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.3em;
	color: var(--color-gold);
	text-transform: uppercase;
	margin-bottom: 12px;
}

.cat-list__title {
	font-family: var(--font-heading);
	font-size: clamp(26px, 3.4vw, 38px);
	font-weight: 500;
	color: var(--color-heading);
	margin-bottom: 34px;
}

.cat-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.cat-card {
	display: flex;
	flex-direction: column;
	background: var(--color-card);
	border: 1px solid var(--color-border);
	border-radius: 18px;
	overflow: hidden;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.cat-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 30px 60px -40px rgba(11, 31, 68, 0.4);
	border-color: transparent;
}

.cat-card__media {
	aspect-ratio: 16 / 11;
	background: var(--color-section);
	overflow: hidden;
	display: grid;
	place-items: center;
}

.cat-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.cat-card__ph {
	color: rgba(11, 31, 68, 0.28);
}

.cat-card__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 24px 28px 28px;
}

.cat-card__title {
	font-family: var(--font-heading);
	font-size: 22px;
	font-weight: 500;
	color: var(--color-heading);
	margin-bottom: 10px;
}

.cat-card__desc {
	font-size: 16.5px;
	line-height: 1.7;
	color: #111;
	margin-bottom: 20px;
}

.cat-card__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13.5px;
	font-weight: 600;
	color: #fff;
	background: var(--color-navy);
	padding: 9px 16px;
	border-radius: 8px;
	transition: background 0.18s ease, gap 0.18s ease;
}

.cat-card__link:hover {
	background: var(--color-navy-deep);
	gap: 11px;
}

/* ---------- CTA (kategori + tedavi ortak) ---------- */
.cat-cta {
	background: var(--color-navy);
	color: #fff;
	text-align: center;
	padding: 76px 0;
}

.cat-cta__eyebrow {
	display: inline-block;
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: 0.3em;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.cat-cta__title {
	font-family: var(--font-heading);
	font-size: clamp(28px, 3.8vw, 44px);
	font-weight: 500;
	margin-bottom: 14px;
}

.cat-cta__text {
	font-size: 15px;
	color: #fff;
	max-width: 560px;
	margin: 0 auto 30px;
	line-height: 1.6;
}

.cat-cta__actions {
	display: flex;
	gap: 14px;
	justify-content: center;
	flex-wrap: wrap;
}

.cat-cta__btn {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	font-size: 15px;
	font-weight: 600;
	padding: 14px 28px;
	border-radius: 999px;
	transition: transform 0.18s ease, background 0.18s ease;
}

.cat-cta__btn--wa {
	background: #1c3b70;
	color: #fff;
}

.cat-cta__btn--wa:hover {
	background: #24488a;
	transform: translateY(-1px);
}

.cat-cta__btn--phone {
	background: transparent;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.35);
}

.cat-cta__btn--phone:hover {
	border-color: #fff;
	transform: translateY(-1px);
}

/* =========================================================
   TEDAVİ DETAY (single-treatment)
   ========================================================= */
.page-treatment {
	background: var(--color-bg);
	padding-block: 28px 20px;
}

.tr-wrap {
	max-width: 860px;
	margin-inline: auto;
	padding-inline: var(--container-pad);
}

.tr-breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	font-size: 13px;
	color: var(--color-muted);
	margin-bottom: 28px;
}

.tr-breadcrumb a {
	color: var(--color-muted);
	transition: color 0.18s ease;
}

.tr-breadcrumb a:hover {
	color: var(--color-gold);
}

.tr-breadcrumb__sep {
	color: var(--color-border);
}

.tr-breadcrumb__current {
	color: var(--color-navy);
	font-weight: 500;
}

.tr-header {
	margin-bottom: 28px;
}

.tr-header__eyebrow {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.24em;
	color: var(--color-gold);
	text-transform: uppercase;
	margin-bottom: 12px;
}

.tr-header__title {
	font-family: var(--font-heading);
	font-size: clamp(30px, 4.4vw, 46px);
	font-weight: 500;
	line-height: 1.15;
	color: var(--color-heading);
}

.tr-media {
	border-radius: 18px;
	overflow: hidden;
	margin-bottom: 30px;
}

.tr-media img {
	width: 100%;
	height: auto;
	display: block;
}

.tr-content {
	font-size: 16px;
	line-height: 1.8;
	color: var(--color-text);
	margin-bottom: 40px;
}

.tr-content h2,
.tr-content h3 {
	font-family: var(--font-heading);
	font-weight: 500;
	color: var(--color-heading);
	margin: 28px 0 12px;
}

.tr-content h2 {
	font-size: 26px;
}

.tr-content h3 {
	font-size: 21px;
}

.tr-content p {
	margin-bottom: 18px;
}

.tr-content ul,
.tr-content ol {
	margin: 0 0 18px 22px;
}

.tr-content ul {
	list-style: disc;
}

.tr-content ol {
	list-style: decimal;
}

.tr-content li {
	margin-bottom: 8px;
}

.tr-content a {
	color: var(--color-gold);
	text-decoration: underline;
}

/* =========================================================
   TEDAVİ DETAY (single-treatment) — hero + künye + süreç + SSS
   ========================================================= */
.page-td {
	background: var(--color-bg);
}

/* ---------- HERO ---------- */
.td-hero {
	position: relative;
	background: var(--color-section);
}

/* Öne çıkan görsel varsa hero arka planı olur + koyu katman. */
.td-hero.has-bg {
	background-image: var(--td-hero-bg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Overlay — varsayılan yok; sayfadan açılıp özelleştirilebilir (--td-ov). */
.td-hero.has-bg::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--td-ov, transparent);
	pointer-events: none;
}

/* Mobilde ayrı banner görseli varsa onu kullan (yoksa masaüstü görseline düş). */
@media (max-width: 768px) {
	.td-hero.has-bg {
		background-image: var(--td-hero-bg-mobile, var(--td-hero-bg));
	}
}

/* Koyu renk katmanı kaldırıldı — banner görseli olduğu gibi görünür.
   Renk basmadan yazının okunması için hafif gölge. */
.td-hero.has-bg .td-hero__main {
	text-shadow: 0 1px 14px rgba(0, 0, 0, 0.4);
}

.td-hero__inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1fr;
	gap: 48px;
	align-items: center;
	padding-block: 44px 56px;
}

.td-hero__main {
	max-width: 680px;
}

/* --- Koyu arka planlı hero: metinler açık renk --- */
.td-hero.has-bg .td-breadcrumb,
.td-hero.has-bg .td-breadcrumb__current {
	color: rgba(255, 255, 255, 0.7);
}

.td-hero.has-bg .td-breadcrumb a {
	color: rgba(255, 255, 255, 0.85);
}

.td-hero.has-bg .td-breadcrumb a:hover {
	color: #fff;
}

.td-hero.has-bg .td-breadcrumb__sep {
	color: rgba(255, 255, 255, 0.35);
}

.td-hero.has-bg .td-hero__eyebrow {
	color: #fff;
	background: rgba(255, 255, 255, 0.12);
}

.td-hero.has-bg .td-hero__title {
	color: #fff;
}

.td-hero.has-bg .td-hero__subtitle {
	color: #fff;
}

.td-hero.has-bg .td-spec {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.18);
}

.td-hero.has-bg .td-spec__label {
	color: #fff;
}

.td-hero.has-bg .td-spec__value {
	color: #fff;
}

.td-hero.has-bg .cat-btn--primary {
	background: #fff;
	color: var(--color-navy);
}

.td-hero.has-bg .cat-btn--primary:hover {
	background: rgba(255, 255, 255, 0.9);
}

.td-hero.has-bg .cat-btn--ghost {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.5);
}

.td-hero.has-bg .cat-btn--ghost:hover {
	border-color: #fff;
}

.td-breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	font-size: 13px;
	color: var(--color-muted);
	margin-bottom: 22px;
}

.td-breadcrumb a {
	color: var(--color-gold);
	transition: opacity 0.18s ease;
}

.td-breadcrumb a:hover {
	opacity: 0.75;
}

.td-breadcrumb__sep {
	color: var(--color-border);
}

.td-breadcrumb__current {
	color: var(--color-muted);
}

.td-hero__eyebrow {
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--color-navy);
	background: rgba(11, 31, 68, 0.07);
	border-radius: 999px;
	padding: 6px 14px;
	margin-bottom: 16px;
}

.td-hero__title {
	font-family: var(--font-heading);
	font-size: clamp(32px, 4.4vw, 50px);
	font-weight: 300;
	line-height: 1.1;
	color: var(--color-heading);
	margin-bottom: 16px;
}

.td-hero__subtitle {
	font-size: 15.5px;
	line-height: 1.7;
	color: var(--color-text);
	max-width: 520px;
	margin-bottom: 22px;
}

/* Künye şeridi */
.td-specs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 26px;
}

.td-spec {
	display: flex;
	flex-direction: column;
	gap: 3px;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	padding: 10px 16px;
	background: var(--color-bg);
	min-width: 84px;
}

.td-spec__label {
	font-size: 9.5px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--color-gold);
}

.td-spec__value {
	font-size: 15px;
	font-weight: 600;
	color: var(--color-heading);
}

.td-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.td-hero__actions .cat-btn {
	border-radius: 999px;
	padding: 15px 32px;
}

.td-hero .cat-btn--primary {
	background: var(--color-navy);
}

.td-hero .cat-btn--primary:hover {
	background: var(--color-navy-deep);
}

.td-hero__actions .cat-btn--ghost {
	color: var(--color-navy);
	border-color: var(--color-gold);
}

.td-hero__actions .cat-btn--ghost:hover {
	border-color: var(--color-navy);
}

/* ---------- OPERASYON SÜRECİ ---------- */
.td-steps-sec {
	padding-block: 60px 20px;
}

.td-steps-sec__eyebrow {
	display: block;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.3em;
	color: var(--color-gold);
	text-transform: uppercase;
	margin-bottom: 12px;
}

.td-steps-sec__title {
	font-family: var(--font-heading);
	font-size: clamp(26px, 3.2vw, 36px);
	font-weight: 500;
	color: var(--color-heading);
	margin-bottom: 36px;
}

.td-steps-wrap {
	position: relative;
}

.td-steps__controls {
	display: none;
}

.td-steps {
	display: flex;
	flex-wrap: wrap;
	gap: 28px 24px;
}

.td-step {
	position: relative;
	flex: 1 1 180px;
	min-width: 180px;
}

.td-step:not(:last-child)::before {
	content: "";
	position: absolute;
	top: 23px;
	left: 62px;
	right: -24px;
	height: 1px;
	background: var(--color-border);
}

.td-step__icon {
	position: relative;
	z-index: 1;
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: #eef1f6;
	color: var(--color-navy);
	margin-bottom: 18px;
}

.td-step__icon svg {
	width: 22px;
	height: 22px;
}

.td-step__num {
	display: block;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.14em;
	color: var(--color-gold);
	text-transform: uppercase;
	margin-bottom: 8px;
}

.td-step__title {
	font-size: 16.5px;
	font-weight: 600;
	color: var(--color-heading);
	margin-bottom: 8px;
}

.td-step__desc {
	font-size: 13.5px;
	line-height: 1.6;
	color: #111;
	max-width: 220px;
}

/* ---------- SSS AKORDİYON ---------- */
.td-faq-sec {
	background: #f5f3f3;
	padding-block: 56px 72px;
}

.td-faq-sec__eyebrow {
	display: block;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.3em;
	color: var(--color-gold);
	text-transform: uppercase;
	margin-bottom: 12px;
}

.td-faq-sec__title {
	font-family: var(--font-heading);
	font-size: clamp(26px, 3.2vw, 36px);
	font-weight: 500;
	color: var(--color-heading);
	margin-bottom: 28px;
}

.td-faq__item {
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	margin-bottom: 12px;
	overflow: hidden;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.td-faq__item.is-open {
	border-color: transparent;
	box-shadow: 0 16px 40px -28px rgba(11, 31, 68, 0.4);
}

.td-faq__q {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	text-align: left;
	background: none;
	border: none;
	cursor: pointer;
	padding: 20px 22px;
	font-size: 15.5px;
	font-weight: 600;
	color: var(--color-heading);
}

.td-faq__ico {
	position: relative;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
}

.td-faq__ico::before,
.td-faq__ico::after {
	content: "";
	position: absolute;
	background: var(--color-navy);
	border-radius: 2px;
	transition: opacity 0.18s ease, transform 0.18s ease;
}

.td-faq__ico::before {
	top: 9px;
	left: 2px;
	width: 16px;
	height: 2px;
}

.td-faq__ico::after {
	left: 9px;
	top: 2px;
	width: 2px;
	height: 16px;
}

.td-faq__item.is-open .td-faq__ico::after {
	opacity: 0;
	transform: rotate(90deg);
}

.td-faq__a {
	display: none;
	padding: 0 22px 22px;
	font-size: 14.5px;
	line-height: 1.7;
	color: #111;
}

.td-faq__item.is-open .td-faq__a {
	display: block;
}

/* ---------- DUYARLI ---------- */
@media (max-width: 900px) {
	.td-hero__inner {
		gap: 28px;
	}

	.td-step {
		flex-basis: calc(50% - 12px);
	}

	.td-step:not(:last-child)::before {
		display: none;
	}
}

@media (max-width: 860px) {
	.cat-hero__inner {
		grid-template-columns: 1fr;
	}

	.cat-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 560px) {
	.cat-grid {
		grid-template-columns: 1fr;
	}

	.td-step {
		flex-basis: 100%;
	}

	.td-step__desc {
		max-width: none;
	}

	/* Hero butonları mobilde yan yana (eşit genişlik). */
	.cat-hero__actions,
	.td-hero__actions {
		flex-wrap: nowrap;
		gap: 10px;
	}

	.cat-hero__actions .cat-btn,
	.td-hero__actions .cat-btn {
		flex: 1 1 0;
		justify-content: center;
		text-align: center;
		padding: 13px 12px;
		font-size: 13.5px;
	}

	/* Künye kutucukları mobilde 2'şerli. */
	.td-spec {
		flex: 1 1 calc(50% - 5px);
		min-width: 0;
	}
}

/* ---------- Operasyon Süreci — mobil carousel (oklu) ---------- */
@media (max-width: 640px) {
	.td-steps {
		flex-wrap: nowrap;
		gap: 14px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		margin-right: calc(var(--container-pad) * -1);
	}

	.td-steps::-webkit-scrollbar {
		display: none;
	}

	.td-step {
		flex: 0 0 78%;
		min-width: 0;
		scroll-snap-align: start;
	}

	.td-steps__controls {
		display: flex;
		justify-content: center;
		gap: 12px;
		margin-top: 24px;
	}

	.td-steps__nav {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 46px;
		height: 46px;
		border-radius: 50%;
		border: 1px solid var(--color-border);
		background: #fff;
		color: var(--color-navy);
		cursor: pointer;
		transition: background 0.18s ease, color 0.18s ease;
	}

	.td-steps__nav:active {
		background: var(--color-navy);
		color: #fff;
	}
}

/* =========================================================
   TEDAVİ DETAY — İÇERİK BLOKLARI (Süreç ↔ SSS arası)
   ========================================================= */
.td-content-sec {
	background: var(--color-bg);
	padding: 24px 0 12px;
}

.td-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 44px;
	align-items: center;
	padding: 40px 0;
}

.td-content + .td-content {
	border-top: 1px solid var(--color-border);
}

.td-content--right .td-content__media {
	order: 2;
}

.td-content--noimg {
	grid-template-columns: 1fr;
}

/* Tam genişlik: görsel üstte tam genişlik, metin altında. */
.td-content--full {
	grid-template-columns: 1fr;
	gap: 28px;
}

.td-content--full .td-content__media {
	aspect-ratio: 16 / 7;
}

.td-content__media {
	aspect-ratio: 4 / 3;
	border-radius: 18px;
	overflow: hidden;
	background: var(--color-section);
}

.td-content__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.td-content__body {
	font-size: 16px;
	line-height: 1.8;
	color: #111;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
}

.td-content__body > :first-child {
	margin-top: 0;
}

.td-content__body > :last-child {
	margin-bottom: 0;
}

.td-content__body h1,
.td-content__body h2,
.td-content__body h3,
.td-content__body h4 {
	font-family: var(--font-heading);
	font-weight: 600;
	color: var(--color-heading);
	line-height: 1.25;
	margin: 0 0 12px;
}

.td-content__body h1,
.td-content__body h2 {
	font-size: clamp(22px, 3vw, 28px);
}

.td-content__body h3 {
	font-size: 20px;
}

.td-content__body p {
	margin: 0 0 14px;
}

.td-content__body ul,
.td-content__body ol {
	margin: 0 0 14px;
	padding-left: 20px;
}

.td-content__body li {
	margin-bottom: 6px;
}

/* Yapıştırılan içerik listeleri — bullet/numara göster (check-listesi hariç) */
.td-content__rich ul,
.td-content__rich ol {
	padding-left: 24px;
}

.td-content__rich ul {
	list-style: disc;
}

.td-content__rich ol {
	list-style: decimal;
}

.td-content__rich li {
	margin-bottom: 6px;
	padding-left: 4px;
}

.td-content__rich li::marker {
	color: var(--color-gold);
}

/* Yapıştırılan içerik tabloları — blog ile aynı şık stil */
.td-content__rich table {
	width: 100%;
	max-width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 26px 0;
	font-size: 15.5px;
	line-height: 1.55;
	border: 1px solid var(--color-border);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 24px 50px -40px rgba(11, 31, 68, 0.35);
}

.td-content__rich thead th,
.td-content__rich thead td {
	background: var(--color-navy);
	color: #fff;
	font-weight: 600;
	font-family: var(--font-heading);
}

.td-content__rich th,
.td-content__rich td {
	padding: 13px 20px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid var(--color-border);
	border-right: 1px solid var(--color-border);
}

.td-content__rich th:last-child,
.td-content__rich td:last-child {
	border-right: none;
}

.td-content__rich tbody tr:last-child th,
.td-content__rich tbody tr:last-child td {
	border-bottom: none;
}

/* thead yoksa ilk satırı başlık gibi göster */
.td-content__rich table:not(:has(thead)) tr:first-child td,
.td-content__rich table:not(:has(thead)) tr:first-child th {
	background: var(--color-navy);
	color: #fff;
	font-weight: 600;
	font-family: var(--font-heading);
}

.td-content__rich tbody td:first-child {
	font-weight: 600;
	color: var(--color-heading);
}

.td-content__rich tbody tr:nth-child(even) td {
	background: #f7f9fc;
}

@media (max-width: 640px) {
	.td-content__rich table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
}

.td-content__body a {
	color: var(--color-gold);
	text-decoration: underline;
}

.td-content__body img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

@media (max-width: 768px) {
	.td-content {
		grid-template-columns: 1fr;
		gap: 20px;
		padding: 28px 0;
	}

	.td-content--right .td-content__media {
		order: 0;
	}
}

/* İçerik bloğu — başlık & buton */
.td-content__title {
	font-family: var(--font-heading);
	font-size: clamp(22px, 3vw, 30px);
	font-weight: 600;
	line-height: 1.2;
	color: var(--color-heading);
	margin: 0 0 14px;
}

.td-content__list {
	list-style: none;
	margin: 28px 0 0;
	padding: 0;
	display: grid;
	gap: 12px;
	clear: both;
}

.td-content__rich {
	margin-bottom: 0;
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

.td-content__rich > :last-child {
	margin-bottom: 0;
}

.td-content__list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 16px;
	line-height: 1.6;
	color: #111;
}

.td-content__check {
	flex: none;
	margin-top: 1px;
	color: #2f5da8;
}

.td-content__cta {
	margin-top: 22px;
}

/* Buton, site butonlarıyla aynı (.cat-btn--primary); body link stilini (altın/altı çizili) ez. */
.td-content__body a.td-content__btn,
.td-content__body a.td-content__btn:hover {
	color: #fff;
	text-decoration: none;
}

.td-content__btn {
	border-radius: 999px;
}