/* =====================================================================
   NewFag tema katmani (LeaderOS Flat uzerine)
   Koyu zemin + altin/turuncu vurgu, Outfit (baslik) + Inter (metin)
   ===================================================================== */

/* ---------- fontlar (tema icinde, Google'a istek yok) ---------- */
@font-face { font-family: 'Outfit'; font-style: normal; font-display: swap; font-weight: 100 900;
	src: url(../fonts/outfit.woff2) format('woff2');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Outfit'; font-style: normal; font-display: swap; font-weight: 100 900;
	src: url(../fonts/outfit-ext.woff2) format('woff2');
	unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-display: swap; font-weight: 100 900;
	src: url(../fonts/inter.woff2) format('woff2');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-display: swap; font-weight: 100 900;
	src: url(../fonts/inter-ext.woff2) format('woff2');
	unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

/* ---------- renk sistemi ---------- */
:root, [data-bs-theme=dark], [data-bs-theme=light] {
	--nf-zemin: #0a0a0a;
	--nf-zemin-2: #101010;
	--nf-yuzey: #151515;
	--nf-yuzey-2: #1c1c1c;
	--nf-yuzey-3: #242424;
	--nf-cizgi: rgba(255, 255, 255, .07);
	--nf-cizgi-2: rgba(255, 255, 255, .12);
	--nf-metin: #eceef3;
	--nf-soluk: #9298a8;
	--nf-soluk-2: #6b7182;
	--nf-altin: #ffc93c;
	--nf-turuncu: #ff7a18;
	--nf-gradyan: linear-gradient(135deg, #ffd25a 0%, #ffa62b 45%, #ff7a18 100%);
	--nf-gradyan-metin: linear-gradient(100deg, #ffe08a 0%, #ffb23e 45%, #ff7a18 100%);
	--nf-parilti: 0 10px 40px -10px rgba(255, 140, 30, .55);
	--nf-golge: 0 20px 50px -20px rgba(0, 0, 0, .8);
	--nf-r: 16px;
	--nf-r-kucuk: 10px;
	--nf-baslik-font: 'Outfit', 'Inter', system-ui, sans-serif;

	--tblr-font-sans-serif: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--tblr-body-bg: var(--nf-zemin);
	--tblr-body-bg-rgb: 10, 10, 10;
	--tblr-bg-surface: var(--nf-yuzey);
	--tblr-bg-surface-secondary: var(--nf-yuzey-2);
	--tblr-bg-surface-tertiary: var(--nf-yuzey-3);
	--tblr-bg-forms: var(--nf-zemin-2);
	--tblr-body-color: var(--nf-metin);
	--tblr-body-color-rgb: 236, 238, 243;
	--tblr-emphasis-color: #fff;
	--tblr-heading-color: #fff;
	--tblr-secondary-color: var(--nf-soluk);
	--tblr-muted: var(--nf-soluk);
	--tblr-muted-rgb: 146, 152, 168;
	--tblr-border-color: var(--nf-cizgi);
	--tblr-border-color-translucent: var(--nf-cizgi);
	--tblr-card-bg: var(--nf-yuzey);
	--tblr-link-color: var(--nf-altin);
	--tblr-link-color-rgb: 255, 201, 60;
	--tblr-link-hover-color: #ffe08a;
	--tblr-dropdown-bg: var(--nf-yuzey-2);
	--tblr-dark-mode-border-color: var(--nf-cizgi);
	--tblr-navbar-active-border-color: var(--nf-ana, #ff9f1c);
	color-scheme: dark;
}

html { scroll-behavior: smooth; }

body.nf-govde {
	background: var(--nf-zemin);
	color: var(--nf-metin);
	font-family: var(--tblr-font-sans-serif);
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}
body.nf-govde .page { background: transparent; }
body.nf-govde .page-wrapper { background: transparent; }

::selection { background: rgba(255, 166, 43, .35); color: #fff; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--nf-zemin); }
::-webkit-scrollbar-thumb { background: #2a303d; border-radius: 10px; border: 2px solid var(--nf-zemin); }
::-webkit-scrollbar-thumb:hover { background: #3a4152; }

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5, .page-title, .card-title, .navbar, .btn, .nf-btn {
	font-family: var(--nf-baslik-font);
	letter-spacing: -.01em;
}
.page-title { font-size: 1.75rem; font-weight: 700; color: #fff; }

a { color: var(--nf-altin); }
a:hover { color: #ffe08a; text-decoration: none; }

.nf-gradyan-metin {
	background: var(--nf-gradyan-metin);
	-webkit-background-clip: text; background-clip: text;
	-webkit-text-fill-color: transparent; color: transparent;
}

/* ---------- butonlar ---------- */
.nf-btn {
	--b-yuk: 44px;
	display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
	height: var(--b-yuk); padding: 0 1.25rem;
	border-radius: 12px; border: 1px solid transparent;
	font-weight: 600; font-size: .95rem; line-height: 1;
	cursor: pointer; white-space: nowrap; text-decoration: none !important;
	transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.nf-btn .ti { font-size: 1.15rem; }
.nf-btn--ana { background: var(--nf-gradyan); color: #1a1003 !important; box-shadow: 0 6px 24px -8px rgba(255, 140, 30, .7), inset 0 1px 0 rgba(255,255,255,.35); }
.nf-btn--ana:hover { transform: translateY(-2px); box-shadow: 0 12px 30px -8px rgba(255, 140, 30, .85), inset 0 1px 0 rgba(255,255,255,.35); color: #1a1003 !important; }
.nf-btn--hayalet { background: rgba(255,255,255,.04); border-color: var(--nf-cizgi-2); color: var(--nf-metin) !important; }
.nf-btn--hayalet:hover { background: rgba(255,255,255,.08); border-color: rgba(255, 201, 60, .45); color: #fff !important; }
.nf-btn--discord { background: #5865f2; color: #fff !important; box-shadow: 0 6px 24px -8px rgba(88,101,242,.7); }
.nf-btn--discord:hover { transform: translateY(-2px); background: #6a75f5; color: #fff !important; }
.nf-btn--buyuk { --b-yuk: 54px; padding: 0 1.75rem; font-size: 1.05rem; border-radius: 14px; }
.nf-btn--kucuk { --b-yuk: 34px; padding: 0 .85rem; font-size: .85rem; border-radius: 9px; }

/* Tabler butonlarini temaya uydur */
.btn { border-radius: 10px; font-weight: 600; }
.btn-primary {
	--tblr-btn-bg: var(--nf-ana); --tblr-btn-border-color: transparent; --tblr-btn-color: #1a1003;
	background: var(--nf-gradyan) !important; border-color: transparent !important; color: #1a1003 !important;
	box-shadow: 0 6px 20px -10px rgba(255, 140, 30, .8);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
	background: var(--nf-gradyan) !important; color: #1a1003 !important; filter: brightness(1.08) !important;
	box-shadow: 0 10px 26px -10px rgba(255, 140, 30, .95);
}
.btn-primary.disabled, .btn-primary:disabled { opacity: .45; }
.btn-outline-primary { color: var(--nf-altin) !important; border-color: rgba(255, 201, 60, .5) !important; background: transparent !important; }
.btn-outline-primary:hover { background: rgba(255, 201, 60, .1) !important; }
.btn-light, .btn-white, .btn-secondary, .btn-outline-secondary, .btn-default {
	background: var(--nf-yuzey-2) !important; color: var(--nf-metin) !important; border-color: var(--nf-cizgi-2) !important;
}
.btn-light:hover, .btn-white:hover, .btn-secondary:hover { background: var(--nf-yuzey-3) !important; }
.btn-success { background: #1fb86a !important; border-color: transparent !important; color: #fff !important; }
.btn-danger { background: #e5484d !important; border-color: transparent !important; color: #fff !important; }
.btn-transparent { color: var(--nf-metin) !important; }

/* ---------- kartlar, formlar, tablolar ---------- */
.card {
	--tblr-card-bg: var(--nf-yuzey);
	--tblr-card-border-color: var(--nf-cizgi);
	--tblr-card-border-radius: var(--nf-r);
	--tblr-card-cap-bg: transparent;
	background: var(--nf-yuzey);
	border: 1px solid var(--nf-cizgi);
	border-radius: var(--nf-r);
	box-shadow: none;
	overflow: hidden;
}
.card-header { border-bottom-color: var(--nf-cizgi); background: rgba(255,255,255,.015); }
.card-footer { border-top-color: var(--nf-cizgi); background: rgba(255,255,255,.015); }
.card-title { color: #fff; font-weight: 700; }
a.card, .card-hover { transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
a.card:hover, .card-hover:hover { transform: translateY(-4px); border-color: rgba(255, 201, 60, .35); box-shadow: var(--nf-golge), 0 0 0 1px rgba(255, 201, 60, .08); text-decoration: none; }
a.card { color: var(--nf-metin); }
.card-img-top { border-radius: 0; }

.form-control, .form-select, .input-group-text, .select2-container--bootstrap4 .select2-selection {
	background-color: var(--nf-zemin-2) !important;
	border-color: var(--nf-cizgi-2) !important;
	color: var(--nf-metin) !important;
	border-radius: 10px;
}
.form-control:focus, .form-select:focus {
	border-color: rgba(255, 166, 43, .7) !important;
	box-shadow: 0 0 0 3px rgba(255, 166, 43, .15) !important;
}
.form-control::placeholder { color: var(--nf-soluk-2); }
.form-label { color: #d4d7df; font-weight: 500; }
.form-check-input { background-color: var(--nf-zemin-2); border-color: var(--nf-cizgi-2); }
.form-check-input:checked { background-color: var(--nf-ana); border-color: var(--nf-ana); }
.border-input { border-color: var(--nf-cizgi-2) !important; }

.table { --tblr-table-bg: transparent; --tblr-table-color: var(--nf-metin); --tblr-table-border-color: var(--nf-cizgi); color: var(--nf-metin); }
.table thead th { background: rgba(255,255,255,.025); color: var(--nf-soluk); font-weight: 600; letter-spacing: .04em; border-bottom-color: var(--nf-cizgi); }
.table-hover > tbody > tr:hover > * { --tblr-table-accent-bg: rgba(255, 201, 60, .04); color: #fff; }

.dropdown-menu {
	background: var(--nf-yuzey-2); border: 1px solid var(--nf-cizgi-2); border-radius: 12px;
	box-shadow: 0 20px 50px -15px rgba(0,0,0,.8); padding: .4rem;
}
.dropdown-item { border-radius: 8px; color: var(--nf-metin); padding: .55rem .8rem; }
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { background: rgba(255, 201, 60, .08) !important; color: #fff !important; }
.dropdown-divider { border-color: var(--nf-cizgi); }
.dropdown-menu-arrow::before { display: none !important; }

.breadcrumb {
	background: transparent; border: 0 !important; padding: 0; margin-bottom: .25rem; font-size: .9rem;
}
.breadcrumb-item a { color: var(--nf-soluk); }
.breadcrumb-item a:hover { color: var(--nf-altin); }
.breadcrumb-item.active { color: var(--nf-metin) !important; }
.breadcrumb-item + .breadcrumb-item::before { color: var(--nf-soluk-2); }

.alert { border-radius: 12px; border: 1px solid var(--nf-cizgi-2); }
.alert-danger, .alert-error { background: rgba(229, 72, 77, .12) !important; color: #ffb4b6; border-color: rgba(229, 72, 77, .35); }
.alert-success { background: rgba(31, 184, 106, .12) !important; color: #9ff0c6; border-color: rgba(31, 184, 106, .35); }
.alert-warning { background: rgba(255, 166, 43, .12) !important; color: #ffd59a; border-color: rgba(255, 166, 43, .35); }
.alert-info { background: rgba(88, 101, 242, .12) !important; color: #c1c7ff; border-color: rgba(88, 101, 242, .35); }

.nav-tabs { border-bottom-color: var(--nf-cizgi); }
.nav-tabs .nav-link.active { color: #fff; border-bottom-color: var(--nf-ana) !important; background: transparent; }
.page-link { background: var(--nf-yuzey); border-color: var(--nf-cizgi); color: var(--nf-metin); border-radius: 9px !important; margin: 0 2px; }
.page-item.active .page-link { background: var(--nf-gradyan); color: #1a1003; border-color: transparent; }
.progress { background: var(--nf-yuzey-2); border-radius: 999px; }
.progress-bar { background: var(--nf-gradyan) !important; }
.badge { border-radius: 7px; font-weight: 600; }
.text-muted, [data-bs-theme=dark] .text-muted { color: var(--nf-soluk) !important; }
.modal-content { background: var(--nf-yuzey); border: 1px solid var(--nf-cizgi-2); border-radius: var(--nf-r); }
.modal-header, .modal-footer { border-color: var(--nf-cizgi); }
.swal2-popup { background: var(--nf-yuzey) !important; color: var(--nf-metin) !important; border-radius: var(--nf-r) !important; border: 1px solid var(--nf-cizgi-2); }
.swal2-title { color: #fff !important; font-family: var(--nf-baslik-font); }
.swal2-content { color: var(--nf-soluk) !important; }
.swal2-confirm { background: var(--nf-gradyan) !important; color: #1a1003 !important; border-radius: 10px !important; }

.section { margin: 3rem 0 4rem; }

/* magaza kartlari (Flat isaretlemesi) */
.card-product .card-img-top { aspect-ratio: 1 / 1; object-fit: cover; background: var(--nf-yuzey-2); transition: transform .4s ease; }
.card-product:hover .card-img-top { transform: scale(1.04); }
.card-product .price { color: #fff; font-family: var(--nf-baslik-font); font-weight: 700; font-size: 1.15rem; }
.card-product .old-price { color: var(--nf-soluk-2); text-decoration: line-through; font-size: .85rem; }
.card-product .discount { background: var(--nf-gradyan) !important; color: #1a1003 !important; font-weight: 800; box-shadow: var(--nf-parilti); }
.card-product .stock { border-radius: 8px; }
.store-categories .card-img-top, .store-section a.card .card-img-top { aspect-ratio: 16 / 10; object-fit: cover; }

.card-product { overflow: visible; }
.card-product .card-img-top { border-radius: var(--nf-r) var(--nf-r) 0 0; }
.card-product .discount { z-index: 3; }

/* giris / kayit / hata sayfalari */
body.nf-giris {
	background:
		radial-gradient(800px 500px at 50% -10%, rgba(255, 150, 40, .18), transparent 70%),
		radial-gradient(600px 400px at 100% 100%, rgba(255, 90, 20, .08), transparent 70%),
		var(--nf-zemin) !important;
}
body.nf-giris .page { background: transparent; }
body.nf-giris .auth-logo, body.nf-giris .navbar-brand img { max-height: 90px; width: auto; filter: drop-shadow(0 12px 30px rgba(255, 130, 20, .3)); }
body.nf-giris .card { background: rgba(20, 24, 33, .85); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-color: var(--nf-cizgi-2); box-shadow: var(--nf-golge); }
body.nf-giris .card-body { padding: 2.2rem; }
body.nf-giris .hr-text { color: var(--nf-soluk-2); }
body.nf-giris .hr-text::before, body.nf-giris .hr-text::after { background: var(--nf-cizgi-2); }

/* duyuru bandi */
.broadcast { background: linear-gradient(90deg, rgba(255,166,43,.18), rgba(255,122,24,.08)); border-bottom: 1px solid rgba(255,166,43,.2); }
.broadcast-link { color: #ffd59a !important; font-weight: 500; }


/* siralama sayfasi (LeaderOS leaderboards) */
.nf-lb-tablo-kafa { width: 24px; height: 24px; border-radius: 6px; image-rendering: pixelated; }
.leaderboards-section .list-group-item { background: transparent; border-color: var(--nf-cizgi); }
.leaderboards-section .list-group-item.active { background: rgba(255, 201, 60, .08); border-left: 3px solid var(--nf-altin); }
.leaderboards-section .list-group-item a { color: var(--nf-metin); display: block; }
.leaderboards-section tbody tr.active > * { background: rgba(255, 201, 60, .08) !important; }
.leaderboards-section #searchBox { border-bottom: 1px solid var(--nf-cizgi); }
.leaderboards-section #searchBox .form-control { background: transparent !important; border: 0 !important; }
.list-group-item { background: transparent; border-color: var(--nf-cizgi); color: var(--nf-metin); }
.list-group-item.active { background: rgba(255, 201, 60, .1); border-color: var(--nf-cizgi); color: #fff; }


/* =====================================================================
   v2 — Blocksmiths tarzi kutu duzeni
   ===================================================================== */
:root {
	--nf-kutu: rgba(22, 22, 22, .92);
	--nf-kutu-hover: rgba(30, 30, 30, .95);
	--nf-r-kutu: 22px;
	--nf-kol: clamp(150px, 13.5vw, 230px);
	--nf-bosluk: 12px;
}
body.nf-govde { background: var(--nf-zemin); }
.footer, .navbar, .broadcast { display: none !important; }

/* ---------- ust cubuk: sol logo (ic sayfalar), sag giris/kayit ---------- */
.nf-cubuk { position: fixed; top: var(--nf-bant, 0px); left: 0; right: 0; z-index: 1040; display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; pointer-events: none; }
.nf-cubuk > * { pointer-events: auto; }
.nf-cubuk__sol { display: flex; align-items: center; gap: 8px; }
.nf-cubuk__logo { display: flex; align-items: center; height: 44px; color: #fff !important; text-decoration: none !important; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.nf-cubuk__logo:hover { transform: scale(1.07) rotate(-2deg); }
.nf-cubuk__logo img { height: 44px; width: auto; max-width: 120px; object-fit: contain; filter: drop-shadow(0 4px 8px rgba(0,0,0,.6)); }
.nf-cubuk__menu { width: 38px; height: 38px; padding: 0; border-radius: 12px; background: rgba(22, 22, 22, .9); border: 1px solid var(--nf-cizgi); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.15rem; cursor: pointer; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: background .2s, border-color .2s, color .2s; }
.nf-cubuk__menu:hover { background: rgba(34, 34, 34, .95); border-color: rgba(255, 201, 60, .35); }
.nf-cubuk__menu[aria-expanded="true"] { background: var(--nf-gradyan); border-color: transparent; color: #1a1003; }

/* ust menu katmani (ic sayfalarda logonun yanindaki dugme) */
.nf-menu { position: fixed; inset: 0; z-index: 1035; display: flex; align-items: center; justify-content: center; padding: 76px 16px 32px; overflow-y: auto; overscroll-behavior: contain; }
.nf-menu[hidden] { display: none !important; }
.nf-menu__arka { position: fixed; inset: 0; background: rgba(8, 8, 10, .72); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); animation: nf-menu-arka .25s ease both; }
@keyframes nf-menu-arka { from { opacity: 0; } to { opacity: 1; } }
html.nf-menu-acik, html.nf-menu-acik body { overflow: hidden; }
html.nf-menu-acik .nf-sepet-btn { opacity: 0; pointer-events: none; }
.nf-izgara--menu { position: relative; z-index: 1; margin: auto; }
.nf-izgara--menu .nf-k { cursor: pointer; }
.nf-izgara--menu .nf-k--anarsi { grid-column: span 2; }
.nf-izgara--menu .nf-k--cpvp { grid-column: span 3; }
.nf-izgara--menu .nf-k--mmagaza .nf-render { height: 80%; right: 2%; }
a.nf-k--mod:hover { border-color: rgba(255,255,255,.1); }
.nf-k--anarsi:hover { background: linear-gradient(160deg, rgba(74, 28, 20, .95), rgba(26, 20, 20, .96) 70%); }
.nf-k--cpvp:hover { background: linear-gradient(160deg, rgba(44, 28, 72, .95), rgba(20, 20, 28, .96) 70%); }
.nf-cubuk__sag { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.nf-hap { display: inline-flex; align-items: center; gap: .45rem; height: 38px; padding: 0 16px; border-radius: 12px; background: rgba(22, 22, 22, .9); border: 1px solid var(--nf-cizgi); color: #fff !important; font-family: var(--nf-baslik-font); font-weight: 600; font-size: .85rem; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: background .2s, border-color .2s; text-decoration: none !important; }
.nf-hap:hover { background: rgba(34, 34, 34, .95); border-color: rgba(255, 201, 60, .35); }
.nf-hap--kullanici { padding: 0 12px 0 5px; gap: .55rem; }
.nf-hap--kullanici img, .nf-hap--kullanici .avatar { width: 28px; height: 28px; border-radius: 8px; image-rendering: pixelated; }
.nf-hap .ti { font-size: 1rem; }

/* ---------- sag alt sepet ---------- */
.nf-sepet-btn { position: fixed; right: 18px; bottom: 18px; z-index: 1040; width: 48px; height: 48px; border-radius: 13px; display: flex; align-items: center; justify-content: center; background: var(--nf-gradyan); color: #1a1003 !important; box-shadow: 0 10px 30px -8px rgba(255, 140, 30, .7); transition: transform .2s, box-shadow .2s; }
.nf-sepet-btn:hover { transform: translateY(-2px) scale(1.04); box-shadow: 0 14px 34px -8px rgba(255, 140, 30, .9); }
.nf-sepet-btn .ti { font-size: 1.35rem; }
.nf-sepet-btn__sayi { position: absolute; top: -6px; right: -6px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; background: #fff; color: #1a1003; font-size: .7rem; font-weight: 800; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 3px var(--nf-zemin); }

/* ---------- ana sayfa sahnesi ---------- */
.nf-ev { position: relative; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--nf-bosluk); padding: 84px 16px 64px; overflow: hidden; isolation: isolate; }
.nf-ev__arka { position: fixed; inset: -30px; z-index: -2; background-size: cover; background-position: center; filter: blur(7px) brightness(.85) saturate(1.15); transform: scale(1.04); }
.nf-ev::before { content: ""; position: fixed; inset: 0; z-index: -1; background: radial-gradient(ellipse 75% 75% at 50% 48%, rgba(10,10,10,.05), rgba(10,10,10,.45) 70%, rgba(10,10,10,.85) 100%); pointer-events: none; }
.nf-ev__alt { position: absolute; left: 0; right: 0; bottom: 14px; text-align: center; font-size: .75rem; color: rgba(255,255,255,.35); }
.nf-ev__alt a { color: rgba(255,255,255,.45) !important; }
.nf-ev__alt a:hover { color: #fff !important; }
.nf-ev__alt span + span::before { content: "•"; margin: 0 .5rem; opacity: .6; }

.nf-izgara { display: grid; grid-template-columns: repeat(4, var(--nf-kol)); grid-auto-rows: calc(var(--nf-kol) * 1.13); gap: var(--nf-bosluk); }
.nf-izgara[hidden] { display: none !important; }
.nf-izgara.nf-giriyor > * { animation: nf-kutu-gir .45s cubic-bezier(.2,.8,.2,1) both; }
.nf-izgara.nf-giriyor > *:nth-child(2) { animation-delay: .04s; }
.nf-izgara.nf-giriyor > *:nth-child(3) { animation-delay: .08s; }
.nf-izgara.nf-giriyor > *:nth-child(4) { animation-delay: .12s; }
.nf-izgara.nf-giriyor > *:nth-child(5) { animation-delay: .16s; }
.nf-izgara.nf-giriyor > *:nth-child(6) { animation-delay: .2s; }
@keyframes nf-kutu-gir { from { opacity: 0; transform: translateY(14px) scale(.98); } to { opacity: 1; transform: none; } }

.nf-k {
	position: relative; overflow: hidden; border-radius: var(--nf-r-kutu); background: var(--nf-kutu);
	border: 1px solid rgba(255,255,255,.04); color: #fff !important; text-decoration: none !important;
	-webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
	transition: background .25s ease, border-color .25s ease;
	display: block; text-align: left; padding: 0; font: inherit;
}
button.nf-k { cursor: pointer; width: 100%; height: 100%; }
a.nf-k:hover, button.nf-k:hover { background: var(--nf-kutu-hover); border-color: rgba(255,255,255,.08); }
.nf-k__baslik { position: absolute; top: 18px; left: 20px; z-index: 2; font-family: var(--nf-baslik-font); font-weight: 700; font-size: 1.2rem; letter-spacing: -.01em; color: #fff; }
.nf-k__ust-yazi { position: absolute; top: 18px; left: 20px; z-index: 2; font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.5); }
.nf-k__alt-yazi { position: absolute; bottom: 16px; left: 20px; z-index: 2; font-size: .66rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.45); }
.nf-k__alt-yazi b { color: rgba(255,255,255,.7); font-weight: 700; }
.nf-k__alt-yazi, .nf-k__ust-yazi, .nf-k__baslik { text-shadow: 0 1px 10px rgba(0,0,0,.6); }
.nf-k--golge::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 42%; z-index: 1; pointer-events: none; background: linear-gradient(to top, rgba(12,12,14,.82), rgba(12,12,14,0)); }

/* karakter renderlari: alta yaslanir, hover'da one dogru buyur */
.nf-render { position: absolute; bottom: 0; z-index: 1; height: 92%; width: auto; max-width: none; object-fit: contain; object-position: bottom; transform-origin: 50% 100%; transition: transform .45s cubic-bezier(.2,.8,.2,1), filter .45s ease; filter: drop-shadow(0 14px 22px rgba(0,0,0,.55)); pointer-events: none; user-select: none; }
.nf-k:hover .nf-render, .nf-k.nf-dokundu .nf-render { transform: scale(1.09); filter: drop-shadow(0 20px 30px rgba(0,0,0,.65)); }
.nf-render--sag { right: 6%; }
.nf-render--orta { left: 50%; transform: translateX(-50%); transform-origin: 50% 100%; }
.nf-k:hover .nf-render--orta, .nf-k.nf-dokundu .nf-render--orta { transform: translateX(-50%) scale(1.09); }

/* 1: logo + IP */
.nf-k--logo { background: transparent; border: 0; display: flex; flex-direction: column; gap: 10px; overflow: visible; -webkit-backdrop-filter: none; backdrop-filter: none; }
.nf-logo-kutu { flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center; padding: 2% 0; }
.nf-logo-kutu img { max-width: 100%; max-height: 100%; object-fit: contain; transition: transform .45s cubic-bezier(.2,.8,.2,1), filter .45s ease; filter: drop-shadow(0 12px 18px rgba(0,0,0,.55)); }
.nf-k--logo:hover .nf-logo-kutu img { transform: scale(1.06) rotate(-1.5deg); filter: drop-shadow(0 18px 26px rgba(0,0,0,.65)); }
/* eski sari kutu isteyen icin: tema ayarlarinda "Logo kutusu arka plani" acilinca */
.nf-logo-kutu--dolu { border-radius: var(--nf-r-kutu); background: var(--nf-gradyan); padding: 16%; box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 18px 40px -20px rgba(255, 140, 30, .6); overflow: hidden; }
.nf-ip2 { height: 40px; flex-shrink: 0; border-radius: 13px; background: var(--nf-kutu); border: 1px solid rgba(255,255,255,.05); display: flex; align-items: center; justify-content: center; gap: .5rem; color: #fff !important; font-family: var(--nf-baslik-font); font-weight: 800; font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; cursor: copy; transition: background .2s, border-color .2s; text-decoration: none !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.nf-ip2:hover { background: var(--nf-kutu-hover); border-color: rgba(255, 201, 60, .35); }
.nf-ip2 .ti { font-size: .95rem; opacity: .75; }

/* 2: magaza */
.nf-k--magaza { grid-column: span 2; }
.nf-k--magaza .nf-render { height: 96%; right: 5%; }

/* 3: discord */
.nf-k--discord { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-align: center; }
.nf-k--discord .nf-dc-logo { width: 34%; height: auto; transition: transform .45s cubic-bezier(.2,.8,.2,1); filter: drop-shadow(0 8px 18px rgba(88,101,242,.45)); }
.nf-k--discord:hover .nf-dc-logo { transform: scale(1.1); }
.nf-dc-yazi { font-family: var(--nf-baslik-font); font-weight: 800; font-size: clamp(1.5rem, 2.6vw, 2.4rem); letter-spacing: -.03em; line-height: 1; margin-top: 10px; }
.nf-dc-alt { display: inline-flex; align-items: center; gap: .35rem; font-size: .75rem; color: rgba(255,255,255,.6); }
.nf-nokta { width: 7px; height: 7px; border-radius: 50%; background: #3ddc84; box-shadow: 0 0 8px rgba(61,220,132,.8); }

/* 4: modlar */
.nf-k--modlar { grid-column: span 2; }
.nf-k--modlar .nf-render { height: 84%; right: 3%; }

/* 5: sunucu */
.nf-k--sunucu { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; cursor: default; }
.nf-sv-etiket { font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.55); }
.nf-sv-sayi { font-family: var(--nf-baslik-font); font-weight: 800; font-size: clamp(2.4rem, 4.2vw, 3.6rem); line-height: 1; letter-spacing: -.03em; margin: 6px 0 4px; font-variant-numeric: tabular-nums; }
.nf-sv-alt { font-size: .78rem; color: rgba(255,255,255,.6); }
.nf-sv-oyun { margin-top: 14px; font-size: .78rem; font-weight: 700; background: var(--nf-gradyan-metin); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

/* 6: destek */
.nf-k--destek .nf-render { height: 86%; }

/* modlar gorunumu */
.nf-k--geri { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; font-family: var(--nf-baslik-font); font-weight: 700; font-size: 1rem; }
.nf-k--geri .ti { font-size: 1.1rem; transition: transform .25s; }
.nf-k--geri:hover .ti { transform: translateX(-4px); }
.nf-k--mod { cursor: default; }
.nf-k--anarsi { grid-column: span 3; background: linear-gradient(160deg, rgba(60, 22, 16, .92), rgba(22, 18, 18, .94) 70%); }
.nf-k--cpvp { grid-column: span 4; background: linear-gradient(160deg, rgba(34, 22, 56, .92), rgba(18, 18, 24, .94) 70%); }
.nf-k--mod .nf-render { height: 92%; right: 4%; }
.nf-k--anarsi .nf-render { height: 88%; bottom: 6%; right: 3%; transform-origin: 50% 50%; animation: nf-suzul 4.5s ease-in-out infinite; }
@keyframes nf-suzul { 0%, 100% { translate: 0 0; } 50% { translate: 0 -7px; } }
@media (prefers-reduced-motion: reduce) { .nf-k--anarsi .nf-render { animation: none; } }

/* tiklama parcaciklari */
.nf-parcacik { position: fixed; z-index: 3000; width: 6px; height: 6px; pointer-events: none; border-radius: 1px; will-change: transform, opacity; }

/* ---------- duyarli: ana sayfa ---------- */
@media (max-width: 900px) {
	:root { --nf-kol: calc((100vw - 32px - var(--nf-bosluk)) / 2); }
	.nf-izgara { grid-template-columns: repeat(2, 1fr); grid-auto-rows: calc(var(--nf-kol) * .95); width: 100%; max-width: 560px; }
	.nf-k--magaza, .nf-k--modlar { grid-column: span 2; }
	.nf-k--anarsi, .nf-k--cpvp { grid-column: span 2; }
	.nf-izgara--ana .nf-k--logo { order: 1; } .nf-izgara--ana .nf-k--sunucu { order: 2; }
	.nf-izgara--ana .nf-k--magaza { order: 3; } .nf-izgara--ana .nf-k--modlar { order: 4; }
	.nf-izgara--ana .nf-k--discord { order: 5; } .nf-izgara--ana .nf-k--destek { order: 6; }
	.nf-menu { align-items: flex-start; padding-top: 66px; }
	.nf-izgara--menu { grid-auto-rows: auto; }
	.nf-izgara--menu .nf-k--geri { grid-column: span 2; height: 52px; flex-direction: row; gap: 8px; }
	.nf-izgara--menu .nf-k--anarsi, .nf-izgara--menu .nf-k--cpvp { grid-column: span 2; height: calc(var(--nf-kol) * 1.05); }
	.nf-izgara--menu .nf-k--mmagaza, .nf-izgara--menu .nf-k--destek { height: calc(var(--nf-kol) * 1.05); }
	.nf-izgara--menu .nf-k--cpvp { order: 1; } .nf-izgara--menu .nf-k--mmagaza, .nf-izgara--menu .nf-k--destek { order: 2; }
	.nf-ev { align-items: flex-start; padding-top: 76px; }
	.nf-k__baslik { font-size: 1.05rem; top: 14px; left: 16px; }
	.nf-ev__alt { position: static; margin-top: 24px; }
	.nf-ev { flex-direction: column; align-items: center; }
}

/* =====================================================================
   v2 ic sayfalar (magaza, sepet, diger)
   ===================================================================== */
.nf-sayfa { width: 100%; max-width: 860px; margin: 0 auto; padding: 96px 16px 80px; }
.nf-sayfa--genis { max-width: 1060px; }
.nf-sayfa__ust-yazi { font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.45); margin-bottom: .35rem; }
.nf-sayfa__baslik { font-family: var(--nf-baslik-font); font-weight: 800; font-size: clamp(2rem, 4.5vw, 2.75rem); letter-spacing: -.03em; color: #fff; margin: 0; line-height: 1.05; }
.nf-sayfa__aciklama { font-size: .85rem; color: rgba(255,255,255,.6); margin: .5rem 0 0; }
.nf-bolum-cizgi { display: flex; align-items: center; gap: .7rem; margin: 2.2rem 0 1rem; font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.75); }
.nf-bolum-cizgi::before { content: ""; width: 7px; height: 7px; background: rgba(255,255,255,.35); border-radius: 1px; }
.nf-bolum-cizgi::after { content: ""; flex: 1; height: 1px; background: rgba(255,255,255,.08); }

.nf-bakiye { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.8rem; padding: 1.2rem 1.25rem; border-radius: 16px; background: var(--nf-yuzey); border: 1px solid rgba(255, 190, 70, .28); }
.nf-bakiye__ust { font-size: .66rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.45); }
.nf-bakiye__baslik { font-family: var(--nf-baslik-font); font-weight: 800; font-size: 1.35rem; color: #fff; margin: .15rem 0; letter-spacing: -.02em; }
.nf-bakiye__metin { font-size: .78rem; color: rgba(255,255,255,.6); }
.nf-bakiye__sag { display: flex; align-items: center; gap: .9rem; flex-shrink: 0; }
.nf-bakiye__miktar { font-family: var(--nf-baslik-font); font-weight: 700; font-size: .85rem; color: rgba(255,255,255,.7); }
.nf-bakiye__miktar b { color: #fff; }

.nf-sari-btn { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; height: 40px; padding: 0 1.1rem; border-radius: 12px; border: 0; background: var(--nf-gradyan); color: #1a1003 !important; font-family: var(--nf-baslik-font); font-weight: 700; font-size: .85rem; cursor: pointer; transition: filter .2s, transform .2s; text-decoration: none !important; white-space: nowrap; }
.nf-sari-btn:hover { filter: brightness(1.07); transform: translateY(-1px); }
.nf-sari-btn:disabled, .nf-sari-btn.disabled { opacity: .45; cursor: not-allowed; transform: none; }
.nf-sari-btn--tam { width: 100%; height: 44px; }
.nf-gri-btn { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 1rem; border-radius: 12px; border: 0; background: #262626; color: rgba(255,255,255,.75) !important; font-family: var(--nf-baslik-font); font-weight: 700; font-size: .82rem; cursor: pointer; transition: background .2s; white-space: nowrap; }
.nf-gri-btn:hover { background: #303030; color: #fff !important; }
.nf-gri-btn:disabled { opacity: .5; cursor: not-allowed; }

/* kategori ve urun kartlari */
.nf-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 200px)); gap: 12px; }
.nf-kartlar--3 { grid-template-columns: repeat(3, 1fr); }
.nf-kart { position: relative; display: flex; flex-direction: column; border-radius: 16px; overflow: hidden; background: var(--nf-yuzey); border: 1px solid rgba(255,255,255,.05); color: #fff !important; text-decoration: none !important; transition: border-color .25s; }
.nf-kart:hover { border-color: rgba(255,255,255,.1); }
.nf-kart__gorsel { position: relative; aspect-ratio: 1 / 1; background: #121212; overflow: hidden; display: flex; align-items: flex-end; justify-content: center; }
.nf-kart__gorsel img { height: 94%; width: auto; max-width: 96%; object-fit: contain; object-position: bottom; transform-origin: 50% 100%; transition: transform .45s cubic-bezier(.2,.8,.2,1); filter: drop-shadow(0 12px 18px rgba(0,0,0,.5)); }
.nf-kart:hover .nf-kart__gorsel img, .nf-kart.nf-dokundu .nf-kart__gorsel img { transform: scale(1.08); }
.nf-kart__govde { padding: .8rem .8rem .9rem; text-align: center; display: flex; flex-direction: column; gap: .55rem; flex: 1; }
.nf-kart__ad { font-family: var(--nf-baslik-font); font-weight: 700; font-size: .92rem; color: #fff; margin: 0; }
.nf-kart__fiyat { font-family: var(--nf-baslik-font); font-weight: 700; font-size: .85rem; color: #ffb64a; display: flex; justify-content: center; align-items: baseline; gap: .45rem; flex-wrap: wrap; }
.nf-kart__fiyat s { color: rgba(255,255,255,.4); font-weight: 600; font-size: .75rem; }
.nf-kart .nf-sari-btn { margin-top: auto; width: 100%; }
.nf-kart__rozet { position: absolute; top: 10px; left: 10px; z-index: 2; padding: .25rem .5rem; border-radius: 8px; background: var(--nf-gradyan); color: #1a1003; font-size: .68rem; font-weight: 800; }
.nf-kart__stok { position: absolute; top: 10px; right: 10px; z-index: 2; padding: .25rem .5rem; border-radius: 8px; background: rgba(0,0,0,.6); color: #fff; font-size: .66rem; font-weight: 700; }
.nf-bos { padding: 2.5rem 1rem; text-align: center; color: rgba(255,255,255,.55); border-radius: 16px; background: var(--nf-yuzey); border: 1px solid rgba(255,255,255,.05); }

/* sepet */
.nf-sepet { display: grid; grid-template-columns: 1fr 300px; gap: 14px; align-items: start; margin-top: 1.5rem; }
.nf-panel { border-radius: 16px; background: var(--nf-yuzey); border: 1px solid rgba(255,255,255,.05); }
.nf-sepet__liste { min-height: 160px; }
.nf-sepet__bos { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.2rem; min-height: 160px; font-size: .82rem; color: #8fa6c8; }
.nf-sepet__bos a { font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.55) !important; }
.nf-sepet__bos a:hover { color: #fff !important; }
.nf-satir { display: flex; align-items: center; gap: .9rem; padding: .9rem 1rem; }
.nf-satir + .nf-satir { border-top: 1px solid rgba(255,255,255,.05); }
.nf-satir__ad { flex: 1; min-width: 0; font-family: var(--nf-baslik-font); font-weight: 700; font-size: .9rem; color: #fff; }
.nf-satir__ad small { display: block; font-family: var(--tblr-font-sans-serif); font-weight: 500; font-size: .72rem; color: rgba(255,255,255,.5); }
.nf-satir__fiyat { font-family: var(--nf-baslik-font); font-weight: 700; font-size: .85rem; color: #ffb64a; white-space: nowrap; text-align: right; }
.nf-satir__fiyat s { display: block; color: rgba(255,255,255,.4); font-size: .72rem; }
.nf-adet { display: inline-flex; align-items: center; border-radius: 10px; background: #1e1e1e; overflow: hidden; }
.nf-adet button { width: 30px; height: 32px; border: 0; background: transparent; color: #fff; cursor: pointer; }
.nf-adet button:hover { background: #2a2a2a; }
.nf-adet button:disabled { opacity: .35; cursor: not-allowed; }
.nf-adet input { width: 36px; height: 32px; border: 0; background: transparent; color: #fff; text-align: center; font-weight: 700; font-size: .85rem; }
.nf-sil { width: 32px; height: 32px; border-radius: 9px; border: 0; background: rgba(229,72,77,.12); color: #ff8e91; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.nf-sil:hover { background: rgba(229,72,77,.22); }
.nf-sepet__baslik2 { font-family: var(--nf-baslik-font); font-weight: 700; font-size: .9rem; color: #fff; margin: 1.6rem 0 .6rem; }
.nf-one-cikan { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 1rem; }
.nf-one-cikan + .nf-one-cikan { border-top: 1px solid rgba(255,255,255,.05); }
.nf-one-cikan__ad { font-family: var(--nf-baslik-font); font-weight: 700; font-size: .9rem; color: #fff; }
.nf-one-cikan__fiyat { font-size: .72rem; color: rgba(255,255,255,.5); margin-top: .15rem; }
.nf-one-cikan__fiyat s { margin-right: .3rem; }
.nf-one-cikan .nf-sari-btn { height: 34px; font-size: .8rem; padding: 0 .9rem; }
.nf-ozet { padding: 1.1rem 1.1rem 1.2rem; }
.nf-ozet__baslik { font-family: var(--nf-baslik-font); font-weight: 700; font-size: 1rem; color: #fff; margin: 0 0 1rem; }
.nf-ozet__etiket { display: block; font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.5); margin-bottom: .4rem; }
.nf-ozet__grup { display: flex; gap: 8px; margin-bottom: .35rem; }
.nf-ozet__grup input, .nf-ozet select { flex: 1; min-width: 0; height: 40px; border-radius: 12px; border: 1px solid rgba(255,255,255,.08); background: #101010; color: #fff; padding: 0 .8rem; font-size: .85rem; }
.nf-ozet select { width: 100%; }
.nf-ozet__grup input:focus, .nf-ozet select:focus { outline: none; border-color: rgba(255, 166, 43, .6); }
.nf-ozet__mesaj { display: block; font-size: .72rem; margin-bottom: .6rem; }
.nf-ozet__mesaj.ok { color: #3ddc84; } .nf-ozet__mesaj.hata { color: #ff8e91; }
.nf-ozet__blok { margin-bottom: .9rem; }
.nf-ozet__cizgi { height: 1px; background: rgba(255,255,255,.07); margin: 1rem 0; }
.nf-ozet__satir { display: flex; justify-content: space-between; align-items: baseline; font-size: .82rem; color: rgba(255,255,255,.65); margin-bottom: .35rem; }
.nf-ozet__toplam { display: flex; justify-content: space-between; align-items: baseline; margin: .3rem 0 .8rem; font-size: .95rem; color: #fff; }
.nf-ozet__toplam b { font-family: var(--nf-baslik-font); font-weight: 800; font-size: 1.1rem; color: #ffb64a; }
.nf-onay { display: flex; align-items: flex-start; gap: .45rem; font-size: .75rem; color: rgba(255,255,255,.75); margin-bottom: 1rem; cursor: pointer; }
.nf-onay input { margin-top: 2px; accent-color: #ffa62b; }
.nf-onay a { color: #ffb64a !important; }
.nf-yukleniyor { display: flex; justify-content: center; padding: 2rem; }
.nf-yukleniyor::after { content: ""; width: 26px; height: 26px; border-radius: 50%; border: 3px solid rgba(255,255,255,.12); border-top-color: #ffb64a; animation: nf-don 0.8s linear infinite; }
@keyframes nf-don { to { transform: rotate(360deg); } }

/* diger LeaderOS sayfalari (haberler, profil vb.): Flat isaretlemesi, ust cubuk icin bosluk */
.page-wrapper > .section:first-child { margin-top: 0; padding-top: 92px; }
.page-wrapper > .section:first-child > .container, .page-wrapper > .section:first-child > .container-xl { max-width: 1060px; }

/* alt bilgi (ic sayfalar) */
.nf-alt2 { padding: 2rem 16px 2.4rem; text-align: center; font-size: .75rem; color: rgba(255,255,255,.35); border-top: 1px solid rgba(255,255,255,.05); }
.nf-alt2 a { color: rgba(255,255,255,.45) !important; }
.nf-alt2 a:hover { color: #fff !important; }
.nf-alt2 span + span::before { content: "•"; margin: 0 .5rem; opacity: .6; }

@media (max-width: 760px) {
	.nf-kartlar { grid-template-columns: repeat(2, 1fr); }
	.nf-kartlar--3 { grid-template-columns: repeat(2, 1fr); }
	.nf-sepet { grid-template-columns: 1fr; }
	.nf-bakiye { flex-direction: column; align-items: flex-start; }
	.nf-sayfa { padding-top: 80px; }
	.nf-cubuk { padding: 10px 12px; }
	.nf-hap { height: 34px; padding: 0 12px; font-size: .8rem; }
	.nf-cubuk__logo, .nf-cubuk__logo img { height: 38px; }
	.nf-cubuk__menu { width: 34px; height: 34px; border-radius: 11px; font-size: 1.05rem; }
}

/* =====================================================================
   v2 giris / kayit
   ===================================================================== */
body.nf-giris { background: var(--nf-zemin) !important; }
.nf-auth { min-height: 100vh; min-height: 100dvh; display: flex; align-items: center; justify-content: center; padding: 24px 16px; }
.nf-auth__kart { width: 100%; max-width: 810px; display: grid; grid-template-columns: 1fr 1fr; border-radius: 18px; overflow: hidden; background: #121212; border: 1px solid rgba(255,255,255,.06); box-shadow: 0 40px 80px -40px rgba(0,0,0,.9); min-height: 510px; }
.nf-auth__medya { position: relative; overflow: hidden; background: #000; }
.nf-auth__medya video, .nf-auth__medya img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.nf-auth__medya::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.35) 0%, transparent 25%, transparent 55%, rgba(0,0,0,.8) 100%); pointer-events: none; }
.nf-auth__geri { position: absolute; top: 14px; left: 14px; z-index: 2; display: inline-flex; align-items: center; gap: .3rem; font-size: .75rem; font-weight: 600; color: #fff !important; opacity: .85; }
.nf-auth__geri:hover { opacity: 1; }
.nf-auth__yazi { position: absolute; left: 18px; right: 18px; bottom: 18px; z-index: 2; }
.nf-auth__yazi h2 { font-family: var(--nf-baslik-font); font-weight: 800; font-size: clamp(1.4rem, 2.6vw, 1.85rem); letter-spacing: -.03em; color: #fff; margin: 0 0 .2rem; line-height: 1.05; }
.nf-auth__yazi p { font-size: .72rem; color: rgba(255,255,255,.75); margin: 0; }
.nf-auth__form { padding: 2rem 2.2rem; display: flex; flex-direction: column; justify-content: center; }
.nf-auth__ikon { width: 84px; height: 82px; display: flex; align-items: center; justify-content: center; margin: 0 auto .8rem; }
.nf-auth__ikon img { max-width: 100%; max-height: 100%; object-fit: contain; filter: drop-shadow(0 8px 14px rgba(0,0,0,.5)); transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.nf-auth__ikon:hover img { transform: scale(1.06) rotate(-1.5deg); }
.nf-auth__baslik { font-family: var(--nf-baslik-font); font-weight: 800; font-size: 1.35rem; text-align: center; color: #fff; margin: 0 0 .3rem; letter-spacing: -.02em; }
.nf-auth__alt { font-size: .7rem; color: rgba(255,255,255,.5); text-align: center; margin: 0 0 1.4rem; }
.nf-alan { margin-bottom: .85rem; }
.nf-alan__etiket { display: flex; justify-content: space-between; align-items: baseline; font-size: .64rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.55); margin-bottom: .4rem; }
.nf-alan__etiket a { text-transform: none; letter-spacing: 0; font-weight: 600; font-size: .68rem; color: rgba(255,255,255,.6) !important; }
.nf-alan__etiket a:hover { color: #fff !important; }
.nf-alan input[type=text], .nf-alan input[type=email], .nf-alan input[type=password] { width: 100%; height: 36px; border-radius: 11px; border: 1px solid rgba(255,255,255,.07); background: #1a1a1a; color: #fff; padding: 0 .8rem; font-size: .8rem; text-transform: none; }
.nf-alan input::placeholder { color: rgba(255,255,255,.35); font-size: .76rem; }
.nf-alan input:focus { outline: none; border-color: rgba(255, 166, 43, .55); box-shadow: 0 0 0 3px rgba(255, 166, 43, .12); }
.nf-alan--cift { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.nf-auth .nf-onay { margin: .1rem 0 .9rem; font-size: .72rem; }
.nf-auth__dogrulama { margin: .3rem 0 1rem; }
.nf-auth__gecis { text-align: center; font-size: .72rem; color: rgba(255,255,255,.5); margin-top: .9rem; }
.nf-auth__gecis a { color: #fff !important; font-weight: 700; }
.nf-auth .alert { font-size: .78rem; padding: .6rem .8rem; margin-bottom: 1rem; }
@media (max-width: 760px) {
	.nf-auth__kart { grid-template-columns: 1fr; min-height: 0; }
	.nf-auth__medya { min-height: 230px; }
	.nf-auth__medya video, .nf-auth__medya img { object-position: 50% 72%; }
	.nf-auth__form { padding: 1.6rem 1.3rem; }
}
.nf-toast {
	position: fixed; left: 50%; bottom: 28px; z-index: 2000; transform: translate(-50%, 20px); opacity: 0;
	display: flex; align-items: center; gap: .6rem; padding: .85rem 1.2rem; border-radius: 14px;
	background: rgba(20, 24, 33, .95); border: 1px solid rgba(255, 201, 60, .4); color: #fff; font-weight: 500;
	box-shadow: 0 20px 50px -10px rgba(0,0,0,.8), var(--nf-parilti); pointer-events: none;
	transition: opacity .25s ease, transform .25s ease;
}
.nf-toast .ti { color: #2ee27a; font-size: 1.3rem; }
.nf-toast.nf-goster { opacity: 1; transform: translate(-50%, 0); }

[x-cloak] { display: none !important; }

/* v2 ek: geri linki, topluluk hedefi, urun sayfasi */
.nf-geri-link { display: inline-flex; align-items: center; gap: .35rem; margin-bottom: 1rem; font-size: .78rem; font-weight: 600; color: rgba(255,255,255,.55) !important; text-decoration: none !important; }
.nf-geri-link:hover { color: #fff !important; }
.nf-geri-link .ti { transition: transform .2s; }
.nf-geri-link:hover .ti { transform: translateX(-3px); }
.nf-hedef { padding: 1rem 1.1rem; margin-top: 1.6rem; }
.nf-hedef__ust { display: flex; justify-content: space-between; font-family: var(--nf-baslik-font); color: #fff; }
.nf-hedef__ust span { color: #ffb64a; font-weight: 800; }
.nf-hedef__metin { font-size: .8rem; color: rgba(255,255,255,.6); margin: .3rem 0 .7rem; }
.nf-hedef__cubuk { height: 10px; border-radius: 99px; background: #1e1e1e; overflow: hidden; }
.nf-hedef__cubuk span { display: block; height: 100%; border-radius: 99px; background: var(--nf-gradyan); }
.nf-urun { display: grid; grid-template-columns: 1fr 300px; gap: 14px; align-items: start; margin-top: 1.5rem; }
.nf-urun__ana { display: grid; grid-template-columns: 220px 1fr; gap: 1.4rem; padding: 1.2rem; }
.nf-urun__gorsel { aspect-ratio: 1 / 1; border-radius: 14px; background: #121212; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; }
.nf-urun__gorsel img { height: 94%; width: auto; max-width: 96%; object-fit: contain; transform-origin: 50% 100%; transition: transform .45s cubic-bezier(.2,.8,.2,1); filter: drop-shadow(0 12px 18px rgba(0,0,0,.5)); }
.nf-urun__gorsel:hover img { transform: scale(1.06); }
.nf-etiketler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 1rem; }
.nf-etiket { padding: .25rem .55rem; border-radius: 8px; background: #222; color: rgba(255,255,255,.8); font-size: .7rem; font-weight: 700; }
.nf-etiket--sari { background: rgba(255, 166, 43, .15); color: #ffc46b; }
.nf-etiket--kirmizi { background: rgba(229, 72, 77, .15); color: #ff8e91; }
.nf-urun__detay { font-size: .88rem; color: rgba(255,255,255,.78); }
.nf-urun__detay ul { padding-left: 1.1rem; }
@media (max-width: 760px) {
	.nf-urun { grid-template-columns: 1fr; }
	.nf-urun__ana { grid-template-columns: 1fr; }
	.nf-urun__gorsel { max-width: 260px; }
}
@media (max-width: 900px) {
	.nf-k--destek .nf-render { height: 84%; }
	/* modlar gorunumu: geri ince serit, mod kartlari daha uzun; etiket basligin altina */
	.nf-izgara--modlar { grid-auto-rows: auto; }
	.nf-izgara--modlar .nf-k--geri { grid-column: span 2; height: 52px; flex-direction: row; gap: 8px; }
	.nf-izgara--modlar .nf-k--mod { height: calc(var(--nf-kol) * 1.15); }
	.nf-k--mod .nf-k__alt-yazi { bottom: auto; top: 40px; left: 16px; font-size: .62rem; }
	.nf-k--mod .nf-render { height: 68%; right: 2%; }
	.nf-k--anarsi .nf-render { height: 72%; bottom: 4%; right: 0; }
	.nf-ev { padding-bottom: 84px; }
}

/* giris duzenindeki diger sayfalar (sifremi unuttum vb.) Flat kartini kullanir */
.nf-auth__form > .card { background: transparent; border: 0; box-shadow: none; }
.nf-auth__form > .card > .card-body { padding: 0; }
.nf-auth__form .hr-text, .nf-auth__form .auth-logo { display: none; }
.nf-auth__form .form-control { background: #1a1a1a; border-color: rgba(255,255,255,.07); border-radius: 11px; }
.nf-auth__form .btn-primary { background: var(--nf-gradyan); border: 0; color: #1a1003; font-family: var(--nf-baslik-font); font-weight: 700; border-radius: 12px; }
.nf-auth__form .text-center.text-secondary { font-size: .75rem; }
.nf-ozet__satir + .nf-ozet__blok, .nf-ozet__toplam + .nf-ozet__blok { margin-top: .9rem; }


/* =====================================================================
   v2.4: duyuru bandi, nasil baglanirim, haberler, son alimlar, siralama,
   oyuncu profili, haber sayfalari, 404
   ===================================================================== */

/* ---------- duyuru bandi ---------- */
html.nf-bant-var { --nf-bant: 40px; }
.nf-bant { position: fixed; top: 0; left: 0; right: 0; z-index: 1045; height: 40px; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 0 48px; background: var(--nf-gradyan); color: #1a1003; font-family: var(--nf-baslik-font); font-weight: 700; font-size: .85rem; box-shadow: 0 6px 24px -10px rgba(255, 140, 30, .7); }
.nf-bant__ikon { font-size: 1.1rem; flex-shrink: 0; }
.nf-bant__yazi { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.nf-bant__sayac { flex-shrink: 0; padding: 2px 8px; border-radius: 7px; background: rgba(26, 16, 3, .88); color: #ffd25a; font-size: .78rem; font-variant-numeric: tabular-nums; }
.nf-bant__sayac:empty { display: none; }
.nf-bant__link { flex-shrink: 0; display: inline-flex; align-items: center; gap: 3px; color: #1a1003 !important; text-decoration: underline !important; text-underline-offset: 3px; }
.nf-bant__kapat { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; padding: 0; border: 0; border-radius: 8px; background: rgba(26, 16, 3, .12); color: #1a1003; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background .2s; }
.nf-bant__kapat:hover { background: rgba(26, 16, 3, .25); }
html.nf-bant-var .nf-ev { padding-top: 124px; }
html.nf-bant-var .nf-sayfa { padding-top: 136px; }
html.nf-bant-var .nf-menu { padding-top: 116px; }

/* ---------- ana sayfa: 3. sira ---------- */
.nf-izgara--ana { grid-template-rows: calc(var(--nf-kol) * 1.13) calc(var(--nf-kol) * 1.13); grid-auto-rows: calc(var(--nf-kol) * .9); }
.nf-k--baglan, .nf-k--haber { grid-column: span 2; display: flex; flex-direction: column; gap: 6px; padding: 14px 18px; cursor: default; }
.nf-izgara .nf-k--tam { grid-column: 1 / -1; }
.nf-k--baglan .nf-k__ust-yazi, .nf-k--haber .nf-k__ust-yazi { position: static; }
.nf-baglan { flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-content: center; }
.nf-baglan__kol { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; min-width: 0; }
.nf-baglan__tur { display: flex; align-items: center; gap: 6px; font-family: var(--nf-baslik-font); font-weight: 700; font-size: .95rem; color: #fff; }
.nf-baglan__tur .ti { color: var(--nf-ana); font-size: 1.05rem; }
.nf-kopya { max-width: 100%; display: inline-flex; align-items: center; gap: 10px; height: 34px; padding: 0 12px; border-radius: 11px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.09); color: #fff; font-family: var(--nf-baslik-font); font-weight: 700; font-size: .84rem; cursor: copy; transition: background .2s, border-color .2s; }
.nf-kopya span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nf-kopya .ti { opacity: .7; flex-shrink: 0; }
.nf-kopya:hover { background: rgba(255,255,255,.09); border-color: rgba(255, 201, 60, .45); }
.nf-kopya--kucuk { height: 24px; padding: 0 8px; border-radius: 7px; font-size: .72rem; }
.nf-baglan__bilgi { display: flex; align-items: center; gap: 6px; font-size: .72rem; color: rgba(255,255,255,.55); }
.nf-baglan__not { font-size: .68rem; line-height: 1.35; color: rgba(255,255,255,.42); }

.nf-haber__ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.nf-haber__tumu { display: inline-flex; align-items: center; gap: 4px; font-size: .72rem; font-weight: 700; color: rgba(255,255,255,.55) !important; text-decoration: none !important; transition: color .2s; }
.nf-haber__tumu:hover { color: #fff !important; }
.nf-haber__liste { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 4px; }
.nf-haber { display: flex; align-items: center; gap: 12px; margin: 0 -8px; padding: 6px 8px; border-radius: 12px; color: #fff !important; text-decoration: none !important; transition: background .2s; }
.nf-haber:hover { background: rgba(255,255,255,.05); }
.nf-haber__resim { width: 64px; height: 42px; flex-shrink: 0; border-radius: 9px; overflow: hidden; background: #1c1c1c; }
.nf-haber__resim img { width: 100%; height: 100%; object-fit: cover; }
.nf-haber__metin { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.nf-haber__baslik { font-weight: 700; font-size: .84rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nf-haber__tarih { font-size: .68rem; color: rgba(255,255,255,.5); }
.nf-haber__bos { flex: 1; display: flex; align-items: center; font-size: .8rem; color: rgba(255,255,255,.55); }

/* modlar gorunumu: CrystalPvP kartinda siralama kisayolu */
.nf-k__cip { position: absolute; top: 52px; left: 20px; z-index: 3; display: inline-flex; align-items: center; gap: 5px; height: 30px; padding: 0 12px; border-radius: 999px; background: rgba(0,0,0,.35); border: 1px solid rgba(255,255,255,.12); color: #fff !important; font-size: .72rem; font-weight: 700; text-decoration: none !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); transition: background .2s, color .2s, border-color .2s; }
.nf-k__cip .ti-trophy { color: #ffc84a; }
.nf-k__cip:hover { background: var(--nf-gradyan); border-color: transparent; color: #1a1003 !important; }
.nf-k__cip:hover .ti-trophy { color: inherit; }

/* ---------- son alimlar seridi ---------- */
.nf-serit { width: calc(var(--nf-kol) * 4 + var(--nf-bosluk) * 3); max-width: 100%; height: 44px; display: flex; align-items: center; border-radius: 14px; background: var(--nf-kutu); border: 1px solid rgba(255,255,255,.04); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); overflow: hidden; }
.nf-serit__etiket { flex-shrink: 0; height: 100%; display: flex; align-items: center; gap: 8px; padding: 0 14px; border-right: 1px solid rgba(255,255,255,.06); font-size: .64rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.7); }
.nf-serit__kayan { flex: 1; min-width: 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); }
.nf-serit__ic { display: flex; width: max-content; animation: nf-kay var(--nf-serit-sure, 30s) linear infinite; }
.nf-serit:hover .nf-serit__ic, .nf-serit:focus-within .nf-serit__ic { animation-play-state: paused; }
.nf-serit__grup { display: flex; gap: 6px; padding-right: 6px; }
.nf-serit__oge { display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 12px 0 6px; border-radius: 999px; background: rgba(255,255,255,.04); color: rgba(255,255,255,.7) !important; font-size: .76rem; white-space: nowrap; text-decoration: none !important; transition: background .2s; }
.nf-serit__oge:hover { background: rgba(255,255,255,.09); }
.nf-serit__oge img { width: 20px; height: 20px; border-radius: 5px; image-rendering: pixelated; }
.nf-serit__oge b { color: #fff; font-weight: 700; }
.nf-serit__oge--tac { padding-left: 10px; background: linear-gradient(90deg, rgba(255,190,60,.2), rgba(255,130,30,.08)); color: #ffd98a !important; }
.nf-serit__oge--tac .ti { color: #ffc84a; }
@keyframes nf-kay { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
	.nf-serit__ic { animation: none; }
	.nf-serit__kayan { overflow-x: auto; }
	.nf-serit__grup[aria-hidden] { display: none; }
}

/* ---------- ust menu: siralama + haberler ---------- */
.nf-izgara--menu { grid-template-rows: calc(var(--nf-kol) * 1.13) calc(var(--nf-kol) * 1.13); grid-auto-rows: calc(var(--nf-kol) * .7); }
.nf-izgara--menu .nf-k--msiralama, .nf-izgara--menu .nf-k--mhaber { grid-column: span 2; }
.nf-k--ikon { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-align: center; }
.nf-k--ikon__i { font-size: 2rem; line-height: 1; background: var(--nf-gradyan-metin); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; transition: transform .45s cubic-bezier(.2,.8,.2,1); }
.nf-k--ikon:hover .nf-k--ikon__i { transform: scale(1.12) rotate(-4deg); }
.nf-k--ikon__baslik { font-family: var(--nf-baslik-font); font-weight: 800; font-size: 1.45rem; letter-spacing: -.02em; line-height: 1.1; }
.nf-k--ikon__alt { font-size: .64rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.45); }

/* ---------- sekmeler (siralama + profil) ---------- */
.nf-sekmeler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 1.6rem; }
.nf-sekme { display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border-radius: 11px; background: var(--nf-yuzey); border: 1px solid rgba(255,255,255,.06); color: rgba(255,255,255,.7) !important; font-family: var(--nf-baslik-font); font-weight: 700; font-size: .82rem; text-decoration: none !important; transition: color .2s, border-color .2s; }
.nf-sekme:hover { color: #fff !important; border-color: rgba(255,255,255,.15); }
.nf-sekme.aktif { background: var(--nf-gradyan); border-color: transparent; color: #1a1003 !important; }

/* ---------- siralama sayfasi ---------- */
.nf-podyum { display: grid; grid-template-columns: repeat(3, 1fr); align-items: end; gap: 12px; margin-top: 1.6rem; }
.nf-podyum__oge { position: relative; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 18px 12px 16px; border-radius: 18px; background: var(--nf-yuzey); border: 1px solid rgba(255,255,255,.06); text-align: center; overflow: hidden; }
.nf-podyum__oge--1 { order: 2; padding-top: 26px; background: linear-gradient(180deg, rgba(255,190,60,.18), var(--nf-yuzey) 62%); border-color: rgba(255,190,60,.35); }
.nf-podyum__oge--2 { order: 1; background: linear-gradient(180deg, rgba(200,210,230,.12), var(--nf-yuzey) 62%); }
.nf-podyum__oge--3 { order: 3; background: linear-gradient(180deg, rgba(205,127,50,.15), var(--nf-yuzey) 62%); }
.nf-podyum__sira { position: absolute; top: 12px; left: 12px; width: 30px; height: 30px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.08); font-family: var(--nf-baslik-font); font-weight: 800; font-size: .95rem; }
.nf-podyum__oge--1 .nf-podyum__sira { background: var(--nf-gradyan); color: #1a1003; }
.nf-podyum__oge--2 .nf-podyum__sira { background: #cfd6e4; color: #1a1d24; }
.nf-podyum__oge--3 .nf-podyum__sira { background: #cd7f32; color: #1a0f03; }
.nf-podyum__govde { height: 130px; width: auto; image-rendering: pixelated; filter: drop-shadow(0 10px 14px rgba(0,0,0,.5)); transition: transform .4s cubic-bezier(.2,.8,.2,1); }
.nf-podyum__oge--1 .nf-podyum__govde { height: 160px; }
.nf-podyum__oge:hover .nf-podyum__govde { transform: translateY(-4px) scale(1.04); }
.nf-podyum__isim { max-width: 100%; margin-top: 6px; font-family: var(--nf-baslik-font); font-weight: 800; font-size: 1.05rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nf-podyum__deger { font-size: .76rem; color: rgba(255,255,255,.6); }
.nf-podyum__deger b { font-family: var(--nf-baslik-font); font-size: 1rem; color: #fff; }
.nf-podyum__oge.nf-ben { box-shadow: inset 0 0 0 2px rgba(255,190,60,.55); }

.nf-ara { display: flex; align-items: center; gap: 8px; margin: 1.4rem 0 1rem; padding: 6px 6px 6px 14px; border-radius: 14px; background: var(--nf-yuzey); border: 1px solid rgba(255,255,255,.06); }
.nf-ara:focus-within { border-color: rgba(255, 201, 60, .4); }
.nf-ara > .ti { color: rgba(255,255,255,.4); }
.nf-ara input { flex: 1; min-width: 0; height: 36px; background: transparent; border: 0; outline: 0; color: #fff; font-size: .88rem; }
.nf-ara input::placeholder { color: rgba(255,255,255,.4); }
.nf-ara__temizle { padding: 0 6px; color: rgba(255,255,255,.5) !important; }
.nf-ara .nf-sari-btn { height: 36px; }

.nf-tablo-kutu { border-radius: 16px; background: var(--nf-yuzey); border: 1px solid rgba(255,255,255,.06); overflow-x: auto; }
.nf-tablo { width: 100%; border-collapse: collapse; font-size: .86rem; }
.nf-tablo th { padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,.06); text-align: left; white-space: nowrap; font-size: .64rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.45); }
.nf-tablo td { padding: 10px 14px; border-bottom: 1px solid rgba(255,255,255,.04); color: rgba(255,255,255,.85); }
.nf-tablo tbody tr:last-child td { border-bottom: 0; }
.nf-tablo tbody tr:hover td { background: rgba(255,255,255,.03); }
.nf-tablo .nf-tablo__sira { width: 52px; text-align: center; font-family: var(--nf-baslik-font); font-weight: 800; color: rgba(255,255,255,.5); }
.nf-tablo .nf-tablo__sayi { text-align: center; font-variant-numeric: tabular-nums; }
.nf-tablo__oyuncu { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; color: #fff; white-space: nowrap; }
.nf-tablo__oyuncu img { width: 24px; height: 24px; border-radius: 6px; image-rendering: pixelated; }
.nf-tablo tr.nf-ben td { background: rgba(255,190,60,.08); }

/* ---------- oyuncu profili ---------- */
.nf-profil__izgara { display: grid; grid-template-columns: 300px 1fr; gap: 16px; align-items: start; }
.nf-profil__kart { position: sticky; top: calc(84px + var(--nf-bant, 0px)); padding: 20px; border-radius: 20px; background: var(--nf-yuzey); border: 1px solid rgba(255,255,255,.06); text-align: center; overflow: hidden; }
.nf-profil__sahne { position: relative; height: 260px; display: flex; align-items: flex-end; justify-content: center; margin: -20px -20px 8px; padding-bottom: 14px; background: radial-gradient(ellipse 60% 55% at 50% 62%, rgba(255,170,50,.22), transparent 70%), linear-gradient(180deg, rgba(255,255,255,.03), transparent); }
.nf-profil__sahne::after { content: ""; position: absolute; bottom: 8px; left: 50%; width: 120px; height: 16px; transform: translateX(-50%); background: radial-gradient(ellipse, rgba(0,0,0,.55), transparent 70%); }
.nf-profil__govde { position: relative; z-index: 1; height: 205px; width: auto; image-rendering: pixelated; filter: drop-shadow(0 12px 16px rgba(0,0,0,.5)); animation: nf-suzul 5s ease-in-out infinite; }
.nf-profil__isim { margin: 4px 0 8px; font-family: var(--nf-baslik-font); font-weight: 800; font-size: 1.6rem; letter-spacing: -.02em; word-break: break-word; }
.nf-profil__roller { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-bottom: 14px; }
.nf-profil__bilgi { display: flex; flex-direction: column; gap: 10px; margin: 0; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.06); text-align: left; }
.nf-profil__bilgi > div { display: flex; justify-content: space-between; gap: 10px; font-size: .82rem; }
.nf-profil__bilgi dt { display: flex; align-items: center; gap: 6px; font-weight: 600; color: rgba(255,255,255,.55); }
.nf-profil__bilgi dd { margin: 0; color: #fff; text-align: right; }
.nf-profil__ceza { display: flex; flex-direction: column; gap: 6px; margin-top: 14px; padding: 10px 12px; border-radius: 12px; background: rgba(229,72,77,.1); color: #ff8e91; font-size: .8rem; text-align: left; }
.nf-profil__ceza > div { display: flex; align-items: center; gap: 6px; }
.nf-profil__ceza span { margin-left: auto; }
.nf-profil__sag .nf-bolum-cizgi { margin-top: 0; }
.nf-profil__sag .nf-sekmeler { margin: 0 0 14px; }
.nf-istat { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; }
.nf-istat__kutu { display: flex; flex-direction: column; gap: 2px; padding: 16px; border-radius: 16px; background: var(--nf-yuzey); border: 1px solid rgba(255,255,255,.06); }
.nf-istat__deger { font-family: var(--nf-baslik-font); font-weight: 800; font-size: 1.7rem; letter-spacing: -.02em; color: #fff; font-variant-numeric: tabular-nums; }
.nf-istat__kutu:first-child .nf-istat__deger { background: var(--nf-gradyan-metin); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.nf-istat__ad { font-size: .64rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.45); }
@media (prefers-reduced-motion: reduce) { .nf-profil__govde { animation: none; } }

/* ---------- haberler ---------- */
.nf-haberler { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; margin-top: 1.8rem; }
.nf-haberler--kucuk { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); margin-top: 0; }
.nf-haberkart { display: flex; flex-direction: column; border-radius: 18px; overflow: hidden; background: var(--nf-yuzey); border: 1px solid rgba(255,255,255,.06); color: #fff !important; text-decoration: none !important; transition: border-color .25s, transform .25s; }
.nf-haberkart:hover { border-color: rgba(255,255,255,.14); transform: translateY(-2px); }
.nf-haberkart__resim { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #1a1a1a; }
.nf-haberkart__resim img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.nf-haberkart:hover .nf-haberkart__resim img { transform: scale(1.05); }
.nf-haberkart__govde { flex: 1; display: flex; flex-direction: column; gap: 6px; padding: 14px 16px 16px; }
.nf-haberkart__ust { display: flex; align-items: center; gap: 8px; font-size: .7rem; color: rgba(255,255,255,.5); }
.nf-haberkart__kat { padding: 2px 8px; border-radius: 6px; background: rgba(255,166,43,.15); color: #ffc46b; font-weight: 700; }
.nf-haberkart__kat:empty { display: none; }
.nf-haberkart__baslik { font-family: var(--nf-baslik-font); font-weight: 800; font-size: 1.1rem; line-height: 1.25; letter-spacing: -.01em; }
.nf-haberkart__ozet { font-size: .8rem; line-height: 1.5; color: rgba(255,255,255,.6); }
.nf-haberkart__devam { display: inline-flex; align-items: center; gap: 4px; margin-top: auto; padding-top: 6px; font-size: .76rem; font-weight: 700; color: var(--nf-ana); }
.nf-sayfalama { display: flex; justify-content: center; margin-top: 1.6rem; }

.nf-yazi__geri { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 1rem; font-size: .8rem; font-weight: 700; color: rgba(255,255,255,.6) !important; text-decoration: none !important; }
.nf-yazi__geri:hover { color: #fff !important; }
.nf-yazi__etiketler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: .7rem; }
.nf-yazi__etiketler--alt { margin: 1.2rem 0 0; }
.nf-yazi__etiketler a { text-decoration: none !important; }
.nf-yazi__bilgi { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 1rem; font-size: .8rem; color: rgba(255,255,255,.55); }
.nf-yazi__bilgi > span { display: inline-flex; align-items: center; gap: 5px; }
.nf-yazi__yazar { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: #fff !important; text-decoration: none !important; }
.nf-yazi__yazar img, .nf-yorum img, .nf-yorum-form img { border-radius: 8px; image-rendering: pixelated; flex-shrink: 0; }
.nf-yazi__kapak { margin-top: 1.4rem; border-radius: 18px; overflow: hidden; aspect-ratio: 2 / 1; background: #1a1a1a; }
.nf-yazi__kapak img { width: 100%; height: 100%; object-fit: cover; }
.nf-yazi__icerik { margin-top: 1.4rem; padding: 1.4rem 1.5rem; border-radius: 18px; background: var(--nf-yuzey); border: 1px solid rgba(255,255,255,.06); font-size: .95rem; line-height: 1.7; color: rgba(255,255,255,.85); }
.nf-yazi__icerik h1, .nf-yazi__icerik h2, .nf-yazi__icerik h3 { margin: 1.2rem 0 .5rem; font-family: var(--nf-baslik-font); font-weight: 800; color: #fff; }
.nf-yazi__icerik > :first-child { margin-top: 0; }
.nf-yazi__icerik > :last-child { margin-bottom: 0; }
.nf-yazi__icerik a { color: var(--nf-ana); }
.nf-yazi__icerik img { max-width: 100%; height: auto; border-radius: 12px; }
.nf-yorum-form { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
.nf-yorum-form__alan { flex: 1; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.nf-yorum-form__alan textarea { width: 100%; background: var(--nf-yuzey) !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 12px !important; color: #fff !important; }
.nf-yorumlar { display: flex; flex-direction: column; gap: 10px; }
.nf-yorum { display: flex; gap: 12px; padding: 14px; border-radius: 16px; background: var(--nf-yuzey); border: 1px solid rgba(255,255,255,.05); }
.nf-yorum__govde { flex: 1; min-width: 0; }
.nf-yorum__ust { display: flex; justify-content: space-between; gap: 8px; font-size: .8rem; }
.nf-yorum__ust a { font-weight: 700; color: #fff !important; }
.nf-yorum__ust span { color: rgba(255,255,255,.45); }
.nf-yorum__metin { margin-top: 2px; font-size: .86rem; color: rgba(255,255,255,.8); overflow-wrap: anywhere; }
.nf-bos--ince { padding: 1rem; font-size: .84rem; }

/* ---------- 404 ---------- */
.nf-404 { padding: .5rem 0 1rem; text-align: center; }
.nf-404__sahne { display: flex; align-items: flex-end; justify-content: center; gap: 0; height: 250px; margin-bottom: 1.2rem; }
.nf-404__kod { align-self: center; font-family: var(--nf-baslik-font); font-weight: 900; font-size: 10rem; line-height: 1; letter-spacing: -.04em; background: var(--nf-gradyan-metin); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 10px 30px rgba(255, 130, 20, .35)); user-select: none; }
.nf-404__render { height: 240px; width: auto; margin: 0 -14px; filter: drop-shadow(0 18px 24px rgba(0,0,0,.6)); -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 100%); mask-image: linear-gradient(to bottom, #000 70%, transparent 100%); animation: nf-suzul 4.5s ease-in-out infinite; }
.nf-404__baslik { margin: 0 0 .4rem; font-family: var(--nf-baslik-font); font-weight: 800; font-size: 2rem; letter-spacing: -.03em; color: #fff; }
.nf-404__metin { max-width: 420px; margin: 0 auto 1.4rem; font-size: .92rem; color: rgba(255,255,255,.6); }
.nf-404__dugmeler { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
@media (prefers-reduced-motion: reduce) { .nf-404__render { animation: none; } }

/* ---------- v2.4 duyarli ---------- */
@media (max-width: 900px) {
	html.nf-bant-var .nf-ev { padding-top: 116px; }
	html.nf-bant-var .nf-menu { padding-top: 106px; }
	.nf-izgara--ana { grid-template-rows: none; grid-auto-rows: calc(var(--nf-kol) * .95); }
	.nf-izgara--ana .nf-k--baglan { order: 7; grid-column: span 2; height: auto; min-height: calc(var(--nf-kol) * .95); }
	.nf-izgara--ana .nf-k--haber { order: 8; grid-column: span 2; }
	.nf-serit { width: 100%; max-width: 560px; }
	.nf-k__cip { top: auto; bottom: 14px; left: 16px; }
	.nf-izgara--menu { grid-template-rows: none; grid-auto-rows: auto; }
	.nf-izgara--menu .nf-k--msiralama, .nf-izgara--menu .nf-k--mhaber { order: 3; grid-column: span 1; height: calc(var(--nf-kol) * .8); }
	.nf-izgara--menu .nf-k--tam { grid-column: span 2; }
	.nf-k--ikon__baslik { font-size: 1.15rem; }
	.nf-profil__izgara { grid-template-columns: 1fr; }
	.nf-profil__kart { position: static; }
}
@media (max-width: 760px) {
	html.nf-bant-var .nf-sayfa { padding-top: 120px; }
	.nf-bant { justify-content: flex-start; gap: 8px; padding: 0 44px 0 12px; font-size: .76rem; }
	.nf-bant__ikon { display: none; }
	.nf-baglan { gap: 10px; }
	.nf-kopya { gap: 6px; padding: 0 9px; font-size: .76rem; }
	.nf-k--baglan, .nf-k--haber { padding: 14px 14px; }
	.nf-podyum { gap: 8px; }
	.nf-podyum__oge { padding: 14px 6px 12px; }
	.nf-podyum__govde { height: 92px; }
	.nf-podyum__oge--1 .nf-podyum__govde { height: 116px; }
	.nf-podyum__sira { top: 8px; left: 8px; width: 24px; height: 24px; font-size: .8rem; border-radius: 8px; }
	.nf-podyum__isim { font-size: .86rem; }
	.nf-404__kod { font-size: 6rem; }
	.nf-404__sahne { height: 180px; }
	.nf-404__render { height: 170px; margin: 0 -8px; }
	.nf-404__baslik { font-size: 1.6rem; }
}

/* siralama henuz tanimlanmamis (LeaderOS /leaderboards'u 404'e dusuruyor) */
.nf-404__sahne--genis { height: 220px; }
.nf-404__render--genis { height: 210px; margin: 0; animation: none; -webkit-mask-image: none; mask-image: none; }
.nf-404__rozet { display: inline-flex; align-items: center; gap: 6px; margin-bottom: .7rem; padding: 4px 12px; border-radius: 999px; background: rgba(255,166,43,.15); color: #ffc46b; font-size: .74rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
@media (max-width: 760px) { .nf-404__sahne--genis { height: 150px; } .nf-404__render--genis { height: 140px; } }