.iem-home,
.iem-home * {
	box-sizing: border-box;
}

.iem-home {
	--b: #0d4d78;
	--bd: #073a5c;
	--t: #17212f;
	--m: #6d7888;
	--s: #f5f7fa;
	--br: #e6ebf0;

	color: var(--t);
	background: #fff;
	overflow: hidden;
}

.iem-home-container {
	width: min(1240px, calc(100% - 40px));
	margin: 0 auto;
}

.iem-home-section {
	padding: 84px 0;
}

.iem-home-section--soft {
	background: linear-gradient(
		180deg,
		#f7f9fb 0%,
		#fff 100%
	);
}

.iem-home-kicker {
	display: inline-flex;
	align-items: center;
	gap: 8px;

	margin-bottom: 12px;

	color: var(--b);

	font-size: 12px;
	font-weight: 800;

	letter-spacing: .08em;
	text-transform: uppercase;
}

.iem-home-kicker::before {
	content: "";

	width: 22px;
	height: 2px;

	border-radius: 999px;

	background: currentColor;
}

.iem-home-kicker--light {
	color: rgba(255, 255, 255, .78);
}

.iem-home-section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;

	gap: 24px;

	margin-bottom: 30px;
}

.iem-home-section-head--center {
	justify-content: center;
	text-align: center;
}

.iem-home-section-head--center > div {
	max-width: 760px;
}

.iem-home-section-head h2 {
	margin: 0;

	color: var(--t);

	font-size: clamp(30px, 4vw, 48px);

	line-height: 1.08;
	letter-spacing: -.04em;
}

.iem-home-section-head p {
	margin: 14px 0 0;

	color: var(--m);

	font-size: 16px;

	line-height: 1.7;
}

.iem-home-text-link {
	color: var(--b);

	font-size: 13px;
	font-weight: 800;

	text-decoration: none;
	white-space: nowrap;
}


/* =========================================================
   HERO
========================================================= */

.iem-home-hero {
	position: relative;

	min-height: 690px;

	margin-top: -90px;
	padding-top: 90px;

	display: flex;
	align-items: center;

	overflow: hidden;

	background: #071d2c;
}


/* =========================================================
   HERO YOUTUBE VIDEO
========================================================= */

.iem-home-hero__media {
	position: absolute;

	inset: 0;

	z-index: 0;

	overflow: hidden;

	background: #071d2c;

	pointer-events: none;
}


/*
 * YouTube player container.
 *
 * Masaüstünde videoyu gerçek 16:9 oranında tutuyoruz.
 * Hero alanı ne kadar geniş/yüksek olursa olsun
 * boşluk bırakmadan cover mantığıyla çalışır.
 */

#iemHeroYoutube {
	position: absolute;

	top: 50%;
	left: 50%;

	width: 100vw;
	height: 56.25vw;

	min-width: 177.78vh;
	min-height: 100vh;

	transform: translate(-50%, -50%);

	pointer-events: none;
}


/*
 * YouTube'un oluşturduğu iframe
 */

#iemHeroYoutube iframe {
	position: absolute;

	top: 0;
	left: 0;

	width: 100% !important;
	height: 100% !important;

	border: 0;

	pointer-events: none;
}


/* =========================================================
   HERO VIDEO OVERLAY
========================================================= */

.iem-home-hero__video-overlay {
	position: absolute;

	inset: 0;

	z-index: 1;

	pointer-events: none;

	background:

		linear-gradient(
			to top,
			rgba(3, 18, 30, .72) 0%,
			rgba(3, 18, 30, .44) 22%,
			rgba(3, 18, 30, .16) 48%,
			rgba(3, 18, 30, .04) 70%,
			rgba(3, 18, 30, 0) 100%
		),

		linear-gradient(
			to right,
			rgba(3, 18, 30, .18) 0%,
			rgba(3, 18, 30, .07) 42%,
			rgba(3, 18, 30, 0) 75%
		);
}


/* =========================================================
   HERO CONTENT
========================================================= */

.iem-home-hero__content {
	position: relative;

	z-index: 2;

	padding-top: 180px;
	padding-bottom: 70px;

	color: #fff;
}

.iem-home-hero h1 {
	max-width: 880px;

	margin: 0;

	color: #fff;

	font-size: clamp(46px, 6.4vw, 82px);

	line-height: .98;
	letter-spacing: -.055em;
}

.iem-home-hero p {
	max-width: 680px;

	margin: 24px 0 0;

	color: rgba(255, 255, 255, .82);

	font-size: 18px;

	line-height: 1.7;
}

.iem-home-hero__actions {
	display: flex;
	flex-wrap: wrap;

	gap: 12px;

	margin-top: 30px;
}

.iem-home-btn {
	min-height: 50px;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 0 20px;

	border-radius: 14px;

	text-decoration: none;

	font-size: 14px;
	font-weight: 800;

	transition: .2s;
}

.iem-home-btn:hover {
	transform: translateY(-2px);
}

.iem-home-btn--primary {
	background: #fff;

	color: var(--bd);

	box-shadow:
		0 12px 30px rgba(0, 0, 0, .16);
}

.iem-home-btn--glass {
	color: #fff;

	background:
		rgba(255, 255, 255, .12);

	border:
		1px solid rgba(255, 255, 255, .28);

	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
}

.iem-home-hero__trust {
	display: flex;
	flex-wrap: wrap;

	gap: 18px;

	margin-top: 38px;

	color:
		rgba(255, 255, 255, .76);

	font-size: 12px;
	font-weight: 650;
}


/* =========================================================
   STATS
========================================================= */

.iem-home-stats-wrap {
	position: relative;

	z-index: 3;

	padding-top: 0;

	margin-top: -44px;
}

.iem-home-stats {
	display: grid;

	grid-template-columns:
		repeat(4, 1fr);

	overflow: hidden;

	border:
		1px solid rgba(255, 255, 255, .6);

	border-radius: 22px;

	background:
		rgba(255, 255, 255, .82);

	-webkit-backdrop-filter:
		blur(24px) saturate(170%);

	backdrop-filter:
		blur(24px) saturate(170%);

	box-shadow:
		0 18px 44px rgba(15, 23, 42, .12);
}

.iem-home-stat {
	padding: 24px;

	text-align: center;

	border-right:
		1px solid rgba(15, 23, 42, .06);
}

.iem-home-stat:last-child {
	border-right: 0;
}

.iem-home-stat strong {
	display: block;

	color: var(--b);

	font-size: 28px;
	font-weight: 850;

	letter-spacing: -.04em;
}

.iem-home-stat span {
	display: block;

	margin-top: 5px;

	color: var(--m);

	font-size: 12px;
	font-weight: 650;
}


/* =========================================================
   REGIONS
========================================================= */

.iem-home-regions {
	display: grid;

	grid-template-columns:
		repeat(4, 1fr);

	gap: 16px;
}

.iem-home-region {
	position: relative;

	min-height: 380px;

	display: flex;
	align-items: flex-end;

	overflow: hidden;

	border-radius: 24px;

	text-decoration: none;

	background-image:

		linear-gradient(
			180deg,
			transparent 25%,
			rgba(4, 20, 32, .88) 100%
		),

		url("https://istanbulemlakmerkezi.com/wp-content/uploads/2025/04/kanal-istanbul-on-yuz.jpg");

	background-position: center;
	background-size: cover;

	box-shadow:
		0 8px 24px rgba(15, 23, 42, .07);

	transition: .25s;
}

.iem-home-region:hover {
	transform:
		translateY(-4px);

	box-shadow:
		0 18px 36px rgba(15, 23, 42, .12);
}

.iem-home-region__content {
	position: relative;

	z-index: 2;

	padding: 22px;

	color: #fff;
}

.iem-home-region__content > span {
	display: block;

	margin-bottom: 4px;

	color:
		rgba(255, 255, 255, .62);

	font-size: 10px;
	font-weight: 800;

	text-transform: uppercase;
	letter-spacing: .08em;
}

.iem-home-region h3 {
	margin: 0;

	color: #fff;

	font-size: 27px;

	letter-spacing: -.035em;
}

.iem-home-region p {
	margin: 9px 0 16px;

	color:
		rgba(255, 255, 255, .76);

	font-size: 12px;

	line-height: 1.55;
}

.iem-home-region strong {
	color: #fff;

	font-size: 11px;
}


/* =========================================================
   PORTFOLIOS
========================================================= */

.iem-home-portfolio-grid {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 18px;
}

.iem-home-portfolio-card {
	overflow: hidden;

	background:
		rgba(255, 255, 255, .96);

	border:
		1px solid rgba(15, 23, 42, .07);

	border-radius: 22px;

	box-shadow:
		0 8px 26px rgba(15, 23, 42, .055);

	transition: .22s;
}

.iem-home-portfolio-card:hover {
	transform:
		translateY(-3px);

	box-shadow:
		0 16px 38px rgba(15, 23, 42, .1);
}

.iem-home-portfolio-card__image {
	position: relative;

	display: block;

	height: 210px;

	overflow: hidden;

	background: #edf1f4;
}

.iem-home-portfolio-card__image img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;

	transition: .4s;
}

.iem-home-portfolio-card:hover img {
	transform:
		scale(1.035);
}

.iem-home-portfolio-card__image > span {
	position: absolute;

	left: 12px;
	bottom: 12px;

	padding: 7px 10px;

	border-radius: 999px;

	background:
		rgba(6, 25, 40, .68);

	-webkit-backdrop-filter:
		blur(10px);

	backdrop-filter:
		blur(10px);

	color: #fff;

	font-size: 10px;
	font-weight: 800;
}

.iem-home-portfolio-card__body {
	padding: 18px;
}

.iem-home-portfolio-card h3 {
	margin: 0;

	font-size: 17px;

	line-height: 1.35;
	letter-spacing: -.02em;
}

.iem-home-portfolio-card h3 a {
	color: var(--t);

	text-decoration: none;
}

.iem-home-portfolio-card__meta {
	display: flex;
	flex-wrap: wrap;

	gap: 12px;

	margin-top: 12px;

	color: var(--m);

	font-size: 11px;
}

.iem-home-portfolio-card__meta strong {
	color: var(--t);
}

.iem-home-portfolio-card__price {
	margin-top: 16px;

	color: var(--b);

	font-size: 22px;
	font-weight: 850;

	letter-spacing: -.03em;
}

.iem-home-portfolio-card__price small {
	color: var(--m);

	font-size: 11px;
	font-weight: 700;
}

.iem-home-card-link {
	margin-top: 14px;

	display: flex;
	align-items: center;
	justify-content: space-between;

	color: var(--b);

	text-decoration: none;

	font-size: 12px;
	font-weight: 800;
}


/* =========================================================
   REASONS
========================================================= */

.iem-home-reasons {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 18px;

	margin-top: 38px;
}

.iem-home-reason {
	padding: 28px;

	border:
		1px solid var(--br);

	border-radius: 22px;

	background: #fff;
}

.iem-home-reason__icon {
	width: 48px;
	height: 48px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 15px;

	background:
		rgba(13, 77, 120, .08);

	color: var(--b);

	font-size: 21px;
	font-weight: 800;
}

.iem-home-reason h3 {
	margin: 18px 0 8px;

	font-size: 19px;

	letter-spacing: -.02em;
}

.iem-home-reason p {
	margin: 0;

	color: var(--m);

	font-size: 13px;

	line-height: 1.7;
}


/* =========================================================
   TOOLS
========================================================= */

.iem-home-tools-section {
	background: #071d2c;

	color: #fff;
}

.iem-home-tools-section h2 {
	color: #fff;
}

.iem-home-tools {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 14px;
}

.iem-home-tool {
	display: grid;

	grid-template-columns:
		54px 1fr auto;

	align-items: center;

	gap: 14px;

	padding: 20px;

	border-radius: 20px;

	text-decoration: none;

	color: #fff;

	background:
		rgba(255, 255, 255, .075);

	border:
		1px solid rgba(255, 255, 255, .1);

	transition: .2s;
}

.iem-home-tool:hover {
	background:
		rgba(255, 255, 255, .11);

	transform:
		translateY(-2px);
}

.iem-home-tool__icon {
	width: 54px;
	height: 54px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 16px;

	background:
		rgba(255, 255, 255, .1);

	font-size: 22px;
}

.iem-home-tool h3 {
	margin: 0 0 5px;

	color: #fff;

	font-size: 16px;
}

.iem-home-tool p {
	margin: 0;

	color:
		rgba(255, 255, 255, .62);

	font-size: 11px;

	line-height: 1.5;
}

.iem-home-tool > strong {
	font-size: 20px;
}


/* =========================================================
   IEM MEDIA
========================================================= */

.iem-home-media-section {
	background:
		linear-gradient(
			180deg,
			#ffffff 0%,
			#f7f9fb 100%
		);
}


/* =========================================================
   HEADER
========================================================= */

.iem-home-media-head p {
	max-width: 760px;
}


/* =========================================================
   MAIN GRID
========================================================= */

.iem-home-media-grid {
	display: grid;

	grid-template-columns:
		minmax(0, 1.45fr)
		minmax(300px, .75fr);

	gap: 20px;

	align-items: stretch;
}


/* =========================================================
   FEATURED VIDEO
========================================================= */

.iem-home-media-featured {
	overflow: hidden;

	border-radius: 26px;

	border:
		1px solid rgba(15, 23, 42, .07);

	background: #fff;

	box-shadow:
		0 12px 34px rgba(15, 23, 42, .07);
}

.iem-home-media-featured__image {
	position: relative;

	display: block;

	aspect-ratio: 16 / 9;

	overflow: hidden;

	background: #071d2c;
}

.iem-home-media-featured__image img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;

	transition:
		transform .45s ease;
}

.iem-home-media-featured:hover
.iem-home-media-featured__image img {
	transform:
		scale(1.035);
}

.iem-home-media-featured__overlay {
	position: absolute;

	inset: 0;

	background:

		linear-gradient(
			180deg,
			rgba(4, 20, 32, .04) 20%,
			rgba(4, 20, 32, .12) 55%,
			rgba(4, 20, 32, .52) 100%
		);
}

.iem-home-media-badge {
	position: absolute;

	top: 16px;
	left: 16px;

	z-index: 3;

	display: inline-flex;
	align-items: center;

	min-height: 30px;

	padding: 0 11px;

	border-radius: 999px;

	background:
		rgba(6, 25, 40, .66);

	-webkit-backdrop-filter:
		blur(12px) saturate(160%);

	backdrop-filter:
		blur(12px) saturate(160%);

	border:
		1px solid rgba(255, 255, 255, .16);

	color: #fff;

	font-size: 9.5px;
	font-weight: 800;

	letter-spacing: .07em;
	text-transform: uppercase;
}

.iem-home-media-play {
	position: absolute;

	left: 50%;
	top: 50%;

	z-index: 4;

	width: 68px;
	height: 68px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;

	background:
		rgba(255, 255, 255, .92);

	box-shadow:
		0 16px 34px rgba(0, 0, 0, .18);

	transform:
		translate(-50%, -50%);

	transition:
		transform .22s ease,
		background .22s ease;
}

.iem-home-media-play svg {
	width: 25px;
	height: 25px;

	margin-left: 3px;

	fill: var(--b);
}

.iem-home-media-featured:hover
.iem-home-media-play {
	transform:
		translate(-50%, -50%)
		scale(1.08);

	background: #fff;
}

.iem-home-media-featured__content {
	padding: 24px;
}

.iem-home-media-featured__content > span {
	display: block;

	margin-bottom: 6px;

	color: var(--b);

	font-size: 10px;
	font-weight: 800;

	letter-spacing: .08em;
	text-transform: uppercase;
}

.iem-home-media-featured__content h3 {
	margin: 0;

	color: var(--t);

	font-size: 27px;

	line-height: 1.16;
	letter-spacing: -.035em;
}

.iem-home-media-featured__content p {
	margin: 12px 0 0;

	color: var(--m);

	font-size: 13px;

	line-height: 1.7;
}

.iem-home-media-featured__content a {
	display: inline-flex;

	margin-top: 16px;

	color: var(--b);

	font-size: 12px;
	font-weight: 800;

	text-decoration: none;
}


/* =========================================================
   NORMAL VIDEO LIST
========================================================= */

.iem-home-media-list {
	display: grid;

	grid-template-rows:
		repeat(3, minmax(0, 1fr));

	gap: 12px;
}

.iem-home-media-card {
	display: grid;

	grid-template-columns:
		145px minmax(0, 1fr);

	gap: 14px;

	align-items: center;

	padding: 10px;

	border-radius: 19px;

	border:
		1px solid rgba(15, 23, 42, .07);

	background:
		rgba(255, 255, 255, .96);

	text-decoration: none;

	box-shadow:
		0 7px 22px rgba(15, 23, 42, .045);

	transition:
		transform .2s ease,
		box-shadow .2s ease,
		border-color .2s ease;
}

.iem-home-media-card:hover {
	transform:
		translateY(-2px);

	border-color:
		rgba(13, 77, 120, .14);

	box-shadow:
		0 12px 28px rgba(15, 23, 42, .08);
}

.iem-home-media-card__image {
	position: relative;

	aspect-ratio: 16 / 9;

	overflow: hidden;

	border-radius: 13px;

	background: #edf1f4;
}

.iem-home-media-card__image img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;

	transition:
		transform .35s ease;
}

.iem-home-media-card:hover
.iem-home-media-card__image img {
	transform:
		scale(1.04);
}

.iem-home-media-card__play {
	position: absolute;

	left: 50%;
	top: 50%;

	width: 36px;
	height: 36px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;

	background:
		rgba(255, 255, 255, .90);

	box-shadow:
		0 7px 16px rgba(0, 0, 0, .14);

	transform:
		translate(-50%, -50%);
}

.iem-home-media-card__play svg {
	width: 15px;
	height: 15px;

	margin-left: 2px;

	fill: var(--b);
}

.iem-home-media-card__content {
	min-width: 0;
}

.iem-home-media-card__content > span {
	display: block;

	margin-bottom: 5px;

	color: var(--b);

	font-size: 8.5px;
	font-weight: 800;

	letter-spacing: .07em;
	text-transform: uppercase;
}

.iem-home-media-card__content h4 {
	margin: 0;

	color: var(--t);

	font-size: 14px;

	line-height: 1.35;

	letter-spacing: -.018em;

	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;

	overflow: hidden;
}

.iem-home-media-card__content strong {
	display: block;

	margin-top: 8px;

	color: var(--b);

	font-size: 10px;
	font-weight: 800;
}


/* =========================================================
   SHORTS HEADER
========================================================= */

.iem-home-media-shorts-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;

	gap: 20px;

	margin-top: 46px;
	margin-bottom: 18px;
}

.iem-home-media-shorts-head > div > span {
	display: block;

	margin-bottom: 4px;

	color: var(--b);

	font-size: 9.5px;
	font-weight: 800;

	letter-spacing: .08em;
	text-transform: uppercase;
}

.iem-home-media-shorts-head h3 {
	margin: 0;

	color: var(--t);

	font-size: 27px;

	line-height: 1.1;
	letter-spacing: -.035em;
}

.iem-home-media-shorts-head > a {
	color: var(--b);

	font-size: 11px;
	font-weight: 800;

	text-decoration: none;

	white-space: nowrap;
}


/* =========================================================
   SHORTS
========================================================= */

.iem-home-media-shorts {
	display: grid;

	grid-template-columns:
		repeat(3, minmax(0, 1fr));

	gap: 16px;
}

.iem-home-media-short {
	overflow: hidden;

	border-radius: 22px;

	border:
		1px solid rgba(15, 23, 42, .07);

	background: #fff;

	text-decoration: none;

	box-shadow:
		0 8px 24px rgba(15, 23, 42, .05);

	transition:
		transform .22s ease,
		box-shadow .22s ease;
}

.iem-home-media-short:hover {
	transform:
		translateY(-3px);

	box-shadow:
		0 15px 32px rgba(15, 23, 42, .09);
}

.iem-home-media-short__image {
	position: relative;

	aspect-ratio: 9 / 16;

	overflow: hidden;

	background: #071d2c;
}

.iem-home-media-short__image img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;

	transition:
		transform .45s ease;
}

.iem-home-media-short:hover
.iem-home-media-short__image img {
	transform:
		scale(1.035);
}

.iem-home-media-short__overlay {
	position: absolute;

	inset: 0;

	background:

		linear-gradient(
			180deg,
			rgba(4, 20, 32, .02) 25%,
			rgba(4, 20, 32, .18) 65%,
			rgba(4, 20, 32, .58) 100%
		);
}

.iem-home-media-short__badge {
	position: absolute;

	left: 12px;
	top: 12px;

	z-index: 3;

	min-height: 26px;

	display: inline-flex;
	align-items: center;

	padding: 0 9px;

	border-radius: 999px;

	background:
		rgba(255, 255, 255, .88);

	color: #d62828;

	font-size: 8px;
	font-weight: 850;

	letter-spacing: .06em;
	text-transform: uppercase;
}

.iem-home-media-short__play {
	position: absolute;

	left: 50%;
	top: 50%;

	z-index: 4;

	width: 54px;
	height: 54px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;

	background:
		rgba(255, 255, 255, .92);

	box-shadow:
		0 12px 28px rgba(0, 0, 0, .16);

	transform:
		translate(-50%, -50%);
}

.iem-home-media-short__play svg {
	width: 21px;
	height: 21px;

	margin-left: 2px;

	fill: var(--b);
}

.iem-home-media-short__content {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 12px;

	padding: 14px 16px;
}

.iem-home-media-short__content strong {
	color: var(--t);

	font-size: 13px;
	font-weight: 750;

	line-height: 1.35;
}

.iem-home-media-short__content span {
	flex: 0 0 auto;

	color: var(--b);

	font-size: 10px;
	font-weight: 800;
}


/* =========================================================
   YOUTUBE CTA
========================================================= */

.iem-home-media-youtube {
	display: grid;

	grid-template-columns:
		54px minmax(0, 1fr) auto;

	align-items: center;

	gap: 16px;

	margin-top: 24px;

	padding: 18px 20px;

	border-radius: 20px;

	background:
		linear-gradient(
			135deg,
			#0d4d78,
			#071d2c
		);

	color: #fff;
}

.iem-home-media-youtube__icon {
	width: 54px;
	height: 54px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 16px;

	background:
		rgba(255, 255, 255, .10);
}

.iem-home-media-youtube__icon svg {
	width: 27px;
	height: 27px;

	fill: #fff;
}

.iem-home-media-youtube__content {
	min-width: 0;
}

.iem-home-media-youtube__content span {
	display: block;

	margin-bottom: 3px;

	color:
		rgba(255, 255, 255, .58);

	font-size: 9px;
	font-weight: 800;

	letter-spacing: .07em;
	text-transform: uppercase;
}

.iem-home-media-youtube__content strong {
	display: block;

	color: #fff;

	font-size: 14px;

	line-height: 1.45;
}

.iem-home-media-youtube > a {
	min-height: 42px;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 0 15px;

	border-radius: 12px;

	background: #fff;

	color: var(--bd);

	text-decoration: none;

	font-size: 11px;
	font-weight: 800;

	white-space: nowrap;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

	.iem-home-media-grid {
		grid-template-columns: 1fr;
	}

	.iem-home-media-list {
		grid-template-columns:
			repeat(3, 1fr);

		grid-template-rows: none;
	}

	.iem-home-media-card {
		display: block;

		padding: 10px;
	}

	.iem-home-media-card__content {
		padding: 12px 4px 4px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.iem-home-media-featured {
		border-radius: 20px;
	}

	.iem-home-media-featured__content {
		padding: 18px;
	}

	.iem-home-media-featured__content h3 {
		font-size: 22px;
	}

	.iem-home-media-featured__content p {
		font-size: 12px;
	}

	.iem-home-media-play {
		width: 56px;
		height: 56px;
	}

	.iem-home-media-play svg {
		width: 21px;
		height: 21px;
	}


	/* Normal videolar yatay swipe */

	.iem-home-media-list {
		display: flex;

		overflow-x: auto;

		gap: 12px;

		margin-top: 14px;
		margin-right: -10px;

		padding-right: 10px;
		padding-bottom: 4px;

		scroll-snap-type: x mandatory;

		scrollbar-width: none;
	}

	.iem-home-media-list::-webkit-scrollbar {
		display: none;
	}

	.iem-home-media-card {
		flex: 0 0 76%;

		scroll-snap-align: start;

		border-radius: 18px;
	}

	.iem-home-media-card__content h4 {
		font-size: 13px;
	}


	/* Shorts */

	.iem-home-media-shorts-head {
		margin-top: 38px;
	}

	.iem-home-media-shorts-head h3 {
		font-size: 24px;
	}

	.iem-home-media-shorts-head > a {
		display: none;
	}

	.iem-home-media-shorts {
		display: flex;

		overflow-x: auto;

		gap: 12px;

		margin-right: -10px;

		padding-right: 10px;
		padding-bottom: 6px;

		scroll-snap-type: x mandatory;

		scrollbar-width: none;
	}

	.iem-home-media-shorts::-webkit-scrollbar {
		display: none;
	}

	.iem-home-media-short {
		flex: 0 0 66%;

		scroll-snap-align: start;

		border-radius: 20px;
	}


	/* YouTube CTA */

	.iem-home-media-youtube {
		grid-template-columns:
			46px minmax(0, 1fr);

		padding: 16px;

		border-radius: 18px;
	}

	.iem-home-media-youtube__icon {
		width: 46px;
		height: 46px;

		border-radius: 14px;
	}

	.iem-home-media-youtube__content strong {
		font-size: 12px;
	}

	.iem-home-media-youtube > a {
		grid-column: 1 / -1;

		width: 100%;

		margin-top: 2px;
	}

}

/* =========================================================
   CTA
========================================================= */

.iem-home-cta-wrap {
	padding-top: 20px;
}

.iem-home-cta {
	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 36px;

	padding: 44px;

	border-radius: 28px;

	background:

		radial-gradient(
			circle at 80% 20%,
			rgba(255, 255, 255, .1),
			transparent 28%
		),

		linear-gradient(
			120deg,
			#083a5b,
			#071d2c
		);

	color: #fff;
}

.iem-home-cta > div:first-child {
	max-width: 700px;
}

.iem-home-cta h2 {
	margin: 0;

	color: #fff;

	font-size:
		clamp(30px, 4vw, 48px);

	line-height: 1.08;
	letter-spacing: -.04em;
}

.iem-home-cta p {
	margin: 14px 0 0;

	color:
		rgba(255, 255, 255, .68);

	font-size: 14px;

	line-height: 1.7;
}

.iem-home-cta__actions {
	display: flex;
	flex-wrap: wrap;

	gap: 10px;
}

.iem-home-btn--light {
	background: #fff;

	color: var(--bd);
}

.iem-home-btn--outline-light {
	color: #fff;

	border:
		1px solid rgba(255, 255, 255, .28);

	background:
		rgba(255, 255, 255, .06);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

	.iem-home-regions,
	.iem-home-portfolio-grid {
		grid-template-columns:
			repeat(2, 1fr);
	}

	.iem-home-tools {
		grid-template-columns: 1fr;
	}

	.iem-home-field {
		grid-template-columns: 1fr;
	}
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.iem-home-container {
		width:
			min(
				calc(100% - 20px),
				1240px
			);
	}


	.iem-home-section {
		padding: 54px 0;
	}


	/* =====================================================
	   MOBILE HERO
	===================================================== */

	.iem-home-hero {

		/*
		 * Önceki dosyada burada hem 760px
		 * hem 640px vardı.
		 *
		 * Tek değere düşürdük.
		 */

		min-height: 760px;

		margin-top: -120px;
		padding-top: 120px;

		align-items: center;

		background: #071d2c;
	}


	/*
	 * Hero'nun video alanı komple kaplansın.
	 */

	.iem-home-hero__media {
		position: absolute;

		inset: 0;

		width: 100%;
		height: 100%;

		overflow: hidden;

		background: #071d2c;
	}


	/*
	 * ÖNEMLİ:
	 *
	 * YouTube player'ın kendisini portrait hale
	 * getirmiyoruz.
	 *
	 * Player yine gerçek 16:9.
	 *
	 * Dik telefon ekranından çok daha geniş olduğu için
	 * sağ ve soldan crop oluyor.
	 *
	 * Böylece YouTube'un üst-alt siyah letterbox
	 * üretmesini önlüyoruz.
	 */

	#iemHeroYoutube {
		position: absolute;

		top: 50%;
		left: 50%;

		width: 177.78vh;
		height: 100vh;

		min-width: 1350px;
		min-height: 760px;

		transform:
			translate(-50%, -50%)
			scale(1.12);

		transform-origin: center;

		pointer-events: none;
	}


	#iemHeroYoutube iframe {
		position: absolute;

		top: 0;
		left: 0;

		width: 100% !important;
		height: 100% !important;

		min-width: 100% !important;
		min-height: 100% !important;

		transform: none !important;

		border: 0;

		pointer-events: none;
	}


	/*
	 * Mobilde videoyu hafif yukarı alıyoruz.
	 *
	 * Drone görüntüsünün önemli kısmı başlığın
	 * arkasında daha iyi görünür.
	 */

	#iemHeroYoutube {
		top: 47%;
	}


	/*
	 * Mobil overlay.
	 *
	 * Üst taraf neredeyse açık,
	 * yazıların bulunduğu alt kısım koyulaşıyor.
	 */

	.iem-home-hero__video-overlay {

		background:

			linear-gradient(
				to top,

				rgba(3, 18, 30, .78) 0%,

				rgba(3, 18, 30, .55) 24%,

				rgba(3, 18, 30, .25) 47%,

				rgba(3, 18, 30, .05) 72%,

				rgba(3, 18, 30, 0) 100%
			);
	}


	.iem-home-hero__content {

		padding-top: 190px;
		padding-bottom: 64px;
	}


	.iem-home-hero h1 {

		font-size:
			clamp(
				42px,
				13vw,
				62px
			);

		line-height: .98;
	}


	.iem-home-hero p {

		font-size: 15px;

		line-height: 1.6;
	}


	.iem-home-hero__actions {

		display: grid;

		grid-template-columns:
			1fr 1fr;
	}


	.iem-home-btn {

		padding: 0 14px;

		font-size: 12px;
	}


	.iem-home-hero__trust {

		display: grid;

		grid-template-columns: 1fr;

		gap: 8px;
	}


	/* =====================================================
	   MOBILE STATS
	===================================================== */

	.iem-home-stats-wrap {

		margin-top: -32px;
	}


	.iem-home-stats {

		grid-template-columns:
			repeat(2, 1fr);

		border-radius: 18px;
	}


	.iem-home-stat {

		padding: 18px 10px;

		border-bottom:
			1px solid
			rgba(15, 23, 42, .06);
	}


	.iem-home-stat:nth-child(2) {

		border-right: 0;
	}


	.iem-home-stat:nth-child(3),
	.iem-home-stat:nth-child(4) {

		border-bottom: 0;
	}


	.iem-home-stat strong {

		font-size: 22px;
	}


	.iem-home-stat span {

		font-size: 10px;
	}


	/* =====================================================
	   SECTIONS
	===================================================== */

	.iem-home-section-head {

		align-items: flex-start;

		margin-bottom: 22px;
	}


	.iem-home-section-head h2 {

		font-size: 32px;
	}


	.iem-home-text-link {

		display: none;
	}


	/* =====================================================
	   REGIONS
	===================================================== */

	.iem-home-regions {

		display: flex;

		overflow-x: auto;

		gap: 12px;

		margin-right: -10px;

		padding-right: 10px;

		scroll-snap-type: x mandatory;

		scrollbar-width: none;
	}


	.iem-home-regions::-webkit-scrollbar {

		display: none;
	}


	.iem-home-region {

		flex: 0 0 82%;

		min-height: 340px;

		scroll-snap-align: start;
	}


	/* =====================================================
	   PORTFOLIOS
	===================================================== */

	.iem-home-portfolio-grid {

		grid-template-columns: 1fr;
	}


	.iem-home-portfolio-card__image {

		height: 200px;
	}


	/* =====================================================
	   REASONS
	===================================================== */

	.iem-home-reasons {

		grid-template-columns: 1fr;

		gap: 12px;
	}


	.iem-home-reason {

		padding: 22px;
	}


	/* =====================================================
	   TOOLS
	===================================================== */

	.iem-home-tool {

		grid-template-columns:
			46px 1fr auto;

		padding: 16px;
	}


	.iem-home-tool__icon {

		width: 46px;
		height: 46px;
	}


	/* =====================================================
	   FIELD
	===================================================== */

	.iem-home-field__visual {

		min-height: 240px;
	}


	/* =====================================================
	   CTA
	===================================================== */

	.iem-home-cta {

		display: block;

		padding: 28px 22px;

		border-radius: 22px;
	}


	.iem-home-cta h2 {

		font-size: 31px;
	}


	.iem-home-cta__actions {

		margin-top: 22px;
	}


	.iem-home-cta__actions
	.iem-home-btn {

		flex: 1 1 auto;
	}


	.iem-home-cta-wrap {

		padding-bottom: 110px;
	}
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

	.iem-home-hero {

		min-height: 730px;
	}


	#iemHeroYoutube {

		/*
		 * Küçük telefonlarda biraz daha fazla zoom.
		 */

		transform:
			translate(-50%, -50%)
			scale(1.18);
	}


	.iem-home-hero__content {

		padding-top: 180px;
		padding-bottom: 58px;
	}


	.iem-home-hero h1 {

		font-size: 43px;
	}

}
/* =========================================================
   ARABIC / RTL
========================================================= */
.iem-home--rtl{direction:rtl;text-align:right;}
.iem-home--rtl .iem-home-section-head,
.iem-home--rtl .iem-home-hero__actions,
.iem-home--rtl .iem-home-hero__trust,
.iem-home--rtl .iem-home-cta,
.iem-home--rtl .iem-home-cta__actions{direction:rtl;}
.iem-home--rtl .iem-home-text-link,
.iem-home--rtl .iem-home-card-link,
.iem-home--rtl .iem-home-tool{direction:rtl;}
.iem-home--rtl .iem-home-portfolio-card,
.iem-home--rtl .iem-home-region__content,
.iem-home--rtl .iem-home-reason,
.iem-home--rtl .iem-home-media-section{ text-align:right; }
.iem-home--rtl .iem-home-section-head--center{text-align:center;}