/**
 * Yasal metin sayfaları (KVKK / Mesafeli Satış / İptal & İade) — Figma'ya göre.
 * Açık gri arka plan üzerinde ortalanmış beyaz kart; serif başlıklar.
 */

.page-legal {
	background: var(--color-section);
	padding: 48px 0 72px;
}

.legal-inner {
	width: 100%;
	max-width: 1000px;
	margin-inline: auto;
	padding-inline: var(--container-pad);
}

/* ---------- Breadcrumb ---------- */
.legal-breadcrumb {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13.5px;
	color: var(--color-muted);
	margin-bottom: 14px;
}

.legal-breadcrumb a {
	color: var(--color-muted);
	text-decoration: none;
	transition: color .15s ease;
}

.legal-breadcrumb a:hover {
	color: var(--color-navy);
}

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

.legal-breadcrumb__current {
	color: var(--color-gold);
	font-weight: 500;
}

/* ---------- Başlık ---------- */
.legal-title {
	font-family: var(--font-heading);
	font-weight: 500;
	font-size: clamp(30px, 4vw, 46px);
	line-height: 1.12;
	color: var(--color-heading);
	margin: 0 0 24px;
}

/* ---------- Kart ---------- */
.legal-card {
	background: var(--color-card);
	border: 1px solid var(--color-border);
	border-radius: 22px;
	padding: clamp(24px, 4vw, 52px);
	box-shadow: 0 24px 60px -40px rgba(11, 31, 68, .28);
}

.legal-card__intro {
	font-size: 16px;
	line-height: 1.75;
	color: var(--color-text);
	margin: 0 0 8px;
}

.legal-card__intro:last-child {
	margin-bottom: 0;
}

.legal-card__heading {
	font-family: var(--font-heading);
	font-weight: 500;
	font-size: clamp(19px, 2.2vw, 23px);
	color: var(--color-heading);
	margin: 34px 0 12px;
}

.legal-card__text {
	font-size: 15px;
	line-height: 1.75;
	color: var(--color-text);
	margin: 0 0 10px;
}

.legal-card__text:last-child {
	margin-bottom: 0;
}

@media (max-width: 600px) {
	.page-legal {
		padding: 32px 0 52px;
	}
}