:root {
    --bg: #f0f0f0;
    --menutxtcl: 111, 115, 145;
    --menutxtweight: 400;
    --intlinear: 90, 99, 129;
    --txtall: 79, 82, 107;
    --cl1: 197, 12, 131;
    --pckdf: var(--cl1);
    --whydf: var(--cl1);
    --lbds: 255, 255, 255;
    --lsdb: 56, 58, 70;
    --text: 85, 85, 85;
    --fixedtel: #d581b4;
}
body.dark {
    --bg: #26272d;
    --menutxtcl: 226, 226, 228;
    --intlinear: 45, 45, 58;
    --txtall: 226, 226, 228;
    --cl1: 197, 12, 131;
    --lbds: 56, 58, 70;
    --lsdb: 255, 255, 255;
    --pckdf: var(--cl1);
    --text: 226, 226, 228;
}

/* =====================================================
   TAKIPSAATI HERO / INTROHOME INCELTME
   ===================================================== */

.introHome {
	height: 360px !important;
	min-height: 360px !important;
	max-height: 360px !important;
	overflow: hidden !important;
	position: relative !important;
	padding: 0 !important;
	margin-bottom: 20px !important;
}

/* Arka plan görseli */
.introHome .introBG,
.introHome img.introBG {
	width: 100% !important;
	height: 360px !important;
	min-height: 360px !important;
	max-height: 360px !important;
	object-fit: cover !important;
	object-position: center center !important;
	display: block !important;
}

/* Yazı alanı */
.introHome .content {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: min(1100px, calc(100% - 40px)) !important;
	z-index: 2 !important;
	padding: 0 !important;
	margin: 0 auto !important;
}

/* Başlık */
.introHome .content h1 {
	margin-top: 0 !important;
	margin-bottom: 14px !important;
	font-size: clamp(30px, 4vw, 56px) !important;
	line-height: 1.08 !important;
}

/* Span alt satır çok yer kaplamasın */
.introHome .content h1 span {
	display: block !important;
	margin-top: 8px !important;
	font-size: clamp(17px, 2vw, 28px) !important;
	line-height: 1.15 !important;
}

/* Açıklama */
.introHome .content p {
	max-width: 720px !important;
	margin: 0 !important;
	font-size: clamp(14px, 1.4vw, 18px) !important;
	line-height: 1.45 !important;
}

/* Altındaki paket seçim alanını yukarı yaklaştır */
.introHome + *,
.introHome ~ .container:first-of-type,
.introHome ~ section:first-of-type {
	margin-top: -10px !important;
}

/* Mobil */
@media (max-width: 768px) {
	.introHome {
		height: 260px !important;
		min-height: 260px !important;
		max-height: 260px !important;
		margin-bottom: 12px !important;
	}

	.introHome .introBG,
	.introHome img.introBG {
		height: 260px !important;
		min-height: 260px !important;
		max-height: 260px !important;
		object-position: center center !important;
	}

	.introHome .content {
		width: calc(100% - 28px) !important;
		text-align: left !important;
	}

	.introHome .content h1 {
		font-size: 25px !important;
		line-height: 1.08 !important;
		margin-bottom: 10px !important;
	}

	.introHome .content h1 span {
		font-size: 15px !important;
		margin-top: 6px !important;
	}

	.introHome .content p {
		font-size: 13.5px !important;
		line-height: 1.35 !important;
		max-width: 95% !important;
	}
} /* INTROHOME YAZI BOYUTU DUZELTME - MASAUSTU */
@media (min-width: 769px) {
	.introHome .content h1 {
		font-size: 38px !important;
		line-height: 1.12 !important;
		max-width: 760px !important;
		margin-bottom: 12px !important;
	}

	.introHome .content h1 span {
		font-size: 21px !important;
		line-height: 1.2 !important;
		margin-top: 8px !important;
	}

	.introHome .content p {
		font-size: 15.5px !important;
		line-height: 1.45 !important;
		max-width: 650px !important;
	}
}