:root {
	--topbar-h: 40px;
	--nav-h: 58px;
	--header-h: calc(var(--topbar-h) + var(--nav-h));


	--page-pad-top: 24px;
	--page-pad-bottom: 96px;

	/* marka renkleri  */
	--navy: #0b1f38;
	--navy-2: #0a1a2e;
	--maroon: #7a1015;
	--gold: #f5b400;
	--coral: #ef7f72;
	--rose: #b85a72;

	/* metin renkleri */
	--text-on-dark: #ffffff;
	--text-on-dark-muted: rgba(255,255,255,.85);
	--text-on-light: #23262b;
	--text-muted: #6b7280;

	/* yüzey / kart renkleri */
	--surface: #ffffff;
	--surface-alt: #f4f6f9;
	--surface-icon: #e7edf6;
	--border: #e3e6ea;

	/* hero slider üzerindeki renkli maske (rgb, virgülle — rgba() içinde kullanmak için) */
	--hero-mask-rgb: 50, 67, 159;

	--font-heading: 'Poppins', sans-serif;
	--font-body: 'Open Sans', sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
	height: 100%;
	font-family: var(--font-body);
	color: var(--text-on-dark);
	line-height: 1.5;
	background: var(--navy);
}

img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }

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

.site-header {
	position: relative;
	z-index: 100;
	width: 100%;
}

.topbar {
	height: var(--topbar-h);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 28px;
	background: linear-gradient(180deg, #123055, #0d2540);
	font-size: .78rem;
}

.brand {
	display: flex;
	align-items: center;
	height: var(--topbar-h);
}

.brand-logo {
	height: 34px;
	width: auto;
}

/* mobilde topbar gizlenip logo mainnav'a taşındığında kullanılır —
   masaüstünde topbar'daki .brand zaten görünür olduğu için bu gizli */
.brand-mobile { display: none; }

.topbar-right {
	display: flex;
	align-items: center;
	gap: 22px;
	color: var(--text-on-dark-muted);
}

.topbar-item { display: flex; align-items: center; gap: 8px; }
.topbar-item i { font-size: .85rem; width: 14px; text-align: center; }

.topbar-social { display: flex; gap: 8px; }

.topbar-social a {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(255,255,255,.12);
	font-size: .72rem;
	transition: background .2s;
}

.topbar-social a:hover { background: var(--gold); color: var(--navy-2); }

.mainnav {
	height: var(--nav-h);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 28px;
	background: #0c408a;
	border-top: 1px solid rgba(255,255,255,.06);
	position: relative;
}

/* Masaüstünde logo, header'ın iki satırının üstüne taşan beyaz bir
   kutu içinde büyük gösterilir (dar ekranda menü butonuyla çakışmasın
   diye bu efekt sadece geniş ekranlarda uygulanıyor). Bu blok, üstteki
   .mainnav kuralından SONRA gelmeli — yoksa padding-left ezilir. */
@media (min-width: 981px) {
	.brand {
		position: absolute;
		top: 0;
		left: 24px;
		z-index: 150;
		height: 90px;
		padding: 12px 28px;
		background: var(--surface);
		border-radius: 0 0 10px 10px;
		box-shadow: 0 12px 26px rgba(0,0,0,.28);
	}

	.brand-logo {
		height: 56px;
		filter: invert(1);
	}

	.topbar { justify-content: flex-end; }
	.mainnav { padding: 0 56px 0 320px; }
}

.mainnav-list {
	display: flex;
	gap: 30px;
	height: 100%;
}

.mainnav-list > li {
	display: flex;
	align-items: center;
	height: 100%;
}


.mainnav-list > li > a {
	font-family: var(--font-heading);
	font-size: .8rem;
	font-weight: 600;
	letter-spacing: .03em;
	text-transform: uppercase;
	color:#fff;
	padding: 6px 2px;
	border-bottom: 2px solid transparent;
	transition: color .2s, border-color .2s;
	white-space: nowrap;
}

.mainnav-list > li > a:hover,
.mainnav-list > li > a.active {
	color: var(--gold);
	border-color: var(--gold);
}

.search-toggle {
	position: absolute;
	right: 28px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.1rem;
	color: var(--text-on-dark-muted);
	transition: color .2s;
}

.search-toggle:hover,
.search-toggle.active { color: var(--gold); }

.search-panel {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: var(--surface-alt);
	padding: 22px 40px;
	border-top: 3px solid var(--gold);
	box-shadow: 0 24px 48px rgba(0,0,0,.4);
	display: none;
	z-index: 130;
}

.search-panel.open { display: block; }

.search-form {
	max-width: 700px;
	margin: 0 auto;
	display: flex;
	gap: 10px;
}

.search-form input {
	flex: 1;
	min-width: 0;
	padding: 13px 18px;
	border-radius: 4px;
	border: 1px solid var(--border);
	background: var(--surface);
	color: var(--text-on-light);
	font-family: var(--font-body);
	font-size: .92rem;
}

.search-form input:focus {
	outline: none;
	border-color: var(--gold);
}

.search-form button {
	padding: 0 24px;
	border-radius: 4px;
	background: var(--navy);
	color: var(--text-on-dark);
	font-size: 1.05rem;
	transition: background .2s;
}

.search-form button:hover { background: var(--navy-2); }

.menu-toggle {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.menu-toggle span {
	display: block;
	height: 2px;
	width: 100%;
	background: var(--text-on-dark);
	border-radius: 2px;
}

/* ============ Top mega menu ============ */

.mega-panel {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: var(--surface-alt);
	color: var(--text-on-light);
	padding: 34px 40px;
	box-shadow: 0 24px 48px rgba(0,0,0,.4);
	border-top: 3px solid var(--gold);
	display: none;
	z-index: 120;
}

.has-mega:hover .mega-panel,
.has-mega.open .mega-panel {
	display: block;
}


.mobile-dropdown { display: none; }

.mega-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	max-width: 1200px;
	margin: 0 auto;
}

.mega-grid-3 { grid-template-columns: repeat(3, 1fr); }

.mega-panel a.mega-item {
	display: flex;
	align-items: center;
	gap: 14px;
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: 8px;
	padding: 16px 18px;
	font-family: var(--font-heading);
	font-weight: 600;
	font-size: .82rem;
	text-transform: none;
	letter-spacing: normal;
	color: var(--text-on-light);
	transition: transform .15s, box-shadow .15s, border-color .15s;
}

.mega-panel a.mega-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 22px rgba(11,31,56,.12);
	border-color: var(--gold);
	color: var(--text-on-light);
}

/* Atam mega paneli */

.atam-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	max-width: 1200px;
	margin: 0 auto;
}

.atam-item {
	display: block;
	background: var(--surface);
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 3px 14px rgba(11,31,56,.1);
	transition: transform .15s, box-shadow .15s;
}

.atam-item:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 32px rgba(11,31,56,.2);
}

.atam-item img {
	width: 100%;
	height: 150px;
	object-fit: cover;
}

.atam-item span {
	display: block;
	padding: 16px 18px;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .8rem;
	letter-spacing: .03em;
	text-transform: uppercase;
	color: var(--navy);
}

.mega-icon {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.05rem;
	color: var(--navy);
	background: var(--surface-icon);
	border-radius: 8px;
}

.mega-panel a.mega-item:hover .mega-icon {
	background: var(--gold);
	color: var(--navy-2);
}

/* Haberler mega paneli */

.haber-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	max-width: 1200px;
	margin: 0 auto 24px;
}

.mega-panel a.haber-item {
	display: flex;
	align-items: stretch;
	height: 104px;
	min-width: 0;
	background: var(--surface);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 3px 12px rgba(11,31,56,.08);
	text-transform: none;
	letter-spacing: normal;
	white-space: normal;
	transition: transform .15s, box-shadow .15s;
}

.mega-panel a.haber-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 16px 30px rgba(11,31,56,.18);
}

.haber-item img {
	width: 92px;
	height: 100%;
	object-fit: cover;
	flex-shrink: 0;
}

.haber-item span {
	align-self: center;
	flex: 1;
	min-width: 0;
	padding: 0 18px;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .85rem;
	line-height: 1.35;
	color: var(--navy);
}

.mega-panel a.haber-more {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: center;
	max-width: 260px;
	margin: 0 auto;
	padding: 12px 24px;
	border: 1px solid var(--border);
	border-radius: 6px;
	background: var(--surface);
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .8rem;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--navy);
	transition: border-color .2s, background .2s;
}

.mega-panel a.haber-more:hover { border-color: var(--gold); background: var(--surface-alt); }

.haber-more-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border: 1px solid var(--border);
	border-radius: 4px;
	color: var(--gold);
	font-size: .7rem;
}

/* Güncel mega paneli — sekmeli galeri */

.guncel-tabs {
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-bottom: 26px;
}

.guncel-tab {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	width: 120px;
	padding: 18px 10px;
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: 8px;
	font-family: var(--font-heading);
	font-weight: 600;
	font-size: .78rem;
	color: var(--text-on-light);
	transition: border-color .2s, color .2s;
}

.guncel-tab .mega-icon { pointer-events: none; }

.guncel-tab:hover { border-color: var(--gold); }

.guncel-tab.active {
	border-color: var(--navy);
	color: var(--navy);
}

.guncel-tab.active .mega-icon {
	background: var(--navy);
	color: var(--text-on-dark);
}

.guncel-panel { display: none; max-width: 1200px; margin: 0 auto; }
.guncel-panel.active { display: block; }

.guncel-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.guncel-empty {
	grid-column: 1 / -1;
	text-align: center;
	color: var(--text-muted);
	padding: 20px 0;
	font-size: .9rem;
}

.guncel-card {
	position: relative;
	height: 140px;
	border-radius: 6px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: flex-end;
	padding: 14px;
	transition: transform .2s;
}

.guncel-card:hover { transform: translateY(-3px); }

.guncel-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 65%);
}

.guncel-card span {
	position: relative;
	z-index: 1;
	color: var(--text-on-dark);
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .8rem;
	line-height: 1.3;
}

/* Başkan mega paneli */

.mega-panel-baskan {
	padding: 0;
	background: linear-gradient(120deg, #eef1f6 0%, #f7f8fa 55%, #ffffff 100%);
}

.baskan-panel {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
	min-height: 340px;
	overflow: hidden;
}

.baskan-photo {
	flex: 0 0 260px;
	height: 340px;
	width: 260px;
	object-fit: contain;
	object-position: bottom center;
}

.baskan-info {
	flex: 1;
	align-self: center;
	padding: 0 40px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.baskan-name {
	font-family: var(--font-heading);
	font-weight: 800;
	font-size: 1.7rem;
	text-transform: uppercase;
	color: var(--navy);
	letter-spacing: .03em;
}

.baskan-title {
	font-family: var(--font-heading);
	font-weight: 600;
	font-size: .78rem;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--text-muted);
}

.baskan-links {
	flex: 0 0 300px;
	align-self: stretch;
	border-left: 1px solid var(--border);
	padding: 30px 0;
}

.baskan-links li { border-bottom: 1px dashed var(--border); }
.baskan-links li:last-child { border-bottom: none; }

.baskan-links a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 15px 36px;
	font-family: var(--font-heading);
	font-weight: 600;
	font-size: .85rem;
	text-transform: none;
	letter-spacing: normal;
	color: var(--text-on-light);
	border: none;
	transition: color .2s, gap .2s, background .2s;
}

.baskan-links a:hover { background: rgba(11,31,56,.04); }

.baskan-links a i { font-size: .65rem; color: var(--gold); }
.baskan-links a:hover { color: var(--navy); gap: 14px; }

/* ============ Bottom sayfa navigasyonu ============ */

.bottombar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 90;
	display: flex;
}

.bottombar a {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 14px 6px;
	background: rgba(11,31,56,.55);
	border-right: 1px solid rgba(255,255,255,.12);
	font-family: var(--font-heading);
	font-size: .72rem;
	font-weight: 600;
	text-align: center;
	color: var(--text-on-dark-muted);
	transition: background .2s;
}

.bottombar a:last-child { border-right: none; }
.bottombar a:hover { background: rgba(11,31,56,.75); }

.bottombar a.active {
	background: var(--navy-2);
}

.bb-icon { font-size: 1.3rem; }

/* ============ Fullpage scroll engine ============ */

#fullpage {
	height: calc(100vh - var(--header-h));
	overflow-y: auto;
	scroll-snap-type: y mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
}

#fullpage::-webkit-scrollbar { display: none; }

.fp-section {
	height: 100%;
	scroll-snap-align: start;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--page-pad-top) 0 var(--page-pad-bottom);
	overflow: hidden;
}

.fp-placeholder:nth-of-type(odd) { background: #16324f; }
.fp-placeholder:nth-of-type(even) { background: #1c2733; }

/* ============ Standart sayfa başlığı (sayfa1, sayfa2 hariç tüm sayfalarda) ============ */

.page-inner {
	width: 100%;
	max-width: 1200px;
	padding: 0 60px;
	text-align: center;
}

.page-title {
	display: inline-block;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 2rem;
	color: var(--text-on-dark);
	padding-bottom: 16px;
	margin-bottom: 40px;
	border-bottom: 2px dotted rgba(255,255,255,.5);
}

/* ============ SAYFA 3 — Basında Biz ============ */

.fp-page-basinda { background: var(--maroon); }

.press-slider { position: relative; }

.press-track {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	touch-action: pan-y;
	user-select: none;
	-webkit-user-select: none;
	cursor: grab;
}

.press-track:active { cursor: grabbing; }

.press-track::-webkit-scrollbar { display: none; }

.press-page {
	flex: 0 0 100%;
	scroll-snap-align: start;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 20px;
}

.press-item {
	display: block;
	background: var(--surface);
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 3px 14px rgba(11,31,56,.1);
	transition: transform .15s, box-shadow .15s;
}

.press-item:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 32px rgba(11,31,56,.2);
}

.press-item img {
	width: 100%;
	height: 170px;
	object-fit: cover;
}

.press-item span {
	display: block;
	padding: 16px 18px;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .95rem;
	color: var(--navy);
}

.press-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(255,255,255,.15);
	color: var(--text-on-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	z-index: 2;
	transition: background .2s;
}

.press-arrow:hover { background: rgba(255,255,255,.3); }
.press-arrow-prev { left: -54px; }
.press-arrow-next { right: -54px; }

.press-dots {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 30px;
}

.press-dots button {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(255,255,255,.4);
	transition: background .2s, transform .2s;
}

.press-dots button.active {
	background: var(--gold);
	transform: scale(1.3);
}

.press-more {
	display: inline-block;
	margin-top: 34px;
	padding: 12px 34px;
	border: 2px solid var(--gold);
	border-radius: 4px;
	color: var(--gold);
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .8rem;
	letter-spacing: .05em;
	text-transform: uppercase;
	transition: background .2s, color .2s;
}

.press-more:hover { background: var(--gold); color: var(--navy-2); }

/* ============ SAYFA 4 — Faik Akarkarasu ============ */

.fp-page-baskan {
	background: linear-gradient(rgba(154,110,26,.78), rgba(110,78,18,.85)), url(../assets/img/slider/city-1078.jpg) center/cover;
}

.baskan4-layout {
	display: flex;
	align-items: center;
	gap: 60px;
	text-align: left;
}

.baskan4-text { flex: 1; min-width: 0; }

.baskan4-quote {
	font-family: var(--font-heading);
	font-style: italic;
	font-weight: 600;
	font-size: 1.4rem;
	line-height: 1.45;
	color: rgba(255,255,255,.92);
	margin-bottom: 26px;
}

.baskan4-name {
	font-family: var(--font-heading);
	font-weight: 800;
	font-size: 2.2rem;
	text-transform: uppercase;
	color: var(--text-on-dark);
	margin-bottom: 6px;
}

.baskan4-role {
	display: block;
	font-family: var(--font-heading);
	font-weight: 600;
	font-size: .82rem;
	letter-spacing: .25em;
	text-transform: uppercase;
	color: rgba(255,255,255,.8);
	margin-bottom: 30px;
}

.baskan4-links {
	display: flex;
	flex-wrap: wrap;
	gap: 36px;
	margin-bottom: 30px;
}

.baskan4-links a {
	font-family: var(--font-heading);
	font-weight: 600;
	font-size: .86rem;
	color: var(--text-on-dark);
	padding-top: 12px;
	border-top: 1px dotted rgba(255,255,255,.55);
	transition: color .2s;
}

.baskan4-links a:hover { color: var(--navy-2); }

.baskan4-social { display: flex; gap: 14px; }

.baskan4-social a {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,.6);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--text-on-dark);
	transition: background .2s, color .2s;
}

.baskan4-social a:hover { background: var(--text-on-dark); color: var(--navy); }

.baskan4-photo {
	flex: 0 0 300px;
	max-height: 60vh;
	object-fit: contain;
	object-position: bottom;
}

/* ============ SAYFA 5 — Galeri ============ */

.fp-page-galeri {
	background: linear-gradient(rgba(38, 38, 49, 0.88), rgba(15,15,17,.92)), url(../assets/img/slider/city-1078.jpg) center/cover;
}

.galeri-tabs {
	display: flex;
	justify-content: center;
	gap: 14px;
	margin-bottom: 34px;
}

.galeri-tab {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 22px 8px 8px;
	border-radius: 30px;
	background: rgba(255,255,255,.1);
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .88rem;
	color: var(--text-on-dark);
	transition: background .2s;
}

.galeri-tab:hover { background: rgba(255,255,255,.18); }
.galeri-tab.active { background: rgba(255,255,255,.16); }

.galeri-tab-icon {
	width: 32px;
	height: 32px;
	flex-shrink: 0;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,.7);
	color: var(--navy-2);
	font-size: .8rem;
}

.galeri-tab.active .galeri-tab-icon { background: var(--gold); color: var(--navy-2); }

.galeri-panel { display: none; max-width: 1200px; margin: 0 auto; }
.galeri-panel.active { display: block; }

.galeri-track {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	touch-action: pan-y;
	user-select: none;
	-webkit-user-select: none;
	cursor: grab;
}

.galeri-track::-webkit-scrollbar { display: none; }
.galeri-track:active { cursor: grabbing; }

.galeri-page {
	flex: 0 0 100%;
	scroll-snap-align: start;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.galeri-item {
	display: block;
	border-radius: 4px;
	overflow: hidden;
	background: #2b2c30;
	transition: transform .15s;
}

.galeri-item:hover { transform: translateY(-4px); }

.galeri-item img {
	width: 100%;
	height: 160px;
	object-fit: cover;
}

.galeri-item span {
	display: block;
	padding: 14px 12px;
	background: rgba(255,255,255,.12);
	color: var(--text-on-dark);
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .85rem;
	text-align: center;
}

.galeri-dots {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 26px;
}

.galeri-dots button {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(255,255,255,.4);
	transition: background .2s, transform .2s;
}

.galeri-dots button.active { background: var(--gold); transform: scale(1.3); }

.galeri-more {
	display: block;
	width: max-content;
	margin: 30px auto 0;
	padding: 12px 34px;
	border: 2px solid var(--gold);
	border-radius: 4px;
	color: var(--gold);
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .8rem;
	letter-spacing: .05em;
	text-transform: uppercase;
	transition: background .2s, color .2s;
}

.galeri-more:hover { background: var(--gold); color: var(--navy-2); }

.galeri-empty {
	text-align: center;
	color: rgba(255,255,255,.6);
	padding: 40px 0;
	font-size: .95rem;
}

/* ============ SAYFA 6 — Bilecik (ilçeler) ============ */

.fp-page-bilecik {
	background: linear-gradient(160deg, #8a5cc2, #5a3a8f);
}

.ilce-layout {
	display: flex;
	align-items: stretch;
	gap: 0;
	max-width: 1100px;
	margin: 0 auto;
}

.ilce-list {
	flex: 0 0 300px;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.ilce-item {
	padding: 40px 14px;
	background: rgba(255,255,255,.1);
	border: 1px solid rgba(255,255,255,.12);
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .85rem;
	color: var(--text-on-dark);
	transition: background .2s, color .2s;
}

.ilce-item:hover { background: rgba(255,255,255,.2); }

.ilce-item.active {
	background: var(--gold);
	color: var(--navy-2);
}

.ilce-panels {
	flex: 1;
	min-width: 0;
	position: relative;
}

.ilce-panel {
	display: none;
	height: 100%;
	aspect-ratio: auto;
}

.ilce-panel.active { display: block; }

/* ============ SAYFA 7 — Atam ============ */

.fp-page-atam {
	background: linear-gradient(160deg, #1a1f2b, #0a0c12);
}

/* Atam sayfasının tamamına giden belirgin buton — başlığın hemen altında */
.atam-cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: -20px 0 32px;
	padding: 12px 28px;
	border: 2px solid var(--gold);
	border-radius: 30px;
	color: var(--gold);
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .82rem;
	letter-spacing: .03em;
	text-transform: uppercase;
	transition: background .2s, color .2s, gap .2s;
}

.atam-cta:hover { background: var(--gold); color: var(--navy-2); gap: 12px; }
.atam-cta i { font-size: .7rem; }

.atam-video-wrap {
	flex: 1;
	min-width: 0;
	background: #000;
	display: flex;
}

.atam-video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #000;
	pointer-events: none;
}

/* ============ SAYFA 8 — Verilerle Bilecik ============ */

.fp-page-veriler {
	background: linear-gradient(160deg, #8a9a1f, #576017);
}

.veriler-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	max-width: 1200px;
	margin: 0 auto;
}

.veriler-item {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 100px;
	padding: 16px 18px;
	background: #eef0bb;
	border-radius: 8px;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .9rem;
	color: #4c5312;
	transition: transform .15s, background .2s;
}

.veriler-item:hover {
	background: #fff;
	transform: translateY(-3px);
}

/* ============ SAYFA 9 — İletişim ============ */

.fp-page-iletisim {
	background: linear-gradient(160deg, #0f6e7a, #08383f);
}

.iletisim-layout {
	display: flex;
	gap: 50px;
	max-width: 1100px;
	margin: 0 auto;
	text-align: left;
}

.iletisim-info {
	flex: 0 0 280px;
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.iletisim-info-item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.iletisim-info-item strong {
	display: block;
	font-family: var(--font-heading);
	font-size: .88rem;
	margin-bottom: 4px;
}

.iletisim-info-item p {
	font-size: .82rem;
	color: rgba(255,255,255,.75);
	line-height: 1.5;
}

.iletisim-info-icon {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255,255,255,.12);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--gold);
	font-size: 1rem;
}

.iletisim-social {
	display: flex;
	gap: 12px;
	margin-top: 6px;
}

.iletisim-social a {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,.4);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .2s, color .2s;
}

.iletisim-social a:hover { background: var(--gold); color: var(--navy-2); }

.iletisim-form {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.iletisim-form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.iletisim-form input,
.iletisim-form textarea {
	width: 100%;
	padding: 13px 16px;
	border-radius: 4px;
	border: 1px solid rgba(255,255,255,.25);
	background: rgba(255,255,255,.08);
	color: var(--text-on-dark);
	font-family: var(--font-body);
	font-size: .88rem;
	resize: vertical;
}

.iletisim-form input::placeholder,
.iletisim-form textarea::placeholder { color: rgba(255,255,255,.55); }

.iletisim-form input:focus,
.iletisim-form textarea:focus {
	outline: none;
	border-color: var(--gold);
	background: rgba(255,255,255,.14);
}

.iletisim-submit {
	align-self: flex-start;
	padding: 13px 40px;
	border-radius: 4px;
	background: var(--gold);
	color: var(--navy-2);
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .85rem;
	letter-spacing: .04em;
	text-transform: uppercase;
	transition: transform .2s;
}

.iletisim-submit:hover { transform: translateY(-2px); }

.iletisim-honeypot {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
	pointer-events: none;
}
.iletisim-submit:disabled { opacity: .7; cursor: default; transform: none; }

.iletisim-form-msg {
	font-size: .86rem;
	font-weight: 600;
	padding: 12px 16px;
	border-radius: 6px;
	display: none;
}

.iletisim-form-msg-ok {
	display: block;
	background: rgba(34,197,94,.15);
	color: #86efac;
	border: 1px solid rgba(34,197,94,.35);
}

.iletisim-form-msg-error {
	display: block;
	background: rgba(220,38,38,.15);
	color: #fca5a5;
	border: 1px solid rgba(220,38,38,.35);
}

/* ============ FOOTER ============ */

.site-footer {
	background: var(--navy-2);
	border-top: 3px solid var(--gold);
	padding: 56px 40px calc(var(--page-pad-bottom) + 16px);
	scroll-snap-align: start;
}

.footer-inner {
	max-width: 1200px;
	margin: 0 auto;
}

.footer-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 26px;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(255,255,255,.12);
}

.footer-logo img { height: 38px; }

.footer-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 26px;
}

.footer-links a {
	font-family: var(--font-heading);
	font-weight: 600;
	font-size: .82rem;
	color: rgba(255,255,255,.78);
	transition: color .2s;
}

.footer-links a:hover { color: var(--gold); }

.footer-social { display: flex; gap: 12px; }

.footer-social a {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,.1);
	transition: background .2s, color .2s;
}

.footer-social a:hover { background: var(--gold); color: var(--navy-2); }

.footer-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 14px;
	padding-top: 22px;
	font-size: .78rem;
	color: rgba(255,255,255,.6);
}

.footer-top-link {
	display: flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-heading);
	font-weight: 600;
	color: rgba(255,255,255,.8);
	transition: color .2s;
}

.footer-top-link:hover { color: var(--gold); }

/* ============ SAYFA 1 — hero slider ============ */

.hero-slider {
	position: absolute;
	inset: 0;
	touch-action: pan-y;
	cursor: grab;
}

.hero-slide {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: opacity 1s ease;
	pointer-events: none;
}

.hero-slide.active { opacity: 1; }

.hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(var(--hero-mask-rgb), .85), rgba(var(--hero-mask-rgb), .6));
	pointer-events: none;
}

.hero-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	max-width: 640px;
	text-align: center;
}

.hero-slogan {
	max-width: 90%;
	margin: 0 auto;
}

/* slogan altında zıplayan fare simgesi */

.scroll-link {
	display: inline-block;
	margin-top: 36px;
	opacity: .85;
	transition: opacity .2s;
}

.scroll-link:hover { opacity: 1; }

.mouse {
	width: 30px;
	height: 51px;
	animation: mouse-bounce 2s ease-in-out infinite;
}

@keyframes mouse-bounce {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(8px); }
}

.scroll {
	animation: scroll-wheel 1.6s ease-in-out infinite;
}

@keyframes scroll-wheel {
	0% { opacity: 1; transform: translateY(0); }
	70% { opacity: 0; transform: translateY(46px); }
	71% { opacity: 0; transform: translateY(0); }
	100% { opacity: 0; transform: translateY(0); }
}

.hero-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: rgba(255,255,255,.15);
	color: var(--text-on-dark);
	font-size: 1.6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .2s;
}

.hero-arrow:hover { background: rgba(255,255,255,.3); }
.hero-arrow-prev { left: 26px; }
.hero-arrow-next { right: 26px; }

/* ============ SAYFA 2 — dashboard ============ */

.fp-dashboard { background: var(--maroon); align-items: stretch; }

.dashboard {
	width: 100%;
	height: 100%;
	padding: 18px 40px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	overflow-y: auto;
}

.dashboard-grid {
	display: grid;
	grid-template-columns: 3fr 2fr;
	gap: 24px;
	align-items: start;
	align-content: center;
	flex: 1;
	min-height: 0;
}

/* feature slider */

.feature-slider {
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	touch-action: pan-y;
	cursor: grab;

	box-shadow: 0 8px 22px rgba(0,0,0,.3);
}

.ilce-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	background: rgba(255,255,255,.06);
	border-radius: 4px;
	color: rgba(255,255,255,.65);
	font-size: .95rem;
	text-align: center;
	padding: 20px;
}

.feature-slide {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: opacity .8s ease;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	text-align: center;
	padding: 20px 20px 64px;
	pointer-events: none;
}

.feature-slide::before {
	content: "";
	position: absolute;
	inset: 0;

	background: linear-gradient(0deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.6) 40%, rgba(0,0,0,0) 85%);
}

.feature-slide.active { opacity: 1; }

.feature-caption {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	overflow: hidden;
	max-width: 88%;
	pointer-events: auto;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 2.5rem;
	line-height: 1.25;
	color: var(--text-on-dark);
	text-shadow: 0 2px 12px rgba(0,0,0,.7);
	padding-bottom: 14px;
	border-bottom: 3px solid var(--maroon);
	transition: color .2s;
}

.feature-caption:hover { color: var(--gold); }

.feature-arrow {
	position: absolute;
	top: 42%;
	z-index: 2;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(0,0,0,.35);
	color: var(--text-on-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
}

.feature-arrow-prev { left: 12px; }
.feature-arrow-next { right: 12px; }

.feature-dots {
	position: absolute;
	left: 50%;
	bottom: 18px;
	transform: translateX(-50%);
	z-index: 2;
	display: flex;
	gap: 8px;
}

.feature-dots button {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: rgba(255,255,255,.85);
	color: var(--text-on-light);
	font-size: .78rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}

.feature-dots button.active { background: var(--maroon); color: var(--text-on-dark); }



.dashboard-side {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.sabit-video-wrap {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 8px 22px rgba(0,0,0,.3);
	flex-shrink: 0;
}

.sabit-video-wrap iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.quick-links-row {
	display: flex;
	gap: 10px;
	flex-shrink: 0;
}

.quick-link-mini {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 12px 6px;
	border-radius: 6px;
	background: rgba(255,255,255,.06);
	border: 1px solid rgba(255,255,255,.14);
	color: var(--text-on-dark);
	text-align: center;
	transition: background .2s, border-color .2s, transform .2s;
}

.quick-link-mini:hover { transform: translateY(-2px); border-color: var(--gold); background: rgba(255,255,255,.1); }
.quick-link-mini i { font-size: 1.1rem; color: var(--gold); }

.quick-link-mini span {
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .68rem;
	line-height: 1.2;
	letter-spacing: .01em;
}

.son-video-card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 270px;
	border-radius: 6px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	padding: 18px 20px;
	flex: 1;
}

.son-video-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(0,0,0,.82), rgba(0,0,0,.15) 65%);
}

.son-video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: rgba(255,255,255,.92);
	color: var(--maroon);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1rem;
	transition: transform .2s, background .2s;
}

.son-video-card:hover .son-video-play { transform: translate(-50%, -50%) scale(1.1); background: var(--gold); color: #fff; }

.son-video-etiket {
	position: relative;
	z-index: 1;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .68rem;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 4px;
}

.son-video-baslik {
	position: relative;
	z-index: 1;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 1.05rem;
	color: var(--text-on-dark);
	line-height: 1.3;
}


/* ============ Responsive ============ */

@media (max-width: 980px) {

	:root { --topbar-h: 0px; }
	.topbar { display: none; }
	.brand-mobile { display: flex; align-items: center; height: 100%; }
	.brand-mobile-logo { height: 28px; width: auto; }

	.bottombar { display: none; }

	#fullpage { scroll-snap-type: none; }
	.fp-page {
		height: auto;
		scroll-snap-align: none;
		overflow: visible;
		padding: 40px 0;
	}

	.mainnav-list {
		position: fixed;
		top: var(--header-h);
		left: 0;
		right: 0;
		height: auto;
		flex-direction: column;
		gap: 0;
		background: var(--navy-2);
		max-height: 0;
		overflow: hidden;
		transition: max-height .3s ease;
	}

	.mainnav-list.open { max-height: 80vh; overflow-y: auto; }
	.mainnav-list > li { display: block; width: 100%; height: auto; border-top: 1px solid rgba(255,255,255,.08); }
	.mainnav-list > li > a { display: block; padding: 14px 24px; }
	.menu-toggle { display: flex; }
	.search-panel { padding: 16px 20px; }
	.topbar-right { gap: 12px; }
	.topbar-item span { display: none; }

	/* mobilde zengin mega panel yerine klasik, sade açılır liste gösterilir */
	.mega-panel { display: none !important; }

	.mobile-dropdown {
		display: none;
		background: rgba(0,0,0,.15);
	}

	.has-mega.open > .mobile-dropdown { display: block; }

	.mobile-dropdown li { border-top: 1px solid rgba(255,255,255,.08); }

	.mobile-dropdown a {
		display: block;
		padding: 12px 24px 12px 40px;
		font-family: var(--font-heading);
		font-size: .76rem;
		font-weight: 500;
		color: rgba(255,255,255,.7);
	}

	.mobile-dropdown a:hover { color: var(--gold); }

	.dashboard { padding: 16px; }

	.dashboard-grid { grid-template-columns: 1fr; row-gap: 32px; }

	/* dar ekranda 16:9 çok kısa kalıp caption+dots'u sıkıştırıyordu */
	.feature-slider { aspect-ratio: 4 / 3; }
	.feature-slide { padding: 16px 16px 46px; }

	.feature-caption { font-size: 1.05rem; line-height: 1.3; -webkit-line-clamp: 2; line-clamp: 2; max-width: 94%; padding-bottom: 8px; }
	.feature-dots { bottom: 10px; gap: 5px; }
	.feature-dots button { width: 20px; height: 20px; font-size: .62rem; }

	.dashboard-side { margin-top: 5px; }
	.quick-links-row { flex-wrap: wrap; }
	.quick-link-mini { flex: 1 1 30%; }
	.quick-link-mini i { font-size: 1rem; }
	.quick-link-mini span { font-size: .64rem; }
	.son-video-card { min-height: 200px; padding: 14px 16px; }
	.son-video-baslik { font-size: .92rem; }

	.page-inner { padding: 0 20px; }
	.page-title { font-size: 1.4rem; margin-bottom: 24px; }
	.press-page { grid-template-columns: 1fr 1fr; grid-template-rows: none; gap: 12px; }
	.press-item img { height: 120px; }
	.press-item span { font-size: .8rem; padding: 10px 12px; }
	.press-arrow { display: none; }

	.baskan4-layout { flex-direction: column-reverse; text-align: center; gap: 24px; }
	.baskan4-text { text-align: center; }
	.baskan4-links { justify-content: center; gap: 22px; }
	.baskan4-social { justify-content: center; }
	.baskan4-photo { flex: none; max-height: 32vh; }
	.baskan4-quote { font-size: 1.1rem; }
	.baskan4-name { font-size: 1.6rem; }

	.galeri-tabs { gap: 8px; }
	.galeri-tab { font-size: .74rem; padding: 6px 16px 6px 6px; gap: 8px; }
	.galeri-tab-icon { width: 26px; height: 26px; font-size: .68rem; }
	.galeri-page { grid-template-columns: repeat(2, 1fr); gap: 12px; }
	.galeri-item img { height: 110px; }
	.galeri-item span { font-size: .74rem; padding: 10px 8px; }

	.ilce-layout { flex-direction: column; }
	.ilce-list { flex: none; }
	.ilce-item { padding: 26px 14px; }
	.ilce-panels { height: auto; }
	.ilce-panel { height: auto; aspect-ratio: 16 / 10; }
	.atam-video-wrap { aspect-ratio: 16 / 10; }

	.atam-cta { margin: 6px 0 24px; }

	.veriler-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
	.veriler-item { min-height: 80px; font-size: .8rem; padding: 12px; }

	.iletisim-layout { flex-direction: column; gap: 30px; }
	.iletisim-info { flex: none; }
	.iletisim-form-row { grid-template-columns: 1fr; }

	.footer-top { flex-direction: column; text-align: center; }
	.footer-links { justify-content: center; }
	.footer-bottom { flex-direction: column; text-align: center; }
	.site-footer { padding: 40px 24px calc(var(--page-pad-bottom) + 16px); }

	.bottombar a { font-size: .62rem; padding: 10px 2px; gap: 4px; }
	.bb-icon { font-size: 1.05rem; }
}

@media (max-width: 560px) {
	.topbar-item { display: none; }
	.bottombar { overflow-x: auto; }
	.bottombar a { flex: 0 0 20%; }
}

/* ============ KATEGORİ SAYFASI ============ */


.category-page {
	background: var(--surface-alt);
	color: var(--text-on-light);
	padding-bottom: 60px;
}

.category-hero {
	background: linear-gradient(135deg, var(--navy), var(--navy-2));
	padding: 13px 24px 15px;
	text-align: center;
}

.category-hero-inner h1 {
	font-family: var(--font-heading);
	font-weight: 800;
	font-size: 2.4rem;
	color: var(--text-on-dark);
	letter-spacing: .5px;
}

.breadcrumb {
	margin-top: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: .85rem;
	color: var(--text-on-dark-muted);
}

.breadcrumb i { font-size: .65rem; }
.breadcrumb a:hover { color: var(--gold); }
.breadcrumb span { color: var(--gold); font-weight: 600; }

.category-wrap {
	max-width: 1040px;
	margin: 0 auto;
	padding: 48px 24px 0;
}

.category-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}

.category-empty-msg {
	grid-column: 1 / -1;
	text-align: center;
	color: var(--text-muted);
	padding: 40px 0;
	font-size: 1rem;
}

.article-card {
	display: flex;
	flex-direction: column;
	background: var(--surface);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 3px 14px rgba(11,31,56,.08);
	transition: transform .15s, box-shadow .15s;
}

.article-card[hidden] { display: none; }

.article-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 32px rgba(11,31,56,.14);
}

.article-thumb {
	position: relative;
}

.article-thumb img {
	width: 100%;
	height: 210px;
	object-fit: cover;
}

.article-tag {
	position: absolute;
	top: 14px;
	left: 14px;
	background: var(--gold);
	color: var(--navy-2);
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .68rem;
	text-transform: uppercase;
	letter-spacing: .4px;
	padding: 5px 12px;
	border-radius: 3px;
}

.article-body {
	flex: 1;
	min-width: 0;
	padding: 22px 24px 24px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.article-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: .78rem;
	color: var(--text-muted);
}

.article-body h2 {
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 1.15rem;
	line-height: 1.35;
	color: var(--navy);
}

.article-body h2 a:hover { color: var(--maroon); }

.article-body p {
	font-size: .88rem;
	color: var(--text-muted);
	line-height: 1.55;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.article-more {
	margin-top: 4px;
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .8rem;
	color: var(--maroon);
}

.article-more i { font-size: .65rem; transition: transform .15s; }
.article-more:hover i { transform: translateX(3px); }

/* pagination */

.pagination {
	margin: 40px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.page-num,
.page-arrow {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--surface);
	color: var(--navy);
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .9rem;
	box-shadow: 0 3px 10px rgba(11,31,56,.08);
	transition: background .2s, color .2s, transform .15s;
}

.page-num:hover,
.page-arrow:hover { background: var(--surface-icon); transform: translateY(-2px); }

.page-num.active {
	background: var(--navy);
	color: var(--text-on-dark);
}

.page-arrow.disabled {
	opacity: .4;
	pointer-events: none;
}

@media (max-width: 760px) {
	.category-hero-inner h1 { font-size: 1.8rem; }
	.category-wrap { padding: 36px 18px 0; }

	.category-list { grid-template-columns: 1fr; }
	.article-thumb img { height: 190px; }
	.article-body { padding: 18px 20px 20px; }
}

/* ============ TEKİL YAZI SAYFASI  ============ */

.single-page {
	background: var(--surface-alt);
	color: var(--text-on-light);
	padding-bottom: 60px;
}

.single-hero {
	background: linear-gradient(135deg, var(--navy), var(--navy-2));
	padding: 40px 24px 36px;
	text-align: center;
}

.single-hero-inner {
	max-width: 820px;
	margin: 0 auto;
}

.single-hero-inner .article-tag {
	position: static;
	display: inline-block;
	margin-bottom: 16px;
}

.single-hero-inner h1 {
	font-family: var(--font-heading);
	font-weight: 800;
	font-size: 2.1rem;
	line-height: 1.35;
	color: var(--text-on-dark);
}

.single-hero-inner .breadcrumb { margin-top: 16px; flex-wrap: wrap; }

.single-date {
	margin-top: 14px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: .85rem;
	color: var(--text-on-dark-muted);
}

.single-wrap {
	max-width: 1180px;
	margin: 0 auto;
	padding: 40px 24px 0;
}

.single-layout {
	display: grid;
	grid-template-columns: 1fr 320px;
	gap: 36px;
	align-items: start;
}

.single-main { min-width: 0; }

.single-featured {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(11,31,56,.15);
	margin-bottom: 32px;
}

.single-featured img {
	width: 100%;
	max-height: 460px;
	object-fit: cover;
}

.single-video {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(11,31,56,.15);
	margin-bottom: 32px;
	background: #000;
}

.single-video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.single-content {
	background: var(--surface);
	border-radius: 10px;
	padding: 36px 40px;
	box-shadow: 0 3px 14px rgba(11,31,56,.06);
	margin-bottom: 30px;
}

.single-content p {
	margin-bottom: 18px;
	font-size: .98rem;
	line-height: 1.8;
	color: var(--text-on-light);
}

.single-content p:last-child { margin-bottom: 0; }

.single-content h2 {
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 1.3rem;
	color: var(--navy);
	margin: 28px 0 14px;
}

.single-content blockquote {
	border-left: 4px solid var(--gold);
	background: var(--surface-alt);
	padding: 18px 22px;
	margin: 24px 0;
	font-style: italic;
	font-weight: 600;
	color: var(--navy);
	border-radius: 0 6px 6px 0;
}

.single-gallery,
.single-files,
.single-sources {
	background: var(--surface);
	border-radius: 10px;
	padding: 32px 36px;
	box-shadow: 0 3px 14px rgba(11,31,56,.06);
	margin-bottom: 30px;
}

.single-gallery h3,
.single-files h3,
.single-sources h3 {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 1.1rem;
	color: var(--navy);
	margin-bottom: 22px;
}

.single-gallery h3 i,
.single-files h3 i,
.single-sources h3 i { color: var(--gold); font-size: 1rem; }

.gallery-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
}

.gallery-thumb {
	display: block;
	border-radius: 6px;
	overflow: hidden;
	aspect-ratio: 4 / 3;
}

.gallery-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .2s;
}

.gallery-thumb:hover img { transform: scale(1.06); }

.file-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.file-item {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 14px 18px;
	background: var(--surface-alt);
	border-radius: 8px;
	transition: background .2s;
}

.file-item:hover { background: var(--surface-icon); }

.file-icon {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background: var(--navy);
	color: var(--gold);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1rem;
	flex-shrink: 0;
}

.file-info {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.file-name {
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .9rem;
	color: var(--navy);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.file-size { font-size: .78rem; color: var(--text-muted); }

.file-download {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--gold);
	color: var(--navy-2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .85rem;
	flex-shrink: 0;
	transition: transform .15s;
}

.file-item:hover .file-download { transform: translateY(2px); }

.single-sources ul {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.single-sources li {
	position: relative;
	padding-left: 22px;
}

.single-sources li::before {
	content: '\f0c1';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 2px;
	color: var(--gold);
	font-size: .75rem;
}

.single-sources a {
	font-size: .9rem;
	color: var(--text-on-light);
	transition: color .15s;
}

.single-sources a:hover { color: var(--maroon); }

/* sidebar */

.single-sidebar {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.sidebar-widget {
	background: var(--surface);
	border-radius: 10px;
	padding: 26px 24px;
	box-shadow: 0 3px 14px rgba(11,31,56,.06);
}

.sidebar-widget h3 {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 1rem;
	color: var(--navy);
	padding-bottom: 16px;
	margin-bottom: 18px;
	border-bottom: 2px solid var(--surface-alt);
}

.sidebar-widget h3 i { color: var(--gold); font-size: .95rem; }

.sidebar-categories { display: flex; flex-direction: column; gap: 4px; }

.sidebar-categories a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 11px 4px;
	font-size: .88rem;
	font-weight: 600;
	color: var(--text-on-light);
	border-bottom: 1px solid var(--surface-alt);
	transition: color .15s, padding-left .15s;
}

.sidebar-categories li:last-child a { border-bottom: none; }
.sidebar-categories a:hover { color: var(--maroon); padding-left: 8px; }

.cat-count {
	background: var(--surface-alt);
	color: var(--text-muted);
	font-size: .72rem;
	font-weight: 700;
	padding: 2px 9px;
	border-radius: 20px;
}

.sidebar-categories a:hover .cat-count { background: var(--gold); color: var(--navy-2); }

.sidebar-posts { display: flex; flex-direction: column; gap: 16px; }

.sidebar-posts a {
	display: flex;
	align-items: center;
	gap: 12px;
}

.sidebar-posts img {
	width: 66px;
	height: 66px;
	object-fit: cover;
	border-radius: 6px;
	flex-shrink: 0;
}

.sidebar-post-title {
	display: block;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .82rem;
	line-height: 1.35;
	color: var(--navy);
	transition: color .15s;
}

.sidebar-posts a:hover .sidebar-post-title { color: var(--maroon); }

.sidebar-post-date {
	display: block;
	margin-top: 5px;
	font-size: .72rem;
	color: var(--text-muted);
}

/* lightbox */

.lightbox {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 500;
	background: rgba(10,17,30,.94);
	align-items: center;
	justify-content: center;
}

.lightbox.open { display: flex; }

.lightbox-img {
	position: relative;
	z-index: 1;
	max-width: 88vw;
	max-height: 86vh;
	object-fit: contain;
	border-radius: 6px;
	box-shadow: 0 20px 60px rgba(0,0,0,.5);
}

.lightbox-close {
	position: absolute;
	z-index: 2;
	top: 26px;
	right: 30px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(255,255,255,.1);
	color: var(--text-on-dark);
	font-size: 1.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .2s;
}

.lightbox-close:hover { background: rgba(255,255,255,.2); }

.lightbox-nav {
	position: absolute;
	z-index: 2;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: rgba(255,255,255,.1);
	color: var(--text-on-dark);
	font-size: 1.3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .2s;
}

.lightbox-nav:hover { background: rgba(255,255,255,.2); }
.lightbox-prev { left: 26px; }
.lightbox-next { right: 26px; }

@media (max-width: 980px) {
	.single-layout { grid-template-columns: 1fr; }
	.single-sidebar { flex-direction: row; flex-wrap: wrap; }
	.sidebar-widget { flex: 1 1 280px; }
}

@media (max-width: 760px) {
	.single-hero-inner h1 { font-size: 1.5rem; }
	.single-wrap { padding: 32px 18px 0; }
	.single-content { padding: 26px 24px; }
	.single-gallery, .single-files, .single-sources { padding: 24px 22px; }
	.gallery-grid { grid-template-columns: repeat(2, 1fr); }
	.single-featured img { max-height: 260px; }

	.single-sidebar { flex-direction: column; }
	.lightbox-nav { width: 40px; height: 40px; font-size: 1.05rem; }
	.lightbox-prev { left: 10px; }
	.lightbox-next { right: 10px; }
}

/* ============ SABİT SAYFA  ============ */

.static-page {
	background: var(--surface-alt);
	color: var(--text-on-light);
	padding-bottom: 60px;
}

.static-hero {
	background: linear-gradient(135deg, var(--navy), var(--navy-2));
	padding: 40px 24px 36px;
	text-align: center;
}

.static-hero-inner { max-width: 820px; margin: 0 auto; }

.static-hero-inner h1 {
	font-family: var(--font-heading);
	font-weight: 800;
	font-size: 2.1rem;
	color: var(--text-on-dark);
}

.static-hero-inner .breadcrumb { margin-top: 16px; }

.static-wrap {
	max-width: 860px;
	margin: 0 auto;
	padding: 40px 24px 0;
}

@media (max-width: 760px) {
	.static-hero-inner h1 { font-size: 1.5rem; }
	.static-wrap { padding: 32px 18px 0; }
}

/* ============ İLETİŞİM SAYFASI ============ */

.iletisim-page {
	background: var(--surface-alt);
	color: var(--text-on-light);
	padding-bottom: 60px;
}

.iletisim-wrap {
	max-width: 1100px;
	margin: 0 auto;
	padding: 40px 24px 0;
}

.iletisim-card {
	background: linear-gradient(160deg, #0f6e7a, #08383f);
	border-radius: 12px;
	padding: 44px 46px;
	box-shadow: 0 10px 34px rgba(11,31,56,.16);
	margin-bottom: 30px;
}

.iletisim-card .iletisim-layout { text-align: left; }

.iletisim-map {
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 3px 14px rgba(11,31,56,.08);
}

.iletisim-map iframe {
	width: 100%;
	height: 360px;
	border: 0;
	display: block;
	filter: grayscale(.15);
}

@media (max-width: 760px) {
	.iletisim-card { padding: 30px 24px; }
	.iletisim-wrap { padding: 32px 18px 0; }
}

/* ============ ARAMA SONUÇLARI  ============ */

.search-hero-form {
	max-width: 640px;
	margin: 22px auto 0;
	display: flex;
	gap: 10px;
}

.search-hero-form input {
	flex: 1;
	min-width: 0;
	padding: 14px 20px;
	border-radius: 4px;
	border: 1px solid rgba(255,255,255,.25);
	background: rgba(255,255,255,.08);
	color: var(--text-on-dark);
	font-family: var(--font-body);
	font-size: .95rem;
}

.search-hero-form input::placeholder { color: rgba(255,255,255,.55); }

.search-hero-form button {
	padding: 0 26px;
	border-radius: 4px;
	background: var(--gold);
	color: var(--navy-2);
	font-size: 1.05rem;
	transition: transform .2s;
}

.search-hero-form button:hover { transform: translateY(-2px); }

.search-summary {
	max-width: 1040px;
	margin: 36px auto 30px;
	padding: 18px 26px;
	display: flex;
	align-items: center;
	gap: 12px;
	background: var(--surface);
	border-left: 3px solid var(--gold);
	border-radius: 6px;
	box-shadow: 0 3px 14px rgba(11,31,56,.06);
	font-size: .92rem;
	color: var(--text-muted);
}

.search-summary i {
	color: var(--gold);
	font-size: 1rem;
	flex-shrink: 0;
}

.search-summary strong {
	font-family: var(--font-heading);
	color: var(--navy);
}

.search-summary span {
	font-family: var(--font-heading);
	font-weight: 600;
	color: var(--maroon);
}

@media (max-width: 760px) {
	.search-summary { margin: 26px 18px 24px; padding: 14px 18px; font-size: .85rem; }
}

.search-empty {
	max-width: 1040px;
	margin: 0 auto;
	padding: 60px 24px;
	text-align: center;
	background: var(--surface);
	border-radius: 10px;
	box-shadow: 0 3px 14px rgba(11,31,56,.06);
}

.search-empty i { font-size: 2.4rem; color: var(--surface-icon); margin-bottom: 18px; }
.search-empty h2 { font-family: var(--font-heading); font-weight: 700; color: var(--navy); margin-bottom: 10px; }
.search-empty p { color: var(--text-muted); font-size: .92rem; }

/* ============ ATAM ============ */

.atam-hero {
	position: relative;
	height: calc(100vh - var(--header-h));
	min-height: 480px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.atam-hero-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.atam-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(10,17,30,.55), rgba(10,17,30,.82));
}

.atam-hero-content {
	position: relative;
	z-index: 1;
	text-align: center;
	max-width: 760px;
	padding: 0 24px;
}

.atam-hero-eyebrow {
	display: inline-block;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .8rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 18px;
}

.atam-hero-content h1 {
	font-family: var(--font-heading);
	font-weight: 800;
	font-size: 3rem;
	color: var(--text-on-dark);
	line-height: 1.2;
	margin-bottom: 18px;
}

.atam-hero-content p {
	font-size: 1.05rem;
	color: var(--text-on-dark-muted);
	line-height: 1.7;
}

.atam-scroll-cue {
	position: absolute;
	left: 50%;
	bottom: 28px;
	transform: translateX(-50%);
	z-index: 1;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,.4);
	color: var(--text-on-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	animation: atamBounce 1.8s ease-in-out infinite;
}

@keyframes atamBounce {
	0%, 100% { transform: translateX(-50%) translateY(0); }
	50% { transform: translateX(-50%) translateY(8px); }
}

.atam-quote {
	background: var(--maroon);
	padding: 70px 24px;
	text-align: center;
}

.atam-quote blockquote {
	max-width: 780px;
	margin: 0 auto 18px;
	font-family: var(--font-heading);
	font-weight: 600;
	font-style: italic;
	font-size: 1.5rem;
	line-height: 1.5;
	color: var(--text-on-dark);
}

.atam-quote span {
	font-size: .85rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--gold);
	font-weight: 700;
}

.atam-story {
	background: var(--surface-alt);
	padding: 80px 24px;
}

.atam-story-row {
	max-width: 1080px;
	margin: 0 auto 70px;
	display: flex;
	align-items: center;
	gap: 60px;
}

.atam-story-row:last-child { margin-bottom: 0; }
.atam-story-row.reverse { flex-direction: row-reverse; }

.atam-story-media {
	flex: 0 0 42%;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 14px 34px rgba(11,31,56,.16);
}

.atam-story-media img { width: 100%; height: 340px; object-fit: cover; }

.atam-story-text { flex: 1; min-width: 0; }

.atam-story-num {
	display: block;
	font-family: var(--font-heading);
	font-weight: 800;
	font-size: 2.6rem;
	color: var(--surface-icon);
	line-height: 1;
	margin-bottom: 10px;
}

.atam-story-text h2 {
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 1.5rem;
	color: var(--navy);
	margin-bottom: 14px;
}

.atam-story-text p {
	font-size: .95rem;
	line-height: 1.8;
	color: var(--text-muted);
}

.atam-more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .82rem;
	letter-spacing: .03em;
	text-transform: uppercase;
	color: var(--navy);
	transition: color .2s, gap .2s;
}

.atam-more:hover { color: var(--gold); gap: 12px; }
.atam-more i { font-size: .7rem; }

.atam-explore {
	background: var(--navy-2);
	padding: 70px 24px;
	text-align: center;
}

.atam-explore h2 {
	font-family: var(--font-heading);
	font-weight: 800;
	font-size: 1.7rem;
	color: var(--text-on-dark);
	margin-bottom: 8px;
}

.atam-explore p {
	color: var(--text-on-dark-muted);
	font-size: .95rem;
	margin-bottom: 40px;
}

.atam-explore .atam-grid {
	max-width: 1100px;
	margin: 0 auto;
}

.atam-closing {
	background: var(--navy);
	padding: 60px 24px;
	text-align: center;
}

.atam-closing p {
	max-width: 640px;
	margin: 0 auto;
	font-family: var(--font-heading);
	font-style: italic;
	font-size: 1.1rem;
	color: var(--text-on-dark-muted);
	line-height: 1.7;
}

.atam-closing span {
	display: block;
	margin-top: 18px;
	font-family: var(--font-heading);
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	font-size: .85rem;
	color: var(--gold);
}

.atam-subnav {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	padding: 22px 24px;
	background: var(--navy);
}

.atam-subnav a {
	padding: 9px 18px;
	border-radius: 30px;
	font-size: .82rem;
	font-weight: 600;
	color: var(--text-on-dark-muted);
	border: 1px solid rgba(255,255,255,.18);
	transition: background .2s, color .2s, border-color .2s;
}

.atam-subnav a:hover { border-color: var(--gold); color: var(--text-on-dark); }
.atam-subnav a.active { background: var(--gold); color: var(--navy-2); border-color: var(--gold); }
.atam-subnav-home { font-size: .9rem !important; padding: 9px 14px !important; }

.atam-detail-page { background: var(--surface-alt); color: var(--text-on-light); padding-bottom: 60px; }

.atam-detail-wrap {
	max-width: 900px;
	margin: 0 auto;
	padding: 44px 24px 0;
}

.atam-detail-wrap-wide { max-width: 1080px; }

.atam-kart-liste {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-bottom: 10px;
}

.atam-detail-card {
	background: var(--surface);
	border-radius: 10px;
	box-shadow: 0 3px 14px rgba(11,31,56,.08);
	overflow: hidden;
}

.atam-detail-card[open] { box-shadow: 0 10px 28px rgba(11,31,56,.14); }

.atam-detail-card summary {
	cursor: pointer;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 18px 24px;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 1rem;
	color: var(--navy);
	transition: background .15s;
}

.atam-detail-card summary::-webkit-details-marker { display: none; }
.atam-detail-card summary:hover { background: var(--surface-alt); }

.atam-detail-card summary i:first-child {
	flex-shrink: 0;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--surface-alt);
	color: var(--gold);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .95rem;
}

.atam-detail-card[open] summary i:first-child { background: var(--gold); color: #fff; }

.atam-detail-card summary span { flex: 1; }

.atam-detail-card summary::after {
	content: '\25B8';
	color: var(--text-muted);
	flex-shrink: 0;
	transition: transform .2s;
}

.atam-detail-card[open] summary::after { transform: rotate(90deg); }

.atam-detail-card > .atam-kaynak-icerik {
	padding: 6px 26px 30px;
	border-top: 1px solid var(--surface-alt);
	margin-top: 4px;
}

.atam-bolum-baslik {
	font-family: var(--font-heading);
	font-weight: 800;
	font-size: 1.5rem;
	color: var(--gold);
	text-align: center;
	margin: 50px 0 8px;
	padding-top: 40px;
	border-top: 3px solid var(--navy);
}

.atam-detail-wrap .single-content h2:first-child { margin-top: 0; }
.atam-detail-wrap .single-content h3 {
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 1.1rem;
	color: var(--navy);
	margin: 22px 0 10px;
}

.atam-komutan-intro {
	max-width: 720px;
	margin: 0 auto 30px;
	text-align: center;
	color: var(--text-muted);
	line-height: 1.7;
}

.atam-komutan-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 16px;
	margin-bottom: 20px;
}

.atam-komutan-card {
	background: var(--surface);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 3px 14px rgba(11,31,56,.08);
	transition: box-shadow .2s, transform .2s;
}

.atam-komutan-card:hover { box-shadow: 0 10px 26px rgba(11,31,56,.16); transform: translateY(-3px); }

.atam-komutan-card summary {
	cursor: pointer;
	list-style: none;
	padding: 0 0 14px;
	text-align: center;
}

.atam-komutan-card summary::-webkit-details-marker { display: none; }

.atam-komutan-card img {
	width: 100%;
	aspect-ratio: 3/4;
	object-fit: cover;
	display: block;
	margin-bottom: 10px;
}

.atam-komutan-isim {
	display: block;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .84rem;
	color: var(--navy);
	padding: 0 10px;
}

.atam-komutan-unvan {
	display: block;
	font-size: .72rem;
	color: var(--text-muted);
	padding: 2px 10px 0;
}

.atam-komutan-card[open] { grid-column: 1 / -1; }
.atam-komutan-card[open] summary { border-bottom: 1px solid var(--surface-alt); padding-bottom: 18px; }
.atam-komutan-card[open] img { max-width: 160px; margin: 16px auto 10px; border-radius: 8px; }

.atam-komutan-bio {
	padding: 6px 26px 26px;
	max-width: 820px;
	margin: 0 auto;
}

.atam-komutan-bio h5 {
	font-family: var(--font-heading);
	font-weight: 700;
	color: var(--gold);
	font-size: .92rem;
	text-transform: uppercase;
	letter-spacing: .03em;
	margin: 18px 0 6px;
}

.atam-komutan-bio h5:first-child { margin-top: 0; }
.atam-komutan-bio .atam-kaynak-icerik { font-size: .9rem; text-align: left; }
.atam-komutan-bio .atam-kaynak-icerik ul { margin-left: 18px; }

.atam-timeline { list-style: none; padding: 0; margin: 0; }

.atam-timeline li {
	display: flex;
	gap: 20px;
	padding: 16px 0;
	border-bottom: 1px solid var(--border-soft, #e7e9ee);
}

.atam-timeline li:last-child { border-bottom: none; }

.atam-timeline strong {
	flex: 0 0 110px;
	font-family: var(--font-heading);
	font-weight: 800;
	color: var(--gold);
	font-size: .95rem;
}

.atam-timeline span { flex: 1; line-height: 1.7; color: var(--text-on-light); font-size: .95rem; }

.atam-kaynak { margin-top: 30px; font-size: .82rem; color: var(--text-muted); }
.atam-kaynak a { color: var(--navy); text-decoration: underline; }

/* ============ Bilecik Milletvekilleri — dönem kartları + milletvekili
   mini-kartları (atam-detail-card / atam-komutan-card desenlerinin
   iç içe kullanımı) ============ */

.mv-donem-liste { display: flex; flex-direction: column; gap: 14px; }

.mv-donem-card summary { gap: 14px; }

.mv-donem-yil {
	display: block;
	font-weight: 600;
	font-size: .78rem;
	color: var(--text-muted);
	margin-top: 2px;
}

.mv-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 14px;
	padding: 4px 26px 26px;
}

.mv-kisi {
	background: var(--surface-alt);
	border-radius: 10px;
	overflow: hidden;
	transition: box-shadow .2s, transform .2s;
}

.mv-kisi:hover { box-shadow: 0 8px 20px rgba(11,31,56,.12); transform: translateY(-2px); }
.mv-kisi-plain:hover { box-shadow: none; transform: none; }

.mv-kisi summary {
	display: block;
	cursor: pointer;
	list-style: none;
	padding: 0 0 12px;
	text-align: center;
	font-weight: 400;
	font-size: 1rem;
}

.mv-kisi-plain {
	padding: 0 0 12px;
	text-align: center;
}

.mv-kisi summary::-webkit-details-marker { display: none; }

.mv-kisi img {
	width: 100%;
	aspect-ratio: 3/4;
	object-fit: cover;
	display: block;
	margin-bottom: 8px;
}

.mv-isim {
	display: block;
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: .8rem;
	color: var(--navy);
	padding: 0 8px;
}

.mv-kisi[open] { grid-column: 1 / -1; }
.mv-kisi[open] summary { border-bottom: 1px solid var(--surface); padding-bottom: 16px; }
.mv-kisi[open] img { max-width: 140px; margin: 14px auto 8px; border-radius: 8px; }

.mv-bio { padding: 4px 22px 22px; max-width: 720px; margin: 0 auto; text-align: left; }
.mv-bio p { font-size: .92rem; line-height: 1.8; color: var(--text-on-light); margin-bottom: 12px; }
.mv-bio a { display: inline-flex; align-items: center; gap: 6px; font-size: .82rem; font-weight: 600; color: var(--navy); text-decoration: underline; }
.mv-bio a:hover { color: var(--gold); }



.atam-kaynak-icerik { font-size: .96rem; line-height: 1.85; color: var(--text-on-light); }

.atam-kaynak-icerik .container { max-width: 100%; padding: 0; }
.atam-kaynak-icerik .row { display: flex; flex-wrap: wrap; margin: 0 -8px; }
.atam-kaynak-icerik [class*="col-"] { padding: 0 8px; box-sizing: border-box; }
.atam-kaynak-icerik .col-xs-12 { flex: 0 0 100%; max-width: 100%; }
@media (min-width: 576px) { .atam-kaynak-icerik .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .atam-kaynak-icerik .col-sm-6 { flex: 0 0 50%; max-width: 50%; } }
@media (min-width: 768px) { .atam-kaynak-icerik .col-md-12 { flex: 0 0 100%; max-width: 100%; } .atam-kaynak-icerik .col-md-8 { flex: 0 0 66.66%; max-width: 66.66%; } .atam-kaynak-icerik .col-md-6 { flex: 0 0 50%; max-width: 50%; } .atam-kaynak-icerik .col-md-4 { flex: 0 0 33.33%; max-width: 33.33%; } }
@media (min-width: 992px) { .atam-kaynak-icerik .col-lg-12 { flex: 0 0 100%; max-width: 100%; } }

.atam-kaynak-icerik h3.text-danger {
	font-family: var(--font-heading);
	font-weight: 700;
	font-size: 1.25rem;
	color: var(--navy);
	border-bottom: 2px solid var(--gold);
	padding-bottom: 10px;
	margin: 34px 0 18px;
}

.atam-kaynak-icerik > .container > h3.text-danger:first-child,
.atam-kaynak-icerik h3.text-danger:first-child { margin-top: 0; }

.atam-kaynak-icerik h4, .atam-kaynak-icerik h5, .atam-kaynak-icerik h6 {
	font-family: var(--font-heading);
	font-weight: 700;
	color: var(--navy);
	margin: 22px 0 10px;
}

.atam-kaynak-icerik h5 { font-size: 1.02rem; color: var(--gold-dark, var(--navy)); }
.atam-kaynak-icerik h6.h6-regular { display: none; } /* kaynak sitedeki boş ayraç satırları */

.atam-kaynak-icerik p { margin-bottom: 16px; }
.atam-kaynak-icerik p:last-child { margin-bottom: 0; }
.atam-kaynak-icerik ul, .atam-kaynak-icerik ol { margin: 0 0 16px 22px; }
.atam-kaynak-icerik li { margin-bottom: 8px; line-height: 1.75; }
.atam-kaynak-icerik strong, .atam-kaynak-icerik b { color: var(--navy); }
.atam-kaynak-icerik .text-center { text-align: center; }
.atam-kaynak-icerik .text-right { text-align: right; }
.atam-kaynak-icerik .mb-2 { margin-bottom: 10px; }
.atam-kaynak-icerik .mb-3 { margin-bottom: 16px; }
.atam-kaynak-icerik .mb-5 { margin-bottom: 30px; }
.atam-kaynak-icerik .mt-1 { margin-top: 6px; }
.atam-kaynak-icerik .mt-3 { margin-top: 16px; }
.atam-kaynak-icerik .mt-4 { margin-top: 22px; }
.atam-kaynak-icerik .w-100 { width: 100%; }
.atam-kaynak-icerik .text-decoration-none, .atam-kaynak-icerik .text-reset { color: var(--navy); text-decoration: none; }
.atam-kaynak-icerik a:not([class]) { color: var(--navy); text-decoration: underline; text-decoration-color: rgba(11,31,56,.3); }
.atam-kaynak-icerik a:not([class]):hover { color: var(--gold); }

/* görseller / figürler */
.atam-kaynak-icerik .figure { margin: 0 0 20px; max-width: 320px; }
.atam-kaynak-icerik .figure.float-left, .atam-kaynak-icerik .figure.pull-left { float: left; margin: 4px 24px 18px 0; }
.atam-kaynak-icerik .figure.float-right { float: right; margin: 4px 0 18px 24px; }
.atam-kaynak-icerik .figure-img, .atam-kaynak-icerik .img-fluid, .atam-kaynak-icerik .img-responsive, .atam-kaynak-icerik .img-centered {
	max-width: 100%;
	height: auto;
	display: block;
}
.atam-kaynak-icerik .rounded { border-radius: 8px; box-shadow: 0 6px 18px rgba(11,31,56,.14); }
.atam-kaynak-icerik .figure-caption {
	margin-top: 8px;
	font-size: .78rem;
	font-style: italic;
	color: var(--text-muted);
	text-align: center;
}

/* kaynak sitenin kart (öğrenim/belge alt konuları) grid'i */
.atam-kaynak-icerik .main-card-deck { margin-top: 18px; }
.atam-kaynak-icerik .card {
	border: none;
	background: var(--surface);
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 3px 14px rgba(11,31,56,.08);
	transition: transform .2s, box-shadow .2s;
	height: 100%;
}
.atam-kaynak-icerik .card:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(11,31,56,.16); }
.atam-kaynak-icerik .card-img-top { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.atam-kaynak-icerik .card-body { padding: 14px 16px; font-weight: 600; font-size: .88rem; color: var(--navy); text-align: center; }
.atam-kaynak-icerik .card-body a { color: var(--navy); text-decoration: none; }
.atam-kaynak-icerik .card-header { background: var(--surface-alt); padding: 12px 18px; font-weight: 700; color: var(--navy); }
.atam-kaynak-icerik .card-title { font-family: var(--font-heading); font-weight: 700; color: var(--navy); margin-bottom: 8px; }

/* kronoloji: <details>/<summary> yıl blokları */
.atam-kaynak-icerik details.card {
	margin-bottom: 14px;
	box-shadow: 0 3px 14px rgba(11,31,56,.06);
}
.atam-kaynak-icerik summary.card-header {
	font-family: var(--font-heading);
	font-weight: 700;
	color: var(--navy) !important;
	background: var(--surface-alt) !important;
	list-style: none;
}
.atam-kaynak-icerik summary::-webkit-details-marker { display: none; }
.atam-kaynak-icerik summary::before {
	content: '\25B8';
	display: inline-block;
	margin-right: 10px;
	color: var(--gold);
	transition: transform .15s;
}
.atam-kaynak-icerik details[open] summary::before { transform: rotate(90deg); }
.atam-kaynak-icerik .years {
	font-family: var(--font-heading);
	font-weight: 800;
	font-size: 1.05rem;
	color: var(--gold);
	margin: 20px 0 4px;
	padding-top: 12px;
	border-top: 1px dashed var(--border-soft, #e7e9ee);
}
.atam-kaynak-icerik .card-body .years:first-child { border-top: none; padding-top: 0; margin-top: 0; }

/* tablo (nişan/madalya listeleri vb.) */
.atam-kaynak-icerik .table-responsive { overflow-x: auto; margin-bottom: 20px; }
.atam-kaynak-icerik table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.atam-kaynak-icerik table td, .atam-kaynak-icerik table th { padding: 10px 12px; border: 1px solid var(--border-soft, #e7e9ee); text-align: left; }
.atam-kaynak-icerik table th { background: var(--surface-alt); font-family: var(--font-heading); color: var(--navy); }

/* PDF kaynaklı "Atatürk'e Bakış" yazıları — alıntı/atıf ayrımı */
.atam-bakis-yazi h4 {
	font-family: var(--font-heading);
	font-weight: 800;
	font-size: 1.1rem;
	color: var(--navy);
	text-align: center;
	margin: 26px 0 6px;
}
.atam-bakis-yazi p:first-of-type { text-align: center; font-weight: 600; color: var(--gold-dark, var(--navy)); margin-bottom: 20px; }
.atam-bakis-yazi p { text-indent: 24px; }

.atam-bakis-rol {
	text-align: center;
	font-size: .82rem;
	color: var(--text-muted);
	margin-bottom: 22px !important;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--surface-alt);
	text-indent: 0 !important;
}

.atam-bakis-rol a { font-weight: 600; color: var(--gold); margin-left: 6px; }
.atam-bakis-rol a:hover { text-decoration: underline; }

.atam-kaynak-icerik::after { content: ''; display: block; clear: both; }

@media (max-width: 700px) {
	.atam-kaynak-icerik .figure.float-left, .atam-kaynak-icerik .figure.float-right { float: none; margin: 0 auto 18px; }
	.atam-kaynak-icerik [class*="col-"] { flex: 0 0 100%; max-width: 100%; }
}

@media (max-width: 600px) {
	.atam-timeline li { flex-direction: column; gap: 4px; }
	.atam-timeline strong { flex: none; }
}

@media (max-width: 900px) {
	.atam-hero-content h1 { font-size: 2.1rem; }
	.atam-story-row,
	.atam-story-row.reverse { flex-direction: column; gap: 26px; }
	.atam-story-media { flex: none; width: 100%; }
	.atam-story-media img { height: 240px; }
	.atam-quote blockquote { font-size: 1.15rem; }
}