.home-page {
	overflow-x: hidden;
	overflow-y: visible;
	position: relative;
	width: 1920px;
	min-height: 7720px;
	height: auto;
	left: 0px;
	top: 0px;
	margin: 0;
	transform: none;
	transform-origin: 0 0;
	background: #ebebeb;
	border-radius: 0px 0px 0px 0px;
	/* rectangle-42168 ile L-blog kartı paneli aynı ton */
	--home-panel-grey: #d9d9d9;
}

/* YouTube kanalı görsel kartları — düzeni bozmadan tıklanabilir alan */
.home-youtube-thumb-link {
	display: contents;
	color: inherit;
	text-decoration: none;
}

.rectangle-42168 {
	overflow: visible;
	position: absolute;
	width: 1919px;
	height: 248px;
	left: 0px;
	top: 1690px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	opacity: 1;
	background: var(--home-panel-grey);
	border-radius: 0px 0px 0px 0px;
}
.frame-2 {
	overflow: visible;
	position: absolute;
	width: 1716px;
	height: 1196px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 122, 163);
	transform-origin: 0 0;
	background: transparent;
	border-radius: 0px 0px 0px 0px;
}
.main-banner {
	overflow: visible;
	position: absolute;
	width: 1676px;
	height: 865px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
}
.image {
	overflow: visible;
	position: absolute;
	width: 1676px;
	height: 865px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	border-radius: 0px 0px 0px 0px;
}
.simdi-oku-izle-takip-et {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 615, 388);
	transform-origin: 0 0;
	/* Figma: ŞİMDİ (737,551) — alt satır (825,629); frame-2 (122,163) içinde 615,388 */
	width: 314px;
	min-height: 143px;
	height: auto;
	display: block;
}
.md {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: none;
	transform-origin: 0 0;
	box-sizing: border-box;
	width: 191px;
	height: 103px;
	font-family: "Barlow", var(--font-sans);
	font-weight: 700;
	font-style: normal;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 85.86px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-end;
	color: #91d8fe;
	white-space: nowrap;
}
.zle-oku-takip-et {
	overflow: visible;
	position: absolute;
	left: 88px;
	top: 78px;
	transform: none;
	transform-origin: 0 0;
	box-sizing: border-box;
	width: 226px;
	height: 65px;
	font-family: "Bebas Neue", "Bebas Neue Pro", var(--font-display), sans-serif;
	font-weight: 700;
	font-style: normal;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 54px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: center;
	color: #ffffff;
	white-space: nowrap;
}
.macbook {
	overflow: visible;
	position: absolute;
	width: 1036px;
	height: 1031px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 680, 165);
	transform-origin: 0 0;
	border-radius: 0px 0px 0px 0px;
	display: block;
	object-fit: contain;
	object-position: center;
}
.haftalik-blog-takvimi {
	overflow: visible;
	position: absolute;
	width: max-content;
	min-width: 320px;
	height: auto;
	min-height: 164px;
	left: 50%;
	top: 1231px;
	transform: translateX(-50%);
	transform-origin: 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
}
.haftalik-blog-title-row-189a {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: baseline;
	justify-content: center;
	gap: 0.08em;
}
.blog {
	overflow: visible;
	position: relative;
	left: auto;
	top: auto;
	transform: none;
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 700;
	font-style: normal;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	letter-spacing: -6%;
	text-align: left;
	display: block;
	color: #000000;
	white-space: nowrap;
	flex: 0 0 auto;
}
.haftalik {
	overflow: visible;
	position: relative;
	left: auto;
	top: auto;
	transform: none;
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-style: normal;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 50.84px;
	line-height: 100%;
	letter-spacing: -0.02em;
	letter-spacing: -2%;
	text-align: center;
	leading-trim: cap-height;
	display: block;
	color: #9f9f9f;
	white-space: nowrap;
	margin-top: 10px;
	flex: 0 0 auto;
}
.takvm {
	overflow: visible;
	position: relative;
	left: auto;
	top: auto;
	transform: none;
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 300;
	font-style: normal;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	letter-spacing: -6%;
	text-align: left;
	display: block;
	color: #323232;
	white-space: nowrap;
	flex: 0 0 auto;
}
.ozgecmis {
	overflow: visible;
	position: absolute;
	width: 1320px;
	height: 2800px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 300, 2810);
	transform-origin: 0 0;
}
.text-2 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1236px;
	min-height: 580px;
	height: auto;
	transform: matrix(1, 0, 0, 1, 35, 453);
	transform-origin: 0 0;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 12px 14px;
	font-family: var(--font-display);
	font-weight: 400;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20px;
	line-height: 130%;
	letter-spacing: -0.02em;
	text-align: justify;
	display: block;
	color: #0d0d0d;
	white-space: normal;
	opacity: 1;
}
.ozgecmis-banner {
	overflow: visible;
	position: absolute;
	width: 1320px;
	height: 375px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
}
.rectangle-42161 {
	overflow: visible;
	position: absolute;
	width: 1320px;
	height: 375px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	border-radius: 0px 0px 0px 0px;
}
.group-12448315-10 {
	overflow: visible;
	position: absolute;
	width: 1078px;
	height: 232px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 86, 64);
	transform-origin: 0 0;
}
.tolga {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 700;
	font-style: normal;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 180.55px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #ffffff;
	white-space: pre-wrap;
}
.zol {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 376px;
	height: 217px;
	transform: matrix(1, 0, 0, 1, 702, 15);
	transform-origin: 0 0;
	opacity: 1;
	box-sizing: border-box;
	font-family: var(--font-sans);
	font-weight: 300;
	font-style: normal;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 180.55px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #ffffff;
	white-space: pre-wrap;
}
.zgem {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 246px;
	height: 60px;
	transform: matrix(1, 0, 0, 1, 470, 94);
	transform-origin: 0 0;
	opacity: 1;
	box-sizing: border-box;
	font-family: var(--font-display);
	font-weight: 700;
	font-style: normal;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 85.99px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #afafaf;
	white-space: pre-wrap;
}
.rectangle-4027 {
	overflow: visible;
	position: absolute;
	width: 328.0827941894531px;
	height: 369.7855529785156px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 1470, 1646);
	transform-origin: 0 0;
	border-radius: 10px 10px 10px 10px;
}
.rectangle-4027-2 {
	overflow: visible;
	position: absolute;
	width: 328.0827941894531px;
	height: 369.7855529785156px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 115, 1646);
	transform-origin: 0 0;
	border-radius: 10px 10px 10px 10px;
}
.sirketler-logolar {
	overflow: visible;
	position: absolute;
	width: 1177px;
	height: auto;
	min-height: 0;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 371, 7050);
	transform-origin: 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
	box-sizing: border-box;
}

.sirketler-logolar__img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

.irket-yaplanmas {
	overflow: visible;
	position: relative;
	left: auto;
	top: auto;
	width: auto;
	max-width: 100%;
	height: auto;
	transform: none;
	transform-origin: 0 0;
	opacity: 1;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: clamp(28px, 4vw, 48.88px);
	line-height: 1.1;
	letter-spacing: -0.02em;
	text-align: center;
	display: block;
	color: #9f9f9f;
	white-space: normal;
	margin: 0;
}
.youtube-main-cover {
	overflow: visible;
	position: absolute;
	width: 1213px;
	height: 691px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 353, 4974);
	transform-origin: 0 0;
}
.rectangle-4027-3 {
	overflow: visible;
	position: absolute;
	width: 1212.770751953125px;
	height: 690.7176513671875px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	border-radius: 10px 10px 10px 10px;
}
.youtube-icerik {
	overflow: visible;
	position: absolute;
	width: 1047px;
	height: 354px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 357, 5749);
	transform-origin: 0 0;
}
.rectangle-4027-4 {
	overflow: visible;
	position: absolute;
	width: 620.8826293945312px;
	height: 353.61553955078125px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0.0029);
	transform-origin: 0 0;
	border-radius: 5.119538307189941px 5.119538307189941px 5.119538307189941px 5.119538307189941px;
}
.group-12448315-5 {
	overflow: visible;
	position: absolute;
	width: 386px;
	height: 275px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 661, 0);
	transform-origin: 0 0;
}
.title {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 294px;
	height: 80px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	opacity: 1;
	font-family: var(--font-sans);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 66.42px;
	line-height: 100%;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #323232;
	white-space: nowrap;
}
.subtitle {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 246px;
	height: 22px;
	transform: matrix(1, 0, 0, 1, 4.36, 87);
	transform-origin: 0 0;
	opacity: 1;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 31.63px;
	line-height: 100%;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: nowrap;
}
.text-3 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 4.3552, 126);
	transform-origin: 0 0;
	font-size: 12.443729400634766px;
	letter-spacing: -0.02em;
	text-align: justify;
	display: flex;
	align-items: flex-start;
	color: #0d0d0d;
	white-space: pre-wrap;
}
.logo-gundem {
	overflow: visible;
	position: absolute;
	width: 74px;
	height: 74px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 653, 280);
	transform-origin: 0 0;
}
.logo-tvt-1 {
	overflow: visible;
	position: absolute;
	width: 74px;
	height: 74px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	border-radius: 0px 0px 0px 0px;
}
.group-12448315 {
	overflow: visible;
	position: absolute;
	width: 1334px;
	height: 626px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 294, 1501);
	transform-origin: 0 0;
}
.group-12448314 {
	overflow: visible;
	position: absolute;
	width: 438px;
	height: 494px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
}
.rectangle-4027-5 {
	overflow: visible;
	position: absolute;
	width: 437.9172058105469px;
	height: 493.5810546875px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	border-radius: 10px 10px 10px 10px;
}
.group-12448314-2 {
	overflow: visible;
	position: absolute;
	width: 438px;
	height: 494px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 448, 0);
	transform-origin: 0 0;
}
.rectangle-4027-6 {
	overflow: visible;
	position: absolute;
	width: 437.9172058105469px;
	height: 493.5810546875px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	border-radius: 10px 10px 10px 10px;
}
.group-12448314-4 {
	overflow: visible;
	position: absolute;
	width: 438px;
	height: 494px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 896, 0);
	transform-origin: 0 0;
}
.rectangle-4027-7 {
	overflow: visible;
	position: absolute;
	width: 437.9172058105469px;
	height: 493.5810546875px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 0, 0);
	transform-origin: 0 0;
	border-radius: 10px 10px 10px 10px;
}
.vector-1-334-icon {
	fill: rgba(44, 44, 44, 0.12999999523162842);
	fill-rule: evenodd;
}
.vector-1-5 {
	overflow: visible;
	position: absolute;
	width: 1676px;
	height: 857px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 122, 2297);
	transform-origin: 0 0;
}
.blog-2 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(-0.0000, -1, 1, -0.0000, 115.0000, 2802);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75179290771484px;
	letter-spacing: -0.06em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: rgba(0, 0, 0, 0.1599999964237213);
	white-space: pre-wrap;
}
.tolga-zol-7 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 279, 2470);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-style: normal;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 50.84px;
	line-height: 100%;
	letter-spacing: -0.02em;
	letter-spacing: -2%;
	text-align: left;
	leading-trim: cap-height;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}
.n-01042026-5 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 858, 2397);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20.519445419311523px;
	letter-spacing: -0.02em;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}
.lorem-ipsum-is-simply-dummy-text-11 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 614px;
	height: 240px;
	transform: matrix(1, 0, 0, 1, 276, 2529);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 350;
	font-style: normal;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: -0.02em;
	letter-spacing: -2%;
	text-align: justify;
	leading-trim: cap-height;
	display: block;
	color: #0d0d0d;
	white-space: normal;
	box-sizing: border-box;
}
.dijital-5 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 279, 2319);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 700;
	font-style: normal;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	letter-spacing: -6%;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #205672;
	white-space: pre-wrap;
}
.devamn-oku-8 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 813, 2750);
	transform-origin: 0 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-style: normal;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 32.31px;
	line-height: 100%;
	letter-spacing: -0.02em;
	letter-spacing: -2%;
	text-align: left;
	leading-trim: cap-height;
	display: flex;
	align-items: flex-start;
	color: #9f9f9f;
	white-space: pre-wrap;
}
.alt-yap-5 {
	overflow: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 524, 2319);
	transform-origin: 0 0;
	font-family: var(--font-sans);
	font-weight: 300;
	font-style: normal;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: 106.75px;
	line-height: 100%;
	letter-spacing: -0.06em;
	letter-spacing: -6%;
	text-align: left;
	display: flex;
	align-items: flex-start;
	color: #323232;
	white-space: pre-wrap;
}
.rectangle-42157-6 {
	overflow: visible;
	position: absolute;
	width: 549px;
	height: 709px;
	left: 0px;
	top: 0px;
	transform: matrix(1, 0, 0, 1, 1099, 2374);
	transform-origin: 0 0;
	border-radius: 0px 0px 0px 0px;
}

/* L-şekilli blog kartı — referans görsel (gövde, iç gölge, tipografi) */
.page-home .svg-defs {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	pointer-events: none;
}

/* Ana sayfa L-kart — blog ile aynı bileşen sınıfları; kontur yok (köşe artefaktı önlenir) */
.page-home .blog-l-card__corner,
.page-home .blog-l-card__surface {
	fill: #dcdee4;
	filter: none;
}

.page-home .blog-l-card__fill {
	filter: url(#blog-l-card-inset);
}

.page-home .blog-l-card__edge {
	fill: none;
	stroke: none;
}

.page-home .vector-1-5 {
	shape-rendering: geometricPrecision;
}

/* Ana sayfa öne çıkan blog — blog.html .blog-feed-card ile aynı panel + float görsel */
.page-home .home-featured-blog {
	position: absolute;
	left: 122px;
	top: 2297px;
	width: 1676px;
	height: auto;
	min-height: 0;
	z-index: 2;
	box-sizing: border-box;
	isolation: isolate;
	background: #141414;
	border-radius: 24px;
	box-shadow: 0 20px 80px rgba(0, 0, 0, 0.45);
	overflow: hidden;
}

.page-home .home-featured-blog .vector-1-5 {
	display: none;
}

.page-home .home-featured-blog__ribbon {
	position: absolute;
	left: 6px;
	top: 32px;
	z-index: 3;
	pointer-events: none;
	font-family: Barlow, sans-serif;
	font-weight: 700;
	font-size: 44px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgba(95, 98, 110, 0.5);
	transform: none;
	writing-mode: vertical-rl;
	writing-mode: sideways-lr;
	direction: ltr;
	text-orientation: mixed;
	line-height: 0.9;
	max-width: 68px;
	white-space: nowrap;
}

.page-home .home-featured-blog__content {
	position: relative;
	top: auto;
	left: auto;
	z-index: 2;
	display: block;
	padding: 22px 76px 22px 74px;
	overflow: hidden;
	min-height: 0;
	box-sizing: border-box;
}

.page-home .home-featured-blog__content picture {
	display: block;
	float: left;
	position: relative;
	top: auto;
	left: auto;
	margin-right: 28px;
	width: min(100%, 549px);
	max-width: 549px;
	aspect-ratio: auto;
	height: auto;
	z-index: 1;
	overflow: hidden;
	border-radius: 14px;
	background: transparent;
}

.page-home .home-featured-blog__text {
	display: block;
	position: relative;
	z-index: 2;
	width: auto;
	min-width: 0;
	min-height: 0;
	height: auto;
	padding-bottom: 0;
}

.page-home .home-featured-blog__headline {
	margin: 0;
}

.page-home .home-featured-blog .dijital-5,
.page-home .home-featured-blog .alt-yap-5 {
	position: static;
	left: auto;
	top: auto;
	transform: none;
	display: block;
	margin: 0;
	padding: 0;
	font-family: Barlow, sans-serif;
	font-weight: 700;
	font-size: 54px;
	line-height: 0.92;
	letter-spacing: -0.06em;
	white-space: normal;
	word-break: break-word;
	overflow-wrap: anywhere;
	text-align: left;
}

.page-home .home-featured-blog .dijital-5 {
	color: #91d8fe;
}

.page-home .home-featured-blog .alt-yap-5 {
	margin-top: 0.06em;
	color: #ffffff;
	font-weight: 300;
}

.page-home .home-featured-blog .alt-yap-5.is-empty {
	display: none;
}

.page-home .home-featured-blog__meta {
	margin-top: 14px;
	font-family: Barlow, sans-serif;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: -0.01em;
	color: #999999;
}

.page-home .home-featured-blog .tolga-zol-7 {
	position: static;
	display: inline;
	font-weight: 600;
	color: inherit;
}

.page-home .home-featured-blog .n-01042026-5 {
	position: static;
	display: inline;
	margin-left: 14px;
	font-family: Barlow, sans-serif;
	font-weight: 500;
	font-size: 17px;
	color: #777777;
}

.page-home .home-featured-blog .lorem-ipsum-is-simply-dummy-text-11 {
	position: static;
	left: auto;
	top: auto;
	transform: none;
	width: auto;
	margin: 14px 0 0;
	padding: 0;
	font-family: Barlow, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.42;
	letter-spacing: -0.01em;
	color: #cccccc;
	text-align: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	word-break: break-word;
	overflow-wrap: anywhere;
}

.page-home .home-featured-blog__actions {
	position: relative;
	left: auto;
	bottom: auto;
	margin-top: 4px;
	display: flex;
	align-items: center;
	gap: 14px;
	z-index: 3;
	justify-content: flex-end;
}

.page-home .home-featured-blog .devamn-oku-8 {
	position: static;
	left: auto;
	top: auto;
	transform: none;
	margin-top: 0;
	padding: 0;
	border: 0;
	background: transparent;
	font-family: Barlow, sans-serif;
	font-weight: 600;
	font-size: 17px;
	letter-spacing: 0.02em;
	color: #7e8088;
	white-space: nowrap;
	cursor: pointer;
}

.page-home .home-featured-blog .rectangle-42157-6,
.page-home .home-featured-blog__media {
	position: static;
	left: auto;
	top: auto;
	transform: none;
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	max-height: none;
	min-height: 0;
	border-radius: 14px;
	object-fit: contain;
	object-position: center center;
	background: #d6dae1;
}

/* Masaüstü: öne çıkan blog görseli.
   - cover: profesyonel kart görünümü (letterbox yok)
   - kutu oranını yatay kapaklara yaklaştır: gereksiz zoom / dev boşluk olmasın
   Sabit px eşiği yerine masaüstü giriş özellikleriyle hedefle. */
@media (hover: hover) and (pointer: fine) {
	.page-home .home-featured-blog__content picture {
		/* Görseli kırpma: doğal oranını koru */
		aspect-ratio: auto;
		max-width: 640px;
		width: min(44vw, 640px);
	}

	.page-home .home-featured-blog__content {
		display: grid;
		grid-template-columns: minmax(420px, min(44vw, 640px)) minmax(0, 1fr);
		column-gap: 28px;
		row-gap: 0;
		align-items: center;
		padding-top: 18px;
		padding-bottom: 18px;
	}

	.page-home .home-featured-blog__content picture {
		float: none;
		margin-right: 0;
		max-width: none;
		width: 100%;
	}

	.page-home .home-featured-blog__text {
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: relative;
		align-self: center;
		min-height: 0;
		padding-bottom: 0;
		transform: translateY(42px);
	}

	.page-home .home-featured-blog .rectangle-42157-6,
	.page-home .home-featured-blog__media {
		object-fit: contain;
		object-position: center center;
		min-height: 0;
		height: auto;
	}

	.page-home .home-featured-blog__actions {
		position: relative;
		margin-top: 12px;
		padding-top: 0;
		justify-content: flex-end;
	}
}

.page-home .dijital-5 {
	color: #1a4f62;
}

.page-home .n-01042026-5 {
	font-family: var(--font-sans);
	font-weight: 500;
	font-size: 17px;
	color: #a9abb4;
}

.page-home .lorem-ipsum-is-simply-dummy-text-11 {
	font-family: var(--font-sans);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.42;
	letter-spacing: -0.01em;
	color: #5c5c64;
}

.page-home a.devamn-oku-8 {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

.page-home a.devamn-oku-8:hover {
	text-decoration: underline;
	color: #7a7a82;
}

/* Özgeçmiş: metin → şirket logoları → YouTube kapak → içerik kartı; dikey akış, çakışma yok */
.page-home #ozgecmis.ozgecmis {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	height: auto;
	min-height: 0;
	padding-top: 375px;
	padding-left: 32px;
	padding-right: 32px;
	padding-bottom: 56px;
	box-sizing: border-box;
}

.page-home #ozgecmis .text-2 {
	font-family: var(--font-sans);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.42;
	letter-spacing: -0.01em;
	color: #5c5c64;
	position: relative;
	left: auto;
	top: auto;
	transform: none;
	width: min(1236px, 100%);
	max-width: 100%;
	margin: 0;
	align-self: stretch;
	flex-shrink: 0;
}

.page-home #ozgecmis .sirketler-logolar {
	position: relative;
	transform: none !important;
	left: auto;
	top: auto;
	width: min(1177px, 100%);
	max-width: 100%;
	height: auto;
	min-height: 0;
	margin: 0;
	flex-shrink: 0;
	align-items: center;
}

.page-home #ozgecmis .irket-yaplanmas {
	position: relative;
	transform: none !important;
	left: auto;
	top: auto;
	width: 100%;
	text-align: center;
}

.page-home #ozgecmis .ozgecmis-youtube-heading {
	position: relative;
	left: auto;
	top: auto;
	transform: none !important;
	width: 100%;
	max-width: min(1213px, 100%);
	margin: 48px 0 0;
	padding: 0 16px;
	box-sizing: border-box;
	align-self: center;
	flex-shrink: 0;
	font-family: var(--font-sans);
	font-weight: 700;
	font-style: normal;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap;
	font-size: clamp(40px, 7.5vw, 96px);
	line-height: 1.05;
	letter-spacing: -0.06em;
	text-align: center;
	color: #ef3f47;
	white-space: nowrap;
}

.page-home #ozgecmis .youtube-main-cover {
	position: relative;
	transform: none !important;
	left: auto;
	top: auto;
	width: min(1213px, 100%);
	max-width: 100%;
	height: auto;
	margin: 0;
	flex-shrink: 0;
}

.page-home #ozgecmis .youtube-main-cover picture {
	display: block;
	width: 100%;
}

.page-home #ozgecmis .rectangle-4027-3 {
	position: relative;
	left: auto;
	top: auto;
	transform: none;
	width: 100%;
	height: auto;
	max-width: 1213px;
	display: block;
}

.page-home #ozgecmis .youtube-icerik {
	position: relative;
	transform: none !important;
	left: auto;
	top: auto;
	width: min(1213px, 100%);
	max-width: 100%;
	height: auto;
	min-height: 0;
	margin: 0;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
}

.page-home #ozgecmis .youtube-icerik__cards {
	display: flex;
	flex-direction: column;
	gap: 40px;
	width: 100%;
}

.page-home #ozgecmis .youtube-icerik-card {
	display: grid;
	grid-template-columns: minmax(0, min(500px, 40%)) minmax(0, 1fr);
	align-items: start;
	column-gap: 32px;
	row-gap: 24px;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.page-home #ozgecmis .youtube-icerik-card__link,
.page-home #ozgecmis .youtube-icerik-card__media {
	display: block;
	min-width: 0;
	max-width: 100%;
	width: 100%;
}

.page-home #ozgecmis .youtube-icerik-card__link picture,
.page-home #ozgecmis .youtube-icerik-card__media picture {
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
	border-radius: 5px;
}

.page-home #ozgecmis .youtube-icerik-card__link {
	text-decoration: none;
	color: inherit;
	border-radius: 5px;
	overflow: hidden;
}

.page-home #ozgecmis .youtube-icerik-card__link:focus-visible {
	outline: 2px solid #205672;
	outline-offset: 3px;
}

.page-home #ozgecmis .youtube-icerik-card .rectangle-4027-4 {
	position: relative;
	left: auto;
	top: auto;
	transform: none;
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: 354px;
	object-fit: cover;
	display: block;
	border-radius: 5px;
}

.page-home #ozgecmis .youtube-icerik-card .group-12448315-5.youtube-icerik-card__copy {
	position: relative;
	transform: none !important;
	left: auto;
	top: auto;
	min-width: 0;
	width: 100%;
	max-width: 100%;
	min-height: 0;
	height: auto;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

@media (max-width: 720px) {
	.page-home #ozgecmis .youtube-icerik-card {
		grid-template-columns: 1fr;
	}
}

.page-home #ozgecmis .youtube-icerik-card .subtitle {
	position: static;
	transform: none;
	width: 100%;
	max-width: 100%;
	height: auto;
	min-height: 0;
	white-space: normal;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	word-break: break-word;
	overflow-wrap: anywhere;
	font-size: clamp(1.1rem, 2vw, 1.85rem);
	line-height: 1.28;
	margin: 0;
	color: #323232;
}

.page-home #ozgecmis .youtube-icerik-card .text-3 {
	position: static;
	transform: none;
	font-family: Barlow, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.42;
	letter-spacing: -0.01em;
	text-align: left;
	white-space: pre-wrap;
	word-break: break-word;
	overflow-wrap: anywhere;
	color: #5c5c64;
	display: block;
	margin: 0;
}

.page-home #ozgecmis .youtube-icerik .logo-gundem {
	position: relative;
	transform: none !important;
	left: auto;
	top: auto;
	align-self: flex-end;
	margin-top: 16px;
}

/* YouTube kartları: sayfa başına 4, numaralı gezinme */
.page-home #ozgecmis .youtube-icerik__pager {
	margin-top: 28px;
	width: 100%;
}
.page-home #ozgecmis .youtube-icerik__pager[hidden] {
	display: none !important;
}
.page-home #ozgecmis .youtube-icerik__pager-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px 10px;
}
.page-home #ozgecmis .youtube-icerik__page-btn {
	min-width: 40px;
	padding: 8px 12px;
	border: 1.5px solid #c8d4e0;
	border-radius: 8px;
	background: #fff;
	color: #334155;
	font-family: var(--font-sans);
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.12s, border-color 0.12s, color 0.12s;
}
.page-home #ozgecmis .youtube-icerik__page-btn:hover {
	border-color: #205672;
	color: #205672;
	background: #f8fafc;
}
.page-home #ozgecmis .youtube-icerik__page-btn.is-active {
	background: #205672;
	border-color: #205672;
	color: #fff;
	cursor: default;
}

.page-home .devamn-oku-8 {
	font-family: var(--font-sans);
	font-weight: 600;
	font-size: 17px;
	letter-spacing: 0.02em;
	color: #7e8088;
}

/* Ana sayfa: öne çıkan blog ile footer arasında kalan gereksiz boşluğu sıkıştır */
.page-home .frame-1.site-footer {
	margin-top: -420px;
}

.page-home .rectangle-42157-6 {
	display: block;
	border-radius: 14px;
	object-fit: cover;
}

@media (max-width: 1200px) {
	.page-home .home-page {
		width: 100%;
		min-height: 0;
		height: auto !important;
		padding-bottom: 40px;
		overflow-x: hidden;
		position: relative;
		display: flex;
		flex-direction: column;
	}

	/* Mobil/tablet akışta negatif bindirme istemiyoruz */
	.page-home .frame-1.site-footer {
		margin-top: 8px;
	}

	.page-home img {
		max-width: 100%;
		height: auto !important;
	}

	/* Özgeçmiş hero: genel img { height:auto !important } kaplamayı kırıyordu; banner içinde boş alan kalıyordu */
	.page-home #ozgecmis .ozgecmis-banner picture {
		display: block;
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		margin: 0;
	}

	.page-home #ozgecmis .ozgecmis-banner img.rectangle-42161 {
		height: 100% !important;
		width: 100% !important;
		max-width: none;
		object-fit: cover;
		/* Üstten kesilmesin: yüz genelde üst/orta bölgede */
		object-position: center 22%;
	}

	/* Force all sections to flow relatively on mobile to kill the 8000px height */
	.page-home .frame-2,
	.page-home .macbook,
	.page-home .haftalik-blog-takvimi,
	.page-home #ozgecmis,
	.page-home .home-featured-blog {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		transform: none !important;
		width: auto !important;
		margin-left: 16px !important;
		margin-right: 16px !important;
	}

	.page-home .rectangle-42168,
	.page-home .rectangle-4027,
	.page-home .rectangle-4027-2,
	.page-home .group-12448315 {
		display: none;
	}

	.page-home .frame-2 {
		margin: 100px 16px 0 !important;
		display: flex;
		flex-direction: column;
		gap: 20px;
		height: auto !important;
		min-height: 0 !important;
	}

	.page-home .main-banner {
		position: relative;
		width: 100%;
		height: auto;
		aspect-ratio: 1676 / 865;
		overflow: hidden;
		border-radius: 24px;
		background: transparent;
	}

	.page-home .main-banner::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.14) 45%, rgba(0, 0, 0, 0.1) 100%);
		pointer-events: none;
	}

	.page-home .main-banner picture {
		display: block;
		width: 100%;
		height: 100%;
	}

	.page-home .image {
		position: absolute;
		inset: 0;
		width: 100% !important;
		height: 100% !important;
		transform: none;
		object-fit: cover;
		object-position: center center;
		display: block;
	}

	/* Metin akışta kalmasın: relative + negatif margin banner yüksekliğini şişirip
	   görüntünün altında boş gri alan bırakıyordu — metin görsel üzerine absolute */
	.page-home .simdi-oku-izle-takip-et {
		position: absolute !important;
		left: 16px;
		right: 16px;
		bottom: clamp(14px, 4vw, 28px);
		top: auto;
		margin: 0;
		padding: 12px 8px;
		width: auto;
		min-height: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 10px;
		z-index: 10;
		transform: none !important;
	}

	.page-home .md,
	.page-home .zle-oku-takip-et {
		position: static;
		width: auto;
		height: auto;
		transform: none;
		white-space: normal;
	}

	.page-home .md {
		font-size: clamp(40px, 12vw, 64px);
		line-height: 1;
		text-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
		color: #fff;
	}

	.page-home .zle-oku-takip-et {
		font-size: clamp(28px, 5vw, 54px);
		max-width: 7ch;
		line-height: 0.88;
		text-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
	}

	.page-home .macbook {
		margin: 40px auto 0 !important;
		width: 90% !important;
		max-width: 500px !important;
	}

	.page-home .haftalik-blog-takvimi {
		margin: 60px auto 0 !important;
		text-align: center;
	}

	.page-home .blog,
	.page-home .takvm {
		font-size: clamp(44px, 9vw, 106.75px);
	}

	.page-home .haftalik {
		font-size: clamp(26px, 4.5vw, 50.84px);
	}

	.page-home #ozgecmis.ozgecmis {
		margin: 80px 16px 0 !important;
		padding: 0 !important;
		gap: 30px;
	}

	.page-home #ozgecmis .ozgecmis-banner {
		position: relative;
		width: 100%;
		height: auto;
		aspect-ratio: 1320 / 375;
		border-radius: 24px;
		overflow: hidden;
	}

	.page-home #ozgecmis .rectangle-42161 {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		transform: none;
		object-fit: cover;
		object-position: center 22%;
	}

	.page-home #ozgecmis .group-12448315-10 {
		position: absolute;
		left: 24px;
		right: 24px;
		bottom: 24px;
		top: auto;
		width: auto;
		height: auto;
		transform: none;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		gap: 0 12px;
		z-index: 2;
	}

	.page-home #ozgecmis .tolga,
	.page-home #ozgecmis .zol,
	.page-home #ozgecmis .zgem {
		position: static;
		width: auto;
		height: auto;
		transform: none;
	}

	.page-home #ozgecmis .tolga,
	.page-home #ozgecmis .zol {
		font-size: clamp(52px, 11vw, 180.55px);
	}

	.page-home #ozgecmis .zgem {
		font-size: clamp(28px, 5vw, 85.99px);
	}

	.page-home .home-featured-blog {
		position: relative;
		left: auto;
		top: auto;
		width: auto;
		margin: 64px clamp(16px, 4vw, 40px) 0;
		background: #141414;
		border-radius: 18px;
		box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);
	}
}

@media (max-width: 767px) {
	.page-home .frame-2 {
		margin-top: 88px;
	}

	.page-home .main-banner {
		aspect-ratio: 1676 / 865;
		border-radius: 20px;
	}

	.page-home .simdi-oku-izle-takip-et {
		left: 18px;
		right: 18px;
		bottom: 18px;
		padding: 10px 6px;
	}

	.page-home .macbook {
		width: min(100%, 520px);
		margin-top: -28px;
	}

	.page-home #ozgecmis .text-2 {
		font-size: 16px;
		line-height: 1.6;
		padding: 12px 0 0;
		margin-top: 0;
		letter-spacing: -0.02em;
	}

	.page-home #ozgecmis .ozgecmis-banner {
		/* 4/3 çok kısaltıyordu; biraz daha geniş kırpma + üst odak */
		aspect-ratio: 16 / 10;
	}

	.page-home #ozgecmis .group-12448315-10 {
		left: 18px;
		right: 18px;
		bottom: 18px;
	}

	.page-home #ozgecmis .ozgecmis-youtube-heading {
		margin-top: 24px;
		white-space: normal;
	}

	.page-home .home-featured-blog {
		margin-left: 16px;
		margin-right: 16px;
	}

	.page-home .home-featured-blog__ribbon {
		display: none;
	}

	.page-home .home-featured-blog__content {
		padding: 20px 20px 14px;
	}

	.page-home .home-featured-blog__content picture {
		float: none;
		margin: 0 0 18px;
		width: 100%;
		max-width: 100%;
		aspect-ratio: 16 / 10;
	}

	.page-home .home-featured-blog .dijital-5,
	.page-home .home-featured-blog .alt-yap-5 {
		font-size: clamp(34px, 8vw, 44px);
		line-height: 0.96;
	}

	.page-home .home-featured-blog .lorem-ipsum-is-simply-dummy-text-11 {
		-webkit-line-clamp: 8;
	}
}