@charset "UTF-8";
/* ==========================================================================
   Özden Güvenlik — tasarım sistemi

   Kimlik logodan türetildi: lacivert dairesel rozet, antik altın metalik
   çerçeve, kalkan amblemi. Sitede bu dil sürdürülür —
   lacivert taşıyıcı zemin, altın yalnızca hassas aksan (saç teli çizgiler,
   küçük etiketler, odak halkaları) olarak kullanılır. Altın hiçbir zaman
   büyük dolgu alanı değildir; rozetin kıymetli hissini bu kısıt korur.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Değişkenler
   -------------------------------------------------------------------------- */

:root {
	/* Lacivert — logo zemininden örneklendi */
	--lacivert-950: #020A16;
	--lacivert-900: #030F20;
	--lacivert-850: #051C3B; /* marka çekirdeği */
	--lacivert-800: #0A2A52;
	--lacivert-700: #123566;
	--lacivert-600: #1E4478;
	--lacivert-500: #314665;
	--lacivert-400: #4A5F80;
	--lacivert-300: #7A88A3;
	--lacivert-200: #ABB3C6;
	--lacivert-100: #DCE1EA;
	--lacivert-50:  #F1F4F8;

	/* Altın — logo çerçevesinden örneklendi */
	--altin-100: #F5EEE0;
	--altin-200: #E8D9BE;
	--altin-300: #D6C2A9; /* parlak kenar */
	--altin-400: #C6AC85;
	--altin-500: #B19B76; /* çekirdek */
	--altin-600: #9C855C; /* gölge */
	--altin-700: #7D6A48;

	--krem:  #F7F4EE;
	--beyaz: #FFFFFF;

	/* Anlamsal roller */
	--zemin:        var(--beyaz);
	--zemin-yumusak: var(--krem);
	--zemin-koyu:   var(--lacivert-850);
	--metin:        var(--lacivert-850);
	--metin-soluk:  var(--lacivert-500);
	--metin-ters:   #EEF1F6;
	--metin-ters-soluk: var(--lacivert-200);
	--vurgu:        var(--altin-500);
	--cizgi:        var(--lacivert-100);
	--cizgi-koyu:   rgba(214, 194, 169, 0.20);

	/* Tipografi — sistem yığınıyla biter, ağ yoksa da düzgün görünür */
	--yazi-display: Spectral, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
	--yazi-govde: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	/* Akışkan ölçek */
	--olcek-xs:  0.8125rem;
	--olcek-sm:  0.9375rem;
	--olcek-md:  1.0625rem;
	--olcek-lg:  clamp(1.125rem, 0.4vw + 1.05rem, 1.3125rem);
	--olcek-xl:  clamp(1.375rem, 0.8vw + 1.2rem, 1.75rem);
	--olcek-2xl: clamp(1.75rem, 1.6vw + 1.35rem, 2.5rem);
	--olcek-3xl: clamp(2.125rem, 2.6vw + 1.5rem, 3.25rem);
	--olcek-4xl: clamp(2.5rem, 4vw + 1.5rem, 4.25rem);

	/* Boşluk */
	--bosluk-bolum: clamp(4.5rem, 9vw, 8rem);
	--bosluk-kenar: clamp(1.25rem, 4vw, 2.5rem);
	--kapsayici: 1200px;
	--dar: 760px;

	/* Yüzey */
	--yuvarlak-sm: 4px;
	--yuvarlak:    8px;
	--yuvarlak-lg: 14px;
	--golge-sm: 0 1px 2px rgba(5, 28, 59, 0.06), 0 2px 8px rgba(5, 28, 59, 0.04);
	--golge:    0 2px 4px rgba(5, 28, 59, 0.05), 0 12px 32px rgba(5, 28, 59, 0.08);
	--golge-lg: 0 4px 8px rgba(5, 28, 59, 0.06), 0 24px 56px rgba(5, 28, 59, 0.12);

	--gecis: 220ms cubic-bezier(0.22, 0.61, 0.36, 1);
}


/* --------------------------------------------------------------------------
   2. Sıfırlama ve temel
   -------------------------------------------------------------------------- */

*, *::before, *::after { box-sizing: border-box; }

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: 7rem;
}

body {
	margin: 0;
	background: var(--zemin);
	color: var(--metin);
	font-family: var(--yazi-govde);
	font-size: var(--olcek-md);
	line-height: 1.7;
	font-feature-settings: "kern", "liga";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

h1, h2, h3, h4 {
	margin: 0 0 0.6em;
	font-family: var(--yazi-display);
	font-weight: 600;
	line-height: 1.14;
	letter-spacing: -0.015em;
	text-wrap: balance;
}

h1 { font-size: var(--olcek-4xl); }
h2 { font-size: var(--olcek-3xl); }
h3 { font-size: var(--olcek-xl); }
h4 { font-size: var(--olcek-lg); }

p { margin: 0 0 1.15em; text-wrap: pretty; }
p:last-child { margin-bottom: 0; }

a { color: var(--lacivert-700); text-decoration-thickness: 1px; text-underline-offset: 0.2em; transition: color var(--gecis); }
a:hover { color: var(--altin-600); }

img, svg, video { max-width: 100%; height: auto; display: block; }

ul, ol { margin: 0 0 1.15em; padding-left: 1.25em; }
li { margin-bottom: 0.4em; }

strong, b { font-weight: 600; }

hr { border: 0; border-top: 1px solid var(--cizgi); margin: 2.5rem 0; }

blockquote {
	margin: 2rem 0;
	padding: 0.25rem 0 0.25rem 1.5rem;
	border-left: 2px solid var(--altin-400);
	font-family: var(--yazi-display);
	font-size: var(--olcek-lg);
	font-style: italic;
	color: var(--lacivert-700);
}

/* Cift tonlu odak halkasi: altin ic halka + lacivert dis halka.
   Tek renk altin-500 acik zeminde 2.69:1 kaliyordu (WCAG 1.4.11 esigi 3:1).
   Bu kurguda hangi zemin olursa olsun halkalardan biri esigi asiyor:
   lacivert dis halka beyaza karsi 16.99:1, altin ic halka lacivert uzerinde 9.98:1. */
:focus-visible {
	outline: 2px solid var(--altin-300);
	outline-offset: 2px;
	box-shadow: 0 0 0 4px var(--lacivert-850);
	border-radius: 2px;
}

::selection { background: var(--altin-300); color: var(--lacivert-900); }

.ekran-okuyucu {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.atla-baglantisi {
	position: absolute;
	top: -100%;
	left: var(--bosluk-kenar);
	z-index: 999;
	padding: 0.75rem 1.25rem;
	background: var(--altin-500);
	color: var(--lacivert-900);
	font-weight: 600;
	border-radius: 0 0 var(--yuvarlak) var(--yuvarlak);
	transition: top var(--gecis);
}
.atla-baglantisi:focus { top: 0; color: var(--lacivert-900); }


/* --------------------------------------------------------------------------
   3. Düzen
   -------------------------------------------------------------------------- */

.kapsayici {
	width: 100%;
	max-width: var(--kapsayici);
	margin-inline: auto;
	padding-inline: var(--bosluk-kenar);
}

.kapsayici--dar { max-width: calc(var(--dar) + var(--bosluk-kenar) * 2); }

.bolum { padding-block: var(--bosluk-bolum); }
.bolum--yumusak { background: var(--zemin-yumusak); }
.bolum--koyu { background: var(--zemin-koyu); color: var(--metin-ters); }
.bolum--koyu h2, .bolum--koyu h3 { color: var(--beyaz); }
.bolum--sik { padding-block: calc(var(--bosluk-bolum) * 0.62); }


/* Bölüm başlığı bloğu ------------------------------------------------------ */

.bolum-basligi { max-width: 62ch; margin-bottom: clamp(2.5rem, 5vw, 4rem); }
.bolum-basligi--orta { margin-inline: auto; text-align: center; }

.etiket {
	display: inline-flex;
	align-items: center;
	gap: 0.7rem;
	margin-bottom: 1.1rem;
	font-family: var(--yazi-govde);
	font-size: var(--olcek-xs);
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	/* Acik zeminde altin-600 (#9C855C) yalnizca 3.55:1 veriyordu — kucuk metin
	   icin WCAG AA esigi 4.5:1. altin-700 ile 5.21:1'e cikiyor. */
	color: var(--altin-700);
}
.etiket::before {
	content: "";
	width: 28px;
	height: 1px;
	background: currentColor;
	opacity: 0.6;
}
.bolum-basligi--orta .etiket::after {
	content: "";
	width: 28px;
	height: 1px;
	background: currentColor;
	opacity: 0.6;
}
/* Hero ve sayfa-basi `.bolum--koyu` sinifini tasimaz ama zeminleri koyudur.
   Kuralin kapsamini genisletmek onlara sinif eklemekten iyidir: ileride koyu
   zemin ekleyen her bolum ayni tuzaga dusmez.
   altin-400 (#C6AC85) hero zemininde 5.38:1 — acik zemin icin secilen
   altin-700 burada 2.25:1 kaliyordu. */
.bolum--koyu .etiket,
.hero .etiket,
.sayfa-basi .etiket { color: var(--altin-400); }

.bolum-basligi p {
	font-size: var(--olcek-lg);
	color: var(--metin-soluk);
	margin-bottom: 0;
}
.bolum--koyu .bolum-basligi p { color: var(--metin-ters-soluk); }


/* --------------------------------------------------------------------------
   4. Düğmeler
   -------------------------------------------------------------------------- */

.dugme {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	padding: 0.95rem 1.75rem;
	border: 1px solid transparent;
	border-radius: var(--yuvarlak-sm);
	font-family: var(--yazi-govde);
	font-size: var(--olcek-sm);
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background var(--gecis), border-color var(--gecis), color var(--gecis), transform var(--gecis), box-shadow var(--gecis);
}
.dugme:hover { transform: translateY(-1px); }
.dugme:active { transform: translateY(0); }
.dugme .ikon { flex: none; }

/* Birincil — altın, sayfa başına en fazla bir tane */
.dugme--birincil {
	background: linear-gradient(180deg, var(--altin-400), var(--altin-500));
	border-color: var(--altin-600);
	color: var(--lacivert-900);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset, var(--golge-sm);
}
.dugme--birincil:hover {
	background: linear-gradient(180deg, var(--altin-300), var(--altin-400));
	color: var(--lacivert-900);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) inset, var(--golge);
}

/* İkincil — koyu zeminde altın çerçeve */
.dugme--ikincil {
	background: transparent;
	border-color: var(--cizgi-koyu);
	color: var(--altin-200);
}
.dugme--ikincil:hover {
	border-color: var(--altin-500);
	background: rgba(214, 194, 169, 0.07);
	color: var(--altin-100);
}

/* Anahat — açık zeminde */
.dugme--anahat {
	background: transparent;
	border-color: var(--lacivert-200);
	color: var(--lacivert-800);
}
.dugme--anahat:hover {
	border-color: var(--lacivert-850);
	background: var(--lacivert-850);
	color: var(--beyaz);
}

.dugme--tam { width: 100%; }
.dugme--kucuk { padding: 0.65rem 1.15rem; font-size: var(--olcek-xs); }

/* Metin bağlantısı — ok ile */
.ok-baglanti {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-size: var(--olcek-sm);
	font-weight: 600;
	text-decoration: none;
	color: var(--lacivert-700);
}
.ok-baglanti .ikon { transition: transform var(--gecis); }
.ok-baglanti:hover .ikon { transform: translateX(4px); }


/* --------------------------------------------------------------------------
   5. Duyuru barı
   -------------------------------------------------------------------------- */

.duyuru {
	position: relative;
	background: var(--lacivert-950);
	color: var(--altin-200);
	border-bottom: 1px solid rgba(214, 194, 169, 0.16);
	font-size: var(--olcek-xs);
}
/* Üstte ince altın saç teli — rozet çerçevesinin yankısı */
.duyuru::before {
	content: "";
	position: absolute;
	inset-inline: 0;
	top: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--altin-500) 20%, var(--altin-300) 50%, var(--altin-500) 80%, transparent);
}

.duyuru__ic {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.4rem 1rem;
	padding-block: 0.7rem;
	text-align: center;
	color: inherit;
	text-decoration: none;
}
a.duyuru__ic:hover .duyuru__metin { color: var(--altin-200); }
a.duyuru__ic:hover .duyuru__alt { color: var(--lacivert-200); }

.duyuru__metin {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--altin-300);
}

.duyuru__nokta {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--altin-400);
	box-shadow: 0 0 0 0 rgba(198, 172, 133, 0.7);
	animation: nabiz 2.4s ease-out infinite;
	flex: none;
}

@keyframes nabiz {
	0%   { box-shadow: 0 0 0 0 rgba(198, 172, 133, 0.55); }
	70%  { box-shadow: 0 0 0 8px rgba(198, 172, 133, 0); }
	100% { box-shadow: 0 0 0 0 rgba(198, 172, 133, 0); }
}

.duyuru__alt {
	color: var(--lacivert-300);
	letter-spacing: 0.01em;
}
.duyuru__ayrac { color: var(--lacivert-500); }

/* Mobilde yalnizca ayrac gizlenir; aciklama ikinci satira sarar.
   Onceki kurguda telafi eden yari ("kayitlar aciliyor, bizi arayin") mobilde
   gizleniyor, caydirici yari ("cok yakinda") tek basina kaliyordu —
   ve kitlenin agirligi mobilde. */
@media (max-width: 640px) {
	.duyuru__ayrac { display: none; }
	.duyuru__ic { flex-direction: column; gap: 0.15rem; }
	.duyuru__alt { font-size: 0.75rem; }
}


/* --------------------------------------------------------------------------
   6. Başlık ve gezinme
   -------------------------------------------------------------------------- */

.ust-bilgi {
	position: sticky;
	top: 0;
	z-index: 100;
	background: rgba(5, 28, 59, 0.92);
	border-bottom: 1px solid rgba(214, 194, 169, 0.12);
	transition: background var(--gecis), box-shadow var(--gecis);
}
@supports (backdrop-filter: blur(1px)) {
	.ust-bilgi { background: rgba(5, 28, 59, 0.80); backdrop-filter: blur(14px) saturate(140%); }
}
.ust-bilgi.kaydirildi {
	background: rgba(3, 15, 32, 0.94);
	box-shadow: 0 1px 0 rgba(214, 194, 169, 0.14), 0 12px 32px rgba(2, 10, 22, 0.36);
}

.ust-bilgi__ic {
	display: flex;
	align-items: center;
	gap: clamp(1rem, 3vw, 2.5rem);
	min-height: 78px;
}

/* DOM sirasi marka → eylemler → menu (klavye sirasi icin, bkz. header.php).
   Gorsel sira burada geri alinir. */
.marka { order: 1; }
.gezinme { order: 2; }
.ust-bilgi__eylem { order: 3; }

/* Marka kilidi */
.marka {
	display: inline-flex;
	align-items: center;
	gap: 0.85rem;
	text-decoration: none;
	flex: none;
	margin-right: auto;
}
.marka__rozet {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	object-fit: cover;
	flex: none;
	box-shadow: 0 0 0 1px rgba(214, 194, 169, 0.3), 0 2px 12px rgba(2, 10, 22, 0.5);
}
.marka__yazi { display: flex; flex-direction: column; line-height: 1.15; }
.marka__ad {
	font-family: var(--yazi-display);
	font-size: 1.0625rem;
	font-weight: 600;
	color: var(--beyaz);
	letter-spacing: 0.005em;
}
.marka__alt {
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--altin-500);
}
@media (max-width: 420px) {
	.marka__yazi { display: none; }
}

/* Menü */
.gezinme__liste,
.gezinme .menu {
	display: flex;
	align-items: center;
	gap: clamp(0.5rem, 1.6vw, 1.75rem);
	list-style: none;
	margin: 0;
	padding: 0;
}
.gezinme li { margin: 0; }
.gezinme a {
	position: relative;
	display: block;
	padding: 0.45rem 0.15rem;
	font-size: var(--olcek-sm);
	font-weight: 500;
	color: var(--lacivert-100);
	text-decoration: none;
	white-space: nowrap;
}
.gezinme a::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 1px;
	background: var(--altin-400);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform var(--gecis);
}
.gezinme a:hover { color: var(--beyaz); }
.gezinme a:hover::after,
.gezinme .current-menu-item > a::after,
.gezinme .current_page_item > a::after { transform: scaleX(1); }
.gezinme .current-menu-item > a,
.gezinme .current_page_item > a { color: var(--altin-300); }

.ust-bilgi__eylem { display: flex; align-items: center; gap: 0.6rem; flex: none; }

.ust-telefon {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0.6rem 1.1rem;
	border: 1px solid var(--cizgi-koyu);
	border-radius: var(--yuvarlak-sm);
	font-size: var(--olcek-sm);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	color: var(--altin-200);
	text-decoration: none;
	transition: border-color var(--gecis), background var(--gecis), color var(--gecis);
}
.ust-telefon:hover {
	border-color: var(--altin-500);
	background: rgba(214, 194, 169, 0.08);
	color: var(--altin-100);
}

/* Mobil geçiş düğmesi */
.menu-dugmesi {
	display: none;
	align-items: center;
	justify-content: center;
	width: 44px; height: 44px;
	padding: 0;
	background: transparent;
	border: 1px solid var(--cizgi-koyu);
	border-radius: var(--yuvarlak-sm);
	color: var(--altin-200);
	cursor: pointer;
}
.menu-dugmesi .ikon--kapat { display: none; }
.menu-dugmesi[aria-expanded="true"] .ikon--kapat { display: block; }
.menu-dugmesi[aria-expanded="true"] .ikon--menu { display: none; }

@media (max-width: 980px) {
	.menu-dugmesi { display: inline-flex; }

	.gezinme {
		position: absolute;
		inset-inline: 0;
		top: 100%;
		display: none;
		padding: 0.5rem var(--bosluk-kenar) 1.5rem;
		background: var(--lacivert-900);
		border-bottom: 1px solid var(--cizgi-koyu);
		box-shadow: 0 24px 48px rgba(2, 10, 22, 0.4);
	}
	.gezinme.acik { display: block; }
	.gezinme__liste, .gezinme .menu { flex-direction: column; align-items: stretch; gap: 0; }
	.gezinme li { border-bottom: 1px solid rgba(214, 194, 169, 0.09); }
	.gezinme li:last-child { border-bottom: 0; }
	.gezinme a { padding: 0.95rem 0.25rem; font-size: var(--olcek-md); }
	.gezinme a::after { display: none; }
}

/* Numara mobilde de okunur kalsin: donusumun tek kanali telefon.
   390px'te logo (46) + numarali dugme (~150) + menu (44) sigiyor;
   yalnizca en dar cihazlarda ikona duser. */
@media (max-width: 400px) {
	.ust-telefon__yazi { display: none; }
	.ust-telefon { padding: 0.6rem 0.75rem; }
}


/* --------------------------------------------------------------------------
   7. Giriş alanı (hero)
   -------------------------------------------------------------------------- */

.hero {
	position: relative;
	overflow: hidden;
	background: var(--lacivert-850);
	color: var(--metin-ters);
	padding-block: clamp(4rem, 8vw, 7.5rem) clamp(4rem, 8vw, 7rem);
	isolation: isolate;
}

/* Katman 1 — rozetten yayılan sıcak ışık */
.hero::before {
	content: "";
	position: absolute;
	z-index: -2;
	inset: 0;
	background:
		radial-gradient(58% 65% at 78% 32%, rgba(177, 155, 118, 0.20), transparent 62%),
		radial-gradient(80% 90% at 12% 0%, rgba(30, 68, 120, 0.55), transparent 60%),
		linear-gradient(170deg, var(--lacivert-800), var(--lacivert-900) 72%);
}

/* Katman 2 — çok ince eğik doku, kumaş dokusu izlenimi */
.hero::after {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	background-image: repeating-linear-gradient(
		135deg,
		rgba(214, 194, 169, 0.045) 0 1px,
		transparent 1px 7px
	);
	mask-image: radial-gradient(120% 100% at 50% 0%, #000 35%, transparent 78%);
	-webkit-mask-image: radial-gradient(120% 100% at 50% 0%, #000 35%, transparent 78%);
}

.hero__izgara {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
	align-items: center;
	gap: clamp(2.5rem, 6vw, 5rem);
}

.hero__baslik {
	font-size: var(--olcek-4xl);
	color: var(--beyaz);
	margin-bottom: 1.1rem;
}
/* Başlıktaki tek altın kelime — vurguyu dağıtmadan taşır */
.hero__baslik em {
	font-style: italic;
	color: var(--altin-300);
}

.hero__metin {
	max-width: 54ch;
	font-size: var(--olcek-lg);
	color: var(--lacivert-200);
	margin-bottom: 2.25rem;
}

.hero__eylemler {
	display: flex;
	flex-wrap: wrap;
	gap: 0.85rem;
	margin-bottom: 3rem;
}
.hero__eylemler--son { margin-bottom: 0; }

/* Sayfa ortasindaki eylem cagrilari: aday ikna oldugu noktada
   (surec veya sartlar bolumunu okurken) eylem baslatacak bir sey bulmali. */
.ara-cagri {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 1rem 1.5rem;
	margin-top: clamp(2.5rem, 5vw, 4rem);
	padding: clamp(1.5rem, 3vw, 2rem);
	border: 1px solid var(--cizgi);
	border-left: 2px solid var(--altin-500);
	border-radius: 0 var(--yuvarlak) var(--yuvarlak) 0;
	background: var(--beyaz);
	text-align: center;
}
.ara-cagri p {
	margin: 0;
	font-size: var(--olcek-md);
	color: var(--metin-soluk);
	text-wrap: balance;
}
.ara-cagri strong { color: var(--metin); }
.bolum--koyu .ara-cagri {
	background: rgba(214, 194, 169, 0.05);
	border-color: var(--cizgi-koyu);
	border-left-color: var(--altin-500);
}
.bolum--koyu .ara-cagri p { color: var(--metin-ters-soluk); }
.bolum--koyu .ara-cagri strong { color: var(--beyaz); }

/* Güven satırı */
.hero__guven {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem 1.75rem;
	padding-top: 1.75rem;
	border-top: 1px solid rgba(214, 194, 169, 0.16);
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.hero__guven li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	font-size: var(--olcek-xs);
	font-weight: 500;
	letter-spacing: 0.04em;
	color: var(--lacivert-200);
}
.hero__guven .ikon { color: var(--altin-400); flex: none; }

/* Rozet — logonun kendi dilini büyüterek tekrarlar */
.hero__rozet {
	position: relative;
	display: grid;
	place-items: center;
	aspect-ratio: 1;
	/* Kaynak logo yalnizca 150x150. Bu olcude rozet ~215px'e denk gelir;
	   daha buyugu gorunur sekilde bulaniklasir. Yuksek cozunurluklu logo
	   saglandiginda 400px'e cikarilabilir. */
	max-width: 350px;
	margin-inline: auto;
	width: 100%;
}
.hero__rozet img {
	position: relative;
	z-index: 2;
	width: 62%;
	border-radius: 50%;
	box-shadow:
		0 0 0 1px rgba(214, 194, 169, 0.35),
		0 0 0 10px rgba(5, 28, 59, 0.55),
		0 0 0 11px rgba(214, 194, 169, 0.14),
		0 30px 70px rgba(2, 10, 22, 0.6);
}
/* Eş merkezli halkalar */
.hero__halka {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 1px solid rgba(214, 194, 169, 0.16);
}
.hero__halka--ic    { inset: 14%; border-color: rgba(214, 194, 169, 0.22); }
.hero__halka--orta  { inset: 4%;  border-style: dashed; border-color: rgba(214, 194, 169, 0.16); animation: donus 90s linear infinite; }
.hero__halka--dis   { inset: -6%; border-color: rgba(214, 194, 169, 0.09); }

@keyframes donus { to { transform: rotate(360deg); } }

/* Customizer'dan gerçek fotoğraf yüklendiğinde rozetin yerini alır. */
.hero__foto {
	margin: 0;
	position: relative;
	border-radius: var(--yuvarlak-lg);
	overflow: hidden;
	box-shadow:
		0 0 0 1px rgba(214, 194, 169, 0.28),
		0 30px 70px rgba(2, 10, 22, 0.55);
}
.hero__foto img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	display: block;
}
/* Fotoğrafın altına doğru koyulaşan ince perde: lacivert zeminle bağ kurar. */
.hero__foto::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 55%, rgba(3, 15, 32, 0.45));
	pointer-events: none;
}

@media (max-width: 900px) {
	/* Rozet metnin ALTINA gecer. Onceki duzende 260px'lik logo ilk ekrani
	   tumuyle dolduruyor, H1 ~527px'e ve birincil dugme ~880px'e itiliyordu —
	   telefonla donusen bir iste bu dogrudan kayip. */
	.hero { padding-block: 2.5rem 3.5rem; }
	.hero__izgara { grid-template-columns: 1fr; gap: 2rem; }
	.hero__rozet { order: 0; max-width: 132px; margin-inline: 0; }
	/* Fotoğraf da metnin altına iner ve alçalır. */
	.hero__foto { order: 0; }
	.hero__foto img { aspect-ratio: 16 / 10; }
	.hero__metin { margin-bottom: 1.75rem; }
	.hero__eylemler { margin-bottom: 2rem; }
	.hero__eylemler .dugme { width: 100%; }
	.hero__guven { gap: 0.5rem 1.25rem; }
}
@media (max-width: 560px) {
	/* Bu genislikte rozet yalnizca yer kapliyor; ust bilgideki marka isareti
	   ayni gorseli zaten tasiyor. */
	.hero__rozet { display: none; }
}


/* --------------------------------------------------------------------------
   8. Güven şeridi
   -------------------------------------------------------------------------- */

/* Serit beyaz: hero'nun alt gradyani lacivert-900'e ulastigi icin serit koyu
   oldugunda ikisi dikissiz birlesiyordu. Ayrica sayfadaki koyu blok sayisini
   dusuruyor — koyu zemin luks hissini seyrekliginden alir. */
.serit {
	background: var(--beyaz);
	border-bottom: 1px solid var(--cizgi);
}
.serit__liste {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}
.serit__liste li {
	display: flex;
	align-items: center;
	gap: 0.85rem;
	margin: 0;
	padding: 1.5rem clamp(0.75rem, 2vw, 1.75rem);
	border-left: 1px solid var(--cizgi);
	font-size: var(--olcek-md);
	color: var(--lacivert-700);
}
.serit__liste li:first-child { border-left: 0; padding-left: 0; }
.serit__liste .ikon { color: var(--altin-700); flex: none; }
@media (max-width: 720px) {
	.serit__liste li { border-left: 0; padding-inline: 0; border-top: 1px solid var(--cizgi); }
	.serit__liste li:first-child { border-top: 0; }
}


/* --------------------------------------------------------------------------
   9. Eğitim kartları
   -------------------------------------------------------------------------- */

/* Acik 2x2. auto-fit + minmax(280px) hicbir viewport'ta 4 sutuna ulasamiyordu
   (4x280 + 3x28 = 1204px > 1120px kapsayici genisligi), bu yuzden masaustunde
   kalici olarak 3 + 1 oksuz kart birakiyordu. 2x2 ayni zamanda
   temel/yenileme ve silahli/silahsiz eslesmesini gorsel olarak kuruyor. */
.kurslar {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(1.25rem, 2.5vw, 1.75rem);
}
@media (min-width: 760px) {
	.kurslar { grid-template-columns: repeat(2, 1fr); }
}

.kurs {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: clamp(1.75rem, 3vw, 2.25rem);
	background: var(--beyaz);
	border: 1px solid var(--cizgi);
	border-radius: var(--yuvarlak);
	transition: border-color var(--gecis), box-shadow var(--gecis), transform var(--gecis);
}
/* Üstte altın saç teli — sadece odakta / üzerine gelince genişler */
.kurs::before {
	content: "";
	position: absolute;
	top: -1px; left: -1px; right: -1px;
	height: 2px;
	border-radius: var(--yuvarlak) var(--yuvarlak) 0 0;
	background: linear-gradient(90deg, var(--altin-500), var(--altin-300));
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 320ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.kurs:hover, .kurs:focus-within {
	border-color: var(--altin-300);
	box-shadow: var(--golge);
	transform: translateY(-3px);
}
.kurs:hover::before, .kurs:focus-within::before { transform: scaleX(1); }

.kurs__no {
	position: absolute;
	top: clamp(1.5rem, 3vw, 2rem);
	right: clamp(1.5rem, 3vw, 2rem);
	font-family: var(--yazi-display);
	font-size: 3.5rem;
	line-height: 1;
	/* lacivert-50 beyaz kart uzerinde 1.10:1 idi — filigran degil, yokluk.
	   Dekoratif (aria-hidden) oldugu icin metin esigine tabi degil,
	   ama gorunur olmasi gerekiyor. */
	color: var(--lacivert-200);
	opacity: 0.5;
	user-select: none;
	pointer-events: none;
}

.kurs__ikon {
	display: grid;
	place-items: center;
	width: 52px; height: 52px;
	margin-bottom: 1.4rem;
	border: 1px solid var(--altin-300);
	border-radius: 50%;
	color: var(--altin-600);
	background: linear-gradient(160deg, var(--altin-100), transparent);
}

.kurs__ad { margin-bottom: 0.5rem; font-size: var(--olcek-xl); }

.kurs__sure {
	display: inline-flex;
	align-items: baseline;
	gap: 0.45rem;
	margin-bottom: 1.1rem;
	font-size: var(--olcek-xs);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--altin-700);
}
.kurs__sure span { font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--metin-soluk); }

.kurs__ozet { font-size: var(--olcek-sm); color: var(--metin-soluk); margin-bottom: 1.4rem; }

.kurs__kazanim {
	list-style: none;
	margin: 0 0 1.5rem;
	padding: 0;
	font-size: var(--olcek-sm);
}
.kurs__kazanim li {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	margin-bottom: 0.55rem;
	color: var(--lacivert-700);
}
.kurs__kazanim .ikon { color: var(--altin-500); flex: none; margin-top: 0.28em; }

.kurs__alt {
	margin-top: auto;
	padding-top: 1.25rem;
	border-top: 1px solid var(--cizgi);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
}
.kurs__sart { font-size: var(--olcek-xs); color: var(--metin-soluk); }

/* Öne çıkan kart — renk ilişkisini tersine çevirir */
.kurs--one-cikan {
	background: linear-gradient(165deg, var(--lacivert-800), var(--lacivert-900));
	border-color: var(--altin-600);
	color: var(--metin-ters);
}
.kurs--one-cikan::before { transform: scaleX(1); }
.kurs--one-cikan .kurs__ad { color: var(--beyaz); }
.kurs--one-cikan .kurs__no { color: rgba(214, 194, 169, 0.22); opacity: 1; }
/* One cikan kartta ok baglantisi altin — satir ici style yerine sinifla. */
.kurs--one-cikan .ok-baglanti { color: var(--altin-300); }
.kurs--one-cikan .ok-baglanti:hover { color: var(--altin-100); }
.kurs--one-cikan .kurs__ikon { border-color: var(--altin-500); color: var(--altin-300); background: rgba(214, 194, 169, 0.08); }
.kurs--one-cikan .kurs__sure { color: var(--altin-300); }
.kurs--one-cikan .kurs__sure span,
.kurs--one-cikan .kurs__ozet,
.kurs--one-cikan .kurs__sart { color: var(--lacivert-200); }
.kurs--one-cikan .kurs__kazanim li { color: var(--lacivert-100); }
.kurs--one-cikan .kurs__alt { border-top-color: rgba(214, 194, 169, 0.18); }

.kurs__rozet {
	position: absolute;
	top: -1px;
	left: clamp(1.75rem, 3vw, 2.25rem);
	padding: 0.3rem 0.75rem;
	background: var(--altin-500);
	color: var(--lacivert-900);
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border-radius: 0 0 var(--yuvarlak-sm) var(--yuvarlak-sm);
}


/* --------------------------------------------------------------------------
   10. Özellik kılavuzu
   -------------------------------------------------------------------------- */

.ozellikler {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: clamp(1.75rem, 3.5vw, 3rem);
}
/* Acik zemin varsayilan, koyu bolum icin override. Bolum zemini degistiginde
   bu bloklarin okunakliligi kendiliginden dogru kalir. */
.ozellik__ikon {
	display: grid;
	place-items: center;
	width: 48px; height: 48px;
	margin-bottom: 1.1rem;
	border: 1px solid var(--altin-300);
	border-radius: 50%;
	color: var(--altin-700);
	background: linear-gradient(160deg, var(--altin-100), transparent);
}
.ozellik h3 { font-size: var(--olcek-lg); margin-bottom: 0.5rem; }
.ozellik p { font-size: var(--olcek-sm); color: var(--metin-soluk); margin: 0; }

.bolum--koyu .ozellik__ikon {
	border-color: var(--cizgi-koyu);
	color: var(--altin-400);
	background: none;
}
.bolum--koyu .ozellik p { color: var(--metin-ters-soluk); }


/* --------------------------------------------------------------------------
   11. Süreç
   -------------------------------------------------------------------------- */

.surec {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: clamp(1.75rem, 3vw, 2.5rem);
	counter-reset: adim;
}
.adim { position: relative; padding-top: 2.75rem; }
/* Adımları birbirine bağlayan altın çizgi */
.adim::before {
	content: "";
	position: absolute;
	top: 13px; left: 0; right: 0;
	height: 1px;
	background: linear-gradient(90deg, var(--altin-400), rgba(198, 172, 133, 0.15));
}
.adim:last-child::before { background: linear-gradient(90deg, var(--altin-400), transparent); }
.adim::after {
	content: "";
	position: absolute;
	top: 8px; left: 0;
	width: 11px; height: 11px;
	border-radius: 50%;
	background: var(--altin-400);
	box-shadow: 0 0 0 4px var(--zemin-yumusak), 0 0 0 5px var(--altin-200);
}
.adim__no {
	display: block;
	margin-bottom: 0.35rem;
	font-family: var(--yazi-display);
	font-size: var(--olcek-sm);
	font-weight: 600;
	letter-spacing: 0.12em;
	/* altin-600 krem zeminde 3.23:1 idi; 15px/600 WCAG "buyuk metin" sayilmaz,
	   4.5:1 sarti gecerli. altin-700 ile 4.75:1. */
	color: var(--altin-700);
}
.adim h3 { font-size: var(--olcek-lg); margin-bottom: 0.5rem; }
.adim p { font-size: var(--olcek-sm); color: var(--metin-soluk); margin: 0; }

@media (max-width: 620px) {
	.adim::before { display: none; }
	.adim { padding-top: 0; padding-left: 2rem; }
	.adim::after { top: 6px; }
}


/* --------------------------------------------------------------------------
   12. Şartlar ve belgeler
   -------------------------------------------------------------------------- */

.sartlar-izgara {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: clamp(2rem, 4vw, 3.5rem);
}
.liste-kutusu h3 {
	display: flex;
	align-items: center;
	gap: 0.7rem;
	padding-bottom: 1rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid var(--cizgi-koyu);
	font-size: var(--olcek-lg);
}
.liste-kutusu h3 .ikon { color: var(--altin-400); }

.onay-liste { list-style: none; margin: 0; padding: 0; }
.onay-liste li {
	display: flex;
	align-items: flex-start;
	gap: 0.85rem;
	padding: 0.7rem 0;
	border-bottom: 1px solid rgba(214, 194, 169, 0.10);
	font-size: var(--olcek-sm);
	color: var(--lacivert-100);
	margin: 0;
}
.onay-liste li:last-child { border-bottom: 0; }
.onay-liste .ikon { color: var(--altin-400); flex: none; margin-top: 0.22em; }

.sart-not {
	margin-top: 2rem;
	padding: 1.1rem 1.35rem;
	border: 1px solid var(--cizgi-koyu);
	border-left: 2px solid var(--altin-500);
	border-radius: 0 var(--yuvarlak-sm) var(--yuvarlak-sm) 0;
	background: rgba(214, 194, 169, 0.05);
	font-size: var(--olcek-sm);
	color: var(--metin-ters-soluk);
}


/* --------------------------------------------------------------------------
   13. İstatistik
   -------------------------------------------------------------------------- */

.istatistik {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: clamp(1.5rem, 3vw, 2.5rem);
	text-align: center;
}
.istatistik__oge { padding-inline: 0.5rem; }
.istatistik__sayi {
	display: block;
	font-family: var(--yazi-display);
	font-size: clamp(2.25rem, 4vw, 3.25rem);
	font-weight: 600;
	line-height: 1;
	color: var(--altin-400);
	margin-bottom: 0.6rem;
	font-variant-numeric: lining-nums tabular-nums;
}
.istatistik__etiket {
	font-size: var(--olcek-xs);
	letter-spacing: 0.04em;
	color: var(--metin-ters-soluk);
	text-wrap: balance;
}


/* --------------------------------------------------------------------------
   14. Sıkça sorulan sorular
   -------------------------------------------------------------------------- */

.sss { max-width: 820px; margin-inline: auto; }

.sss__oge {
	border-bottom: 1px solid var(--cizgi);
}
.sss__oge[open] { background: linear-gradient(180deg, var(--krem), transparent); }

.sss__soru {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1.25rem;
	padding: 1.35rem 0.25rem;
	cursor: pointer;
	list-style: none;
	font-family: var(--yazi-display);
	font-size: var(--olcek-lg);
	font-weight: 600;
	line-height: 1.35;
	color: var(--lacivert-850);
	transition: color var(--gecis);
}
.sss__soru::-webkit-details-marker { display: none; }
.sss__soru:hover { color: var(--altin-700); }

.sss__isaret {
	flex: none;
	display: grid;
	place-items: center;
	width: 28px; height: 28px;
	margin-top: 0.15em;
	border: 1px solid var(--altin-300);
	border-radius: 50%;
	color: var(--altin-600);
	transition: transform var(--gecis), background var(--gecis), border-color var(--gecis);
}
.sss__oge[open] .sss__isaret {
	transform: rotate(45deg);
	background: var(--altin-500);
	border-color: var(--altin-600);
	color: var(--lacivert-900);
}

.sss__cevap {
	padding: 0 3.5rem 1.6rem 0.25rem;
	font-size: var(--olcek-sm);
	color: var(--metin-soluk);
}
.sss__cevap p:last-child { margin-bottom: 0; }

@media (max-width: 560px) {
	.sss__cevap { padding-right: 0.25rem; }
}


/* --------------------------------------------------------------------------
   15. İletişim
   -------------------------------------------------------------------------- */

.iletisim-izgara {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: clamp(2rem, 5vw, 4rem);
	align-items: start;
}
@media (max-width: 860px) { .iletisim-izgara { grid-template-columns: 1fr; } }

.iletisim-liste { margin: 0 0 2rem; padding: 0; }
.iletisim-liste__oge {
	padding: 1.15rem 0;
	border-bottom: 1px solid var(--cizgi-koyu);
	margin: 0;
}
.iletisim-liste__oge:first-child { padding-top: 0; }
.iletisim-liste__oge:last-child { border-bottom: 0; }
.iletisim-liste dt {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin-bottom: 0.35rem;
	font-size: var(--olcek-xs);
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--altin-500);
}
.iletisim-liste dt .ikon { color: var(--altin-400); flex: none; }
.iletisim-liste dd {
	margin: 0;
	padding-left: 1.7rem;
	font-size: var(--olcek-md);
	color: var(--metin-ters);
}
.iletisim-liste dd a { color: var(--metin-ters); text-decoration: none; }
.iletisim-liste dd a:hover { color: var(--altin-300); }
.iletisim-liste .numara { font-variant-numeric: tabular-nums; letter-spacing: 0.01em; }

.harita {
	position: relative;
	aspect-ratio: 4 / 3;
	border: 1px solid var(--cizgi-koyu);
	border-radius: var(--yuvarlak);
	overflow: hidden;
	background: var(--lacivert-900);
}
.harita iframe { width: 100%; height: 100%; border: 0; display: block; filter: grayscale(0.25) contrast(1.05); }
.harita__yer-tutucu {
	display: grid;
	place-content: center;
	justify-items: center;
	gap: 0.85rem;
	height: 100%;
	padding: 2rem;
	text-align: center;
	color: var(--lacivert-300);
	font-size: var(--olcek-sm);
}
.harita__yer-tutucu .ikon { color: var(--altin-500); }


/* --------------------------------------------------------------------------
   16. Çağrı bloğu
   -------------------------------------------------------------------------- */

.cagri {
	position: relative;
	overflow: hidden;
	background: linear-gradient(150deg, var(--lacivert-800), var(--lacivert-950));
	border-top: 1px solid rgba(214, 194, 169, 0.16);
	text-align: center;
}
.cagri::before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(50% 70% at 50% 0%, rgba(177, 155, 118, 0.18), transparent 70%);
	pointer-events: none;
}
.cagri > * { position: relative; }
.cagri h2 { color: var(--beyaz); max-width: 20ch; margin-inline: auto; }
.cagri p { max-width: 56ch; margin-inline: auto; color: var(--lacivert-200); font-size: var(--olcek-lg); }
.cagri__eylemler {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.85rem;
	margin-top: 2.25rem;
}


/* --------------------------------------------------------------------------
   17. Sayfa başlığı (iç sayfalar)
   -------------------------------------------------------------------------- */

.sayfa-basi {
	position: relative;
	background: linear-gradient(165deg, var(--lacivert-800), var(--lacivert-900));
	color: var(--metin-ters);
	padding-block: clamp(3rem, 6vw, 5rem);
	border-bottom: 1px solid rgba(214, 194, 169, 0.14);
}
.sayfa-basi h1 { font-size: var(--olcek-3xl); color: var(--beyaz); margin-bottom: 0.5rem; }
.sayfa-basi p { color: var(--lacivert-200); max-width: 60ch; margin: 0; }

.kirilim {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1.1rem;
	font-size: var(--olcek-xs);
	color: var(--lacivert-200); /* lacivert-300 4.01:1 kaliyordu, bu 6.82:1 */
}
.kirilim a { color: var(--altin-400); text-decoration: none; }
.kirilim a:hover { color: var(--altin-200); text-decoration: underline; }
.kirilim__ayrac { opacity: 0.5; }


/* --------------------------------------------------------------------------
   18. İçerik akışı (WordPress editör çıktısı)
   -------------------------------------------------------------------------- */

.icerik > * + * { margin-top: 1.15em; }
.icerik > h2 { margin-top: 2.25em; }
.icerik > h3 { margin-top: 1.75em; }
.icerik > h2:first-child, .icerik > h3:first-child { margin-top: 0; }
.icerik ul, .icerik ol { padding-left: 1.35em; }
.icerik li::marker { color: var(--altin-600); }
.icerik img { border-radius: var(--yuvarlak); }
.icerik__kapak { border-radius: var(--yuvarlak); margin-bottom: 2.5rem; }
.icerik table { width: 100%; border-collapse: collapse; font-size: var(--olcek-sm); }
.icerik th, .icerik td { padding: 0.75rem 1rem; border-bottom: 1px solid var(--cizgi); text-align: left; }
.icerik th { font-weight: 600; color: var(--lacivert-850); background: var(--krem); }


/* --------------------------------------------------------------------------
   19. Yazı listesi
   -------------------------------------------------------------------------- */

.yazi-listesi {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: clamp(1.5rem, 3vw, 2.25rem);
}
.yazi-kart {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--cizgi);
	border-radius: var(--yuvarlak);
	overflow: hidden;
	transition: border-color var(--gecis), box-shadow var(--gecis), transform var(--gecis);
}
.yazi-kart:hover { border-color: var(--altin-300); box-shadow: var(--golge); transform: translateY(-3px); }
.yazi-kart__gorsel { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; }
.yazi-kart__govde { padding: 1.5rem; display: flex; flex-direction: column; flex: 1; }
.yazi-kart__tarih {
	font-size: var(--olcek-xs);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--altin-700);
	margin-bottom: 0.6rem;
}
.yazi-kart h2, .yazi-kart h3 { font-size: var(--olcek-lg); margin-bottom: 0.6rem; }
.yazi-kart h2 a, .yazi-kart h3 a { color: inherit; text-decoration: none; }
.yazi-kart h2 a:hover, .yazi-kart h3 a:hover { color: var(--altin-700); }
.yazi-kart p { font-size: var(--olcek-sm); color: var(--metin-soluk); }
.yazi-kart .ok-baglanti { margin-top: auto; padding-top: 1rem; }

.yazi-gezinme {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
}
.yazi-gezinme__sonraki { margin-left: auto; }

.sayfalama {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: center;
	margin-top: 3.5rem;
}
.sayfalama .page-numbers {
	display: grid;
	place-items: center;
	min-width: 42px; height: 42px;
	padding-inline: 0.75rem;
	border: 1px solid var(--cizgi);
	border-radius: var(--yuvarlak-sm);
	font-size: var(--olcek-sm);
	text-decoration: none;
	color: var(--lacivert-700);
}
.sayfalama .page-numbers:hover { border-color: var(--altin-400); color: var(--altin-700); }
.sayfalama .page-numbers.current {
	background: var(--lacivert-850);
	border-color: var(--lacivert-850);
	color: var(--beyaz);
}


/* --------------------------------------------------------------------------
   20. Alt bilgi
   -------------------------------------------------------------------------- */

.alt-bilgi {
	background: var(--lacivert-950);
	color: var(--lacivert-200);
	font-size: var(--olcek-sm);
	border-top: 1px solid rgba(214, 194, 169, 0.14);
}
.alt-bilgi__ust {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) repeat(auto-fit, minmax(160px, 1fr));
	gap: clamp(2rem, 4vw, 3.5rem);
	padding-block: clamp(3rem, 6vw, 4.5rem);
}
.alt-bilgi h3 {
	font-family: var(--yazi-govde);
	font-size: var(--olcek-xs);
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--altin-500);
	margin-bottom: 1.15rem;
}
.alt-bilgi ul { list-style: none; margin: 0; padding: 0; }
.alt-bilgi li { margin-bottom: 0.65rem; }
.alt-bilgi a { color: var(--lacivert-200); text-decoration: none; }
.alt-bilgi a:hover { color: var(--altin-300); }

.alt-bilgi__marka { max-width: 34ch; }
.alt-bilgi__marka .marka { margin-bottom: 1.25rem; }
.alt-bilgi__marka p { color: var(--lacivert-300); font-size: var(--olcek-sm); }

.alt-bilgi__alt {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding-block: 1.5rem;
	border-top: 1px solid rgba(214, 194, 169, 0.12);
	font-size: var(--olcek-xs);
	/* lacivert-400 koyu zeminde 3.06:1 kaliyordu; lacivert-300 ile 5.56:1. */
	color: var(--lacivert-300);
}
.alt-bilgi__alt p { margin: 0; }


/* --------------------------------------------------------------------------
   21. Yüzen WhatsApp düğmesi
   -------------------------------------------------------------------------- */

.yuzen-wa {
	position: fixed;
	right: clamp(1rem, 3vw, 2rem);
	bottom: clamp(1rem, 3vw, 2rem);
	z-index: 90;
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.85rem 1.25rem;
	background: var(--lacivert-850);
	border: 1px solid var(--altin-500);
	border-radius: 100px;
	color: var(--altin-200);
	font-size: var(--olcek-sm);
	font-weight: 600;
	text-decoration: none;
	box-shadow: var(--golge-lg);
	transition: background var(--gecis), color var(--gecis), transform var(--gecis);
}
.yuzen-wa:hover { background: var(--altin-500); color: var(--lacivert-900); transform: translateY(-2px); }
@media (max-width: 560px) {
	.yuzen-wa__yazi { display: none; }
	.yuzen-wa { padding: 0.9rem; }
}


/* --------------------------------------------------------------------------
   22. 404 ve arama
   -------------------------------------------------------------------------- */

.bos-durum { text-align: center; max-width: 52ch; margin-inline: auto; padding-block: clamp(3rem, 7vw, 6rem); }
.bos-durum__kod {
	font-family: var(--yazi-display);
	font-size: clamp(4rem, 12vw, 8rem);
	line-height: 1;
	color: var(--altin-300);
	margin-bottom: 1rem;
}

.arama-formu { display: flex; gap: 0.5rem; margin-top: 1.75rem; }
.arama-formu input[type="search"] {
	flex: 1;
	min-width: 0;
	padding: 0.85rem 1.1rem;
	border: 1px solid var(--cizgi);
	border-radius: var(--yuvarlak-sm);
	font-family: inherit;
	font-size: var(--olcek-sm);
	color: var(--metin);
	background: var(--beyaz);
}
.arama-formu input[type="search"]:focus-visible { border-color: var(--altin-400); }


/* --------------------------------------------------------------------------
   23. Mobil sabit iletisim cubugu
   -------------------------------------------------------------------------- */

/* Donusumun tek kanali telefon/WhatsApp. Sayfanin hangi bolumunde olursa olsun
   aramayi tek dokunusa indirir; yuzen WhatsApp dugmesinin yerini alir. */
.mobil-cubuk { display: none; }

@media (max-width: 900px) {
	.mobil-cubuk {
		position: fixed;
		inset-inline: 0;
		bottom: 0;
		z-index: 95;
		display: grid;
		grid-template-columns: 1fr 1fr;
		background: var(--lacivert-900);
		border-top: 1px solid var(--altin-600);
		box-shadow: 0 -8px 24px rgba(2, 10, 22, 0.45);
		padding-bottom: env(safe-area-inset-bottom, 0);
	}
	.mobil-cubuk a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0.55rem;
		min-height: 56px;
		font-size: var(--olcek-sm);
		font-weight: 600;
		text-decoration: none;
		color: var(--altin-200);
	}
	.mobil-cubuk a + a { border-left: 1px solid rgba(214, 194, 169, 0.18); }
	.mobil-cubuk a:first-child {
		background: linear-gradient(180deg, var(--altin-400), var(--altin-500));
		color: var(--lacivert-900);
	}
	body { padding-bottom: 56px; }
	.yuzen-wa { display: none; }
}


/* --------------------------------------------------------------------------
   24. Okuma boyutu
   -------------------------------------------------------------------------- */

/* Karar metinlerinin tamami --olcek-sm (15px) ile tek basamaga cokmustu:
   hiyerarsi boyuttan okunmuyordu ve hedef kitle (mobil, 45 yasa kadar,
   disarida mevzuat listesi okuyor) icin kucuktu. Gerekli okuma govde boyutuna
   cikarildi, basliklar olcegin bos basamagini kullaniyor. */
.kurs__ozet,
.ozellik p,
.adim p,
.onay-liste li,
.sss__cevap,
.sart-not { font-size: var(--olcek-md); }

.kurs__ad { font-size: var(--olcek-2xl); }

.ozellik h3,
.adim h3,
.liste-kutusu h3 { font-size: var(--olcek-xl); }

/* Sart/belge listelerindeki tikler notr: altin, satis argumani tasiyan
   kurs kazanim listesine ayrildi. Sayfadaki 30 ozdes altin tik,
   "altin yalnizca ince aksan" kuralini pratikte en cok zorlayan yerdi. */
.onay-liste .ikon { color: var(--lacivert-300); }


/* --------------------------------------------------------------------------
   25. Hareket tercihi
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
	.dugme:hover, .kurs:hover, .yazi-kart:hover, .yuzen-wa:hover { transform: none; }
	.duyuru__nokta { animation: none; }
}


/* --------------------------------------------------------------------------
   26. Baskı
   -------------------------------------------------------------------------- */

@media print {
	.duyuru, .ust-bilgi, .yuzen-wa, .mobil-cubuk, .cagri, .harita { display: none !important; }
	body { color: #000; background: #fff; font-size: 11pt; padding-bottom: 0; }
	.hero, .bolum--koyu, .alt-bilgi { background: #fff !important; color: #000 !important; }
	.hero h1, .bolum--koyu h2, .bolum--koyu h3 { color: #000 !important; }
	a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 9pt; color: #555; }
}