/**
 * Hero altı kompakt tanıtım / distribütörlük plakası — kaynak:
 * markaliste-twin-kit-1.0 `components/distributor.css` (geometri BİREBİR:
 * 1040px azami genişlik, 26px/16px kesik sağ-alt köşe, koyu marka gradyanı,
 * kompakt sans başlık, imza çizgisi, rota/düğüm + ışık yüzeyi).
 *
 * Bu bir HERO veya Hakkımızda bloğu DEĞİLDİR: uzun paragraf, ikinci kolon
 * veya CTA taşımaz. Yükseklik sabitlenmez; metin gizlenmez veya kesilmez
 * (`overflow: hidden` yalnız clip-path içindir).
 *
 * Altın vurgunun Akbulak karşılığı YEŞİLDİR (`--color-accent-on-dark`,
 * koyu yüzeyde açık adaçayı). Rota motifi üretici → pazar bağlantısını
 * temsil eder: başlangıçta halkalı üretici düğümü, yol boyunca ara düğümler,
 * sonda dolu yeşil pazar düğümü.
 */

.brandbase-distributor {
	background-color: var(--color-porcelain);
}

.brandbase-distributor__inner {
	display: flex;
	justify-content: center;
	padding-block: clamp(0.625rem, 0.9vw, 0.875rem);
}

.brandbase-distributor__plaque {
	--distributor-notch: 26px;

	position: relative;
	width: 100%;
	max-width: 1040px;
	overflow: hidden;
	background: var(--gradient-brand-dark);
	clip-path: polygon(
		0 0,
		100% 0,
		100% calc(100% - var(--distributor-notch)),
		calc(100% - var(--distributor-notch)) 100%,
		0 100%
	);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-ice-100) 16%, transparent);
	padding: clamp(1.125rem, 1.6vw, 1.375rem) clamp(1.5rem, 2.6vw, 2.25rem) clamp(1.25rem, 1.7vw, 1.5rem);
}

/* ---- Sağ grafik imzası: rota + düğümler + statik ışık yüzeyi ---- */

.brandbase-distributor__route-glow {
	/* Işık yüzeyi: plakanın TAMAMINI kaplayan, merkezi rota ucuna yakın
	   yumuşak bir gradyan. Kaynakta ayrı bir kutuydu ve gradyan kutu kenarında
	   hâlâ ~%16 görünür olduğundan kutunun dikdörtgen kenarı seçiliyordu
	   (Akbulak'ın açık adaçayı/kahve kontrastında belirgin hata). Burada
	   gradyan kendi yarıçapında tamamen saydamlaşır; kenar oluşmaz. */
	position: absolute;
	inset: 0;
	background: radial-gradient(
		ellipse clamp(170px, 26vw, 300px) clamp(105px, 15vw, 175px)
			at calc(100% - clamp(1rem, 2.4vw, 1.75rem)) calc(100% - clamp(0.6rem, 1.4vw, 1rem)),
		color-mix(in srgb, var(--color-ice-100) 12%, transparent) 0%,
		transparent 100%
	);
	pointer-events: none;
}

.brandbase-distributor__route {
	position: absolute;
	right: clamp(0.5rem, 1.8vw, 1.25rem);
	bottom: clamp(0.25rem, 0.8vw, 0.5rem);
	width: clamp(136px, 21vw, 240px);
	height: auto;
	pointer-events: none;
}

.brandbase-distributor__route-line {
	fill: none;
	stroke: color-mix(in srgb, var(--color-ice-100) 65%, transparent);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-dasharray: 1.5 8;
}

.brandbase-distributor__route-node {
	fill: color-mix(in srgb, var(--color-ice-100) 72%, transparent);
}

/* Üretici düğümü: dolu nokta + ince halka. */
.brandbase-distributor__route-node--start {
	fill: color-mix(in srgb, var(--color-ice-100) 85%, transparent);
}

.brandbase-distributor__route-ring {
	fill: none;
	stroke: color-mix(in srgb, var(--color-ice-100) 55%, transparent);
	stroke-width: 1.5;
}

/* Pazar düğümü: dolu yeşil nokta + sönük halka. */
.brandbase-distributor__route-node--end {
	fill: var(--color-accent-on-dark);
}

.brandbase-distributor__route-ring--end {
	stroke: color-mix(in srgb, var(--color-accent-on-dark) 55%, transparent);
}

/* ---- İçerik: başlık lock-up + destek cümlesi ---- */

.brandbase-distributor__content {
	position: relative;
	z-index: 1;
}

/* AKBULAK-07 hiyerarşi: marka (lead) büyük, ağır ve yeşil; faaliyet tanımı (rest) daha küçük, orta ağırlıkta, beyaz.
   Mobilde ikisi doğal satır akışında (zorunlu kırılım yok); ≥640px'te marka kendi satırında. Tek h1: iki parça tek başlık. */
.brandbase-distributor__title {
	margin: 0;
	font-family: var(--font-sans);
	font-weight: 700;
	font-size: clamp(1.25rem, 1.5vw + 0.5rem, 1.5rem);
	line-height: 1.2;
	letter-spacing: 0;
	color: var(--color-white);
	text-wrap: balance;
}

.brandbase-distributor__title-lead {
	font-weight: 800;
	font-size: 1.5em;
	letter-spacing: -0.005em;
	color: var(--color-accent-on-dark);
}

.brandbase-distributor__title-rest {
	font-weight: 500;
	letter-spacing: 0.01em;
	color: var(--color-white);
}

.brandbase-distributor__title--plain {
	font-size: clamp(1.375rem, 1.9vw, 1.75rem);
}

@media (min-width: 640px) {
	.brandbase-distributor__title-lead {
		display: block;
		font-size: 1.95em;
		line-height: 1.08;
		margin-bottom: 0.18em;
	}
}

/* ---- Başlık altı imza çizgisi: başlığı sağ rotaya bağlayan mikro yön işareti ---- */

.brandbase-distributor__title-line {
	position: relative;
	width: clamp(120px, 14vw, 190px);
	height: 4px;
	margin: var(--space-2) 0 var(--space-3) 0;
}

.brandbase-distributor__title-line::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1.5px;
	transform: translateY(-50%);
	background: linear-gradient(
		90deg,
		var(--color-accent-on-dark) 0%,
		var(--color-accent-on-dark) 26%,
		var(--color-blue-500) 68%,
		var(--color-ice-100) 100%
	);
}

.brandbase-distributor__title-line-node {
	position: absolute;
	right: -2px;
	top: 50%;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	transform: translateY(-50%);
	background-color: var(--color-ice-100);
}

.brandbase-distributor__statement {
	/* AKBULAK-04: kaynaktaki 44ch kısa tek cümle içindi; Akbulak'ın kapsamlı tanıtım metni
	   için ölçü 62ch'ye çıkarıldı (mutlak kural değil). Plaka içeriğe göre büyür; metin
	   kısaltılmaz/gizlenmez, font küçültülmez. Birden çok paragraf aralıklıdır. */
	max-width: 62ch;
	margin: 0;
	font-family: var(--font-display);
	font-weight: 500;
	font-style: normal;
	font-size: clamp(0.9375rem, 1.05vw, 1.0625rem);
	line-height: 1.48;
	letter-spacing: normal;
	color: color-mix(in srgb, var(--color-white) 90%, var(--color-ice-100));
	text-wrap: pretty;
}

.brandbase-distributor__statement + .brandbase-distributor__statement {
	margin-top: var(--space-3);
}

/* Masaüstü: metin, sağ-alttaki rota/düğüm motifiyle çakışmasın diye motif genişliği kadar
   sağdan pay bırakılır (motifin genişliği `.brandbase-distributor__route` ile aynı clamp). */
@media (min-width: 900px) {
	.brandbase-distributor__content {
		padding-right: clamp(150px, 21vw, 260px);
	}
}

@media (max-width: 899px) {
	/* Metin tam genişliktir; rota motifi son satırın ALTINDA kalsın diye alttan pay. */
	.brandbase-distributor__plaque {
		padding-bottom: clamp(3.75rem, 14vw, 4.75rem);
	}

	.brandbase-distributor__route-glow {
		background: radial-gradient(
			ellipse clamp(140px, 34vw, 230px) clamp(90px, 21vw, 140px)
				at calc(100% - clamp(1rem, 2.4vw, 1.75rem)) calc(100% - clamp(0.6rem, 1.4vw, 1rem)),
			color-mix(in srgb, var(--color-ice-100) 12%, transparent) 0%,
			transparent 100%
		);
	}

	.brandbase-distributor__route {
		width: clamp(78px, 18vw, 122px);
	}
}

@media (max-width: 639px) {
	.brandbase-distributor__inner {
		padding-block: var(--space-2);
	}

	.brandbase-distributor__plaque {
		--distributor-notch: 16px;

		padding: var(--space-4) var(--space-5) clamp(3.5rem, 17vw, 4.25rem);
	}

	.brandbase-distributor__route-glow {
		background: radial-gradient(
			ellipse clamp(110px, 40vw, 160px) clamp(72px, 25vw, 105px)
				at calc(100% - var(--space-5)) calc(100% - var(--space-3)),
			color-mix(in srgb, var(--color-ice-100) 12%, transparent) 0%,
			transparent 100%
		);
	}

	.brandbase-distributor__route {
		right: var(--space-4);
		bottom: var(--space-2);
		width: clamp(66px, 24vw, 96px);
	}

	.brandbase-distributor__content {
		max-width: none;
	}

	.brandbase-distributor__title {
		font-size: clamp(1.0625rem, 4.6vw, 1.1875rem);
	}

	.brandbase-distributor__title--plain {
		font-size: clamp(1.125rem, 5.2vw, 1.25rem);
	}

	.brandbase-distributor__title-line {
		width: clamp(90px, 26vw, 130px);
		margin-bottom: var(--space-2);
	}

	.brandbase-distributor__statement {
		max-width: none;
		font-size: clamp(0.875rem, 3.6vw, 0.9375rem);
	}
}