/* =========================================================================
   PATIGEN — Tasarım sistemi
   Yön: renk-blok editorial (mor blok yüzeyler + altın accent)
   Tipografi: Albert Sans (display) + Manrope (gövde) — ikisi de latin-ext
   Tek easing, tek reveal sözleşmesi. Hardcoded hex yok: her renk token'dan.
   ========================================================================= */

:root {
	/* Marka */
	--pg-brand:        #412394;
	--pg-brand-deep:   #0f0062;
	--pg-brand-bright: #6b47d6; /* koyu zeminde okunabilir mor varyantı */
	--pg-accent:       #ffc709; /* logodaki pati izi */
	--pg-accent-deep:  #e0aa00;

	/* Yüzeyler */
	--pg-bg:        #ffffff;
	--pg-bg-2:      #f7f5fc;
	--pg-bg-3:      #efeaf9;
	--pg-ink:       #17122a;
	--pg-ink-soft:  #453d5e;
	--pg-muted:     #6a6280;

	/* Çizgiler — D4 "engineered" 1px sistemi */
	--pg-line:        rgba(23, 18, 42, 0.10);
	--pg-line-strong: rgba(23, 18, 42, 0.20);
	--pg-line-invert: rgba(255, 255, 255, 0.16);

	/* Ritim — 8'in katları */
	--pg-s1: 8px;  --pg-s2: 16px; --pg-s3: 24px; --pg-s4: 32px;
	--pg-s5: 48px; --pg-s6: 64px; --pg-s7: 96px; --pg-s8: 128px;

	/* Tek easing — projede başka easing kullanılmaz */
	--pg-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--pg-fast: 160ms;
	--pg-slow: 560ms;

	--pg-radius:    18px;
	--pg-radius-lg: 28px;
}

/* -------------------------------------------------------------------------
   1. Tipografi
   ------------------------------------------------------------------------- */

body,
.entry-content,
#tie-wrapper {
	font-family: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
	color: var(--pg-ink);
	font-size: 17px;
	line-height: 1.72;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5,
.entry-title,
.section-title,
.widget-title,
.page-title {
	font-family: 'Albert Sans', system-ui, sans-serif;
	font-weight: 800;
	letter-spacing: -0.025em;
	line-height: 1.08;
	text-wrap: balance;
	color: var(--pg-ink);
}

.post-title,
h1.entry-title {
	font-size: clamp(2rem, 4.4vw, 3.35rem);
	letter-spacing: -0.03em;
}

/* Bölüm başlığı ritmi — künye ve içindekiler kutularının kendi başlıkları hariç
   (onlar bileşen başlığıdır, makale bölümü değil). */
.entry-content h2:not(.pg-kunye__baslik):not(.pg-toc__baslik) {
	font-size: clamp(1.55rem, 2.6vw, 2.1rem);
	margin-top: var(--pg-s6);
	margin-bottom: var(--pg-s3);
	padding-top: var(--pg-s3);
	border-top: 2px solid var(--pg-line);
	position: relative;
}

/* İmza: bölüm başlıklarının üstündeki hairline'da altın bir kesit —
   logodaki pati izinin rengi, bölüm ritmine taşınmış hâli. */
.entry-content h2:not(.pg-kunye__baslik):not(.pg-toc__baslik)::before {
	content: '';
	position: absolute;
	top: -2px;
	left: 0;
	width: 56px;
	height: 2px;
	background: var(--pg-accent);
}

.entry-content h3 {
	font-size: clamp(1.2rem, 1.9vw, 1.45rem);
	font-weight: 700;
	margin-top: var(--pg-s4);
	margin-bottom: var(--pg-s2);
}

.entry-content p { margin-bottom: var(--pg-s3); }

.entry-content > p:first-of-type {
	font-size: 1.12em;
	line-height: 1.66;
	color: var(--pg-ink-soft);
}

/* Rakamlar hizalı — künye ve istatistiklerde şart */
.pg-kunye__deger,
.pg-stat__sayi,
time { font-variant-numeric: tabular-nums; }

/* -------------------------------------------------------------------------
   2. Etkileşim durumları (Z-10)
   ------------------------------------------------------------------------- */

::selection { background: var(--pg-brand); color: #fff; }

/* Odak halkası zeminden BAĞIMSIZ olmalı: tek renkli mor halka, mor blokların
   üstünde 1.00:1 kontrastla tamamen görünmez oluyordu (22 öğe ölçüldü).
   Altın halka + koyu dış hat her iki zeminde de görünür (WCAG 2.4.11). */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
	outline: 2px solid var(--pg-accent);
	outline-offset: 3px;
	box-shadow: 0 0 0 5px var(--pg-brand-deep);
	border-radius: 4px;
}

/* Atlama linki — WCAG 2.4.1 Bypass Blocks */
.pg-atla {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 999;
	padding: 12px 22px;
	background: var(--pg-brand-deep);
	color: #fff;
	font-family: 'Albert Sans', sans-serif;
	font-weight: 700;
	border-radius: 0 0 var(--pg-radius) 0;
	text-decoration: none;
}
.pg-atla:focus {
	left: 0;
	color: #fff;
}

.entry-content a:not(.pg-btn) {
	color: var(--pg-brand);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: color var(--pg-fast) var(--pg-ease),
	            text-decoration-color var(--pg-fast) var(--pg-ease);
}

.entry-content a:not(.pg-btn):hover {
	color: var(--pg-brand-deep);
	text-decoration-color: var(--pg-accent);
	text-decoration-thickness: 2px;
}

/* -------------------------------------------------------------------------
   3. Renk-blok bileşenleri (yönün taşıyıcısı)
   ------------------------------------------------------------------------- */

.pg-blok {
	background: var(--pg-brand);
	color: #fff;
	position: relative;
}
.pg-blok h2, .pg-blok h3 { color: #fff; }
.pg-blok a { color: var(--pg-accent); }

/* D4 — 1px engineered çizgi dokusu; dekoratif değil, ölçek hissi verir */
/* Dekoratif doku içeriğin ARKASINDA kalmalı: konumlandırılmış ::before,
   konumlandırılmamış blok içeriğin üzerine boyanıyordu (endeks bölümü). */
.pg-blok .pg-kapsayici,
.pg-blok .pg-hero__ic { position: relative; z-index: 1; }

.pg-blok--cizgili::before {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		linear-gradient(to right, var(--pg-line-invert) 1px, transparent 1px);
	background-size: 96px 100%;
	opacity: 0.5;
}

.pg-btn {
	display: inline-flex;
	align-items: center;
	gap: var(--pg-s1);
	padding: 13px 26px;
	border-radius: 999px;
	background: var(--pg-brand);
	color: #fff;
	font-family: 'Albert Sans', sans-serif;
	font-weight: 600;
	font-size: 15px;
	line-height: 1;
	text-decoration: none;
	border: 1px solid transparent;
	transition: background-color var(--pg-fast) var(--pg-ease),
	            transform var(--pg-fast) var(--pg-ease),
	            border-color var(--pg-fast) var(--pg-ease);
}
.pg-btn:hover { background: var(--pg-brand-deep); transform: translateY(-2px); color: #fff; }
.pg-btn:active { transform: translateY(0); }

.pg-btn--ghost {
	background: transparent;
	color: var(--pg-brand);
	border-color: var(--pg-line-strong);
}
.pg-btn--ghost:hover { background: var(--pg-bg-3); color: var(--pg-brand-deep); }

/* -------------------------------------------------------------------------
   4. Tür Künyesi — imza bileşeni
   Türetme: markanın adındaki "gen" (tür/soy bilgisi) → her ırk yazısında künye.
   ------------------------------------------------------------------------- */

.pg-kunye {
	margin: var(--pg-s5) 0;
	border: 1px solid var(--pg-line-strong);
	border-radius: var(--pg-radius-lg);
	overflow: hidden;
	background: var(--pg-bg);
}

.pg-kunye__ust {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--pg-s2);
	flex-wrap: wrap;
	padding: var(--pg-s3) var(--pg-s4);
	background: var(--pg-brand);
	color: #fff;
}

.pg-kunye__baslik {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 800;
	font-size: 1.05rem;
	letter-spacing: -0.02em;
	color: #fff;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 10px;
}

.pg-kunye__baslik svg { flex: 0 0 auto; }


.pg-kunye__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 1px;
	background: var(--pg-line);
}

.pg-kunye__hucre {
	background: var(--pg-bg);
	padding: var(--pg-s3) var(--pg-s4);
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.pg-kunye__ad {
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--pg-muted);
}

.pg-kunye__deger {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 700;
	font-size: 1.02rem;
	line-height: 1.35;
	color: var(--pg-ink);
}

/* -------------------------------------------------------------------------
   5. İçindekiler
   ------------------------------------------------------------------------- */

.pg-toc {
	margin: var(--pg-s4) 0 var(--pg-s5);
	border: 1px solid var(--pg-line);
	border-left: 3px solid var(--pg-accent);
	border-radius: var(--pg-radius);
	background: var(--pg-bg-2);
	padding: var(--pg-s3) var(--pg-s4);
}

.pg-toc__baslik {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 800;
	font-size: 0.95rem;
	letter-spacing: -0.01em;
	margin: 0 0 var(--pg-s2);
	color: var(--pg-ink);
}

.pg-toc ol { margin: 0; padding: 0; list-style: none; counter-reset: pgtoc; }

.pg-toc li { margin: 0; padding: 0; }

.pg-toc a {
	color: var(--pg-ink-soft);
	text-decoration: none;
	font-size: 15px;
	line-height: 1.45;
	/* Dokunma hedefi: 23,5px ölçülmüştü, WCAG 2.5.8 asgarisi 24px. */
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid transparent;
	transition: color var(--pg-fast) var(--pg-ease),
	            border-color var(--pg-fast) var(--pg-ease);
}
.pg-toc a:hover { color: var(--pg-brand); border-bottom-color: var(--pg-accent); }

/* -------------------------------------------------------------------------
   6. Yazar / güncelleme / kaynakça — E-E-A-T yüzeyi
   ------------------------------------------------------------------------- */

.pg-kunye-satir {
	display: flex;
	align-items: center;
	gap: var(--pg-s2);
	flex-wrap: wrap;
	padding: var(--pg-s2) 0;
	border-top: 1px solid var(--pg-line);
	border-bottom: 1px solid var(--pg-line);
	margin-bottom: var(--pg-s4);
	font-size: 14px;
	color: var(--pg-muted);
}

.pg-kunye-satir strong { color: var(--pg-ink); font-weight: 600; }

.pg-kaynaklar {
	margin: var(--pg-s6) 0 var(--pg-s4);
	padding-top: var(--pg-s3);
	border-top: 2px solid var(--pg-line);
}

.pg-kaynaklar h2 {
	border-top: 0 !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
	font-size: 1.15rem !important;
}
.pg-kaynaklar h2::before { display: none; }

.pg-kaynaklar ul { list-style: none; margin: 0; padding: 0; }

.pg-kaynaklar li {
	padding: 12px 0;
	border-bottom: 1px solid var(--pg-line);
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--pg-ink-soft);
}

/* -------------------------------------------------------------------------
   7. Yatay kaydırıcı — Y-16 reçetesi (üç özellik birlikte, sınıf adı ne olursa olsun)
   ------------------------------------------------------------------------- */

.carousel-x,
.pg-kaydir {
	display: flex;
	gap: var(--pg-s2);
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
.carousel-x::-webkit-scrollbar,
.pg-kaydir::-webkit-scrollbar { display: none; }

.carousel-x > *,
.pg-kaydir > * { scroll-snap-align: start; flex: 0 0 auto; }

/* -------------------------------------------------------------------------
   8. Jannah düzeltmeleri
   ------------------------------------------------------------------------- */

/* 8a. Kategori rozeti kalabalığı: yazı başında 4 rozet yerine yalnız birincil kategori.
   (Rozetlerin tamamı gizlenmez — birincil olan işlevsel bağlam taşır.) */
.post-cat-wrap .post-cat:not(:first-child) { display: none; }

.post-cat-wrap .post-cat {
	background: var(--pg-bg-3);
	color: var(--pg-brand-deep);
	font-family: 'Albert Sans', sans-serif;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 0.02em;
	border-radius: 999px;
	padding: 6px 14px;
	box-shadow: none;
	transition: background-color var(--pg-fast) var(--pg-ease),
	            color var(--pg-fast) var(--pg-ease);
}
.post-cat-wrap .post-cat:hover { background: var(--pg-brand); color: #fff; }

/* 8b. "Devamını Oku »" buton yığını — kart zaten tıklanabilir, buton gürültü. */
.post-list-item .post-excerpt .more-link,
.mag-box .more-link { display: none; }

/* 8c. Liste kartları: kutu yığını yerine hairline editoryal satırlar */
.mag-box .posts-items li,
.post-list-item {
	border-bottom: 1px solid var(--pg-line);
	padding-bottom: var(--pg-s3);
	margin-bottom: var(--pg-s3);
	transition: transform var(--pg-fast) var(--pg-ease);
}
.mag-box .posts-items li:last-child,
.post-list-item:last-child { border-bottom: 0; }

.post-title a,
.entry-title a {
	background-image: linear-gradient(var(--pg-accent), var(--pg-accent));
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 0 2px;
	transition: background-size var(--pg-slow) var(--pg-ease), color var(--pg-fast) var(--pg-ease);
}
.post-title a:hover,
.entry-title a:hover { background-size: 100% 2px; color: var(--pg-brand); }

/* 8d. Görseller daima cover — Y-06 */
.post-thumb img,
.post-img img,
.entry-content img { object-fit: cover; }

/* 8e. Mobil alt sosyal bar: ekranın altını yiyor, dönüşüme hizmet etmiyor. */
@media (max-width: 991px) {
	/* Gerçek işaretleme `#share-buttons-mobile` + `.share-buttons-mobile`;
	   önceki seçici hiçbir öğeyi eşlemiyordu, bar 252 yazıda ekranda kalıyordu. */
	#share-buttons-mobile,
	.share-buttons-mobile,
	.mobile-share-buttons-spacer { display: none !important; }
}

/* 8f. Y-24 — mobilde kart kenara yapışmaz, radius ve kenarlığını korur */
@media (max-width: 767px) {
	#content,
	.container,
	.container-wrapper {
		padding-left: var(--pg-s3);
		padding-right: var(--pg-s3);
		margin-left: 0;
		margin-right: 0;
	}
	.container-wrapper { border-radius: var(--pg-radius); }
	.pg-kunye__hucre { padding: var(--pg-s3); }
	.pg-kunye__ust { padding: var(--pg-s3); }
}

/* 8g. Bölüm başlıkları: renk-blok dilinin gövde karşılığı */
.mag-box-title h3,
.widget-title h4 {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 800;
	letter-spacing: -0.02em;
}
.mag-box-title h3::before,
.widget-title h4::before {
	background: var(--pg-accent) !important;
}

/* -------------------------------------------------------------------------
   9. Motion — tek sözleşme + güvenlik
   ------------------------------------------------------------------------- */

.pg-reveal {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity var(--pg-slow) var(--pg-ease),
	            transform var(--pg-slow) var(--pg-ease);
}
.pg-reveal.is-in { opacity: 1; transform: none; }

/* Fail-safe: JS çalışmazsa içerik yine görünür (Z-05) */
.no-js .pg-reveal { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
	.pg-reveal { opacity: 1 !important; transform: none !important; }
}

/* =========================================================================
   10. ANA SAYFA — renk-blok kompozisyon
   ========================================================================= */

.pg-anasayfa { background: var(--pg-bg); }

.pg-kapsayici {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 var(--pg-s4);
}

.pg-bolum { padding: var(--pg-s7) 0; }
.pg-bolum + .pg-bolum { border-top: 1px solid var(--pg-line); }

/* Zemin alternasyonu: komşu bölümler aynı zemini paylaşmaz */
.pg-kunyeler { background: var(--pg-bg-2); border-top: 0 !important; }

.pg-bolum__baslik {
	font-size: clamp(1.7rem, 3vw, 2.5rem);
	margin: 0 0 var(--pg-s2);
}

.pg-bolum__alt {
	max-width: 58ch;
	margin: 0 0 var(--pg-s5);
	color: var(--pg-muted);
	font-size: 1.02rem;
}

.pg-bolum__baslik + .pg-turler__grid,
.pg-bolum__baslik + .pg-son__liste,
.pg-bolum__baslik + .pg-endeks__liste { margin-top: var(--pg-s5); }

/* --- 10.1 Kahraman --------------------------------------------------- */

.pg-hero {
	padding: clamp(56px, 8vw, 104px) 0;
	overflow: hidden;
}

.pg-hero__ic {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 var(--pg-s4);
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: clamp(32px, 5vw, 72px);
	align-items: center;
	position: relative;
	z-index: 1;
}

.pg-hero__baslik {
	font-size: clamp(2.5rem, 6.2vw, 4.6rem);
	line-height: 1.02;
	letter-spacing: -0.035em;
	color: #fff;
	margin: 0 0 var(--pg-s3);
	/* İki satır zaten ayrı `display:block` span ile garanti — `nowrap` eklemek
	   %200 yazı büyütmede başlığın 191 pikselini kırpıyordu (WCAG 1.4.4). */
	text-wrap: balance;
	overflow-wrap: break-word;
}

.pg-hero__satir { display: block; }

/* fit-content: altın alt çizgi satırın tamamına değil, yalnız kelimelerin
   altına çizilir (blok yapılınca ekranın sonuna kadar uzuyordu). */
.pg-hero__vurgu { display: block; width: fit-content; }

.pg-hero__vurgu {
	color: var(--pg-accent);
	/* Altın alt çizgi: logodaki pati izinin rengi, başlık ritmine taşınmış */
	box-shadow: inset 0 -0.14em 0 rgba(255, 199, 9, 0.22);
}

.pg-hero__alt {
	color: rgba(255, 255, 255, 0.82);
	font-size: clamp(1rem, 1.4vw, 1.12rem);
	line-height: 1.6;
	max-width: 48ch;
	margin: 0 0 var(--pg-s4);
}

.pg-ara { display: flex; gap: 10px; max-width: 520px; }

.pg-ara input {
	flex: 1;
	min-width: 0;
	padding: 15px 20px;
	border: 1px solid rgba(255, 255, 255, 0.52);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.10);
	color: #fff;
	font-family: inherit;
	font-size: 15px;
	transition: background-color var(--pg-fast) var(--pg-ease),
	            border-color var(--pg-fast) var(--pg-ease);
}
.pg-ara input::placeholder { color: rgba(255, 255, 255, 0.82); }
.pg-ara input:focus {
	background: rgba(255, 255, 255, 0.16);
	border-color: var(--pg-accent);
	outline: none;
}
.pg-ara input:focus-visible { outline: 2px solid var(--pg-accent); outline-offset: 2px; }

.pg-ara button {
	padding: 15px 28px;
	border: 0;
	border-radius: 999px;
	background: var(--pg-accent);
	color: var(--pg-ink);
	font-family: 'Albert Sans', sans-serif;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer;
	transition: background-color var(--pg-fast) var(--pg-ease),
	            transform var(--pg-fast) var(--pg-ease);
}
.pg-ara button:hover { background: var(--pg-accent-deep); transform: translateY(-1px); }
.pg-ara button:active { transform: translateY(0); }

.pg-hero__kart {
	position: relative;
	display: block;
	border-radius: var(--pg-radius-lg);
	overflow: hidden;
	aspect-ratio: 4 / 3;
	text-decoration: none;
	border: 1px solid rgba(255, 255, 255, 0.18);
}
.pg-hero__kart img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--pg-slow) var(--pg-ease);
}
.pg-hero__kart:hover img { transform: scale(1.05); }

.pg-hero__kart-ic {
	position: absolute;
	inset: auto 0 0 0;
	padding: var(--pg-s4);
	display: flex;
	flex-direction: column;
	gap: 6px;
	background: linear-gradient(to top, rgba(15, 0, 98, 0.92), rgba(15, 0, 98, 0.55) 55%, transparent);
}
.pg-hero__kart-etiket {
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--pg-accent);
}
.pg-hero__kart-baslik {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 700;
	font-size: 1.15rem;
	line-height: 1.25;
	color: #fff;
}

/* --- 10.2 Tür kapıları ----------------------------------------------- */

.pg-turler__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--pg-s3);
}

.pg-tur {
	position: relative;
	display: block;
	border-radius: var(--pg-radius);
	overflow: hidden;
	aspect-ratio: 3 / 2;
	text-decoration: none;
	background: var(--pg-bg-3);
	border: 1px solid var(--pg-line);
	transition: transform var(--pg-fast) var(--pg-ease),
	            border-color var(--pg-fast) var(--pg-ease);
}
.pg-tur:hover { transform: translateY(-3px); border-color: var(--pg-brand); }

.pg-tur__gorsel { position: absolute; inset: 0; display: block; }
.pg-tur__gorsel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--pg-slow) var(--pg-ease);
}
.pg-tur:hover .pg-tur__gorsel img { transform: scale(1.06); }

.pg-tur__ic {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 2px;
	padding: var(--pg-s3);
	background: linear-gradient(to top, rgba(23, 18, 42, 0.9), rgba(23, 18, 42, 0.35) 52%, transparent);
}
.pg-tur__ad {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 800;
	font-size: 1.35rem;
	letter-spacing: -0.02em;
	color: #fff;
}
.pg-tur__sayi {
	font-size: 13px;
	font-weight: 600;
	color: var(--pg-accent);
	font-variant-numeric: tabular-nums;
}

/* --- 10.3 Künye vitrini ---------------------------------------------- */

.pg-kunyeler__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--pg-s3);
}

.pg-kunye-kart {
	display: flex;
	flex-direction: column;
	gap: var(--pg-s2);
	padding: var(--pg-s3);
	border: 1px solid var(--pg-line-strong);
	border-radius: var(--pg-radius);
	background: var(--pg-bg);
	text-decoration: none;
	transition: transform var(--pg-fast) var(--pg-ease),
	            border-color var(--pg-fast) var(--pg-ease);
}
.pg-kunye-kart:hover { transform: translateY(-3px); border-color: var(--pg-brand); }

.pg-kunye-kart__ad {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 800;
	font-size: 1.1rem;
	letter-spacing: -0.02em;
	color: var(--pg-ink);
	padding-bottom: var(--pg-s2);
	border-bottom: 2px solid var(--pg-accent);
}

.pg-kunye-kart__satirlar { display: flex; flex-direction: column; gap: 9px; }

.pg-kunye-kart__satir {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 10px;
	font-size: 13.5px;
}
.pg-kunye-kart__etiket { color: var(--pg-muted); }
.pg-kunye-kart__deger {
	font-weight: 700;
	color: var(--pg-ink);
	text-align: right;
	font-variant-numeric: tabular-nums;
}

/* --- 10.4 Son rehberler ---------------------------------------------- */

.pg-son__liste { border-top: 1px solid var(--pg-line); }

.pg-son__satir {
	display: flex;
	align-items: center;
	gap: var(--pg-s3);
	padding: var(--pg-s3) 0;
	border-bottom: 1px solid var(--pg-line);
	text-decoration: none;
	transition: background-color var(--pg-fast) var(--pg-ease);
}
.pg-son__satir:hover { background: var(--pg-bg-2); }

.pg-son__gorsel {
	flex: 0 0 84px;
	height: 64px;
	border-radius: 12px;
	overflow: hidden;
	background: var(--pg-bg-3);
}
.pg-son__gorsel img { width: 100%; height: 100%; object-fit: cover; }

.pg-son__metin { display: flex; flex-direction: column; gap: 5px; min-width: 0; }

.pg-son__baslik {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 700;
	font-size: 1.05rem;
	line-height: 1.3;
	letter-spacing: -0.015em;
	color: var(--pg-ink);
}
.pg-son__satir:hover .pg-son__baslik { color: var(--pg-brand); }

.pg-son__meta {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	color: var(--pg-muted);
}
.pg-son__kat { color: var(--pg-brand); font-weight: 600; }

/* --- 10.5 Konu endeksi (kapanış) ------------------------------------- */

.pg-endeks { border-top: 0 !important; }
.pg-endeks .pg-bolum__baslik { color: #fff; }

.pg-endeks__liste {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0 var(--pg-s5);
}

.pg-endeks__satir {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--pg-s2);
	padding: 14px 0;
	border-bottom: 1px solid var(--pg-line-invert);
	text-decoration: none;
	color: #fff;
	transition: padding-left var(--pg-fast) var(--pg-ease),
	            border-color var(--pg-fast) var(--pg-ease);
}
.pg-endeks__satir:hover {
	padding-left: 8px;
	border-color: var(--pg-accent);
	color: #fff;
}
/* `.pg-blok a { color: accent }` kuralı satırın tamamını altın yapıyordu;
   hiyerarşi geri veriliyor: ad beyaz, yalnız sayaç altın. */
.pg-blok .pg-endeks__satir,
.pg-blok .pg-endeks__ad { color: #fff; }
.pg-blok .pg-endeks__sayi { color: var(--pg-accent); }
.pg-endeks__ad { font-weight: 600; font-size: 1rem; }
.pg-endeks__sayi {
	font-size: 13px;
	color: var(--pg-accent);
	font-variant-numeric: tabular-nums;
}

/* --- 10.6 Duyarlılık -------------------------------------------------- */

@media (max-width: 991px) {
	.pg-hero__ic { grid-template-columns: 1fr; }
	/* Mobilde görsel önce, metin sonra — DOM sırası değil, kahraman istisnası:
	   H1 ilk ekranda kalmalı, bu yüzden metin üstte bırakıldı. */
	.pg-turler__grid { grid-template-columns: repeat(2, 1fr); }
	.pg-kunyeler__grid { grid-template-columns: repeat(2, 1fr); }
	.pg-endeks__liste { grid-template-columns: repeat(2, 1fr); gap: 0 var(--pg-s4); }
}

@media (max-width: 640px) {
	.pg-bolum { padding: var(--pg-s6) 0; }
	.pg-kapsayici, .pg-hero__ic { padding: 0 var(--pg-s3); }
	/* Mobilde kahraman ekranın tamamını yemesin: ölçüldü %84 → hedef ~%70.
	   Kaydırmaya davet eden bir taşma payı kalmalı. */
	.pg-hero { padding: var(--pg-s4) 0; }
	.pg-hero__baslik { font-size: clamp(2.1rem, 10vw, 2.9rem); }
	.pg-hero__alt { margin-bottom: var(--pg-s3); }
	.pg-hero__ic { gap: var(--pg-s4); }
	.pg-turler__grid { grid-template-columns: 1fr; }
	.pg-kunyeler__grid { grid-template-columns: 1fr; }
	.pg-endeks__liste { grid-template-columns: 1fr; }
	.pg-ara { flex-direction: column; }
	.pg-ara button { width: 100%; }
	.pg-son__gorsel { flex-basis: 68px; height: 54px; }
	.pg-hero__kart { aspect-ratio: 16 / 9; }
}

/* =========================================================================
   11. İÇ SAYFALAR — ana sayfayla aynı dili konuşur
   ("Alt sayfalar ana sayfanın gerisinde kalıyor" en sık teslim reddi sebebi.)
   ========================================================================= */

/* --- 11.1 Arşiv başlık bandı (kategori / etiket / arama) ---------------- */

#category-title-section,
.archive-title-wrapper {
	background: var(--pg-brand);
	border: 0;
	border-radius: var(--pg-radius-lg);
	padding: var(--pg-s5) var(--pg-s5) var(--pg-s4);
	margin-bottom: var(--pg-s4);
	position: relative;
	overflow: hidden;
	box-shadow: none;
}

/* 1px çizgi dokusu — ana sayfadaki renk-blok bölümlerle aynı sistem */
#category-title-section::before,
.archive-title-wrapper::before {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image: linear-gradient(to right, var(--pg-line-invert) 1px, transparent 1px);
	background-size: 96px 100%;
	opacity: 0.5;
}

#category-title-section > *,
.archive-title-wrapper > * { position: relative; z-index: 1; }

#category-title-section .page-title,
.archive-title-wrapper .page-title {
	color: #fff;
	font-size: clamp(1.9rem, 3.6vw, 2.9rem);
	letter-spacing: -0.03em;
	margin: var(--pg-s1) 0 var(--pg-s2);
	border: 0;
	padding: 0;
}
#category-title-section .page-title::after,
.archive-title-wrapper .page-title::after { display: none; }

#category-title-section #breadcrumb,
.archive-title-wrapper #breadcrumb {
	color: rgba(255, 255, 255, 0.7);
	font-size: 13px;
	margin: 0;
	padding: 0;
	border: 0;
}
#category-title-section #breadcrumb a,
.archive-title-wrapper #breadcrumb a { color: rgba(255, 255, 255, 0.82); }
#category-title-section #breadcrumb a:hover,
.archive-title-wrapper #breadcrumb a:hover { color: var(--pg-accent); }
#category-title-section #breadcrumb .current,
.archive-title-wrapper #breadcrumb .current { color: var(--pg-accent); }

.taxonomy-description {
	color: rgba(255, 255, 255, 0.85);
	max-width: 68ch;
	font-size: 1rem;
	line-height: 1.65;
}
.taxonomy-description p:last-child { margin-bottom: 0; }

/* Reklam bandı başlık bloğunun İÇİNDE kalmasın — mor zeminde pembe banner
   okunaksız duruyordu; bloğun dışına, kendi nefes alanına alınır. */
#category-title-section .stream-item,
.archive-title-wrapper .stream-item {
	margin: var(--pg-s4) calc(-1 * var(--pg-s5)) calc(-1 * var(--pg-s4));
	padding: var(--pg-s3) var(--pg-s5);
	background: var(--pg-bg);
	text-align: center;
}

/* --- 11.2 Yazı listesi — ana sayfadaki hairline dili ------------------- */

.mag-box .posts-items > li,
.mag-box .post-item {
	border-bottom: 1px solid var(--pg-line);
	padding: var(--pg-s3) 0;
	margin: 0;
	background: transparent;
	box-shadow: none;
	transition: background-color var(--pg-fast) var(--pg-ease);
}
.mag-box .posts-items > li:last-child { border-bottom: 0; }

.mag-box .post-title,
.mag-box .entry-title {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.3;
}

.mag-box .post-meta,
.post-meta {
	font-size: 13px;
	color: var(--pg-muted);
}
.post-meta a { color: var(--pg-brand); font-weight: 600; }

/* --- 11.3 Tekil yazı başlık alanı ------------------------------------- */

.single .entry-header-outer {
	border-radius: var(--pg-radius-lg);
	border-color: var(--pg-line);
}

.single #breadcrumb {
	font-size: 13px;
	color: var(--pg-muted);
}
.single #breadcrumb a { color: var(--pg-brand); }

/* --- 11.4 Kenar çubuğu ------------------------------------------------- */

.widget-title,
.widget-title h4 {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 800;
	font-size: 1rem;
	letter-spacing: -0.015em;
}

.widget .post-widget-body h3,
.widget .post-title {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 700;
	font-size: 0.95rem;
	line-height: 1.35;
	letter-spacing: -0.01em;
}

/* --- 11.5 Sayfalama ---------------------------------------------------- */

.pages-nav .pages-numbers a,
.pages-nav .pages-numbers span,
.pagination a,
.pagination span {
	font-family: 'Albert Sans', sans-serif;
	font-weight: 600;
	border-radius: 999px;
	transition: background-color var(--pg-fast) var(--pg-ease),
	            color var(--pg-fast) var(--pg-ease);
}
.pages-nav .current,
.pagination .current { background: var(--pg-brand); color: #fff; }

/* --- 11.6 Mobil kenar payı (Y-24) ------------------------------------- */

@media (max-width: 767px) {
	#category-title-section,
	.archive-title-wrapper {
		padding: var(--pg-s4) var(--pg-s3) var(--pg-s3);
		border-radius: var(--pg-radius);
	}
	#category-title-section .stream-item,
	.archive-title-wrapper .stream-item {
		margin: var(--pg-s3) calc(-1 * var(--pg-s3)) calc(-1 * var(--pg-s3));
		padding: var(--pg-s2) var(--pg-s3);
	}
}

/* --- 10.7 Reklam bandı ------------------------------------------------- */

.pg-reklam {
	padding: var(--pg-s5) 0;
	background: var(--pg-bg-2);
	border-top: 1px solid var(--pg-line);
	border-bottom: 1px solid var(--pg-line);
	text-align: center;
}
.pg-reklam img { max-width: 100%; height: auto; border-radius: var(--pg-radius); }

/* --- 11.7 Sağlık içeriği uyarısı (YMYL) -------------------------------- */

.pg-uyari {
	margin: var(--pg-s5) 0 var(--pg-s3);
	padding: var(--pg-s3) var(--pg-s4);
	border: 1px solid var(--pg-line-strong);
	border-left: 4px solid var(--pg-accent);
	border-radius: var(--pg-radius);
	background: var(--pg-bg-2);
	font-size: 15px;
	line-height: 1.6;
	color: var(--pg-ink-soft);
}
.pg-uyari strong { color: var(--pg-ink); }