/*
 * Yumurtalık Haber: ana sayfa (front-page.php, template-parts/home/*).
 * Figma: masaüstü 4:2 (1440), mobil 10:2 (390). Yalnızca DESIGN.md tokenları; kartların temel stili main.css'te,
 * burada ana sayfaya özgü yerleşim ve Figma ölçüleri var.
 *
 *  1. Manşet            4. Dizi, yan alan, Köşe Yazarları (+ "Son köşe yazıları" listesi)
 *  2. Son Eklenenler    5. Kırılımlar: <1200 (blok ızgarası 2 sütun), <1024 (tablet)
 *  3. Kısa Haberler,    6. Kırılımlar: <768 (mobil)
 *     Kategori blokları
 */

/* ==========================================================================
   0. Dokunma hedefleri ve hareket
   Hedef boyutu: masaüstünde ≥24 px (WCAG 2.5.8), mobilde (<768) mümkün olan yerde 44 px. Yöntem: şeffaf kenarlık + eşit
   eksi kenar boşluğu; kutu (ve tıklanan alan) büyür, yerleşim değişmez.
   - Başlık bağlantıları aşağı doğru büyür (üstte kategori etiketi, altta tarih/metin var). `line-clamp` bağlantıya
     taşındı: kırpan `overflow: hidden` üst öğe, büyütülmüş alanı keserdi. Kenarlık kullanıldığı için kırpılan satır
     boşluğa taşmaz (padding kullanılsaydı taşardı).
   - Kategori etiketleri yukarı doğru büyür (üstte görsel ya da boş alan); alt komşu başlık olduğundan çakışma olmaz.
     Aradaki boşluk 12 px olduğundan mobilde etiket 24 px olur (44 px için komşu bağlantıyla çakışmak gerekirdi).
   ========================================================================== */

.home-manset,
.home-recent,
.home-short,
.home-blocks,
.home-lower {
	--tap: 24px;
}

.home-manset .card__title,
.home-recent .card__title,
.home-short .card__title,
.home-block .card__title,
.home-manset__title,
.home-quote__text,
.home-dizi__title {
	display: flow-root;
	overflow: visible;
}

.home-manset .card--overlay .card__title,
.home-recent .card--overlay .card__title {
	--clamp: 4;
}

/* Satır sınırları (uzun veride kırpma; Figma ölçüleri korunur): blok ve sekme dikey kart başlığı 3, küçük yatay kart 2,
   yazar kartı başlığı 2. Özetler 2 satır (aşağıda `.card__excerpt`). */
.home-block .card--vertical .card__title,
.home-recent .card--vertical .card__title {
	--clamp: 3;
}

.home-block .card--small .card__title {
	--clamp: 2;
}

.home-manset .card__title a,
.home-recent .card__title a,
.home-short .card__title a,
.home-block .card__title a,
.home-manset__title a,
.home-quote__text a,
.home-dizi__title a,
.home-columnists .card-author__quote a,
.home-columnists__link {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--clamp, 6);
	line-clamp: var(--clamp, 6);
	overflow: hidden;
	border-bottom: max(0px, calc(var(--tap) - 1lh)) solid transparent;
	margin-bottom: min(0px, calc(1lh - var(--tap)));
}

.home-manset .cat-label,
.home-recent .cat-label,
.home-short .cat-label,
.home-block .cat-label,
.home-dizi .cat-label {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding-top: 12px;
	margin-top: -12px;
}

/* "Tümü →" ve benzeri küçük bağlantılar: kutu iki yana eşit büyür */
.home-recent .section-title__more,
.home-block .section-title__more,
.home-columnists .section-title__more,
.home-columnists .card-author__all,
.home-ad__link {
	padding-block: 5px;
	margin-block: -5px;
}

.home-ad__link {
	display: inline-block;
}

.home-columnists .card-author__name a {
	display: inline-block;
	padding-block: 3px;
	margin-block: -3px;
}

/* Görsel yakınlaşma: yalnızca fareli aygıtta ve hareket azaltılmamışsa */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
	.home-manset__media img,
	.home-dizi__media img {
		transition: transform var(--dur-3) var(--ease-out);
	}

	.home-manset__story:hover .home-manset__media img,
	.home-dizi:hover .home-dizi__media img {
		transform: scale(1.03);
	}
}

/* "Diziyi Oku" basma geri bildirimi (scale .97, 160 ms var(--ease-out)) ortak `.btn:active` kuralından gelir (main.css). */

/* ==========================================================================
   1. Manşet (Figma 4:78: 330 metin + 470 görsel + 352 sağ sütun, aralar 24)
   ========================================================================== */

.home-manset {
	padding: 32px 0 48px;
	border-bottom: 1px solid var(--c-border);
}

.home-manset__grid {
	display: grid;
	grid-template-columns: minmax(0, 824fr) minmax(0, 352fr);
	column-gap: 24px;
	align-items: stretch;
}

.home-manset__grid--single {
	grid-template-columns: minmax(0, 1fr);
}

.home-manset__story {
	display: grid;
	grid-template-columns: minmax(0, 330fr) minmax(0, 470fr);
	column-gap: 24px;
	align-items: stretch; /* metin sütunu görsel yüksekliğine uzar (içerik üstte), alt kenarlar eşit */
	min-width: 0;
}

.home-manset__story--no-image {
	grid-template-columns: minmax(0, 1fr);
}

.home-manset__story--no-image .home-manset__text {
	max-width: 640px;
}

.home-manset__text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	min-width: 0;
	padding-top: 8px;
}

.home-manset__meta {
	display: flex;
	align-items: center;
	gap: 8px;
}

.home-manset__date {
	display: none;
	color: var(--c-muted);
	font: 400 11px/13px var(--f-sans);
}

.home-manset__title {
	--clamp: 6;
	max-width: 100%;
	color: var(--c-text);
}

.home-manset__title.is-caps {
	--clamp: 7;
	font-size: 26px;
	line-height: 33px;
}

.home-manset__title a {
	transition: color var(--dur-1) ease;
}

.home-manset__title a:hover {
	color: var(--c-brand);
}

.home-manset__excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	overflow: hidden;
	color: var(--c-text-2);
	font: 400 14px/23px var(--f-sans);
}

.home-manset__byline {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.home-manset__who {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.home-manset__name {
	color: var(--c-text);
	font: 600 13px/16px var(--f-sans);
}

.home-manset__sub {
	color: var(--c-muted);
	font: 400 12px/15px var(--f-sans);
}

.home-manset__media {
	position: relative;
	display: block;
	align-self: start; /* oranlı kutu satırı doldurmaya çalışıp taşmasın */
	overflow: hidden;
	aspect-ratio: 470 / 440;
	background: var(--c-surface);
}

.home-manset__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Sağ sütun: görsel üstü yazılı kart (352×212) + alıntı kartı (352×212) */
.home-manset__side {
	display: grid;
	grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
	row-gap: 16px;
	min-width: 0;
}

.home-manset__side .card--overlay {
	aspect-ratio: auto;
}

.home-quote {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	min-width: 0;
	padding: 22px 24px;
	overflow: hidden;
	background: var(--c-surface);
}

.home-quote__mark {
	display: block;
	height: 36px;
	color: var(--c-brand);
	font: 700 48px/36px var(--f-serif);
}

.home-quote__text {
	--clamp: 3;
	max-width: 100%;
	color: var(--c-text);
}

.home-quote__text a {
	transition: color var(--dur-1) ease;
}

.home-quote__text a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.home-quote:hover .home-quote__text a {
	color: var(--c-brand);
}

.home-quote__by {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 8px;
}

.home-quote__name {
	color: var(--c-text);
	font: 600 13px/16px var(--f-sans);
}

.home-quote__tag {
	color: var(--c-muted);
	font: 400 12px/15px var(--f-sans);
}

/* ==========================================================================
   2. Son Eklenenler (Figma 7:2: 590 büyük kart + 2 × 281 dikey kart, aralar 24)
   ========================================================================== */

.home-recent {
	padding: 48px 0 32px;
}

.home-recent__head {
	margin-bottom: 24px;
}

.home-tabs {
	display: flex;
	flex: none;
	gap: 22px;
}

.home-tabs__tab {
	display: block;
	padding: 4px 0;
	border-bottom: 2px solid transparent;
	color: var(--c-muted);
	font: 600 12px/15px var(--f-sans);
	letter-spacing: .06em;
	text-transform: uppercase;
	white-space: nowrap;
	transition: color var(--dur-1) ease, border-color var(--dur-1) ease;
}

.home-tabs__tab:hover {
	color: var(--c-text);
}

.home-tabs__tab[aria-selected="true"] {
	border-bottom-color: var(--c-ink);
	color: var(--c-text);
}

.home-recent__all {
	display: none;
}

.home-recent__panel {
	display: grid;
	grid-template-columns: minmax(0, 590fr) minmax(0, 281fr) minmax(0, 281fr);
	column-gap: 24px;
	align-items: start;
}

.home-recent__panel--n2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-recent__panel--n1 {
	grid-template-columns: minmax(0, 1fr);
}

.home-recent__panel .card--vertical {
	--card-media-ratio: 281 / 190;
}

.home-recent .card__excerpt,
.home-block .card__excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
}

/* ==========================================================================
   3. Kısa Haberler (Figma 7:44: 64×64 görsel, 5 sütun; 8 kartla 4 sütun × 2 satır; mobil 10:87: 156 genişlikte kaydırmalı şerit)
   ========================================================================== */

.home-short {
	padding: 0 0 48px;
}

/* Masaüstünde başlık Figma'da yok: yalnızca ekran okuyucu için */
.home-short__head {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.home-short__title {
	color: var(--c-text);
	font: 700 21px/28px var(--f-serif);
}

.home-short__hint {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--c-muted);
	font: 600 12px/15px var(--f-sans);
}

.home-short__strip {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
	padding: 20px 0;
	border-top: 1px solid var(--c-border);
	border-bottom: 1px solid var(--c-border);
}

.home-short__item {
	min-width: 0;
}

.home-short .card--small {
	gap: 12px;
	align-items: center;
}

.home-short .card--small .card__media {
	width: 64px;
	aspect-ratio: 1;
}

.home-short .card--small .card__body {
	gap: 4px;
}

.home-short .card--small .card__title {
	--clamp: 3;
}

/* ==========================================================================
   5. Kategori blokları (Figma 7:91: 3 × 380, aralar 30; canlıdaki 8 bölüm için 4 × 282, aralar 24, iki ızgara satırı:
      Gündem, Ekonomi, Siyaset, Sağlık / Eğitim, Dünya, Kültür-Sanat, Yaşam; 1200 altında 2 sütun)
   ========================================================================== */

.home-blocks {
	padding: 0 0 56px;
}

.home-blocks__grid {
	display: grid;
	grid-template-columns: repeat(var(--home-cols, 4), minmax(0, 1fr));
	column-gap: 24px;
	align-items: start;
}

/* İki ızgara satırı arası (Ekonomi... / Dünya...): bölümler arası boşluk kadar */
.home-blocks__grid + .home-blocks__grid {
	margin-top: 56px;
}

.home-block {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

.home-block .section-title {
	gap: 12px;
}

.home-block .section-title__text {
	font: 700 clamp(21px, calc(21px + 1 * var(--k)), 22px) / clamp(28px, calc(28px + 1 * var(--k)), 29px) var(--f-serif);
}

.home-block .card--vertical {
	--card-media-ratio: 380 / 230;
	gap: 16px;
}

.home-block__list {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--c-border);
}

/* ==========================================================================
   6. Dizi + yan alan + Köşe Yazarları (Figma 8:2, 8:52)
   ========================================================================== */

.home-lower {
	display: grid;
	grid-template-columns: minmax(0, 790fr) minmax(0, 380fr); /* 1200'de 790 + 30 + 380 */
	column-gap: 30px;
	row-gap: 56px;
	align-items: stretch; /* reklam satırı uzatırsa Dizi kartı da uzar */
	padding-bottom: 56px;
}

.home-dizi {
	grid-column: 1;
	grid-row: 1;
	display: grid;
	grid-template-columns: minmax(0, 390fr) minmax(0, 400fr);
	min-height: 422px;
	background: var(--c-surface);
}

.home-dizi--no-image {
	grid-template-columns: minmax(0, 1fr);
}

.home-dizi--no-image .home-dizi__body {
	max-width: 640px;
}

.home-dizi__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	min-width: 0;
	padding: 40px;
}

.home-dizi__badges {
	display: flex;
	align-items: center;
	gap: 8px;
}

.home-dizi__episode {
	padding: 4px 8px;
	background: var(--c-brand-fill);
	color: var(--c-on-brand);
	font: 700 11px/13px var(--f-sans);
}

.home-dizi__title {
	--clamp: 5;
	max-width: 100%;
	color: var(--c-text);
	font: 700 30px/38px var(--f-serif);
}

.home-dizi__title.is-caps {
	font-size: 26px;
	line-height: 33px;
}

.home-dizi__title a {
	transition: color var(--dur-1) ease;
}

.home-dizi__title a:hover {
	color: var(--c-brand);
}

.home-dizi__excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	overflow: hidden;
	color: var(--c-text-2);
	font: 400 14px/23px var(--f-sans);
}

.home-dizi__byline {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.home-dizi__name {
	color: var(--c-text);
	font: 600 13px/16px var(--f-sans);
}

.home-dizi__btn {
	padding: 12px 22px;
	margin-top: 8px;
}

/* Görsel kartın tüm yüksekliğini doldurur (Figma 400×400; kart içeriğe göre uzayabildiğinden sütun boyuna uyar) */
.home-dizi__media {
	position: relative;
	display: block;
	min-height: 0;
	overflow: hidden;
	background: var(--c-surface);
}

.home-dizi__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-side {
	grid-column: 2;
	grid-row: 1;
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
}

.home-side:first-child {
	grid-column: 1 / -1;
}

/* Hava kartı: kabuk burada (navy, 24 iç boşluk), içerik zz-weather-data.php'den gelir */
.home-weather {
	padding: 24px;
	background: var(--c-navy);
	color: var(--c-on-navy);
}

/* Koyu temada navy kart sayfa zemininden `--c-border` kenarla ayrılır (DESIGN.md §1) */
html[data-theme="dark"] .home-weather {
	border: 1px solid var(--c-border);
}

/* Reklam kutusu: 380×100 kesik çizgili yer tutucu (Figma 8:48) */
.home-ad__placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 100px;
	padding: 16px;
	border: 1px dashed var(--c-border-input);
	background: var(--c-surface-2);
	text-align: center;
}

.home-ad__label {
	color: var(--c-muted);
	font: 600 11px/13px var(--f-sans);
	letter-spacing: .1em;
	text-transform: uppercase;
}

.home-ad__size {
	color: var(--c-faint);
	font: 700 22px/29px var(--f-serif);
}

/* Süs niteliğinde boyut işareti (Figma 8:50, --c-faint): metin değil, yer tutucu çizimi; bu yüzden üretilmiş içerik */
.home-ad__size::before {
	content: "300 × 250";
}

.home-ad__link {
	color: var(--c-brand);
	font: 500 12px/15px var(--f-sans);
}

.home-ad__link:hover {
	text-decoration: underline;
}

/* Gerçek reklam (`yh_ad_slot`): sütun genişliğinde (en çok 300 px, sütunda ortalı), kendi oranıyla, kırpmasız, yükseklik
   sınırı yok. Satır uzarsa soldaki Dizi kartı da uzar (grid `align-items: stretch`; görsel bölmesi kalanı `cover` ile
   doldurur, metin üstte kalır). Reklam yoksa yer tutucu satır yüksekliğini (422) değiştirmez. Mobilde tam genişlik. */
.home-ad__slot {
	display: block;
	max-width: 100%;
	overflow: hidden;
}

.home-ad__slot .ad {
	width: 100%;
}

.home-ad__slot .ad__img {
	width: 100%;
	max-width: 300px;
	height: auto;
}

.home-columnists {
	grid-column: 1 / -1;
	grid-row: 2;
}

.home-columnists__head {
	margin-bottom: 24px;
}

.home-columnists__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.home-columnists .card-author__quote {
	--clamp: 2;
}

/* "Son köşe yazıları": kartların altında kompakt liste (3 sütun; başlık, yazar adı · tarih) */
.home-columnists__latest {
	margin-top: 32px;
}

.home-columnists__latest-title {
	margin-bottom: 12px;
	color: var(--c-muted);
	font: 600 12px/14px var(--f-sans);
	letter-spacing: .1em;
	text-transform: uppercase;
}

.home-columnists__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.home-columnists__item {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	padding: 14px 0 16px;
	border-top: 1px solid var(--c-border);
}

.home-columnists__link {
	--clamp: 2;
	color: var(--c-text);
	font: 600 16px/22px var(--f-serif);
	transition: color var(--dur-1) ease;
}

.home-columnists__link:hover {
	color: var(--c-brand);
}

/* ==========================================================================
   6b. Çok sütunlu satırlarda ortak hiza (masaüstü ≥1024; kategori blokları ≥1200; CSS subgrid)
   Her sütun ortak satırlardan geçer: kısa içerikli sütun da aynı çizgilere oturur, alt kenarlar eşit olur. Boşluklar
   (16 / 12 px) ve ölçüler Figma'daki gibi; yalnızca satır yükseklikleri sütunlar arasında paylaşılır. Subgrid olmayan
   tarayıcıda (ve tablet/mobilde) önceki akış düzeni + satır sınırları geçerli.
   ========================================================================== */

@media (min-width: 1024px) {
	/* Kısa Haberler: kartlar eşit yükseklikte, içerik kartta ortalı (Figma) */
	.home-short__item {
		display: flex;
	}

	.home-short__item > .card {
		flex: 1 1 auto;
	}

	@supports (grid-template-rows: subgrid) {
		/* Son Eklenenler: büyük kart 4 satıra yayılır; iki dikey kart aynı 4 satırı paylaşır (görsel, meta, başlık, özet) */
		.home-recent__panel {
			grid-template-rows: repeat(3, auto) minmax(0, 1fr);
			row-gap: 12px;
			align-items: stretch;
		}

		.home-recent__panel > .card--overlay {
			grid-row: 1 / span 4;
		}

		.home-recent__panel > .card--vertical {
			display: grid;
			grid-row: 1 / span 4;
			grid-template-columns: minmax(0, 1fr);
			grid-template-rows: subgrid;
			row-gap: 12px;
		}
	}
}

/* Kategori blokları (4 sütun, ≥1200): 282 px'lik sütunda dikey kart başlığı 19/26 ve görsel oranı 282/190 (Son Eklenenler'in
   dikey kartıyla aynı), küçük kartın başlığı 3 satır (gövde 172 px). Ortak satırlar için subgrid. */
@media (min-width: 1200px) {
	.home-block .card--vertical {
		--card-media-ratio: 282 / 190;
	}

	.home-block .card--vertical.card--lg .card__title {
		font: 700 19px/26px var(--f-serif);
	}

	.home-block .card--small .card__title {
		--clamp: 3;
	}

	@supports (grid-template-rows: subgrid) {
		/* Satır başına ortak satırlar (başlık, görsel, meta, başlık, özet + küçük kartlar). Sayıları PHP'den gelir:
		   `--home-rows` toplam, `--home-small` küçük kart satırı (en kalabalık blok kadar; 1 büyük + 5 küçük kartta 10 ve 5).
		   Az kartlı blok aynı satırlara oturur, alt boşluk artmaz. */
		.home-blocks__grid {
			grid-template-rows: repeat(var(--home-rows, 7), auto);
			row-gap: 16px;
			align-items: stretch;
		}

		.home-block {
			display: grid;
			grid-row: 1 / span var(--home-rows, 7);
			grid-template-columns: minmax(0, 1fr);
			grid-template-rows: subgrid;
			row-gap: 16px;
		}

		.home-block .card--vertical {
			display: grid;
			grid-row: span 4;
			grid-template-columns: minmax(0, 1fr);
			grid-template-rows: subgrid;
			row-gap: 16px;
		}

		.home-block__list {
			display: grid;
			grid-row: span var(--home-small, 2);
			grid-template-columns: minmax(0, 1fr);
			grid-template-rows: subgrid;
			row-gap: 16px;
		}
	}
}

/* ==========================================================================
   7a. Dar masaüstü ve tablet (<1240 / <1024)
   ========================================================================== */

@media (max-width: 1199px) {
	.home-manset__title {
		font-size: 26px;
		line-height: 33px;
	}

	/* Blokların başlığı + sütunlar: 2 sütun (8 blok çift), kalan tek blok tam genişlik */
	.home-blocks__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 30px;
		row-gap: 40px;
	}

	.home-blocks__grid > .home-block:last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}

	.home-blocks__grid + .home-blocks__grid {
		margin-top: 40px;
	}
}

@media (max-width: 1023px) {
	/* Manşet: üstte metin + görsel yan yana, altta iki kart yan yana */
	.home-manset__grid {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 24px;
	}

	.home-manset__story {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.home-manset__title {
		font-size: clamp(26px, calc(26px + 5 * var(--k)), 31px);
		line-height: clamp(33px, calc(33px + 6 * var(--k)), 39px);
	}

	.home-manset__title.is-caps {
		font-size: 26px;
		line-height: 33px;
	}

	.home-manset__side {
		grid-template-rows: none;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 24px;
	}

	.home-manset__side .card--overlay {
		aspect-ratio: 352 / 212;
	}

	.home-manset__side .home-quote {
		min-height: 212px;
	}

	/* Son Eklenenler: büyük kart tam genişlik, altında iki kart */
	.home-recent__panel {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 24px;
	}

	.home-recent__panel .card--overlay.card--lg {
		grid-column: 1 / -1;
		aspect-ratio: 16 / 9;
	}

	.home-recent__panel--n1 {
		grid-template-columns: minmax(0, 1fr);
	}

	/* Kısa Haberler: kaydırmalı şerit, dikey kartlar */
	.home-short {
		padding-bottom: 32px;
	}

	.home-short__head {
		position: static;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: auto;
		height: auto;
		margin: 0 0 14px;
		overflow: visible;
		clip: auto;
		clip-path: none;
		white-space: normal;
	}

	.home-short__strip {
		display: flex;
		gap: 14px;
		margin-right: -20px;
		padding: 0 20px 0 0;
		overflow-x: auto;
		border: 0;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.home-short__strip::-webkit-scrollbar {
		display: none;
	}

	.home-short__item {
		flex: none;
		width: 156px;
	}

	.home-short .card--small {
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
	}

	.home-short .card--small .card__media {
		width: 100%;
		aspect-ratio: 156 / 104;
	}

	.home-short .card--small .card__body {
		gap: 8px;
	}

	/* Dizi tam genişlik; hava + reklam altında yan yana; yazarlar en altta */
	.home-lower {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 40px;
	}

	.home-side {
		grid-column: 1;
		grid-row: 2;
		flex-direction: row;
		align-items: stretch;
	}

	.home-side > * {
		flex: 1 1 0;
		min-width: 0;
	}

	.home-columnists {
		grid-row: 3;
	}

	.home-columnists .card-author__quote {
		font-size: 18px;
		line-height: 26px;
	}

	.home-columnists .card--author-home {
		padding: 20px;
	}

	.home-columnists__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* ==========================================================================
   7b. Mobil (<768): Figma 390 düzeni. Sıra: Manşet, Öne Çıkanlar, Son Eklenenler, Kısa Haberler, Ekonomi, Siyaset,
       Sağlık ve Eğitim, Dünya, Kültür-Sanat, Yaşam, Dizi, Hava, Köşe Yazarları, Reklam
   ========================================================================== */

@media (max-width: 767px) {
	.home-manset,
	.home-recent,
	.home-short,
	.home-blocks,
	.home-lower {
		--tap: 44px;
	}

	/* "Tümü →": başlık satırının boşluğuna taşarak 44 px */
	.home-recent .section-title__more,
	.home-block .section-title__more,
	.home-columnists .section-title__more {
		padding-block: 15px;
		margin-block: -15px;
	}

	/* "Diziyi Oku": şeffaf kenarlıkla 44 px, boyanan alan 40 px kalır */
	.home-dizi__btn {
		border: 2px solid transparent;
		background-clip: padding-box;
		margin: -2px;
	}

	/* Yazar adı bağlantısı: karttaki üst boşluğa doğru büyür */
	.home-columnists .card-author__name a {
		padding-block: 12px 0;
		margin-block: -12px 0;
	}

	/* Bölüm başlıkları 21/28, "Tümü →" 12/15 */
	.home-recent .section-title__text,
	.home-columnists .section-title__text,
	.home-block .section-title__text {
		font-size: 21px;
		line-height: 28px;
	}

	.home-recent .section-title__more,
	.home-columnists .section-title__more,
	.home-block .section-title__more {
		gap: 4px;
		font-size: 12px;
		line-height: 15px;
	}

	.home-recent .cat-label,
	.home-block .cat-label,
	.home-short .cat-label,
	.home-manset .cat-label,
	.home-dizi .cat-label {
		font-size: 10px;
		line-height: 12px;
	}

	.home-recent .post-meta,
	.home-block .post-meta,
	.home-manset .post-meta {
		font-size: 11px;
		line-height: 13px;
	}

	/* --- Manşet + Öne Çıkanlar --- */
	.home-manset {
		padding: 20px 0 28px;
		border-bottom: 0;
	}

	.home-manset__grid {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.home-manset__story {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.home-manset__media {
		order: -1;
		width: 100%;
		aspect-ratio: 350 / 230;
	}

	.home-manset__text {
		gap: 12px;
		width: 100%;
		padding-top: 0;
	}

	.home-manset__date {
		display: inline;
	}

	.home-manset__title {
		--clamp: 5;
	}

	.home-manset__excerpt {
		-webkit-line-clamp: 3;
		line-clamp: 3;
		font-size: 14px;
		line-height: 22px;
	}

	.home-manset__byline {
		gap: 8px;
	}

	.home-manset__byline .avatar-circle {
		--avatar-size: 30px !important;
	}

	.home-manset__who {
		flex-direction: row;
		gap: 0;
	}

	.home-manset__name,
	.home-manset__sub {
		color: var(--c-text-2);
		font: 500 12px/15px var(--f-sans);
	}

	.home-manset__name::after {
		content: " · ";
		white-space: pre;
	}

	.home-manset__subdate {
		display: none;
	}

	.home-manset__side {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.home-manset__side .card--overlay {
		aspect-ratio: 350 / 230;
	}

	.home-quote {
		gap: 8px;
		min-height: 0;
		padding: 20px;
	}

	.home-manset__side .home-quote {
		min-height: 0;
	}

	.home-quote__mark {
		height: 28px;
		font-size: 40px;
		line-height: 28px;
	}

	.home-quote__by {
		gap: 0;
	}

	.home-quote__name,
	.home-quote__tag {
		font: 600 12px/15px var(--f-sans);
		color: var(--c-text);
	}

	.home-quote__tag {
		margin-left: .3em;
	}

	/* --- Son Eklenenler: sekmeler yok, büyük kart + iki liste satırı --- */
	.home-recent {
		padding: 0 0 28px;
	}

	.home-recent__head {
		margin-bottom: 16px;
	}

	.home-tabs {
		display: none;
	}

	.home-recent__all {
		display: inline-flex;
	}

	.home-recent__panel {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
	}

	.home-recent .card--overlay.card--lg .card__content {
		align-items: flex-start;
		text-align: left;
	}

	/* Mobilde büyük kartın meta satırı yalnızca tarih (Figma 10:74) */
	.home-recent .card--overlay .post-meta__author {
		display: none;
	}

	/* Dikey kart → 116×84 görselli liste satırı (Figma 10:75). Metin sütunu: etiket, başlık, özet (2 satır), tarih. */
	.home-recent__panel .card--vertical {
		display: grid;
		grid-template-columns: 116px minmax(0, 1fr);
		grid-template-rows: minmax(0, 1fr) auto auto auto auto minmax(0, 1fr);
		column-gap: 14px;
		row-gap: 0;
		align-items: start;
	}

	.home-recent__panel .card--vertical .card__media {
		grid-column: 1;
		grid-row: 1 / span 6;
		align-self: center;
		width: 116px;
		aspect-ratio: 116 / 84;
	}

	.home-recent__panel .card--vertical .card__meta {
		display: contents;
	}

	.home-recent__panel .card--vertical .cat-label {
		grid-column: 2;
		grid-row: 2;
	}

	.home-recent__panel .card--vertical .card__title {
		grid-column: 2;
		grid-row: 3;
		margin-top: 6px;
		font: 700 16px/22px var(--f-serif);
	}

	.home-recent__panel .card--vertical .card__excerpt {
		grid-column: 2;
		grid-row: 4;
		margin-top: 6px;
		font-size: 13px;
		line-height: 20px;
	}

	.home-recent__panel .card--vertical .post-meta {
		grid-column: 2;
		grid-row: 5;
		margin-top: 6px;
	}

	.home-recent__panel .card--vertical.card--no-image {
		grid-template-columns: minmax(0, 1fr);
	}

	.home-recent__panel .card--vertical.card--no-image .cat-label,
	.home-recent__panel .card--vertical.card--no-image .card__title,
	.home-recent__panel .card--vertical.card--no-image .card__excerpt,
	.home-recent__panel .card--vertical.card--no-image .post-meta {
		grid-column: 1;
	}

	/* --- Kısa Haberler --- */
	.home-short {
		padding: 0 0 32px;
	}

	.home-short__title {
		font-size: 21px;
		line-height: 28px;
	}

	/* --- Kategori blokları: alt alta, her biri 32 boşluk --- */
	.home-blocks {
		padding: 0;
	}

	.home-blocks__grid {
		display: block;
	}

	.home-blocks__grid + .home-blocks__grid {
		margin-top: 0;
	}

	.home-block {
		gap: 14px;
		padding-bottom: 32px;
	}

	.home-block .card--vertical {
		--card-media-ratio: 350 / 210;
		gap: 14px;
	}

	.home-block .card--vertical .card__excerpt {
		font-size: 13px;
		line-height: 20px;
	}

	.home-block .card__meta {
		gap: 4px 8px;
	}

	.home-block__list {
		gap: 14px;
		padding-top: 14px;
	}

	.home-block__list > .card + .card {
		padding-top: 14px;
		border-top: 1px solid var(--c-border);
	}

	.home-block .card--small .card__media {
		width: 96px;
		aspect-ratio: 96 / 70;
	}

	.home-block .card--small .card__body {
		gap: 5px;
	}

	/* --- Dizi, hava, köşe yazarları, reklam: sıra CSS ile --- */
	.home-lower {
		display: flex;
		flex-direction: column;
		row-gap: 0;
		padding-bottom: 0;
	}

	.home-side {
		display: contents;
	}

	.home-dizi {
		order: 1;
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
		margin-bottom: 28px;
	}

	.home-weather {
		order: 2;
		margin-bottom: 28px;
		padding: 20px;
	}

	.home-columnists {
		order: 3;
		margin-bottom: 28px;
	}

	.home-ad {
		order: 4;
		margin-bottom: 28px;
	}

	.home-dizi__media {
		order: -1;
		aspect-ratio: 350 / 220;
	}

	.home-dizi__media img {
		position: static;
		inset: auto;
	}

	.home-dizi__body {
		gap: 12px;
		padding: 22px 20px 24px;
	}

	.home-dizi__episode {
		padding: 3px 7px;
		font-size: 10px;
		line-height: 12px;
	}

	.home-dizi__title {
		font-size: 23px;
		line-height: 30px;
	}

	.home-dizi__title.is-caps {
		font-size: 21px;
		line-height: 28px;
	}

	.home-dizi__excerpt {
		font-size: 13px;
		line-height: 21px;
	}

	.home-dizi__byline {
		display: none;
	}

	.home-dizi__btn {
		padding: 12px 20px;
	}

	.home-columnists__head {
		margin-bottom: 12px;
	}

	.home-columnists__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}

	/* Yazar kartı: avatar solda, "Ad · Unvan" ve başlık sağda (Figma 11:107) */
	.home-columnists .card--author-home {
		display: grid;
		grid-template-columns: 52px minmax(0, 1fr);
		grid-template-rows: minmax(0, 1fr) auto auto minmax(0, 1fr);
		column-gap: 14px;
		row-gap: 0;
		align-items: start;
		padding: 16px;
	}

	.home-columnists .card-author__id {
		display: contents;
	}

	.home-columnists .card-author__id > .avatar-circle {
		grid-column: 1;
		grid-row: 1 / span 4;
		align-self: center;
	}

	.home-columnists .card-author__who {
		display: block;
		grid-column: 2;
		grid-row: 2;
	}

	.home-columnists .card-author__name,
	.home-columnists .card-author__role {
		display: inline;
		color: var(--c-muted);
		font: 600 11px/13px var(--f-sans);
	}

	.home-columnists .card-author__name:not(:last-child)::after {
		content: " ·";
		white-space: pre;
	}

	.home-columnists .card-author__name a:hover {
		color: var(--c-brand);
	}

	.home-columnists .card-author__quote {
		grid-column: 2;
		grid-row: 3;
		margin-top: 4px;
		font: 700 16px/22px var(--f-serif);
	}

	.home-columnists .card-author__foot {
		display: none;
	}

	/* Son köşe yazıları: tek sütun */
	.home-columnists__latest {
		margin-top: 20px;
	}

	.home-columnists__list {
		grid-template-columns: minmax(0, 1fr);
	}

	.home-columnists__item {
		padding: 12px 0 14px;
	}

	.home-columnists__link {
		font-size: 15px;
		line-height: 21px;
	}

	/* Reklam yer tutucusu: 300×250, ortada; Figma mobilde bağlantı yok */
	.home-ad__placeholder {
		width: 300px;
		max-width: 100%;
		height: 250px;
		margin-inline: auto;
		padding: 0;
	}

	.home-ad__link {
		display: none;
	}

	.home-ad__slot .ad__img {
		width: auto;
		max-width: 100%;
	}

	.home-ad__label {
		font-size: 10px;
		line-height: 12px;
		letter-spacing: .1em;
	}
}