/* ==========================================================================
   Karaaslan Tarım — Kurumsal içerik sayfaları
   (tpl-kurumsal, tpl-kalite, tpl-lojistik, tpl-servislerimiz)
   ========================================================================== */

/* ---- Koyu kroki/kapak hero (tüm 4 şablonda ortak) ---- */

.ka-page-hero {
	position: relative;
	height: 400px;
	overflow: hidden;
	background: #2a2f3a;
}

.ka-page-hero-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.ka-page-hero-overlay {
	position: absolute;
	inset: 0;
	background: rgba(34, 36, 46, .55);
}

.ka-page-hero-content {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 46px;
}

.ka-page-hero-title {
	font-weight: 600;
	font-size: clamp(30px, 4.5vw, 44px);
	color: #fff;
	margin: 0;
}

/* Servislerimiz kroki hero: illustration band + tint, daha kısa */

.ka-sketch-hero {
	position: relative;
	height: 340px;
	overflow: hidden;
	background: #5b6080;
}

.ka-sketch-hero-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	opacity: .5;
}

.ka-sketch-hero-overlay {
	position: absolute;
	inset: 0;
	background: rgba(83, 88, 120, .35);
}

.ka-sketch-hero-content {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 40px;
}

/* ---- Kurumsal — tesis bandı (hero altı, tam genişlik ama kenar boşluklu) ---- */

.ka-facility-band {
	background: #fff;
	padding: 26px 0 0;
}

.ka-facility-band-inner {
	padding: 0 min(270px, 16vw) 0 26px;
}

.ka-facility-img {
	width: 100%;
	height: 620px;
	object-fit: cover;
	display: block;
}

@media (max-width: 900px) {
	.ka-facility-band-inner {
		padding: 0 24px;
	}

	.ka-facility-img {
		height: 340px;
	}
}

/* ---- Renkli 2 kolon içerik blokları ---- */

.ka-page-split {
	margin-top: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr));
	align-items: stretch;
}

.ka-page-split-first {
	margin-top: 0;
}

.ka-page-split-magenta {
	background: var(--ka-magenta-dark);
}

.ka-page-split-orange {
	background: var(--ka-orange-deep);
}

.ka-page-split-blue {
	background: var(--ka-blue);
}

.ka-page-split-text {
	padding: 78px min(80px, 6vw);
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ka-page-split-heading {
	font-weight: 600;
	font-size: 31px;
	margin: 0 0 16px;
	color: #fff;
}

.ka-page-split-heading + .ka-page-split-heading,
.ka-page-split-heading-second {
	margin-top: 44px;
}

.ka-page-split-para {
	font-size: 15px;
	line-height: 1.9;
	margin: 0;
	color: rgba(255, 255, 255, .94);
}

.ka-page-split-para-tight {
	margin: 0 0 18px;
}

.ka-page-split-para-last {
	margin: 0 0 26px;
}

.ka-page-split-rule {
	border-top: 1px solid rgba(255, 255, 255, .4);
	margin-bottom: 26px;
}

.ka-page-split-media {
	min-height: 640px;
}

.ka-page-split-media-sm {
	min-height: 560px;
}

.ka-page-split-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ---- Kalite / Lojistik — üst görsel+metin blok (beyaz zemin) ---- */

.ka-page-intro {
	background: #fff;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr));
	align-items: stretch;
}

.ka-page-intro-media {
	min-height: 620px;
}

.ka-page-intro-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.ka-page-intro-text {
	padding: 90px min(90px, 6vw);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ka-page-intro-heading {
	font-weight: 600;
	font-size: 33px;
	color: var(--ka-ink);
	margin: 0 0 16px;
}

.ka-page-intro-para {
	color: var(--ka-muted);
	font-size: 15.5px;
	line-height: 1.85;
	margin: 0 0 34px;
	max-width: 640px;
}

.ka-page-intro-para-noshelf {
	margin-bottom: 0;
}

/* ---- Servislerimiz — tam genişlik banner ---- */

.ka-services-banner {
	background: #fff;
	padding: 64px 0 96px;
}

.ka-services-banner-inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 40px;
}

.ka-services-banner-img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 6px;
}

/* ---- İletişim — 2 kolon (bilgiler + Destek Formu) ---- */

.ka-contact-split {
	background: #fff;
	padding: 84px 0 40px;
}

.ka-contact-split-inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 40px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
	gap: 64px;
	align-items: start;
}

.ka-contact-info-title {
	font-weight: 600;
	font-size: 31px;
	color: var(--ka-ink);
	margin: 0 0 26px;
}

.ka-contact-info-row {
	font-size: 15px;
	line-height: 1.7;
	color: var(--ka-muted);
	margin-bottom: 20px;
}

.ka-contact-info-row b {
	color: var(--ka-ink);
}

.ka-contact-info-row-last {
	margin-bottom: 30px;
}

.ka-contact-info-link {
	color: var(--ka-orange);
	font-weight: 600;
}

.ka-contact-socials {
	display: flex;
	gap: 12px;
}

.ka-contact-social-btn {
	width: 40px;
	height: 40px;
	border: 1.5px solid var(--ka-ink);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ka-ink);
	transition: background .15s ease, color .15s ease;
}

.ka-contact-social-btn:hover {
	background: var(--ka-ink);
	color: #fff;
}

/* ---- İletişim — harita bandı ---- */

.ka-contact-map-band {
	background: #fff;
	padding: 40px 0 0;
}

.ka-contact-map-frame {
	width: 100%;
	height: 430px;
	border: 0;
	display: block;
}

/* ---- Responsive ---- */

@media (max-width: 640px) {
	.ka-page-hero,
	.ka-sketch-hero {
		height: 260px;
	}

	.ka-page-split-first {
		margin-top: 0;
	}

	.ka-page-split-text,
	.ka-page-intro-text {
		padding: 56px 24px;
	}

	.ka-page-split-media,
	.ka-page-split-media-sm,
	.ka-page-intro-media {
		min-height: 300px;
	}

	.ka-services-banner {
		padding: 40px 0 60px;
	}

	.ka-services-banner-inner {
		padding: 0 20px;
	}

	.ka-contact-split {
		padding: 56px 0 24px;
	}

	.ka-contact-split-inner {
		padding: 0 20px;
		gap: 40px;
	}

	.ka-contact-map-frame {
		height: 280px;
	}
}