/* ==========================================================================
   FreeNorth Interactive — ana stil dosyası
   ========================================================================== */

:root {
	--fn-bg: #050b16;
	--fn-bg-2: #07101f;
	--fn-panel: #0a1526;
	--fn-panel-2: #0d1b31;
	--fn-line: rgba(90, 160, 255, 0.16);
	--fn-line-strong: rgba(90, 170, 255, 0.35);
	--fn-accent: #1fa2ff;
	--fn-accent-2: #3b5bff;
	--fn-violet: #7a5cff;
	--fn-orange: #ff8a1f;
	--fn-green: #2ee6a6;
	--fn-text: #e9f1ff;
	--fn-muted: #8fa1c2;
	--fn-radius: 6px;
	--fn-head: "Rajdhani", "Bahnschrift", "Arial Narrow", system-ui, sans-serif;
	--fn-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--fn-script: "Caveat", "Segoe Print", "Bradley Hand", cursive;
	--fn-container: 1240px;
	--fn-header-h: 72px;
	--fn-glow: 0 0 0 1px rgba(31, 162, 255, 0.45), 0 10px 40px -10px rgba(31, 162, 255, 0.45);
}

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

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; animation: none !important; } }

body {
	margin: 0;
	background: var(--fn-bg);
	color: var(--fn-text);
	font-family: var(--fn-body);
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

img, svg, video, iframe { max-width: 100%; display: block; }
[hidden] { display: none !important; }
img { height: auto; }
a { color: var(--fn-accent); text-decoration: none; transition: color .2s; }
a:hover { color: #7cd0ff; }
button { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--fn-accent); outline-offset: 3px; border-radius: 2px; }

.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;
}
.skip-link:focus { clip: auto; clip-path: none; height: auto; width: auto; left: 12px; top: 12px; z-index: 1000; padding: 10px 16px; background: var(--fn-accent); color: #001; }
.fn-hp { position: absolute; left: -9999px; opacity: 0; }

.fn-container { width: 100%; max-width: var(--fn-container); margin: 0 auto; padding: 0 28px; }

/* ---------- Tipografi ---------- */
.fn-h1, .fn-h2, .fn-h3, .fn-h4, .fn-hero__title, h1, h2, h3, h4 {
	font-family: var(--fn-head);
	font-weight: 700;
	line-height: 1.05;
	letter-spacing: .02em;
	margin: 0 0 .5em;
	text-transform: uppercase;
}
.fn-h1 { font-size: clamp(2.2rem, 4vw, 3.4rem); }
.fn-h2 { font-size: clamp(1.9rem, 3vw, 2.6rem); }
.fn-h3 { font-size: 1.5rem; }
.fn-h4 { font-size: 1.15rem; letter-spacing: .06em; }
.fn-eyebrow {
	font-family: var(--fn-head);
	text-transform: uppercase;
	letter-spacing: .28em;
	font-size: .8rem;
	font-weight: 600;
	color: #b8c7e3;
	margin: 0 0 .9rem;
}
.fn-eyebrow a { color: inherit; }
.fn-eyebrow--wide { letter-spacing: .34em; }
.fn-lead { color: #c3d0e8; font-size: 1rem; max-width: 46ch; }
.fn-muted { color: var(--fn-muted); }
.fn-accent { color: var(--fn-accent); }
.fn-grad {
	background: linear-gradient(90deg, #26b4ff 0%, #3d7bff 55%, #8a5cff 100%);
	-webkit-background-clip: text; background-clip: text; color: transparent;
}
.fn-script {
	font-family: var(--fn-script);
	color: rgba(255, 255, 255, .9);
	font-size: 2rem;
	line-height: 1;
	transform: rotate(-8deg);
	pointer-events: none;
	text-shadow: 0 2px 18px rgba(0, 0, 0, .5);
}
.fn-script span { display: block; }
.fn-script span:nth-child(2) { padding-left: .5em; }
.fn-script span:nth-child(3) { padding-left: 1em; }
.fn-script span:nth-child(4) { padding-left: 1.5em; }

/* ---------- Butonlar ---------- */
.fn-btns { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
.fn-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	padding: 13px 22px;
	font-family: var(--fn-head); font-weight: 700; font-size: .92rem; letter-spacing: .08em; text-transform: uppercase;
	border: 1px solid transparent; border-radius: 3px; cursor: pointer;
	transition: transform .2s, box-shadow .2s, background .2s, border-color .2s, color .2s;
	white-space: nowrap;
}
.fn-btn .fn-icon { transition: transform .2s; }
.fn-btn:hover .fn-icon--arrow { transform: translateX(4px); }
.fn-btn--primary { background: linear-gradient(90deg, #1b9dff, #2f7bff); color: #fff; box-shadow: 0 8px 28px -10px rgba(31, 162, 255, .9); }
.fn-btn--primary:hover { color: #fff; transform: translateY(-1px); box-shadow: 0 12px 34px -8px rgba(31, 162, 255, 1); }
.fn-btn--ghost { border-color: rgba(31, 162, 255, .75); color: #fff; background: rgba(5, 14, 30, .35); }
.fn-btn--ghost:hover { background: rgba(31, 162, 255, .14); color: #fff; box-shadow: var(--fn-glow); }
.fn-btn--outline { border-color: rgba(255, 255, 255, .7); color: #fff; background: rgba(0, 0, 0, .15); }
.fn-btn--outline:hover { border-color: #fff; color: #fff; background: rgba(255, 255, 255, .08); }
.fn-btn--sm { padding: 9px 16px; font-size: .8rem; }
.fn-btn--block { width: 100%; }
.fn-btn .dashicons { font-size: 18px; width: 18px; height: 18px; }
.fn-link { display: inline-flex; align-items: center; gap: 6px; font-family: var(--fn-head); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; font-size: .82rem; }

/* ---------- Rozetler / chip ---------- */
.fn-badge {
	display: inline-block; font-family: var(--fn-head); font-weight: 700; text-transform: uppercase;
	letter-spacing: .1em; font-size: .75rem; padding: 4px 10px; border-radius: 2px; line-height: 1.3;
}
.fn-badge--status { background: var(--fn-accent); color: #031425; margin-bottom: 18px; font-size: .9rem; padding: 5px 14px; }
.fn-badge--free { background: var(--fn-green); color: #032419; }
.fn-badge--premium { background: #ffb020; color: #2a1a00; }
.fn-badge--num { background: rgba(5, 12, 25, .8); color: var(--fn-accent); border: 1px solid var(--fn-line-strong); }
.fn-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 14px 0; }
.fn-chip { display: inline-flex; align-items: center; gap: 4px; font-size: .78rem; padding: 4px 11px; color: #cdd8ee; border-radius: 2px; }
.fn-chip--box { background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .1); }
a.fn-chip--box:hover { border-color: var(--fn-accent); color: #fff; }
.fn-chip--plain { padding: 0; color: var(--fn-muted); font-size: .8rem; }
.fn-chip--level { background: rgba(31, 162, 255, .12); color: #9fd8ff; border: 1px solid rgba(31, 162, 255, .3); padding: 2px 9px; font-size: .72rem; }
.fn-chips--mini { gap: 10px; margin: 10px 0 0; }
.fn-chips--mini li + li .fn-chip--plain::before { content: ""; }

/* ---------- Header ---------- */
.fn-header {
	position: sticky; top: 0; z-index: 100;
	background: rgba(4, 10, 22, .78);
	backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
	border-bottom: 1px solid var(--fn-line);
	transition: background .3s;
}
.admin-bar .fn-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .fn-header { top: 46px; } }
.fn-header.is-scrolled { background: rgba(4, 10, 22, .95); }
.fn-header__inner { display: flex; align-items: center; gap: 28px; height: var(--fn-header-h); }
.fn-logo { display: inline-flex; align-items: center; gap: 12px; color: #fff; flex-shrink: 0; }
.fn-logo:hover { color: #fff; }
.fn-logo__text { display: flex; flex-direction: column; line-height: 1; }
.fn-logo__name { font-family: var(--fn-head); font-weight: 700; font-size: 1.45rem; letter-spacing: .04em; text-transform: uppercase; }
.fn-logo__sub { font-family: var(--fn-head); font-size: .66rem; letter-spacing: .5em; text-transform: uppercase; color: var(--fn-accent); margin-top: 4px; display: flex; align-items: center; gap: 6px; }
.fn-logo__sub::before, .fn-logo__sub::after { content: ""; height: 1px; width: 12px; background: currentColor; opacity: .7; }
.custom-logo-link img { max-height: 48px; width: auto; }

.fn-nav { flex: 1; display: flex; justify-content: center; }
.fn-menu { list-style: none; display: flex; gap: 6px; margin: 0; padding: 0; }
.fn-menu > li { position: relative; }
.fn-menu a {
	display: block; padding: 8px 12px; color: #dfe8f8; white-space: nowrap;
	font-family: var(--fn-head); font-weight: 600; font-size: .95rem; letter-spacing: .07em; text-transform: uppercase;
	position: relative;
}
.fn-menu > li > a::after {
	content: ""; position: absolute; left: 12px; right: 12px; bottom: -14px; height: 2px;
	background: var(--fn-accent); box-shadow: 0 0 12px var(--fn-accent);
	transform: scaleX(0); transition: transform .25s;
}
.fn-menu > li > a:hover, .fn-menu .current-menu-item > a, .fn-menu .current_page_item > a { color: var(--fn-accent); }
.fn-menu > .current-menu-item > a::after, .fn-menu > .current_page_item > a::after, .fn-menu > li > a:hover::after { transform: scaleX(1); }
.fn-menu .sub-menu {
	list-style: none; position: absolute; top: 100%; left: 0; min-width: 220px; margin: 12px 0 0; padding: 8px;
	background: var(--fn-panel); border: 1px solid var(--fn-line); border-radius: var(--fn-radius);
	opacity: 0; visibility: hidden; transform: translateY(6px); transition: .2s;
}
.fn-menu li:hover > .sub-menu, .fn-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.fn-nav__mobile-extra { display: none; }

.fn-header__tools { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.fn-iconbtn {
	display: inline-grid; place-items: center; width: 40px; height: 40px; color: #dfe8f8;
	background: none; border: 0; border-radius: 50%; cursor: pointer; transition: color .2s, background .2s;
}
.fn-iconbtn:hover { color: var(--fn-accent); background: rgba(31, 162, 255, .08); }
.fn-lang { list-style: none; display: flex; gap: 0; margin: 0 6px; padding: 0; font-family: var(--fn-head); font-weight: 700; font-size: .9rem; }
.fn-lang li + li::before { content: "|"; color: rgba(255, 255, 255, .3); margin: 0 8px; }
.fn-lang a { color: #cdd8ee; }
.fn-lang .current-lang a { color: var(--fn-accent); }
.fn-menu-toggle { display: none; }
.fn-menu-toggle .fn-close { display: none; }
.fn-searchbar { border-top: 1px solid var(--fn-line); padding: 16px 0; background: rgba(4, 10, 22, .97); }
.fn-searchform { display: flex; align-items: center; gap: 12px; background: var(--fn-panel); border: 1px solid var(--fn-line-strong); border-radius: 4px; padding: 6px 6px 6px 14px; }
.fn-searchform .fn-icon { color: var(--fn-muted); flex-shrink: 0; }
.fn-searchform input { flex: 1; background: none; border: 0; color: #fff; font: inherit; padding: 8px 0; min-width: 0; }
.fn-searchform input:focus { outline: none; }

/* ---------- Hero ---------- */
.fn-hero {
	position: relative; isolation: isolate;
	min-height: min(760px, calc(100vh - var(--fn-header-h)));
	display: flex; align-items: stretch;
	background: var(--fn-bg) var(--fn-img, none) center 60% / cover no-repeat;
	border-bottom: 1px solid var(--fn-line);
}
.fn-hero::before {
	content: ""; position: absolute; inset: 0; z-index: -1;
	background:
		linear-gradient(90deg, rgba(3, 8, 18, .94) 0%, rgba(3, 8, 18, .78) 34%, rgba(3, 8, 18, .15) 70%, rgba(3, 8, 18, .25) 100%),
		linear-gradient(0deg, rgba(3, 8, 18, .95) 0%, rgba(3, 8, 18, 0) 32%);
}
.fn-hero__inner { position: relative; display: flex; flex-direction: column; justify-content: center; padding-top: 70px; padding-bottom: 40px; }
.fn-hero__content { max-width: 720px; }
.fn-hero__title { font-size: clamp(2.6rem, 6vw, 4.9rem); line-height: .98; margin-bottom: 26px; }
.fn-hero__title span { display: block; }
.fn-hero__text { font-size: 1.12rem; color: #d3ddf0; max-width: 58ch; margin: 0; }
.fn-hero__script { position: absolute; top: 40px; right: 40px; font-size: 2.3rem; }
.fn-hero__feats {
	list-style: none; margin: 70px 0 0; padding: 0;
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
}
.fn-hero__feats a { display: flex; align-items: center; gap: 16px; color: #fff; }
.fn-hero__feats .fn-icon { color: var(--fn-accent); flex-shrink: 0; filter: drop-shadow(0 0 10px rgba(31, 162, 255, .5)); }
.fn-hero__feats strong { display: block; font-family: var(--fn-head); text-transform: uppercase; letter-spacing: .08em; font-size: 1rem; }
.fn-hero__feats small { color: var(--fn-muted); font-size: .85rem; }
.fn-hero__feats a:hover strong { color: var(--fn-accent); }

/* ---------- Bölümler ---------- */
.fn-section { padding: 72px 0; position: relative; }
.fn-section + .fn-section, .fn-split, .fn-trio { border-top: 1px solid var(--fn-line); }
.fn-section--top { padding-top: 56px; }
.fn-section--tight { padding: 40px 0; }
.fn-section::before {
	content: ""; position: absolute; top: -1px; left: 0; width: min(40%, 520px); height: 1px;
	background: linear-gradient(90deg, var(--fn-accent), transparent); opacity: .8;
}
.fn-section-head { align-self: start; }
.fn-section-head .fn-lead { margin-bottom: 24px; font-size: .95rem; }

.fn-featured { background: radial-gradient(1200px 500px at 70% 30%, rgba(31, 90, 200, .12), transparent 70%); }
.fn-featured__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; align-items: center; }
.fn-featured__info .fn-h1 { margin-bottom: 14px; }
.fn-meta-row { display: flex; flex-wrap: wrap; gap: 24px; margin: 18px 0 22px; color: #dfe8f8; font-family: var(--fn-head); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.fn-meta-row > span { display: inline-flex; align-items: center; gap: 10px; }
.fn-meta-row--sm { font-size: .82rem; gap: 16px; margin: 12px 0 0; color: var(--fn-muted); }
.fn-store-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 14px; }

/* Oyun medyası */
.fn-media__stage {
	position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--fn-radius);
	border: 1px solid var(--fn-line-strong); box-shadow: 0 30px 80px -30px rgba(0, 0, 0, .9);
	background: #000;
}
.fn-media__main { width: 100%; height: 100%; object-fit: cover; transition: opacity .35s; }
.fn-media__main.is-fading { opacity: .2; }
.fn-play {
	position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
	width: 84px; height: 84px; border-radius: 50%; display: grid; place-items: center;
	background: rgba(5, 12, 25, .55); border: 2px solid rgba(255, 255, 255, .9); color: #fff; cursor: pointer;
	backdrop-filter: blur(4px); transition: transform .2s, background .2s;
}
.fn-play .fn-icon { margin-left: 5px; }
button.fn-play:hover { transform: translate(-50%, -50%) scale(1.08); background: var(--fn-accent); }
.fn-play--static { opacity: .75; }
.fn-media__script { position: absolute; right: 26px; bottom: 22px; font-size: 1.8rem; }
.fn-media__strip { display: grid; grid-template-columns: 36px 1fr 36px; align-items: center; gap: 8px; margin-top: 14px; }
.fn-media__nav { background: none; border: 0; color: #fff; cursor: pointer; display: grid; place-items: center; height: 60px; }
.fn-media__nav:hover { color: var(--fn-accent); }
.fn-media__thumbs { list-style: none; display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 40px) / 5); gap: 10px; margin: 0; padding: 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.fn-media__thumbs::-webkit-scrollbar { display: none; }
.fn-media__thumbs li { scroll-snap-align: start; }
.fn-media__thumbs button { display: block; width: 100%; padding: 0; border: 2px solid transparent; border-radius: 3px; overflow: hidden; cursor: pointer; background: #000; opacity: .7; transition: .2s; }
.fn-media__thumbs button img { aspect-ratio: 16 / 10; width: 100%; object-fit: cover; }
.fn-media__thumbs button:hover, .fn-media__thumbs button.is-active { opacity: 1; border-color: #fff; }

/* Bölünmüş bölümler (başlık solda, kartlar sağda) */
.fn-split__grid { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(0, 3.1fr); gap: 40px; }
.fn-cards { display: grid; gap: 20px; }
.fn-cards--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.fn-cards--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.fn-cards--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.fn-card {
	position: relative; display: flex; flex-direction: column;
	background: linear-gradient(180deg, var(--fn-panel-2), var(--fn-panel));
	border: 1px solid var(--fn-line); border-radius: var(--fn-radius); overflow: hidden;
	transition: transform .25s, border-color .25s, box-shadow .25s;
}
.fn-card:hover { transform: translateY(-4px); border-color: rgba(31, 162, 255, .6); box-shadow: 0 18px 40px -18px rgba(31, 162, 255, .55); }
.fn-card__media { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 10; background: #020610; }
.fn-card__media--wide { aspect-ratio: 16 / 9; }
.fn-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.fn-card:hover .fn-card__media img { transform: scale(1.05); }
.fn-card__media .fn-badge { position: absolute; top: 10px; left: 10px; margin: 0; font-size: .7rem; padding: 3px 9px; }
.fn-card__body { padding: 14px 16px 16px; display: flex; flex-direction: column; flex: 1; }
.fn-card__title { font-family: var(--fn-head); font-size: 1.08rem; text-transform: none; letter-spacing: .01em; margin: 0 0 6px; line-height: 1.2; }
.fn-card__title--lg { font-size: 1.6rem; text-transform: uppercase; }
.fn-card__title a { color: #fff; }
.fn-card__title a:hover { color: var(--fn-accent); }
.fn-card__sub { color: var(--fn-muted); font-size: .85rem; margin: 0; }
.fn-card__date { color: var(--fn-accent); font-family: var(--fn-head); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; font-size: .78rem; margin: 0 0 6px; }
.fn-card--asset .fn-chips { margin: 2px 0 12px; gap: 14px; }
.fn-card__foot { display: flex; align-items: center; justify-content: space-between; margin-top: auto; }
.fn-price { font-family: var(--fn-head); font-weight: 700; font-size: 1.2rem; color: #ffb020; }
.fn-price--free { color: var(--fn-accent); }
.fn-price del { color: var(--fn-muted); font-size: .9rem; margin-right: 4px; }
.fn-card__action { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 3px; background: var(--fn-accent); color: #031425; transition: .2s; }
.fn-card--asset:has(.fn-badge--premium) .fn-card__action { background: #3b5bff; color: #fff; }
.fn-card__action:hover { color: #fff; filter: brightness(1.15); box-shadow: var(--fn-glow); }
.fn-duration { position: absolute; right: 8px; bottom: 8px; background: rgba(0, 0, 0, .75); color: #fff; font-size: .75rem; font-weight: 600; padding: 2px 7px; border-radius: 2px; }

/* Sekmeler */
.fn-tabs__list { display: flex; gap: 6px; margin-bottom: 20px; flex-wrap: wrap; }
.fn-tabs__list button {
	background: none; border: 1px solid transparent; color: #cdd8ee; padding: 8px 18px; cursor: pointer;
	font-family: var(--fn-head); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; font-size: .85rem; border-radius: 2px;
}
.fn-tabs__list button:hover { color: #fff; }
.fn-tabs__list button.is-active { border-color: var(--fn-accent); color: #fff; background: rgba(31, 162, 255, .16); box-shadow: inset 0 0 18px rgba(31, 162, 255, .2); }

/* Üçlü bölüm */
.fn-trio { padding: 0; }
.fn-trio::before { display: none; }
.fn-trio__grid { display: grid; grid-template-columns: 1.1fr 1fr 1.25fr; }
.fn-trio__grid > div { padding: 48px 36px; position: relative; }
.fn-trio__grid > div + div { border-left: 1px solid var(--fn-line); }
.fn-trio__about { background: linear-gradient(90deg, rgba(3, 8, 18, .94) 35%, rgba(3, 8, 18, .45)), var(--fn-img, none) center / cover no-repeat; }
.fn-trio__about p { color: #c3d0e8; font-size: .92rem; max-width: 34ch; }
.fn-trio__script { position: absolute; right: 22px; top: 34px; font-size: 1.45rem; }
.fn-trio__about > .fn-h3 { max-width: 55%; min-height: 2.4em; }
.fn-tech { list-style: none; display: flex; gap: 34px; margin: 22px 0 24px; padding: 0; }
.fn-tech li { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.fn-tech__icon { width: 66px; height: 66px; display: grid; place-items: center; color: #fff; }
.fn-tech__icon img { max-width: 60px; max-height: 60px; }
.fn-tech li:nth-child(2) .fn-tech__icon { color: var(--fn-accent); }
.fn-tech__name { font-family: var(--fn-head); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; font-size: .85rem; }
.fn-trio__loghead { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.fn-trio__loghead .fn-link { white-space: nowrap; }
.fn-trio .fn-h3 { font-size: 1.35rem; }
.fn-log { list-style: none; margin: 10px 0 0; padding: 0; }
.fn-log a { display: grid; grid-template-columns: 52px 1fr auto; gap: 14px; align-items: center; padding: 14px 12px; color: #e3ebfa; border-bottom: 1px solid var(--fn-line); font-size: .9rem; transition: background .2s; }
.fn-log a:hover { background: rgba(31, 162, 255, .06); color: #fff; }
.fn-log__num { color: var(--fn-muted); font-family: var(--fn-head); font-weight: 700; }
.fn-log__title { font-weight: 600; }
.fn-log time { color: var(--fn-muted); font-size: .8rem; white-space: nowrap; }

/* Topluluk bandı */
.fn-community {
	position: relative; isolation: isolate; padding: 70px 0;
	background: var(--fn-bg) var(--fn-img, none) center / cover no-repeat;
	border-top: 1px solid var(--fn-line); border-bottom: 1px solid var(--fn-line);
}
.fn-community::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(3, 8, 18, .9) 20%, rgba(3, 8, 18, .45) 60%, rgba(3, 8, 18, .2)); }
.fn-community__inner { position: relative; display: grid; grid-template-columns: 1fr minmax(0, 460px) 1fr; gap: 40px; align-items: center; }
.fn-community__text p { color: #d3ddf0; margin: 0; max-width: 46ch; }
.fn-community__script { font-size: 1.8rem; justify-self: start; }
.fn-newsletter { position: relative; display: flex; }
.fn-newsletter input[type="email"] {
	flex: 1; min-width: 0; background: rgba(5, 12, 25, .75); color: #fff; border: 1px solid var(--fn-line-strong); border-right: 0;
	padding: 14px 16px; font: inherit; border-radius: 3px 0 0 3px;
}
.fn-newsletter input::placeholder { color: #7f8fae; }
.fn-newsletter .fn-btn { border-radius: 0 3px 3px 0; }
.fn-newsletter--stack { flex-direction: column; gap: 10px; }
.fn-newsletter--stack input[type="email"] { border-right: 1px solid var(--fn-line-strong); border-radius: 3px; }
.fn-newsletter--stack .fn-btn { border-radius: 3px; }
.fn-form-msg { position: absolute; top: calc(100% + 8px); left: 0; margin: 0; font-size: .85rem; }
.fn-newsletter--stack .fn-form-msg, .fn-form .fn-form-msg, .fn-layout > div > .fn-form-msg { position: static; }
.fn-form-msg--ok { color: var(--fn-green); }
.fn-form-msg--err { color: #ff6b6b; }

/* Alt bilgi */
.fn-footer { background: #040913; padding: 44px 0 34px; }
.fn-footer__inner { display: grid; grid-template-columns: 1.3fr 1.4fr auto 1.2fr; gap: 40px; align-items: start; }
.fn-footer__tagline { font-family: var(--fn-head); text-transform: uppercase; letter-spacing: .22em; font-size: .72rem; color: var(--fn-muted); margin: 16px 0 0; max-width: 26ch; }
.fn-footer-menu, .fn-footer .fn-menu { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 40px; display: block; }
.fn-footer-menu a, .fn-footer .fn-menu a { display: inline-block; padding: 3px 0; color: #cdd8ee; font-family: var(--fn-head); font-weight: 600; text-transform: uppercase; letter-spacing: .06em; font-size: .85rem; }
.fn-footer .fn-menu a::after { display: none; }
.fn-footer .fn-menu a { white-space: normal; }
.fn-footer .fn-menu { flex-direction: column; }
.fn-footer-menu a:hover { color: var(--fn-accent); }
.fn-social { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; }
.fn-social a { width: 38px; height: 38px; display: grid; place-items: center; color: #dfe8f8; border-radius: 50%; transition: .2s; }
.fn-social a:hover { color: #fff; background: rgba(31, 162, 255, .18); }
.fn-footer__legal { border-left: 1px solid var(--fn-line); padding-left: 28px; font-size: .78rem; color: var(--fn-muted); }
.fn-footer__legal p { margin: 0 0 14px; }
.fn-legal-menu { list-style: none; display: flex; gap: 24px; margin: 0; padding: 0; }
.fn-legal-menu a { color: var(--fn-muted); }
.fn-legal-menu a:hover { color: #fff; }

/* ---------- İç sayfalar ---------- */
.fn-page-hero {
	position: relative; isolation: isolate; padding: 110px 0 60px;
	background: var(--fn-bg) var(--fn-img, none) center / cover no-repeat;
	border-bottom: 1px solid var(--fn-line);
}
.fn-page-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(3, 8, 18, .95) 25%, rgba(3, 8, 18, .6)), linear-gradient(0deg, rgba(3, 8, 18, 1), transparent 60%); }
.fn-page-hero .fn-lead { max-width: 62ch; }
.fn-page-hero--post { padding: 130px 0 50px; }
.fn-game-hero { position: relative; isolation: isolate; padding: 70px 0; background: var(--fn-bg) var(--fn-img, none) center / cover no-repeat; }
.fn-game-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(3, 8, 18, .86); backdrop-filter: blur(6px); }

.fn-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 48px; align-items: start; }
.fn-aside { display: grid; gap: 20px; position: sticky; top: calc(var(--fn-header-h) + 20px); }
.fn-panel { background: linear-gradient(180deg, var(--fn-panel-2), var(--fn-panel)); border: 1px solid var(--fn-line); border-radius: var(--fn-radius); padding: 22px; }
.fn-storelist { list-style: none; margin: 0; padding: 0; }
.fn-storelist a { display: grid; grid-template-columns: 24px 1fr auto 14px; gap: 10px; align-items: center; padding: 10px 0; color: #e3ebfa; border-bottom: 1px solid var(--fn-line); font-size: .9rem; }
.fn-storelist em { font-style: normal; color: var(--fn-accent); font-size: .78rem; }
.fn-storelist a:hover { color: #fff; }
.fn-bigstats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.fn-bigstats strong { display: block; font-family: var(--fn-head); font-size: 2.4rem; color: var(--fn-accent); line-height: 1; }
.fn-bigstats span { color: var(--fn-muted); font-size: .85rem; }

.fn-product { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 36px; align-items: start; }
.fn-product__media { position: relative; border-radius: var(--fn-radius); overflow: hidden; border: 1px solid var(--fn-line-strong); }
.fn-product__media img { width: 100%; }
.fn-product__media .fn-badge { position: absolute; top: 14px; left: 14px; }
.fn-product__price { margin: 10px 0 18px; }
.fn-product__price .fn-price { font-size: 2rem; }
.fn-specs { margin: 22px 0 0; display: grid; gap: 0; }
.fn-specs div { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid var(--fn-line); font-size: .88rem; }
.fn-specs dt { color: var(--fn-muted); }
.fn-specs dd { margin: 0; text-align: right; }

.fn-video { margin-top: 24px; aspect-ratio: 16 / 9; border-radius: var(--fn-radius); overflow: hidden; border: 1px solid var(--fn-line-strong); background: #000; }
.fn-video iframe, .fn-video img { width: 100%; height: 100%; border: 0; object-fit: cover; }

.fn-filter { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; align-items: center; }
.fn-filter a { padding: 7px 16px; border: 1px solid var(--fn-line); border-radius: 2px; color: #cdd8ee; font-family: var(--fn-head); font-weight: 700; text-transform: uppercase; letter-spacing: .07em; font-size: .82rem; }
.fn-filter a:hover { border-color: var(--fn-accent); color: #fff; }
.fn-filter a.is-active { background: rgba(31, 162, 255, .16); border-color: var(--fn-accent); color: #fff; }
.fn-filter__sep { width: 1px; height: 22px; background: var(--fn-line-strong); margin: 0 6px; }

.fn-empty { text-align: center; padding: 40px 0; display: grid; justify-items: center; gap: 8px; }
.fn-empty .fn-icon { color: var(--fn-accent); }
.fn-empty .fn-searchform { width: min(520px, 100%); margin-top: 10px; }
.fn-search-top { max-width: 640px; margin-bottom: 32px; }
.fn-404-search { max-width: 520px; margin-top: 28px; }
.fn-hero--404 { min-height: 620px; }

.pagination, .nav-links { margin-top: 40px; }
.nav-links { display: flex; justify-content: center; gap: 6px; flex-wrap: wrap; }
.page-numbers { min-width: 40px; height: 40px; padding: 0 12px; display: inline-grid; place-items: center; border: 1px solid var(--fn-line); border-radius: 2px; color: #cdd8ee; font-family: var(--fn-head); font-weight: 700; }
.page-numbers.current, .page-numbers:hover { border-color: var(--fn-accent); color: #fff; background: rgba(31, 162, 255, .16); }
.post-navigation .nav-links { justify-content: space-between; margin: 40px 0; }
.post-navigation a { display: flex; flex-direction: column; color: #fff; }
.post-navigation small { color: var(--fn-muted); text-transform: uppercase; letter-spacing: .1em; font-size: .72rem; }

/* İçerik (prose) */
.fn-prose { color: #d3ddf0; font-size: 1.02rem; line-height: 1.75; }
.fn-prose--narrow { max-width: 820px; }
.fn-prose--wide { max-width: 1000px; }
.fn-prose h2 { font-size: 1.8rem; margin-top: 1.6em; color: #fff; }
.fn-prose h3 { font-size: 1.35rem; margin-top: 1.4em; color: #fff; }
.fn-prose a { text-decoration: underline; text-underline-offset: 3px; }
.fn-prose img { border-radius: var(--fn-radius); }
.fn-prose blockquote { margin: 1.5em 0; padding: 4px 0 4px 20px; border-left: 3px solid var(--fn-accent); color: #fff; font-size: 1.15rem; }
.fn-prose code { background: rgba(255, 255, 255, .07); padding: 2px 6px; border-radius: 3px; font-size: .9em; }
.fn-prose pre { background: #030813; border: 1px solid var(--fn-line); padding: 18px; border-radius: var(--fn-radius); overflow: auto; }
.fn-prose ul li::marker { color: var(--fn-accent); }
.fn-prose table { width: 100%; border-collapse: collapse; }
.fn-prose th, .fn-prose td { border: 1px solid var(--fn-line); padding: 10px; }
.alignwide { max-width: 1100px; }
.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); }
.wp-block-button__link { background: var(--fn-accent); color: #031425; border-radius: 3px; font-family: var(--fn-head); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.wp-caption-text, figcaption { color: var(--fn-muted); font-size: .85rem; text-align: center; }

/* Formlar */
.fn-form { display: grid; gap: 16px; margin-top: 24px; }
.fn-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.fn-form label span { display: block; font-family: var(--fn-head); text-transform: uppercase; letter-spacing: .08em; font-size: .8rem; margin-bottom: 6px; color: #cdd8ee; }
.fn-form input, .fn-form select, .fn-form textarea, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea {
	width: 100%; background: rgba(3, 8, 18, .7); color: #fff; border: 1px solid var(--fn-line-strong); border-radius: 3px; padding: 12px 14px; font: inherit;
}
.fn-form input:focus, .fn-form select:focus, .fn-form textarea:focus, .comment-form textarea:focus { outline: none; border-color: var(--fn-accent); box-shadow: 0 0 0 3px rgba(31, 162, 255, .2); }
.fn-form .fn-btn { justify-self: start; }
.fn-contact { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 14px; }
.fn-contact li { display: flex; gap: 12px; align-items: center; color: #d3ddf0; font-size: .92rem; }
.fn-contact .fn-icon { color: var(--fn-accent); flex-shrink: 0; }

.fn-comments { margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--fn-line); }
.fn-comment-list { list-style: none; padding: 0; }
.fn-comment-list .comment-body { padding: 16px 0; border-bottom: 1px solid var(--fn-line); }
.fn-comment-list .avatar { border-radius: 50%; float: left; margin-right: 12px; }

.fn-widget { margin-bottom: 28px; }

/* Lightbox */
.fn-lightbox { position: fixed; inset: 0; z-index: 1000; background: rgba(2, 5, 12, .92); display: grid; place-items: center; padding: 24px; }
.fn-lightbox[hidden] { display: none; }
.fn-lightbox__frame { width: min(1100px, 100%); aspect-ratio: 16 / 9; background: #000; border: 1px solid var(--fn-line-strong); }
.fn-lightbox__frame iframe { width: 100%; height: 100%; border: 0; }
.fn-lightbox__close { position: absolute; top: 18px; right: 18px; background: none; border: 0; color: #fff; cursor: pointer; }

/* ---------- Duyarlı tasarım ---------- */
@keyframes fn-slide { from { transform: translateX(40px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (max-width: 1400px) {
	.fn-header__inner { gap: 18px; }
	.fn-menu { gap: 0; }
	.fn-menu a { padding: 8px 9px; font-size: .88rem; letter-spacing: .05em; }
	.fn-header__lang { display: none; }
}

@media (max-width: 1180px) {
	.fn-cards--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.fn-split__grid { grid-template-columns: 1fr; gap: 24px; }
	.fn-section-head { display: grid; grid-template-columns: 1fr auto; column-gap: 24px; align-items: end; }
	.fn-section-head .fn-eyebrow, .fn-section-head .fn-h2 { grid-column: 1 / -1; }
	.fn-section-head .fn-lead { margin: 0; max-width: 60ch; }
	.fn-trio__grid { grid-template-columns: 1fr 1fr; }
	.fn-trio__log { grid-column: 1 / -1; border-left: 0 !important; border-top: 1px solid var(--fn-line); }
	.fn-footer__inner { grid-template-columns: 1fr 1fr; }
	.fn-footer__legal { border-left: 0; padding-left: 0; }
	.fn-community__inner { grid-template-columns: 1fr 1fr; }
	.fn-community__script { display: none; }
}

@media (max-width: 1200px) {
	:root { --fn-header-h: 64px; }
	.fn-menu-toggle { display: inline-grid; }
	.fn-header__lang { display: none; }
	.fn-nav {
		position: absolute; top: 100%; right: 0; z-index: 99; width: min(360px, 100%);
		height: calc(100vh - var(--fn-header-h)); height: calc(100dvh - var(--fn-header-h));
		flex-direction: column; justify-content: flex-start; padding: 24px;
		background: #040a16; border-left: 1px solid var(--fn-line); box-shadow: -30px 0 60px rgba(0, 0, 0, .6);
		overflow-y: auto; display: none;
	}
	.fn-nav.is-open { display: flex; animation: fn-slide .28s ease-out; }
	.fn-menu { flex-direction: column; gap: 0; }
	.fn-menu a { padding: 14px 4px; font-size: 1.05rem; border-bottom: 1px solid var(--fn-line); }
	.fn-menu > li > a::after { display: none; }
	.fn-menu .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; border: 0; background: none; margin: 0; padding: 0 0 0 16px; }
	.fn-nav__mobile-extra { display: block; margin-top: 20px; }
	.fn-menu-open .fn-menu-toggle .fn-open { display: none; }
	.fn-menu-open .fn-menu-toggle .fn-close { display: block; }
}

@media (max-width: 960px) {
	.fn-featured__grid, .fn-layout, .fn-product { grid-template-columns: 1fr; gap: 32px; }
	.fn-aside { position: static; }
	.fn-hero__feats { grid-template-columns: repeat(2, 1fr); margin-top: 48px; }
	.fn-hero__script { display: none; }
	.fn-cards--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
	.fn-container { padding: 0 16px; }
	.fn-section { padding: 52px 0; }
	.fn-logo__name { font-size: 1.2rem; }
	.fn-logo__mark { width: 34px; height: 34px; }
	.fn-header__tools .fn-iconbtn[aria-label="Sepet"] { display: none; }
	.fn-header__inner { gap: 12px; }
	.fn-hero { min-height: 0; background-position: 62% center; }
	.fn-hero::before { background: linear-gradient(0deg, rgba(3, 8, 18, .97) 10%, rgba(3, 8, 18, .6) 60%, rgba(3, 8, 18, .45)); }
	.fn-hero__inner { padding-top: 48px; }
	.fn-hero__text { font-size: 1rem; }
	.fn-btns .fn-btn { width: 100%; }
	.fn-hero__feats { gap: 18px; }
	.fn-hero__feats a { gap: 10px; }
	.fn-hero__feats .fn-icon { width: 28px; height: 28px; }
	.fn-cards--2, .fn-cards--3 { grid-template-columns: 1fr; }
	.fn-cards--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.fn-card__body { padding: 12px; }
	.fn-card__title { font-size: .98rem; }
	.fn-section-head { display: block; }
	.fn-section-head .fn-lead { margin-bottom: 16px; }
	.fn-trio__grid { grid-template-columns: 1fr; }
	.fn-trio__grid > div { padding: 40px 0; }
	.fn-trio__grid > div + div { border-left: 0; border-top: 1px solid var(--fn-line); }
	.fn-trio__about { margin: 0 -16px; padding: 40px 16px !important; }
	.fn-tech { gap: 20px; justify-content: space-between; }
	.fn-log a { grid-template-columns: 44px 1fr; }
	.fn-log time { grid-column: 2; }
	.fn-community__inner { grid-template-columns: 1fr; gap: 24px; }
	.fn-newsletter { flex-direction: column; gap: 10px; }
	.fn-newsletter input[type="email"] { border-right: 1px solid var(--fn-line-strong); border-radius: 3px; }
	.fn-newsletter .fn-btn { border-radius: 3px; }
	.fn-footer__inner { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.fn-media__thumbs { grid-auto-columns: calc((100% - 20px) / 3); }
	.fn-media__script { display: none; }
	.fn-play { width: 64px; height: 64px; }
	.fn-form__row { grid-template-columns: 1fr; }
	.fn-page-hero { padding: 70px 0 40px; }
	.fn-store-btns .fn-btn { flex: 1 1 100%; }
}

@media (max-width: 380px) {
	.fn-cards--4 { grid-template-columns: 1fr; }
}