/* ==========================================================================
   Nöbetçi Nümismat — main.css
   1. Token'lar   2. Temel   3. Yardımcılar   4. Butonlar ve formlar
   5. Header      6. Menü    7. Mobil panel   8. Arama   9. Sikke ve tırtıl
   10. Ana sayfa  11. Sayfa/yazı   12. Footer   13. Alt çubuk   14. Tercihler
   ========================================================================== */

/* 1. Token'lar ------------------------------------------------------------ */
:root {
	/* Renk — marka */
	--nn-navy: #1B2A5E;        /* logo laciverti: başlıklar, birincil düğmeler */
	--nn-navy-soft: #2E3F7A;   /* hover */
	--nn-navy-deep: #101A3D;   /* footer zemini */
	--nn-gold: #C9A227;        /* sikke altını: vurgu, lacivert üstünde metin */
	--nn-gold-light: #E3C766;
	--nn-bronze: #8A6424;      /* krem üstünde okunaklı altın tonu (AA 4.7:1) */
	/* Renk — nötr */
	--nn-cream: #FBF6DF;       /* sayfa zemini */
	--nn-paper: #FFFDF5;       /* kart yüzeyi */
	--nn-parchment: #F2E9C6;   /* ikincil yüzey */
	--nn-line: #E2D6AE;        /* çizgiler */
	--nn-ink: #23263A;         /* gövde metni (12.9:1) */
	--nn-ink-soft: #4A4E63;    /* ikincil metin (7.7:1) */
	--nn-on-dark: #EDE6CC;     /* koyu zemin üstü metin */
	/* Durum */
	--nn-success: #2F6B3F;
	--nn-error: #A3262A;
	--nn-focus: var(--nn-navy);

	/* Tipografi */
	--nn-font-display: 'Marcellus', 'Times New Roman', Georgia, serif;
	--nn-font-body: 'Alegreya Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
	--nn-step--1: clamp(0.875rem, 0.84rem + 0.15vw, 0.95rem);
	--nn-step-0: clamp(1.0625rem, 1.02rem + 0.2vw, 1.1875rem);
	--nn-step-1: clamp(1.25rem, 1.16rem + 0.45vw, 1.5rem);
	--nn-step-2: clamp(1.5rem, 1.32rem + 0.9vw, 2rem);
	--nn-step-3: clamp(1.875rem, 1.55rem + 1.6vw, 2.75rem);
	--nn-step-4: clamp(2.25rem, 1.7rem + 2.8vw, 4rem);

	/* Boşluk (8'in katları) */
	--nn-s1: 0.5rem;
	--nn-s2: 1rem;
	--nn-s3: 1.5rem;
	--nn-s4: 2rem;
	--nn-s6: 3rem;
	--nn-s8: 4rem;
	--nn-s12: 6rem;

	/* Biçim */
	--nn-radius: 6px;          /* basılmış metal: küçük, tutarlı köşe */
	--nn-shadow: 0 1px 2px rgba(16, 26, 61, 0.06), 0 8px 24px -12px rgba(16, 26, 61, 0.18);
	--nn-container: 1240px;
	--nn-header-h: 72px;
	--nn-bar-h: 64px;
	--nn-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

/* 2. Temel ---------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	scroll-padding-top: calc(var(--nn-header-h) + 16px);
}

body {
	margin: 0;
	background: var(--nn-cream);
	color: var(--nn-ink);
	font-family: var(--nn-font-body);
	font-size: var(--nn-step-0);
	line-height: 1.6;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

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

h1, h2, h3, h4, h5, h6 {
	font-family: var(--nn-font-display);
	font-weight: 400;
	color: var(--nn-navy);
	line-height: 1.15;
	margin: 0 0 var(--nn-s2);
	letter-spacing: 0.005em;
	text-wrap: balance;
}
h1 { font-size: var(--nn-step-3); }
h2 { font-size: var(--nn-step-2); }
h3 { font-size: var(--nn-step-1); }
h4, h5, h6 { font-size: var(--nn-step-0); }

p { margin: 0 0 var(--nn-s2); }

a {
	color: var(--nn-navy);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}
a:hover { color: var(--nn-bronze); }

:focus-visible {
	outline: 3px solid var(--nn-focus);
	outline-offset: 2px;
	border-radius: 2px;
}

::selection { background: var(--nn-gold-light); color: var(--nn-navy-deep); }

hr { border: 0; border-top: 1px solid var(--nn-line); margin: var(--nn-s4) 0; }

/* 3. Yardımcılar ---------------------------------------------------------- */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.nn-skip-link:focus {
	clip: auto;
	clip-path: none;
	width: auto;
	height: auto;
	z-index: 1000;
	top: 8px;
	left: 8px;
	padding: 12px 20px;
	background: var(--nn-navy);
	color: var(--nn-cream);
	text-decoration: none;
	border-radius: var(--nn-radius);
}

.nn-container {
	width: 100%;
	max-width: var(--nn-container);
	margin-inline: auto;
	padding-inline: max(var(--nn-s2), env(safe-area-inset-left));
}
@media (min-width: 768px) {
	.nn-container { padding-inline: var(--nn-s4); }
}

.nn-main { padding-block: var(--nn-s4) var(--nn-s8); min-height: 50vh; }
.nn-home { padding-top: 0; padding-bottom: 0; }

.nn-icon { flex: none; }

.nn-lead { font-size: var(--nn-step-1); color: var(--nn-ink-soft); max-width: 60ch; }
.nn-meta { font-size: var(--nn-step--1); color: var(--nn-ink-soft); }
.nn-empty { color: var(--nn-ink-soft); max-width: 60ch; }

.nn-link {
	font-weight: 500;
	color: var(--nn-bronze);
	text-decoration: underline;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
}

/* 4. Butonlar ve formlar -------------------------------------------------- */
.nn-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--nn-s1);
	min-height: 48px;
	padding: 0 22px;
	border: 1px solid transparent;
	border-radius: var(--nn-radius);
	font-family: var(--nn-font-body);
	font-size: var(--nn-step-0);
	font-weight: 500;
	line-height: 1.1;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.18s var(--nn-ease), color 0.18s var(--nn-ease), border-color 0.18s var(--nn-ease);
}
.nn-btn--primary { background: var(--nn-navy); color: var(--nn-cream); }
.nn-btn--primary:hover { background: var(--nn-navy-soft); color: #fff; }
.nn-btn--gold { background: var(--nn-gold); color: var(--nn-navy-deep); }
.nn-btn--gold:hover { background: var(--nn-gold-light); color: var(--nn-navy-deep); }
.nn-btn--ghost { background: transparent; color: var(--nn-navy); border-color: var(--nn-navy); }
.nn-btn--ghost:hover { background: var(--nn-navy); color: var(--nn-cream); }

input[type="text"], input[type="email"], input[type="tel"], input[type="url"],
input[type="password"], input[type="search"], input[type="number"], select, textarea {
	width: 100%;
	min-height: 48px;
	padding: 10px 14px;
	background: var(--nn-paper);
	color: var(--nn-ink);
	border: 1px solid #CDBF92;
	border-radius: var(--nn-radius);
	font: inherit;
	font-size: max(16px, 1rem); /* iOS yakınlaştırmasını önler */
}
textarea { min-height: 140px; resize: vertical; }
input:focus-visible, select:focus-visible, textarea:focus-visible {
	outline: 3px solid var(--nn-focus);
	outline-offset: 0;
	border-color: var(--nn-navy);
}
label { font-weight: 500; }
[aria-invalid="true"] { border-color: var(--nn-error) !important; }

.nn-search-form { display: flex; gap: var(--nn-s1); width: 100%; }
.nn-search-form__input { flex: 1; }
.nn-search-form__btn { flex: none; }
@media (max-width: 479px) {
	.nn-search-form__btn span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.nn-search-form__btn { padding: 0 14px; }
}

/* 5. Header --------------------------------------------------------------- */
.nn-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: var(--nn-cream);
	transition: box-shadow 0.2s var(--nn-ease);
}
.admin-bar .nn-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .nn-header { top: 0; } }
.nn-header.is-scrolled { box-shadow: 0 6px 18px -12px rgba(16, 26, 61, 0.35); }

.nn-header__bar {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: var(--nn-s1);
	min-height: var(--nn-header-h);
	padding-top: env(safe-area-inset-top);
}
.nn-header__brand { justify-self: center; }
.nn-header__brand .custom-logo { max-height: 52px; width: auto; }
.nn-header__actions { display: flex; align-items: center; gap: 2px; justify-self: end; }

.nn-wordmark {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: var(--nn-navy);
	line-height: 1;
	padding-block: 6px;
}
.nn-wordmark__name { font-family: var(--nn-font-display); font-size: clamp(1.2rem, 0.9rem + 1.4vw, 1.55rem); letter-spacing: 0.01em; white-space: nowrap; }
.nn-wordmark__sub {
	font-family: var(--nn-font-display);
	font-size: 0.72rem;
	letter-spacing: 0.18em;
	white-space: nowrap;
	margin-top: 5px;
	padding-inline: 14px;
	position: relative;
}
.nn-wordmark__sub::before, .nn-wordmark__sub::after {
	content: '';
	position: absolute;
	top: 50%;
	width: 10px;
	border-top: 1px solid currentColor;
}
.nn-wordmark__sub::before { left: 0; }
.nn-wordmark__sub::after { right: 0; }
.nn-wordmark:hover { color: var(--nn-navy-soft); }

.nn-action {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-width: 44px;
	min-height: 44px;
	padding: 0 10px;
	background: none;
	border: 0;
	border-radius: var(--nn-radius);
	color: var(--nn-navy);
	font: inherit;
	font-size: var(--nn-step--1);
	text-decoration: none;
	cursor: pointer;
	position: relative;
	justify-content: center;
}
@media (hover: hover) {
	.nn-action:hover { background: var(--nn-parchment); color: var(--nn-navy); }
}
.nn-action__label { display: none; }

.nn-cart-count {
	position: absolute;
	top: 4px;
	right: 2px;
	min-width: 20px;
	height: 20px;
	padding: 0 5px;
	border-radius: 10px;
	background: var(--nn-gold);
	color: var(--nn-navy-deep);
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
}
.nn-cart-count[data-count="0"] { background: var(--nn-parchment); color: var(--nn-ink-soft); }

@media (min-width: 1024px) {
	:root { --nn-header-h: 84px; }
	.nn-header__bar { grid-template-columns: auto 1fr auto; gap: var(--nn-s3); }
	.nn-header__brand { justify-self: start; }
	.nn-menu-toggle { display: none; }
	.nn-action__label { display: inline; }
	.nn-cart-count { position: static; }
	.nn-wordmark__name { font-size: 1.8rem; }
	.nn-header__brand .custom-logo { max-height: 64px; }
}

/* 6. Menü (masaüstü) ------------------------------------------------------ */
.nn-menu, .nn-menu .sub-menu { list-style: none; margin: 0; padding: 0; }
.nn-menu a { text-decoration: none; }
.nn-sub-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0;
	background: none;
	border: 0;
	color: inherit;
	cursor: pointer;
	border-radius: var(--nn-radius);
}
.nn-sub-toggle .nn-icon { transition: transform 0.2s var(--nn-ease); }
.nn-sub-toggle[aria-expanded="true"] .nn-icon { transform: rotate(180deg); }

@media (min-width: 1024px) {
	.nn-nav-panel { display: flex; justify-content: center; }
	.nn-nav-panel__head, .nn-nav-panel__extras { display: none; }

	.nn-menu { display: flex; align-items: center; gap: var(--nn-s1); }
	.nn-menu > li { position: relative; display: flex; align-items: center; }
	.nn-menu > li > a {
		font-family: var(--nn-font-display);
		font-size: 1.125rem;
		color: var(--nn-navy);
		padding: 10px 4px 10px 12px;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		border-bottom: 2px solid transparent;
	}
	.nn-menu > li:not(.menu-item-has-children) > a { padding-right: 12px; }
	.nn-menu > li > a:hover,
	.nn-menu > li.current-menu-item > a,
	.nn-menu > li.current-menu-ancestor > a { border-bottom-color: var(--nn-gold); }
	.nn-menu > li > .nn-sub-toggle { min-width: 32px; color: var(--nn-navy); }

	.nn-menu .sub-menu {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 280px;
		padding: var(--nn-s1);
		background: var(--nn-paper);
		border: 1px solid var(--nn-line);
		border-top: 3px solid var(--nn-gold);
		border-radius: 0 0 var(--nn-radius) var(--nn-radius);
		box-shadow: var(--nn-shadow);
		opacity: 0;
		visibility: hidden;
		transform: translateY(6px);
		transition: opacity 0.16s var(--nn-ease), transform 0.16s var(--nn-ease), visibility 0s linear 0.16s;
		z-index: 20;
	}
	.nn-menu .sub-menu .sub-menu { top: -9px; left: calc(100% + 8px); border-top-width: 1px; border-left: 3px solid var(--nn-gold); border-radius: 0 var(--nn-radius) var(--nn-radius) 0; }
	.nn-menu li:hover > .sub-menu,
	.nn-menu li.is-open > .sub-menu {
		opacity: 1;
		visibility: visible;
		transform: none;
		transition-delay: 0s;
	}
	.nn-menu .sub-menu li { position: relative; display: flex; align-items: center; justify-content: space-between; }
	.nn-menu .sub-menu a {
		flex: 1;
		display: block;
		padding: 10px 12px;
		color: var(--nn-ink);
		border-radius: 4px;
		line-height: 1.3;
	}
	.nn-menu .sub-menu a:hover, .nn-menu .sub-menu a[aria-current="page"] { background: var(--nn-parchment); color: var(--nn-navy); }
	.nn-menu .sub-menu .nn-sub-toggle .nn-icon { transform: rotate(-90deg); }
	.nn-menu .sub-menu .nn-sub-toggle[aria-expanded="true"] .nn-icon { transform: rotate(-90deg); }
	/* Uzun alt listeler (ör. 9 emisyon) iki sütuna bölünür */
	.nn-menu .sub-menu--depth-2:has(> li:nth-child(7)) { display: grid; grid-template-columns: 1fr 1fr; min-width: 360px; }
}

/* 7. Mobil panel ---------------------------------------------------------- */
@media (max-width: 1023px) {
	.nn-nav-panel {
		position: fixed;
		inset: 0 auto 0 0;
		width: min(88vw, 400px);
		background: var(--nn-paper);
		z-index: 300;
		display: flex;
		flex-direction: column;
		transform: translateX(-102%);
		transition: transform 0.28s var(--nn-ease), visibility 0s linear 0.28s;
		visibility: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		padding-bottom: env(safe-area-inset-bottom);
		box-shadow: 12px 0 32px -16px rgba(16, 26, 61, 0.4);
	}
	.nn-nav-panel[data-open="true"] { transform: none; visibility: visible; transition-delay: 0s; }

	.nn-nav-panel__head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: calc(var(--nn-s1) + env(safe-area-inset-top)) var(--nn-s1) var(--nn-s1) var(--nn-s3);
		border-bottom: 1px solid var(--nn-line);
		position: sticky;
		top: 0;
		background: var(--nn-paper);
		z-index: 1;
	}
	.nn-nav-panel__title { font-family: var(--nn-font-display); font-size: var(--nn-step-1); color: var(--nn-navy); }

	.nn-menu li { display: grid; grid-template-columns: 1fr auto; align-items: center; border-bottom: 1px solid var(--nn-line); }
	.nn-menu a { display: flex; align-items: center; min-height: 52px; padding: 8px var(--nn-s3); color: var(--nn-ink); }
	.nn-menu > li > a { font-family: var(--nn-font-display); font-size: var(--nn-step-1); color: var(--nn-navy); }
	.nn-menu a[aria-current="page"] { color: var(--nn-bronze); }
	.nn-menu .nn-sub-toggle { min-width: 52px; min-height: 52px; border-left: 1px solid var(--nn-line); border-radius: 0; color: var(--nn-navy); }
	.nn-menu .nn-sub-toggle[aria-expanded="true"] { background: var(--nn-navy); color: var(--nn-cream); }
	.nn-menu .sub-menu { grid-column: 1 / -1; display: none; background: var(--nn-cream); }
	.nn-menu li.is-open > .sub-menu { display: block; }
	.nn-menu .sub-menu li:last-child { border-bottom: 0; }
	.nn-menu .sub-menu a { padding-left: calc(var(--nn-s3) + var(--nn-s2)); }
	.nn-menu .sub-menu .sub-menu { background: var(--nn-parchment); }
	.nn-menu .sub-menu .sub-menu a { padding-left: calc(var(--nn-s3) + var(--nn-s4)); min-height: 48px; }

	.nn-nav-panel__extras { padding: var(--nn-s3); margin-top: auto; }
	.nn-panel-links { list-style: none; margin: 0 0 var(--nn-s2); padding: 0; columns: 2; column-gap: var(--nn-s2); }
	.nn-panel-links a { display: flex; align-items: center; min-height: 44px; color: var(--nn-ink-soft); font-size: var(--nn-step--1); }

	.nn-backdrop {
		position: fixed;
		inset: 0;
		background: rgba(16, 26, 61, 0.45);
		z-index: 250;
	}
	body.nn-lock { overflow: hidden; }
}
@media (min-width: 1024px) { .nn-backdrop { display: none !important; } }

/* 8. Arama paneli --------------------------------------------------------- */
.nn-search { padding-block: var(--nn-s2); background: var(--nn-paper); border-top: 1px solid var(--nn-line); }
.nn-search[hidden] { display: none; }

/* 9. Sikke ve tırtıl (imza öğe) ------------------------------------------- */
.nn-reeded {
	height: 6px;
	background:
		linear-gradient(var(--nn-navy), var(--nn-navy)) bottom / 100% 1px no-repeat,
		repeating-linear-gradient(90deg, var(--nn-gold) 0 2px, var(--nn-bronze) 2px 4px);
}
.nn-reeded--footer {
	background:
		linear-gradient(var(--nn-navy-deep), var(--nn-navy-deep)) top / 100% 1px no-repeat,
		repeating-linear-gradient(90deg, var(--nn-gold) 0 2px, var(--nn-bronze) 2px 4px);
}

.nn-coin {
	--size: 120px;
	width: var(--size);
	height: var(--size);
	flex: none;
	display: grid;
	place-items: center;
	padding: calc(var(--size) * 0.05);
	border-radius: 50%;
	background: repeating-conic-gradient(var(--nn-gold) 0 2.5deg, var(--nn-bronze) 2.5deg 5deg); /* tırtıllı kenar */
	box-shadow: 0 6px 16px -8px rgba(16, 26, 61, 0.5);
}
.nn-coin > span, .nn-coin > img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}
.nn-coin > span {
	display: grid;
	place-items: center;
	background: radial-gradient(circle at 34% 28%, #F4E3A1 0, var(--nn-gold) 48%, #A57C2E 100%);
	box-shadow: inset 0 0 0 3px rgba(138, 100, 36, 0.55), inset 0 0 0 7px rgba(244, 227, 161, 0.5);
	color: var(--nn-navy);
	font-family: var(--nn-font-display);
	font-size: calc(var(--size) * 0.3);
	line-height: 1;
	text-shadow: 0 1px 0 rgba(255, 244, 200, 0.6);
}
.nn-coin > img { background: var(--nn-paper); }

/* 10. Ana sayfa ----------------------------------------------------------- */
.nn-section { padding-block: var(--nn-s8); }
.nn-section__head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--nn-s2); flex-wrap: wrap; margin-bottom: var(--nn-s3); }
.nn-section__title { font-size: var(--nn-step-2); margin-bottom: var(--nn-s3); }
.nn-section__head .nn-section__title { margin: 0; }
.nn-section__title--small { font-size: var(--nn-step-1); }

.nn-hero { padding-block: var(--nn-s6) var(--nn-s8); background: var(--nn-cream); overflow: hidden; }
.nn-hero__inner { display: grid; gap: var(--nn-s4); align-items: center; }
.nn-hero__title {
	font-size: var(--nn-step-4);
	line-height: 1.04;
	margin-bottom: var(--nn-s3);
	max-width: 14ch;
}
.nn-hero__lead { font-size: var(--nn-step-1); color: var(--nn-ink-soft); max-width: 46ch; line-height: 1.5; }
.nn-hero__actions { display: flex; flex-wrap: wrap; gap: var(--nn-s2); margin-top: var(--nn-s4); }
.nn-hero__media { display: flex; justify-content: center; }
.nn-hero__img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: var(--nn-radius);
	outline: 1px solid var(--nn-gold);
	outline-offset: 10px;
}
.nn-coin--hero { --size: min(52vw, 220px); }
@media (max-width: 599px) {
	.nn-hero { padding-block: var(--nn-s4) var(--nn-s6); }
	.nn-hero__actions .nn-btn { flex: 1 1 100%; }
	.nn-hero__media { order: -1; }
}
@media (min-width: 900px) {
	.nn-hero { padding-block: var(--nn-s8) var(--nn-s12); }
	.nn-hero__inner { grid-template-columns: 1.1fr 0.9fr; gap: var(--nn-s8); }
	.nn-coin--hero { --size: 380px; }
	.nn-hero--image .nn-hero__inner { grid-template-columns: 1fr 1fr; }
}

.nn-medallions__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: var(--nn-s4) var(--nn-s3);
}
.nn-medallion a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--nn-s1);
	text-align: center;
	text-decoration: none;
	color: var(--nn-navy);
	padding: var(--nn-s1);
	border-radius: var(--nn-radius);
}
.nn-medallion .nn-coin { margin-bottom: var(--nn-s1); transition: transform 0.25s var(--nn-ease); }
.nn-medallion a:hover .nn-coin, .nn-medallion a:focus-visible .nn-coin { transform: rotate(-8deg) scale(1.03); }
.nn-medallion__name { font-family: var(--nn-font-display); font-size: var(--nn-step-1); line-height: 1.2; }
.nn-medallion__count { font-size: var(--nn-step--1); color: var(--nn-ink-soft); }

.nn-home .nn-medallions .nn-coin { --size: min(26vw, 150px); }
@media (max-width: 599px) {
	.nn-home .nn-medallions__list { grid-template-columns: repeat(3, 1fr); gap: var(--nn-s3) var(--nn-s1); }
	.nn-home .nn-medallion__name { font-size: var(--nn-step-0); }
}
@media (min-width: 900px) {
	.nn-home .nn-medallions__list { grid-template-columns: repeat(3, 1fr); max-width: 900px; margin-inline: auto; }
	.nn-home .nn-medallions .nn-coin { --size: 190px; }
	.nn-home .nn-medallions .nn-section__title { text-align: center; }
}

.nn-medallions--compact { padding-block: var(--nn-s3) var(--nn-s4); }
.nn-medallions--compact .nn-medallions__list { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: var(--nn-s2) var(--nn-s1); }
.nn-medallions--compact .nn-coin { --size: 76px; }
.nn-medallions--compact .nn-medallion__name { font-size: var(--nn-step-0); }
@media (min-width: 768px) {
	.nn-medallions--compact .nn-medallions__list { grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)); }
}

.nn-section--trust { background: var(--nn-parchment); border-block: 1px solid var(--nn-line); padding-block: var(--nn-s6); }
.nn-trust { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--nn-s3); }
.nn-trust li { display: flex; gap: var(--nn-s2); align-items: flex-start; }
.nn-trust .nn-icon { color: var(--nn-bronze); margin-top: 2px; }
.nn-trust strong { display: block; font-family: var(--nn-font-display); font-weight: 400; font-size: var(--nn-step-1); color: var(--nn-navy); margin-bottom: 4px; }
.nn-trust span { color: var(--nn-ink-soft); }
@media (min-width: 768px) { .nn-trust { grid-template-columns: repeat(3, 1fr); gap: var(--nn-s4); } }

/* 11. Sayfa ve yazı ------------------------------------------------------- */
.nn-breadcrumb { font-size: var(--nn-step--1); color: var(--nn-ink-soft); margin-bottom: var(--nn-s3); }
.nn-breadcrumb a { color: var(--nn-ink-soft); }
.nn-breadcrumb__sep { margin-inline: 8px; color: var(--nn-bronze); }

.nn-page__header { margin-bottom: var(--nn-s4); }
.nn-page__title { font-size: var(--nn-step-3); margin: 0; }
.nn-page { max-width: 760px; }
.nn-page--wide { max-width: none; }

.nn-prose { max-width: 70ch; font-size: var(--nn-step-0); line-height: 1.7; }
.nn-prose--wide { max-width: none; }
.nn-prose > * + * { margin-top: var(--nn-s2); }
.nn-prose h2 { margin-top: var(--nn-s6); font-size: var(--nn-step-2); }
.nn-prose h3 { margin-top: var(--nn-s4); }
.nn-prose a { color: var(--nn-bronze); }
.nn-prose ul, .nn-prose ol { padding-left: 1.25em; }
.nn-prose li + li { margin-top: 6px; }
.nn-prose blockquote { margin: var(--nn-s4) 0; padding: var(--nn-s1) 0 var(--nn-s1) var(--nn-s3); border-left: 3px solid var(--nn-gold); font-family: var(--nn-font-display); font-size: var(--nn-step-1); color: var(--nn-navy); }
.nn-prose table { width: 100%; border-collapse: collapse; display: block; overflow-x: auto; }
.nn-prose th, .nn-prose td { padding: 10px 12px; border-bottom: 1px solid var(--nn-line); text-align: left; }
.nn-prose img { border-radius: var(--nn-radius); }

.nn-single__thumb { margin: 0 0 var(--nn-s4); }
.nn-single__thumb img { width: 100%; border-radius: var(--nn-radius); }

.nn-post-grid { display: grid; gap: var(--nn-s4); grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.nn-post-card { background: var(--nn-paper); border: 1px solid var(--nn-line); border-radius: var(--nn-radius); overflow: hidden; }
.nn-post-card__thumb img { aspect-ratio: 16 / 10; object-fit: cover; width: 100%; }
.nn-post-card__body { padding: var(--nn-s3); }
.nn-post-card__title { font-size: var(--nn-step-1); margin-bottom: var(--nn-s1); }
.nn-post-card__title a { text-decoration: none; }

.nav-links, .page-numbers { display: flex; flex-wrap: wrap; gap: var(--nn-s1); }
.nav-links { margin-top: var(--nn-s6); }
.page-numbers { min-width: 44px; min-height: 44px; align-items: center; justify-content: center; padding: 0 12px; border: 1px solid var(--nn-line); border-radius: var(--nn-radius); text-decoration: none; background: var(--nn-paper); }
.page-numbers.current { background: var(--nn-navy); color: var(--nn-cream); border-color: var(--nn-navy); }

.nn-404 { text-align: center; display: flex; flex-direction: column; align-items: center; gap: var(--nn-s3); max-width: 640px; }
.nn-coin--404 { --size: 160px; }
.nn-coin--404 > span { font-size: 2.6rem; }

.nn-comments { margin-top: var(--nn-s8); max-width: 760px; }
.nn-comment-list { padding-left: 0; list-style: none; }

/* 12. Footer -------------------------------------------------------------- */
.nn-footer { background: var(--nn-navy-deep); color: var(--nn-on-dark); --nn-focus: var(--nn-gold); }
.nn-footer a { color: var(--nn-on-dark); }
.nn-footer a:hover { color: var(--nn-gold-light); }
.nn-footer .nn-btn--gold, .nn-footer .nn-btn--gold:hover { color: var(--nn-navy-deep); }
.nn-footer__grid { display: grid; gap: var(--nn-s6) var(--nn-s4); padding-block: var(--nn-s8) var(--nn-s6); }
.nn-footer__title { font-size: var(--nn-step-1); color: var(--nn-gold); margin-bottom: var(--nn-s2); }
.nn-footer ul { list-style: none; margin: 0; padding: 0; }
.nn-footer__col li a { display: inline-flex; align-items: center; min-height: 40px; text-decoration: none; }
.nn-footer__sub a { padding-left: var(--nn-s2); font-size: var(--nn-step--1); color: #C9C3AC; }
.nn-footer__brand p { color: #CFC8AE; max-width: 36ch; }
.nn-footer__logo { margin-bottom: var(--nn-s2); }
.nn-footer__logo .nn-wordmark { color: var(--nn-cream); align-items: flex-start; }
.nn-footer__logo .custom-logo-link {
	display: inline-block;
	padding: 12px 16px;
	background: var(--nn-cream);
	border-radius: var(--nn-radius);
}
.nn-footer__logo .custom-logo { max-height: 64px; width: auto; }
.nn-footer address { font-style: normal; margin-bottom: var(--nn-s3); }
.nn-contact-line { display: flex; gap: 12px; align-items: flex-start; }
.nn-contact-line .nn-icon { color: var(--nn-gold); margin-top: 3px; }
.nn-contact-line a { min-height: 32px; display: inline-flex; align-items: center; }

.nn-social { display: flex; gap: var(--nn-s1); list-style: none; margin: var(--nn-s2) 0 0; padding: 0; }
.nn-social a {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 1px solid currentColor;
	text-decoration: none;
	transition: background-color 0.18s var(--nn-ease), color 0.18s var(--nn-ease);
}
.nn-social--footer a { color: var(--nn-gold); }
.nn-social--footer a:hover { background: var(--nn-gold); color: var(--nn-navy-deep); }
.nn-social--panel a { color: var(--nn-navy); }

.nn-footer__bottom { border-top: 1px solid rgba(201, 162, 39, 0.3); font-size: var(--nn-step--1); color: #BDB69C; }
.nn-footer__bottom .nn-container { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--nn-s1) var(--nn-s3); padding-block: var(--nn-s3); }
.nn-footer__bottom p { margin: 0; }

/* Waytive imzası: açık → koyu turkuaz gradyan */
.nn-credit a {
	font-weight: 700;
	font-size: 1.05rem;
	letter-spacing: 0.02em;
	text-decoration: none;
	color: #5FD4D0; /* gradyan desteklenmezse */
	background: linear-gradient(90deg, #8EEBE6 0%, #3CC6C2 45%, #0E8A8C 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}
.nn-credit a:hover { filter: brightness(1.15); }
@media (forced-colors: active) { .nn-credit a { -webkit-text-fill-color: LinkText; } }

/* Mobilde footer ortalanır */
@media (max-width: 639px) {
	.nn-footer__grid { text-align: center; justify-items: center; }
	.nn-footer__brand p { margin-inline: auto; }
	.nn-footer__logo .nn-wordmark { align-items: center; }
	.nn-social { justify-content: center; }
	.nn-footer__sub a { padding-left: 0; }
	.nn-contact-line { justify-content: center; text-align: left; }
	.nn-footer__bottom .nn-container { flex-direction: column; align-items: center; text-align: center; gap: 0; }
}

@media (min-width: 640px) { .nn-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .nn-footer__grid { grid-template-columns: 1.3fr 1fr 1fr 1.1fr; } }

/* 13. Mobil alt çubuk ----------------------------------------------------- */
.nn-bottom-bar { display: none; }
@media (max-width: 1023px) {
	.nn-has-bottom-bar { padding-bottom: calc(var(--nn-bar-h) + env(safe-area-inset-bottom)); }
	.nn-bottom-bar {
		position: fixed;
		inset: auto 0 0 0;
		z-index: 90; /* header (100) ve içindeki menü panelinin altında kalır */
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: 1fr;
		height: calc(var(--nn-bar-h) + env(safe-area-inset-bottom));
		padding-bottom: env(safe-area-inset-bottom);
		background: var(--nn-paper);
		border-top: 1px solid var(--nn-line);
		box-shadow: 0 -6px 18px -12px rgba(16, 26, 61, 0.3);
	}
	.nn-bottom-bar a, .nn-bottom-bar button {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2px;
		min-height: 48px;
		background: none;
		border: 0;
		color: var(--nn-ink-soft);
		font: inherit;
		font-size: 0.78rem;
		text-decoration: none;
		cursor: pointer;
	}
	.nn-bottom-bar [aria-current="page"], .nn-bottom-bar [aria-expanded="true"] { color: var(--nn-navy); }
	.nn-bottom-bar [aria-current="page"] .nn-icon, .nn-bottom-bar [aria-expanded="true"] .nn-icon { color: var(--nn-bronze); }
	/* Alt çubukta sepet varsa header'daki hesap düğmesi gizlenir (tekrar etmesin) */
	.nn-has-bottom-bar .nn-account-link { display: none; }
}

/* 14. Kullanıcı tercihleri ------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}
@media (prefers-contrast: more) {
	:root { --nn-line: #8A7A45; --nn-ink-soft: #2C2F42; }
	.nn-btn--ghost { border-width: 2px; }
}
@media (forced-colors: active) {
	.nn-coin, .nn-reeded { forced-color-adjust: none; }
	.nn-btn { border: 1px solid ButtonText; }
}
@media print {
	.nn-header, .nn-footer, .nn-bottom-bar, .nn-search { display: none !important; }
	body { background: #fff; }
}