/* ==========================================================================
   VForum Pro — Temel (default) skin: "Nova" özgün tasarım
   Mobil öncelikli, CSS değişkenli, gece/gündüz modlu. Skinler yalnızca
   değişkenleri ve gerekli seçicileri ezer.
   ========================================================================== */

:root {
	--vfp-font: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
	--vfp-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;
	--vfp-radius: 0.875rem;
	--vfp-radius-sm: 0.5625rem;
	--vfp-wrap: 1280px;

	--vfp-bg: #eef1f7;
	--vfp-bg-grad: radial-gradient(75rem 31.25rem at 10% -10%, #dfe8ff 0, transparent 60%), radial-gradient(56.25rem 25rem at 100% 0, #ffe9d6 0, transparent 55%);
	--vfp-surface: #ffffff;
	--vfp-surface-2: #f6f8fc;
	--vfp-surface-3: #eaeef6;
	--vfp-border: #e1e6ef;
	--vfp-text: #1a2233;
	--vfp-muted: #6b778c;
	--vfp-primary: #3a5bdc;
	--vfp-primary-2: #7b4dff;
	--vfp-accent: #ff8a3d;
	--vfp-ok: #1fa971;
	--vfp-err: #e5484d;
	--vfp-warn: #f2a516;
	--vfp-head: linear-gradient(120deg, var(--vfp-primary), var(--vfp-primary-2));
	--vfp-head-text: #fff;
	--vfp-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 0.375rem 1.25rem rgba(16, 24, 40, .06);
	--vfp-shadow-lg: 0 1.25rem 3.125rem rgba(16, 24, 40, .18);
	--vfp-code-bg: #0f1422;
	--vfp-code-text: #d7deea;
	--vfp-header-bg: rgba(255, 255, 255, .82);
	--vfp-focus: 0 0 0 0.1875rem rgba(58, 91, 220, .25);
	color-scheme: light;
}

/* Gece modu */
[data-theme="dark"] {
	--vfp-bg: #0c0f17;
	--vfp-bg-grad: radial-gradient(62.5rem 31.25rem at 0 -10%, rgba(91, 108, 255, .18) 0, transparent 60%), radial-gradient(56.25rem 25rem at 100% 0, rgba(255, 138, 61, .10) 0, transparent 55%);
	--vfp-surface: #141926;
	--vfp-surface-2: #1a2030;
	--vfp-surface-3: #222a3d;
	--vfp-border: #262f44;
	--vfp-text: #e6eaf3;
	--vfp-muted: #8d98ae;
	--vfp-primary: #6c86ff;
	--vfp-primary-2: #a77bff;
	--vfp-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 0.5rem 1.5rem rgba(0, 0, 0, .25);
	--vfp-header-bg: rgba(16, 20, 31, .82);
	--vfp-code-bg: #0a0d16;
	color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
/* Akışkan kök boyut: masaüstünde 16px, ekran daraldıkça (~360px) %80'e kadar oranlı küçülür; tüm ölçüler rem. */
/* PHP'den gelen ikon/avatar boyutları (--i, rem) da ölçeklenir; özgüllük 0 → açık CSS boyutları her zaman kazanır. */
:where(body:not(.wp-admin) .vfp-ic[style]) { width: var(--i); height: var(--i); }
:where(body:not(.wp-admin) img.vfp-avatar[style]) { width: var(--i); height: var(--i); }
html { font-size: clamp(12.8px, calc(11.2px + .47vw), 16px); -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body.vfp {
	margin: 0;
	font: 0.9375rem/1.6 var(--vfp-font);
	color: var(--vfp-text);
	background: var(--vfp-bg-grad), var(--vfp-bg);
	background-attachment: fixed;
	padding-bottom: env(safe-area-inset-bottom);
	transition: background-color .25s, color .25s;
}
.vfp a { color: var(--vfp-primary); text-decoration: none; }
.vfp a:hover { text-decoration: underline; }
.vfp img { max-width: 100%; height: auto; }
.vfp h1, .vfp h2, .vfp h3, .vfp h4 { line-height: 1.25; margin: 0 0 .5em; }
.vfp button, .vfp input, .vfp select, .vfp textarea { font: inherit; color: inherit; }
.vfp-ic { flex-shrink: 0; vertical-align: -.15em; }
.vfp-skip { position: absolute; left: -62.4375rem; }
.vfp-skip:focus { left: 0.5rem; top: 0.5rem; z-index: 999; background: var(--vfp-surface); padding: 0.5rem 0.75rem; border-radius: 0.5rem; }
.vfp-wrap { max-width: var(--vfp-wrap); margin: 0 auto; padding: 0 1rem; }
.vfp-muted { color: var(--vfp-muted); }
.vfp-center { text-align: center; }
.vfp-hp { position: absolute !important; left: -624.9375rem !important; }
[hidden] { display: none !important; }

/* ---------- Form öğeleri ---------- */
.vfp input[type=text], .vfp input[type=email], .vfp input[type=password], .vfp input[type=search], .vfp input[type=url], .vfp input[type=number], .vfp input[type=tel], .vfp input[type=date], .vfp select, .vfp textarea {
	width: 100%;
	padding: 0.625rem 0.75rem;
	border: 1px solid var(--vfp-border);
	border-radius: var(--vfp-radius-sm);
	background: var(--vfp-surface);
	transition: border-color .15s, box-shadow .15s;
}
.vfp input:focus, .vfp select:focus, .vfp textarea:focus { outline: none; border-color: var(--vfp-primary); box-shadow: var(--vfp-focus); }
.vfp-field { margin-bottom: 0.875rem; }
.vfp-field label { display: block; font-weight: 600; font-size: 0.8125rem; margin-bottom: 0.375rem; }
.vfp-field em { color: var(--vfp-err); font-style: normal; }
.vfp-check { display: flex; gap: 0.5rem; align-items: center; margin: 0.375rem 0; cursor: pointer; }
.vfp-inline { display: flex; gap: 0.5rem; }
.vfp-inline select { max-width: 10rem; }
.vfp-grid-2 { display: grid; gap: 0 1rem; grid-template-columns: 1fr; }
.vfp-form__foot { display: flex; align-items: center; gap: 0.75rem; justify-content: flex-end; margin-top: 0.75rem; flex-wrap: wrap; }
.vfp-form__row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.75rem; font-size: 0.875rem; }
.vfp-hint { color: var(--vfp-muted); font-size: 0.75rem; }
.vfp-strength { display: block; height: 0.25rem; border-radius: 0.25rem; margin-top: 0.375rem; background: var(--vfp-surface-3); position: relative; overflow: hidden; }
.vfp-strength::after { content: ""; position: absolute; inset: 0; width: var(--s, 0%); background: var(--c, var(--vfp-err)); transition: width .2s; }

/* ---------- Butonlar ---------- */
.vfp-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 0.375rem;
	padding: 0.5625rem 1rem; border: 0; border-radius: 62.4375rem; cursor: pointer;
	background: var(--vfp-head); color: #fff !important; font-weight: 600; font-size: 0.875rem;
	box-shadow: 0 0.25rem 0.875rem color-mix(in srgb, var(--vfp-primary) 35%, transparent);
	transition: transform .12s, box-shadow .15s, opacity .15s; text-decoration: none !important; white-space: nowrap;
}
.vfp-btn:hover { transform: translateY(-1px); }
.vfp-btn:active { transform: none; }
.vfp-btn--ghost { background: var(--vfp-surface); color: var(--vfp-text) !important; border: 1px solid var(--vfp-border); box-shadow: none; }
.vfp-btn--ghost.is-on { border-color: var(--vfp-primary); color: var(--vfp-primary) !important; }
.vfp-btn--mod { background: linear-gradient(120deg, #1f8f5f, #0e6b6b); }
.vfp-btn--sm { padding: 0.375rem 0.75rem; font-size: 0.8125rem; }
.vfp-btn--lg { padding: 0.75rem 1.5rem; font-size: 0.9375rem; }
.vfp-btn--block { width: 100%; }
.vfp-btn--disabled { opacity: .55; pointer-events: none; }
.vfp-btn.is-loading { opacity: .7; pointer-events: none; }
.vfp-btn.is-loading::after { content: ""; width: 0.875rem; height: 0.875rem; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: vfp-spin .7s linear infinite; }
.vfp-link { background: none; border: 0; color: var(--vfp-primary); cursor: pointer; padding: 0; font-size: 0.8125rem; }
.vfp-iconbtn { position: relative; width: 2.5rem; height: 2.5rem; border-radius: 0.75rem; border: 0; background: transparent; cursor: pointer; display: grid; place-items: center; color: var(--vfp-text); }
.vfp-iconbtn:hover { background: var(--vfp-surface-3); }
@keyframes vfp-spin { to { transform: rotate(360deg); } }

/* ---------- Header ---------- */
.vfp-header { position: sticky; top: 0; z-index: 50; background: var(--vfp-header-bg); backdrop-filter: saturate(1.6) blur(0.875rem); -webkit-backdrop-filter: saturate(1.6) blur(0.875rem); border-bottom: 1px solid var(--vfp-border); }
.admin-bar .vfp-header { top: 2rem; }
.vfp-header__in { display: flex; align-items: center; gap: 0.625rem; height: 4rem; }
.vfp-header__burger { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border: 0; background: none; cursor: pointer; border-radius: 0.625rem; }
.vfp-logo { display: flex; align-items: center; gap: 0.625rem; font-weight: 800; font-size: 1.125rem; color: var(--vfp-text) !important; text-decoration: none !important; letter-spacing: -.02em; }
.vfp-logo__mark { width: 2.25rem; height: 2.25rem; border-radius: 0.6875rem; display: grid; place-items: center; background: var(--vfp-head); color: #fff; box-shadow: 0 0.375rem 1rem color-mix(in srgb, var(--vfp-primary) 40%, transparent); }
.vfp-logo__img { max-height: 2.5rem; width: auto; }
.vfp-logo__txt { display: none; }
.vfp-search { position: relative; flex: 1; max-width: 28.75rem; margin-left: auto; display: none; }
.vfp-search > .vfp-ic { position: absolute; left: 0.75rem; top: 50%; transform: translateY(-50%); color: var(--vfp-muted); }
.vfp-search input { padding-left: 2.25rem !important; border-radius: 62.4375rem !important; background: var(--vfp-surface-2) !important; }
.vfp-search__drop { position: absolute; top: calc(100% + 0.375rem); left: 0; right: 0; background: var(--vfp-surface); border: 1px solid var(--vfp-border); border-radius: var(--vfp-radius); box-shadow: var(--vfp-shadow-lg); max-height: 26.25rem; overflow: auto; }
.vfp-header__ad { display: none; }
.vfp-user { display: flex; align-items: center; gap: 0.25rem; margin-left: auto; }
.vfp-me { display: flex; align-items: center; gap: 0.5rem; border: 0; background: none; cursor: pointer; padding: 0.25rem; border-radius: 62.4375rem; }
.vfp-me span { display: none; font-weight: 600; font-size: 0.875rem; }
.vfp-me .vfp-avatar { border-radius: 50%; }
.vfp-count { position: absolute; top: 0.1875rem; right: 2px; min-width: 1.125rem; height: 1.125rem; padding: 0 0.3125rem; border-radius: 0.5625rem; background: var(--vfp-err); color: #fff; font-size: 0.6875rem; font-weight: 700; line-height: 1.125rem; text-align: center; font-style: normal; animation: vfp-pop .3s; }
@keyframes vfp-pop { 0% { transform: scale(.4); } 70% { transform: scale(1.15); } }

.vfp-nav { border-top: 1px solid var(--vfp-border); background: var(--vfp-surface); display: none; }
.vfp-nav.is-open { display: block; }
.vfp-nav__in { display: flex; flex-direction: column; padding: 0.375rem 1rem; }
.vfp-nav a { display: flex; align-items: center; gap: 0.5rem; padding: 0.625rem 0.75rem; border-radius: 0.625rem; color: var(--vfp-text); font-weight: 500; font-size: 0.875rem; text-decoration: none !important; }
.vfp-nav a:hover, .vfp-nav a.is-active { background: var(--vfp-surface-3); color: var(--vfp-primary); }
.vfp-nav__online { margin-left: auto; font-size: 0.8125rem; color: var(--vfp-muted); padding: 0.625rem 0.75rem; }
.vfp-dot { display: inline-block; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--vfp-ok); box-shadow: 0 0 0 0.1875rem color-mix(in srgb, var(--vfp-ok) 25%, transparent); margin-right: 0.25rem; }
.vfp-notice { background: linear-gradient(90deg, color-mix(in srgb, var(--vfp-accent) 18%, transparent), transparent); border-bottom: 1px solid var(--vfp-border); padding: 0.5625rem 0; font-size: 0.875rem; }

/* ---------- Dropdown ---------- */
.vfp-drop { position: relative; }
.vfp-drop__panel { position: absolute; right: 0; top: calc(100% + 0.5rem); width: min(22.5rem, calc(100vw - 1.5rem)); background: var(--vfp-surface); border: 1px solid var(--vfp-border); border-radius: var(--vfp-radius); box-shadow: var(--vfp-shadow-lg); opacity: 0; visibility: hidden; transform: translateY(-0.375rem); transition: .16s; z-index: 60; overflow: hidden; }
.vfp-drop.is-open > .vfp-drop__panel { opacity: 1; visibility: visible; transform: none; }
.vfp-drop__head { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0.875rem; border-bottom: 1px solid var(--vfp-border); font-size: 0.875rem; }
.vfp-drop__list { max-height: 23.75rem; overflow: auto; }
.vfp-drop__foot { display: block; text-align: center; padding: 0.625rem; border-top: 1px solid var(--vfp-border); font-size: 0.8125rem; font-weight: 600; }
.vfp-drop__panel--menu { width: 15.625rem; padding: 0.375rem; }
.vfp-drop__panel--menu a, .vfp-drop__panel--menu button { display: flex; align-items: center; gap: 0.625rem; width: 100%; padding: 0.5625rem 0.625rem; border: 0; background: none; border-radius: 0.5rem; color: var(--vfp-text); font-size: 0.875rem; text-align: left; cursor: pointer; text-decoration: none !important; }
.vfp-drop__panel--menu a:hover, .vfp-drop__panel--menu button:hover { background: var(--vfp-surface-3); }
.vfp-drop__me { padding: 0.625rem; border-bottom: 1px solid var(--vfp-border); margin-bottom: 0.375rem; display: grid; gap: 0.375rem; }
.vfp-ditem { display: flex; gap: 0.625rem; padding: 0.625rem 0.875rem; color: var(--vfp-text) !important; border-bottom: 1px solid var(--vfp-border); font-size: 0.8125rem; text-decoration: none !important; align-items: flex-start; }
.vfp-ditem:hover { background: var(--vfp-surface-2); }
.vfp-ditem.is-unread { background: color-mix(in srgb, var(--vfp-primary) 7%, transparent); }
.vfp-ditem .vfp-avatar { border-radius: 50%; }
.vfp-ditem small { display: block; color: var(--vfp-muted); }
.vfp-skel { height: 5rem; margin: 0.75rem; border-radius: 0.625rem; background: linear-gradient(90deg, var(--vfp-surface-2), var(--vfp-surface-3), var(--vfp-surface-2)); background-size: 200% 100%; animation: vfp-sk 1.2s infinite; }
@keyframes vfp-sk { to { background-position: -200% 0; } }

/* Görünüm seçici */
.vfp-look__moon { display: none; }
[data-theme="dark"] .vfp-look__sun { display: none; }
[data-theme="dark"] .vfp-look__moon { display: inline; }
.vfp-look__panel { width: 18.125rem; padding-bottom: 0.5rem; max-height: calc(100vh - 5.625rem); max-height: calc(100dvh - 5.625rem); overflow-y: auto; overscroll-behavior: contain; }
.vfp-seg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.25rem; padding: 0.625rem; }
.vfp-seg button { display: flex; flex-direction: column; align-items: center; gap: 0.25rem; padding: 0.625rem 0.25rem; border: 1px solid var(--vfp-border); border-radius: 0.625rem; background: var(--vfp-surface-2); cursor: pointer; font-size: 0.75rem; }
.vfp-seg button.is-on { border-color: var(--vfp-primary); color: var(--vfp-primary); box-shadow: var(--vfp-focus); }
.vfp-skinpick { display: grid; gap: 0.25rem; padding: 0 0.625rem; }
.vfp-skinpick button { display: flex; align-items: center; gap: 0.625rem; padding: 0.5rem 0.625rem; border: 1px solid var(--vfp-border); background: var(--vfp-surface); border-radius: 0.625rem; cursor: pointer; font-size: 0.8125rem; text-align: left; }
.vfp-skinpick button.is-on { border-color: var(--vfp-primary); font-weight: 600; }
.vfp-skinpick__sw { display: flex; }
.vfp-skinpick__sw i { width: 0.875rem; height: 0.875rem; border-radius: 50%; border: 2px solid var(--vfp-surface); margin-left: -0.3125rem; }
.vfp-skinpick__sw i:first-child { margin-left: 0; }
.vfp-skinpick { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.vfp-skinpick button { flex-direction: column; align-items: stretch; gap: 0.375rem; padding: 0.375rem; }
.vfp-skinpick__shot { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: top; border-radius: 0.375rem; border: 1px solid var(--vfp-border); background: var(--vfp-bg); }
.vfp-skinpick__name { display: flex; align-items: center; gap: 0.5rem; min-width: 0; padding: 0 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vfp-skinpick button.is-on .vfp-skinpick__shot { outline: 2px solid var(--vfp-primary); outline-offset: 1px; }

/* ---------- Ana yerleşim ---------- */
.vfp-main { padding: 1rem 0 5.625rem; min-height: 60vh; }
.vfp-layout { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); }
.vfp-layout__main, .vfp-layout__side { min-width: 0; display: flex; flex-direction: column; gap: 1rem; }
.vfp-box { background: var(--vfp-surface); border: 1px solid var(--vfp-border); border-radius: var(--vfp-radius); box-shadow: var(--vfp-shadow); margin-bottom: 1rem; overflow: hidden; }
.vfp-layout__main > .vfp-box, .vfp-layout__side > .vfp-box, .vfp-layout__side > section { margin-bottom: 0; }
.vfp-box__head { margin: 0; padding: 0.75rem 1rem; font-size: 0.875rem; font-weight: 700; display: flex; align-items: center; gap: 0.5rem; border-bottom: 1px solid var(--vfp-border); background: var(--vfp-surface-2); }
.vfp-box__head a { color: inherit; }
.vfp-box__body { padding: 1rem; }
.vfp-empty { padding: 1.75rem 1rem; text-align: center; color: var(--vfp-muted); margin: 0; }
.vfp-empty--big { padding: 3.75rem 1rem; display: grid; justify-items: center; gap: 0.625rem; }
.vfp-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 0.375rem; font-size: 0.8125rem; margin-bottom: 0.875rem; color: var(--vfp-muted); }
.vfp-crumbs a { color: var(--vfp-muted); }
.vfp-crumbs span:last-child { color: var(--vfp-text); font-weight: 600; }
.vfp-phead { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 0.75rem; margin-bottom: 1rem; }
.vfp-phead h1 { font-size: clamp(1.25rem, 3.4vw, 1.75rem); letter-spacing: -.02em; margin: 0; }
.vfp-phead p { margin: 0.25rem 0 0; color: var(--vfp-muted); }
.vfp-phead--center { justify-content: center; text-align: center; }
.vfp-phead__act { display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center; }
.vfp-phead__meta { font-size: 0.8125rem; }
.vfp-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.625rem; margin: 0 0 0.75rem; }
.vfp-toolbar:empty { display: none; }
.vfp-sort { font-size: 0.8125rem; display: flex; align-items: center; gap: 0.375rem; }
.vfp-sort select { width: auto; padding: 0.375rem 0.625rem; }

/* ---------- Sekmeler ---------- */
.vfp-tabs { display: flex; gap: 0.25rem; padding: 0.5rem; overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid var(--vfp-border); background: var(--vfp-surface-2); }
.vfp-tabs::-webkit-scrollbar { display: none; }
.vfp-tabs > * { display: flex; align-items: center; gap: 0.375rem; padding: 0.5rem 0.875rem; border: 0; border-radius: 62.4375rem; background: none; cursor: pointer; font-size: 0.8125rem; font-weight: 600; color: var(--vfp-muted); white-space: nowrap; text-decoration: none !important; }
.vfp-tabs > .is-active { background: var(--vfp-surface); color: var(--vfp-primary); box-shadow: var(--vfp-shadow); }
.vfp-tabs--profile { border: 1px solid var(--vfp-border); border-radius: var(--vfp-radius) var(--vfp-radius) 0 0; border-bottom: 0; }

/* ---------- Akış ---------- */
.vfp-feed__list.is-loading { opacity: .5; }
.vfp-fitem { display: grid; grid-template-columns: 2.5rem 1fr; gap: 0.75rem; padding: 0.75rem 1rem; border-bottom: 1px solid var(--vfp-border); align-items: center; animation: vfp-in .25s ease; }
.vfp-fitem:last-child { border-bottom: 0; }
.vfp-fitem .vfp-avatar { border-radius: 0.75rem; }
.vfp-fitem h3 { font-size: 0.9375rem; margin: 0; display: flex; gap: 0.375rem; align-items: center; flex-wrap: wrap; }
.vfp-fitem h3 a { color: var(--vfp-text); }
.vfp-fitem__meta { font-size: 0.75rem; color: var(--vfp-muted); display: flex; gap: 0.375rem; flex-wrap: wrap; align-items: center; }
.vfp-fitem__forum { padding: 1px 0.5rem; border-radius: 62.4375rem; background: var(--vfp-surface-3); color: var(--vfp-muted) !important; font-size: 0.6875rem; }
.vfp-fitem__nums { grid-column: 2; display: flex; gap: 0.75rem; font-size: 0.75rem; color: var(--vfp-muted); }
.vfp-fitem--hot h3 a { color: var(--vfp-accent); }
@keyframes vfp-in { from { opacity: 0; transform: translateY(0.375rem); } }

/* ---------- Kategori & forum satırı ---------- */
.vfp-cat__head { display: flex; justify-content: space-between; align-items: center; padding: 0.875rem 1rem; background: var(--vfp-head); color: var(--vfp-head-text); }
.vfp-cat__head h2 { margin: 0; font-size: 1rem; }
.vfp-cat__head h2 a { color: inherit; }
.vfp-cat__head p { margin: 2px 0 0; font-size: 0.75rem; opacity: .85; }
.vfp-cat__toggle { background: rgba(255, 255, 255, .18); border: 0; color: inherit; width: 1.875rem; height: 1.875rem; border-radius: 0.5rem; cursor: pointer; transition: transform .2s; }
.vfp-cat.is-collapsed .vfp-cat__toggle { transform: rotate(-90deg); }
.vfp-cat.is-collapsed .vfp-cat__body, .vfp-cat.is-collapsed .vfp-cat__cols { display: none; }
.vfp-cat__cols, .vfp-tlist__cols { display: none; }
.vfp-frow, .vfp-trow { display: grid; grid-template-columns: 2.75rem 1fr; gap: 0.375rem 0.75rem; padding: 0.875rem 1rem; border-bottom: 1px solid var(--vfp-border); align-items: center; transition: background .15s; }
.vfp-frow:hover, .vfp-trow:hover { background: var(--vfp-surface-2); }
.vfp-frow:last-child, .vfp-trow:last-child { border-bottom: 0; }
.vfp-frow h3, .vfp-trow h3 { font-size: 0.9375rem; margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0.375rem; }
.vfp-frow h3 a, .vfp-trow h3 a { color: var(--vfp-text); }
.vfp-trow h3 a.is-unread { font-weight: 800; }
.vfp-frow p { margin: 2px 0 0; font-size: 0.8125rem; color: var(--vfp-muted); }
.vfp-frow__subs { display: flex; flex-wrap: wrap; gap: 0.25rem 0.625rem; margin-top: 0.375rem; font-size: 0.75rem; }
.vfp-frow__mods { font-size: 0.75rem; color: var(--vfp-muted); margin-top: 0.25rem; }
.vfp-frow__stats, .vfp-trow__stats { grid-column: 2; display: flex; gap: 0.875rem; font-size: 0.75rem; color: var(--vfp-muted); }
.vfp-frow__last, .vfp-trow__last { grid-column: 2; display: flex; gap: 0.5rem; align-items: center; font-size: 0.75rem; min-width: 0; }
.vfp-frow__last .vfp-avatar, .vfp-trow__last .vfp-avatar { border-radius: 50%; }
.vfp-frow__last small, .vfp-trow__last small { display: block; color: var(--vfp-muted); }
.vfp-frow__lt { display: block; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 15rem; }
.vfp-ficon { width: 2.5rem; height: 2.5rem; border-radius: 0.75rem; display: grid; place-items: center; background: var(--vfp-head); color: #fff; }
.vfp-sicon { display: block; }
.vfp-trow small { color: var(--vfp-muted); font-size: 0.75rem; }
.vfp-trow.is-hidden { opacity: .6; background: repeating-linear-gradient(45deg, transparent 0 0.625rem, color-mix(in srgb, var(--vfp-warn) 6%, transparent) 0.625rem 1.25rem); }
.vfp-trow--announce { background: color-mix(in srgb, var(--vfp-warn) 7%, var(--vfp-surface)); }
.vfp-trow--sticky { background: color-mix(in srgb, var(--vfp-ok) 5%, var(--vfp-surface)); }
.vfp-trow__pages { display: inline-flex; gap: 0.1875rem; }
.vfp-trow__pages a { font-size: 0.6875rem; padding: 0 0.375rem; border: 1px solid var(--vfp-border); border-radius: 0.3125rem; color: var(--vfp-muted); }
.vfp-tlist--ann .vfp-trow { border-left: 3px solid var(--vfp-warn); }
.vfp-iconlegend .vfp-box__body { display: flex; flex-wrap: wrap; gap: 0.625rem 1.125rem; font-size: 0.75rem; color: var(--vfp-muted); align-items: center; }
.vfp-iconlegend span { display: inline-flex; align-items: center; gap: 0.375rem; }

/* ---------- Etiketler ---------- */
.vfp-tag, .vfp-prefix, .vfp-chip { display: inline-flex; align-items: center; gap: 0.1875rem; padding: 1px 0.5rem; border-radius: 0.375rem; font-size: 0.6875rem; font-weight: 700; line-height: 1.125rem; }
.vfp-prefix { background: color-mix(in srgb, var(--vfp-primary) 14%, transparent); color: var(--vfp-primary); }
.vfp-chip { background: var(--vfp-surface-3); color: var(--vfp-text); font-weight: 600; }
.vfp-tag--ann { background: var(--vfp-warn); color: #fff; }
.vfp-tag--sticky { background: var(--vfp-ok); color: #fff; }
.vfp-tag--locked { background: var(--vfp-err); color: #fff; }
.vfp-tag--mod { background: #6b4bd8; color: #fff; }

/* ---------- Rozetler (3 stil) ---------- */
.vfp-badge { display: inline-flex; align-items: center; gap: 0.3125rem; font-size: 0.6562rem; letter-spacing: .06em; font-weight: 800; line-height: 1; padding: 0.3125rem 0.625rem; border-radius: 62.4375rem; color: #fff; white-space: nowrap; text-transform: uppercase; vertical-align: middle; }
.vfp-badge b { font-weight: 800; }
.vfp-badge img { width: 0.8125rem; height: 0.8125rem; }
/* 1) Parlak Gradyan */
.vfp-badge--gradient { background: linear-gradient(135deg, var(--g1), var(--g2)); box-shadow: 0 0.1875rem 0.625rem color-mix(in srgb, var(--g1) 45%, transparent), inset 0 1px 0 rgba(255, 255, 255, .35); position: relative; overflow: hidden; }
.vfp-badge--gradient::after { content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .55), transparent); transform: skewX(-20deg); animation: vfp-shine 3.2s infinite; }
@keyframes vfp-shine { 60%, 100% { left: 130%; } }
/* 2) Cam / Neon */
.vfp-badge--glass { background: color-mix(in srgb, var(--g1) 14%, transparent); color: var(--g1); border: 1px solid color-mix(in srgb, var(--g1) 55%, transparent); box-shadow: 0 0 0.75rem color-mix(in srgb, var(--g1) 35%, transparent), inset 0 0 0.5rem color-mix(in srgb, var(--g1) 18%, transparent); backdrop-filter: blur(0.25rem); }
[data-theme="dark"] .vfp-badge--glass { color: color-mix(in srgb, var(--g1) 70%, #fff); text-shadow: 0 0 0.5rem var(--g1); }
/* 3) Kurdele / Etiket */
.vfp-badge--ribbon { border-radius: 0.1875rem 0 0 0.1875rem; background: var(--g1); padding-right: 0.875rem; clip-path: polygon(0 0, 100% 0, calc(100% - 0.5rem) 50%, 100% 100%, 0 100%); border-left: 3px solid var(--g2); }

/* Grup renkli kullanıcı adı */
.vfp-uname { font-weight: 700; color: var(--g1, var(--vfp-text)); }
.vfp-g-admin .vfp-uname, .vfp-uname.vfp-g-admin, .vfp-uname.vfp-g-supermod, .vfp-uname.vfp-g-platinum, .vfp-uname.vfp-g-gold, .vfp-uname.vfp-g-corporate { background: linear-gradient(90deg, var(--g1), var(--g2), var(--g1)); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; animation: vfp-flow 4s linear infinite; }
[data-theme="dark"] .vfp-uname.vfp-g-corporate, [data-theme="dark"] .vfp-uname.vfp-g-platinum { background-image: linear-gradient(90deg, color-mix(in srgb, var(--g1) 60%, #fff), #fff, color-mix(in srgb, var(--g1) 60%, #fff)); }
@keyframes vfp-flow { to { background-position: 200% center; } }
.vfp-ulink:hover { text-decoration: none !important; }
.vfp-legend { display: flex; flex-wrap: wrap; gap: 0.375rem 0.875rem; margin-top: 0.75rem; padding-top: 0.625rem; border-top: 1px dashed var(--vfp-border); font-size: 0.75rem; }

/* Rank */
.vfp-rank { display: grid; gap: 0.1875rem; font-size: 0.75rem; }
.vfp-rank__title { font-weight: 700; color: var(--rank); }
.vfp-rank__pips { color: var(--rank); display: flex; gap: 1px; }
.vfp-rank__bar { height: 0.3125rem; background: var(--vfp-surface-3); border-radius: 0.25rem; overflow: hidden; }
.vfp-rank__bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--rank), color-mix(in srgb, var(--rank) 50%, #fff)); }

/* ---------- Konu / mesajlar ---------- */
.vfp-posts { display: flex; flex-direction: column; gap: 0.875rem; margin-bottom: 0.875rem; }
.vfp-post { display: grid; grid-template-columns: 1fr; background: var(--vfp-surface); border: 1px solid var(--vfp-border); border-radius: var(--vfp-radius); box-shadow: var(--vfp-shadow); overflow: hidden; scroll-margin-top: 5.625rem; }
.vfp-post:target, .vfp-post.is-fresh { animation: vfp-flash 1.8s ease; }
@keyframes vfp-flash { 0% { box-shadow: 0 0 0 0.1875rem var(--vfp-accent); } }
.vfp-post.is-hidden { opacity: .7; border-style: dashed; }
.vfp-post.is-op .vfp-pbit { background: linear-gradient(180deg, color-mix(in srgb, var(--vfp-primary) 7%, var(--vfp-surface-2)), var(--vfp-surface-2)); }
.vfp-pbit { display: grid; grid-template-columns: 3.5rem 1fr; gap: 0.25rem 0.75rem; padding: 0.75rem 0.875rem; background: var(--vfp-surface-2); border-bottom: 1px solid var(--vfp-border); align-items: center; }
.vfp-pbit__av { position: relative; grid-row: span 2; }
.vfp-pbit__av .vfp-avatar { width: 3.5rem; height: 3.5rem; border-radius: 1rem; object-fit: cover; }
.vfp-pbit__av .vfp-dot { position: absolute; bottom: 0; right: 0; border: 2px solid var(--vfp-surface); width: 0.8125rem; height: 0.8125rem; margin: 0; }
.vfp-pbit__id { display: flex; flex-wrap: wrap; gap: 0.25rem 0.5rem; align-items: center; }
.vfp-pbit__id .vfp-rank { flex-basis: 100%; }
.vfp-pbit__title { font-size: 0.75rem; color: var(--vfp-muted); font-style: italic; }
.vfp-pbit__info { grid-column: 2; display: flex; flex-wrap: wrap; gap: 2px 0.875rem; margin: 0; font-size: 0.75rem; }
.vfp-pbit__info div { display: flex; gap: 0.25rem; }
.vfp-pbit__info dt { color: var(--vfp-muted); }
.vfp-pbit__info dd { margin: 0; font-weight: 600; }
.vfp-pbit__sfp { grid-column: 1 / -1; padding-top: 0.375rem; border-top: 1px dashed var(--vfp-border); }
.vfp-post__main { padding: 0.875rem 1rem; min-width: 0; display: flex; flex-direction: column; }
.vfp-post__head { display: flex; align-items: center; gap: 0.625rem; font-size: 0.75rem; color: var(--vfp-muted); margin-bottom: 0.625rem; }
.vfp-post__num { margin-left: auto; font-weight: 700; color: var(--vfp-muted) !important; }
.vfp-post__ip { font-family: var(--vfp-mono); }
.vfp-post__edited { font-size: 0.75rem; color: var(--vfp-muted); font-style: italic; margin-top: 0.625rem; }
.vfp-post__likes { font-size: 0.75rem; color: var(--vfp-muted); margin-top: 0.625rem; }
.vfp-post__likes:empty { display: none; }
.vfp-post__likes .vfp-ic { color: var(--vfp-err); }
.vfp-post__act { display: flex; flex-wrap: wrap; gap: 0.25rem; margin-top: auto; padding-top: 0.75rem; border-top: 1px solid var(--vfp-border); }
.vfp-act { display: inline-flex; align-items: center; gap: 0.3125rem; padding: 0.375rem 0.625rem; border: 0; background: none; border-radius: 0.5rem; cursor: pointer; font-size: 0.8125rem; color: var(--vfp-muted); }
.vfp-act:hover { background: var(--vfp-surface-3); color: var(--vfp-text); }
.vfp-act.is-on { color: var(--vfp-err); }
.vfp-act.is-on .vfp-ic { animation: vfp-pop .35s; }
.vfp-act--danger:hover { color: var(--vfp-err); }
.vfp-act--mq.is-on { color: var(--vfp-primary); background: color-mix(in srgb, var(--vfp-primary) 12%, transparent); }
.vfp-act--muted { margin-left: auto; }
.vfp-sig { margin-top: 0.875rem; padding-top: 0.625rem; border-top: 1px dashed var(--vfp-border); font-size: 0.8125rem; color: var(--vfp-muted); max-height: 13.75rem; overflow: hidden; }
.vfp-sig img { max-height: 7.5rem; }
.vfp-tplbox { display: grid; grid-template-columns: repeat(auto-fill, minmax(9.375rem, 1fr)); gap: 0.5rem; margin: 0 0 0.875rem; padding: 0.75rem; background: var(--vfp-surface-2); border: 1px solid var(--vfp-border); border-radius: var(--vfp-radius-sm); }
.vfp-tplbox dt { font-size: 0.6875rem; color: var(--vfp-muted); text-transform: uppercase; letter-spacing: .05em; }
.vfp-tplbox dd { margin: 0; font-weight: 700; }
.vfp-multiquote { position: fixed; bottom: 4.625rem; left: 50%; transform: translateX(-50%); z-index: 40; background: var(--vfp-surface); border: 1px solid var(--vfp-border); box-shadow: var(--vfp-shadow-lg); border-radius: 62.4375rem; padding: 0.5rem 0.625rem 0.5rem 1rem; display: flex; gap: 0.5rem; align-items: center; font-size: 0.8125rem; }
.vfp-cta { padding: 1.25rem; text-align: center; }

/* ---------- İçerik tipografi ---------- */
.vfp-content { overflow-wrap: anywhere; line-height: 1.7; }
.vfp-content p { margin: 0 0 .8em; }
.vfp-content > :last-child { margin-bottom: 0; }
.vfp-content ul, .vfp-content ol { padding-left: 1.4em; }
.vfp-content hr { border: 0; border-top: 1px solid var(--vfp-border); margin: 1rem 0; }
.vfp-content table { border-collapse: collapse; width: 100%; display: block; overflow-x: auto; }
.vfp-content td, .vfp-content th { border: 1px solid var(--vfp-border); padding: 0.375rem 0.625rem; }
.vfp-img { border-radius: 0.625rem; cursor: zoom-in; }
.vfp-al-center { text-align: center; }
.vfp-al-right { text-align: right; }
.vfp-size-1 { font-size: 0.625rem; } .vfp-size-2 { font-size: 0.75rem; } .vfp-size-3 { font-size: 0.9375rem; } .vfp-size-4 { font-size: 1.125rem; } .vfp-size-5 { font-size: 1.375rem; } .vfp-size-6 { font-size: 1.75rem; } .vfp-size-7 { font-size: 2.125rem; }
.vfp-quote { margin: 0 0 0.75rem; border-left: 4px solid var(--vfp-primary); background: var(--vfp-surface-2); border-radius: 0 0.625rem 0.625rem 0; padding: 0; overflow: hidden; }
.vfp-quote__head { padding: 0.375rem 0.75rem; font-size: 0.75rem; background: var(--vfp-surface-3); display: flex; gap: 0.375rem; align-items: center; }
.vfp-quote__go { margin-left: auto; }
.vfp-quote__body { padding: 0.625rem 0.75rem; font-size: 0.875rem; }
.vfp-quote .vfp-quote { margin-top: 0.375rem; }
.vfp-spoiler { border: 1px dashed var(--vfp-border); border-radius: 0.625rem; padding: 0.5rem 0.75rem; margin: 0 0 0.75rem; }
.vfp-spoiler summary { cursor: pointer; font-weight: 600; color: var(--vfp-primary); }
.vfp-embed { position: relative; padding-top: 56.25%; border-radius: 0.75rem; overflow: hidden; margin-bottom: 0.75rem; background: #000; }
.vfp-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
.vfp-mention { font-weight: 700; background: color-mix(in srgb, var(--vfp-primary) 12%, transparent); padding: 0 0.25rem; border-radius: 0.25rem; }
.vfp-icode { font-family: var(--vfp-mono); font-size: .88em; background: var(--vfp-surface-3); padding: 2px 0.375rem; border-radius: 0.3125rem; }

/* Kod blokları (renkli) */
.vfp-code { position: relative; margin: 0 0 0.875rem; border-radius: 0.75rem; overflow: hidden; background: var(--vfp-code-bg); border: 1px solid #1d2438; }
.vfp-code__bar { display: flex; align-items: center; justify-content: space-between; padding: 0.375rem 0.625rem 0.375rem 0.875rem; background: #161c2e; color: #8b97b5; font: 600 0.6875rem var(--vfp-mono); text-transform: uppercase; letter-spacing: .08em; }
.vfp-code__bar i { display: inline-flex; gap: 0.3125rem; margin-right: 0.625rem; }
.vfp-code__bar i b { width: 0.5625rem; height: 0.5625rem; border-radius: 50%; background: #ff5f57; }
.vfp-code__bar i b:nth-child(2) { background: #febc2e; } .vfp-code__bar i b:nth-child(3) { background: #28c840; }
.vfp-code__btns { display: flex; gap: 0.25rem; }
.vfp-code__btns button { background: rgba(255, 255, 255, .06); border: 0; color: #c9d3ea; padding: 0.25rem 0.5625rem; border-radius: 0.375rem; cursor: pointer; font: 600 0.6875rem var(--vfp-font); display: inline-flex; align-items: center; gap: 0.25rem; }
.vfp-code__btns button:hover { background: rgba(255, 255, 255, .14); }
.vfp-code__pre { margin: 0; padding: 0.875rem 0; overflow: auto; max-height: 32.5rem; font: 0.8125rem/1.65 var(--vfp-mono); color: var(--vfp-code-text); counter-reset: ln; tab-size: 4; }
.vfp-code__pre code { display: block; }
.vfp-code__ln { display: block; padding: 0 1rem 0 0; }
.vfp-code__ln::before { counter-increment: ln; content: counter(ln); display: inline-block; width: 3em; padding-right: 1em; text-align: right; color: #4a5576; user-select: none; }
.vfp-code__ln:hover { background: rgba(255, 255, 255, .03); }
.tk-c { color: #6a7799; font-style: italic; } .tk-s { color: #a5e07c; } .tk-k { color: #c792ea; } .tk-n { color: #f78c6c; } .tk-f { color: #82aaff; } .tk-t { color: #ff6b8b; } .tk-a { color: #ffcb6b; } .tk-v { color: #89ddff; } .tk-o { color: #89ddff; }

/* ---------- Editör ---------- */
.vfp-editor { border: 1px solid var(--vfp-border); border-radius: var(--vfp-radius); background: var(--vfp-surface); overflow: hidden; transition: box-shadow .15s, border-color .15s; }
.vfp-editor:focus-within { border-color: var(--vfp-primary); box-shadow: var(--vfp-focus); }
.vfp-editor__bar { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; padding: 0.375rem; background: var(--vfp-surface-2); border-bottom: 1px solid var(--vfp-border); }
.vfp-editor__bar > button { width: 2rem; height: 2rem; border: 0; border-radius: 0.5rem; background: none; cursor: pointer; color: var(--vfp-muted); display: grid; place-items: center; }
.vfp-editor__bar > button:hover { background: var(--vfp-surface-3); color: var(--vfp-text); }
.vfp-editor__bar select { width: auto !important; padding: 0.25rem 0.5rem !important; font-size: 0.75rem; height: 2rem; }
.vfp-editor__sep { width: 1px; height: 1.25rem; background: var(--vfp-border); margin: 0 0.25rem; }
.vfp-editor__mode { margin-left: auto; display: flex; gap: 2px; background: var(--vfp-surface-3); padding: 0.1875rem; border-radius: 0.5625rem; }
.vfp-editor__mode button { border: 0; background: none; padding: 0.25rem 0.625rem; border-radius: 0.4375rem; cursor: pointer; font-size: 0.75rem; font-weight: 600; display: inline-flex; gap: 0.25rem; align-items: center; }
.vfp-editor__mode button.is-active { background: var(--vfp-surface); box-shadow: var(--vfp-shadow); }
.vfp-editor__ta { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; resize: vertical; min-height: 8.75rem; font-family: var(--vfp-font); line-height: 1.6; }
.vfp-editor__preview { padding: 0.875rem; min-height: 8.75rem; }
.vfp-editor__help { display: flex; justify-content: space-between; padding: 0.375rem 0.625rem; border-top: 1px solid var(--vfp-border); color: var(--vfp-muted); font-family: var(--vfp-mono); }
.vfp-editor__help small { font-size: 0.6875rem; }
.vfp-suggest { position: absolute; z-index: 70; background: var(--vfp-surface); border: 1px solid var(--vfp-border); border-radius: 0.625rem; box-shadow: var(--vfp-shadow-lg); min-width: 12.5rem; overflow: hidden; }
.vfp-suggest button { display: flex; gap: 0.5rem; align-items: center; width: 100%; padding: 0.5rem 0.625rem; border: 0; background: none; text-align: left; cursor: pointer; font-size: 0.8125rem; }
.vfp-suggest button:hover, .vfp-suggest button.is-on { background: var(--vfp-surface-3); }
.vfp-suggest .vfp-avatar { border-radius: 50%; }
.vfp-newthread .vfp-field--title input { font-size: 1.125rem; font-weight: 600; }
.vfp-modopts { border: 1px dashed var(--vfp-border); border-radius: 0.625rem; padding: 0.5rem 0.875rem; margin-top: 0.75rem; display: flex; flex-wrap: wrap; gap: 0.375rem 1.125rem; font-size: 0.875rem; }
.vfp-tplfields { margin-bottom: 0.875rem; padding: 0.875rem; background: var(--vfp-surface-2); border-radius: var(--vfp-radius-sm); border: 1px solid var(--vfp-border); }

/* ---------- Kurallar & filtreler ---------- */
.vfp-rules { padding: 0; }
.vfp-rules > summary { padding: 0.75rem 1rem; cursor: pointer; font-weight: 700; display: flex; gap: 0.5rem; align-items: center; background: color-mix(in srgb, var(--vfp-warn) 10%, var(--vfp-surface)); }
.vfp-rules > summary .vfp-link { margin-left: auto; }
.vfp-rules > .vfp-content { padding: 0.875rem 1rem; }
.vfp-filters { display: flex; flex-wrap: wrap; gap: 0.625rem; align-items: flex-end; padding: 0.75rem 0.875rem; }
.vfp-filters label { display: grid; gap: 0.25rem; font-size: 0.75rem; font-weight: 600; flex: 1 1 8.75rem; }
.vfp-filters .vfp-grow { flex: 3 1 13.75rem; }
.vfp-filters__t { font-weight: 700; font-size: 0.8125rem; align-self: center; flex-basis: 100%; }

/* ---------- Sayfalama ---------- */
.vfp-pager { display: flex; flex-wrap: wrap; gap: 0.25rem; align-items: center; }
.vfp-pager a { min-width: 2.125rem; height: 2.125rem; padding: 0 0.5rem; display: grid; place-items: center; border-radius: 0.5625rem; background: var(--vfp-surface); border: 1px solid var(--vfp-border); color: var(--vfp-text); font-size: 0.8125rem; font-weight: 600; text-decoration: none !important; }
.vfp-pager a.is-active { background: var(--vfp-head); color: #fff; border-color: transparent; }
.vfp-pager__info { font-size: 0.75rem; color: var(--vfp-muted); margin-right: 0.375rem; }
.vfp-pager__gap { padding: 0 0.25rem; color: var(--vfp-muted); }

/* ---------- Yan panel ---------- */
.vfp-statlist { margin: 0; padding: 0.5rem 1rem; }
.vfp-statlist > div { display: flex; justify-content: space-between; gap: 0.625rem; padding: 0.4375rem 0; border-bottom: 1px dashed var(--vfp-border); font-size: 0.8125rem; }
.vfp-statlist > div:last-child { border: 0; }
.vfp-statlist dt { color: var(--vfp-muted); }
.vfp-statlist dd { margin: 0; font-weight: 700; text-align: right; }
.vfp-toplist { list-style: none; margin: 0; padding: 0.375rem 0.75rem; counter-reset: tl; }
.vfp-toplist li { display: flex; align-items: center; gap: 0.625rem; padding: 0.4375rem 0.25rem; font-size: 0.8125rem; counter-increment: tl; }
.vfp-toplist li::before { content: counter(tl); width: 1.25rem; color: var(--vfp-muted); font-weight: 800; font-size: 0.75rem; }
.vfp-toplist .vfp-avatar { border-radius: 50%; }
.vfp-toplist b { margin-left: auto; color: var(--vfp-muted); }
.vfp-online__sum { font-size: 0.8125rem; margin: 0 0 0.5rem; }
.vfp-online__list { font-size: 0.8125rem; line-height: 1.9; margin-bottom: 0.75rem; }
.vfp-welcome { background: var(--vfp-head); color: #fff; border: 0; }
.vfp-welcome .vfp-box__head { background: transparent; border-color: rgba(255, 255, 255, .2); }
.vfp-welcome .vfp-btn { background: #fff; color: var(--vfp-primary) !important; }

/* ---------- Profil ---------- */
.vfp-profile { background: var(--vfp-surface); border: 1px solid var(--vfp-border); border-radius: var(--vfp-radius); box-shadow: var(--vfp-shadow); overflow: hidden; margin-bottom: 1rem; }
.vfp-profile__cover { height: 10rem; background: linear-gradient(135deg, var(--g1, var(--vfp-primary)), var(--g2, var(--vfp-primary-2))); background-size: cover; background-position: center; position: relative; }
.vfp-profile__head { display: grid; grid-template-columns: 1fr; gap: 0.75rem; padding: 0 1rem 1rem; margin-top: -3.375rem; position: relative; }
.vfp-profile__av { position: relative; width: 6.75rem; }
.vfp-profile__av .vfp-avatar { width: 6.75rem; height: 6.75rem; border-radius: 1.75rem; border: 4px solid var(--vfp-surface); object-fit: cover; box-shadow: var(--vfp-shadow); background: var(--vfp-surface); }
.vfp-profile__up { position: absolute; right: -0.25rem; bottom: -0.25rem; width: 2.125rem; height: 2.125rem; border-radius: 50%; display: grid; place-items: center; background: var(--vfp-surface); border: 1px solid var(--vfp-border); cursor: pointer; box-shadow: var(--vfp-shadow); }
.vfp-profile__up--cover { position: absolute; right: 0.75rem; top: 0.75rem; bottom: auto; width: auto; height: auto; border-radius: 62.4375rem; padding: 0.375rem 0.75rem; display: flex; gap: 0.375rem; font-size: 0.75rem; font-weight: 600; background: rgba(0, 0, 0, .45); color: #fff; border: 0; }
.vfp-profile__id h1 { font-size: 1.5rem; margin: 0; display: flex; align-items: center; gap: 0.5rem; }
.vfp-profile__badges { display: flex; flex-wrap: wrap; gap: 0.375rem; margin: 0.375rem 0; }
.vfp-profile__act { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.vfp-profile__stats { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--vfp-border); }
.vfp-profile__stats > div { padding: 0.75rem; text-align: center; border-right: 1px solid var(--vfp-border); border-bottom: 1px solid var(--vfp-border); }
.vfp-profile__stats b { display: block; font-size: 1rem; }
.vfp-profile__stats span { font-size: 0.75rem; color: var(--vfp-muted); }
.vfp-activity { padding: 0.625rem 0; border-bottom: 1px solid var(--vfp-border); }
.vfp-activity p { margin: 0.25rem 0 0; font-size: 0.875rem; color: var(--vfp-muted); }
.vfp-vmsg-form { display: flex; gap: 0.5rem; margin-bottom: 0.875rem; align-items: flex-end; }
.vfp-vmsg { display: flex; gap: 0.625rem; padding: 0.625rem 0; border-bottom: 1px solid var(--vfp-border); }
.vfp-vmsg .vfp-avatar { border-radius: 50%; }
.vfp-vmsg__meta { font-size: 0.75rem; color: var(--vfp-muted); display: flex; gap: 0.375rem; align-items: center; }
.vfp-trader { display: inline-flex; align-items: center; gap: 0.25rem; padding: 1px 0.5rem; border-radius: 62.4375rem; font-size: 0.6875rem; font-weight: 700; background: var(--vfp-surface-3); color: var(--vfp-muted) !important; text-decoration: none !important; }
.vfp-trader small { opacity: .7; font-weight: 600; }
.vfp-trader--pos { background: color-mix(in srgb, var(--vfp-ok) 16%, transparent); color: var(--vfp-ok) !important; }
.vfp-trader--neg { background: color-mix(in srgb, var(--vfp-err) 16%, transparent); color: var(--vfp-err) !important; }
.vfp-trader-sum { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem; margin-bottom: 0.875rem; }
.vfp-trader-sum > div { text-align: center; padding: 0.75rem 0.25rem; border-radius: 0.75rem; background: var(--vfp-surface-2); }
.vfp-trader-sum b { display: block; font-size: 1.25rem; }
.vfp-trader-sum span { font-size: 0.6875rem; color: var(--vfp-muted); }
.vfp-trader-sum .pos b { color: var(--vfp-ok); } .vfp-trader-sum .neg b { color: var(--vfp-err); }
.vfp-traderrow { display: flex; gap: 0.75rem; padding: 0.75rem 0; border-bottom: 1px solid var(--vfp-border); align-items: flex-start; }
.vfp-traderrow__score { width: 2.5rem; height: 2.5rem; border-radius: 0.75rem; display: grid; place-items: center; flex-shrink: 0; background: var(--vfp-surface-3); }
.vfp-traderrow--pos .vfp-traderrow__score { background: var(--vfp-ok); color: #fff; }
.vfp-traderrow--neg .vfp-traderrow__score { background: var(--vfp-err); color: #fff; }
.vfp-traderrow p { margin: 0.25rem 0; }
.vfp-traderrow > div { flex: 1; font-size: 0.8125rem; }

/* Üye grid */
.vfp-mgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(9.375rem, 1fr)); gap: 0.75rem; padding: 0.75rem; }
.vfp-mcard { display: grid; justify-items: center; gap: 0.375rem; text-align: center; padding: 1rem 0.625rem; border-radius: var(--vfp-radius); background: var(--vfp-surface); border: 1px solid var(--vfp-border); color: var(--vfp-text) !important; text-decoration: none !important; transition: transform .15s, box-shadow .15s; }
.vfp-mcard:hover { transform: translateY(-0.1875rem); box-shadow: var(--vfp-shadow-lg); }
.vfp-mcard .vfp-avatar { border-radius: 1.125rem; }
.vfp-mcard small { color: var(--vfp-muted); font-size: 0.6875rem; }

/* ---------- DM ---------- */
.vfp-pmwrap { display: grid; grid-template-columns: 1fr; gap: 1rem; }
.vfp-pmwrap.has-open .vfp-pmlist { display: none; }
.vfp-pmlist { margin: 0; }
.vfp-pmlist__head { justify-content: space-between; }
.vfp-pmlist__item { display: flex; gap: 0.625rem; padding: 0.625rem 0.875rem; align-items: center; border-bottom: 1px solid var(--vfp-border); color: var(--vfp-text) !important; text-decoration: none !important; }
.vfp-pmlist__item .vfp-avatar { border-radius: 50%; }
.vfp-pmlist__item > div { flex: 1; min-width: 0; }
.vfp-pmlist__item b { display: block; font-size: 0.875rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vfp-pmlist__item small { color: var(--vfp-muted); font-size: 0.75rem; }
.vfp-pmlist__item.is-active { background: var(--vfp-surface-3); }
.vfp-pmlist__item.is-unread b { color: var(--vfp-primary); }
.vfp-pmlist__item .vfp-count { position: static; }
.vfp-quota { margin: 0.5rem 0.875rem; height: 0.375rem; background: var(--vfp-surface-3); border-radius: 0.25rem; position: relative; }
.vfp-quota i { display: block; height: 100%; border-radius: 0.25rem; background: var(--vfp-head); }
.vfp-quota small { position: absolute; right: 0; top: 0.5rem; font-size: 0.625rem; color: var(--vfp-muted); }
.vfp-pmview { display: flex; flex-direction: column; margin: 0; min-height: 60vh; }
.vfp-pmview__head { display: flex; gap: 0.625rem; align-items: center; padding: 0.75rem 0.875rem; border-bottom: 1px solid var(--vfp-border); }
.vfp-pmview__head > div { flex: 1; min-width: 0; }
.vfp-pmview__head small { display: block; font-size: 0.75rem; }
.vfp-pmview__back { font-size: 1.25rem; }
.vfp-pmview__msgs { flex: 1; overflow-y: auto; padding: 1rem; display: flex; flex-direction: column; gap: 0.75rem; max-height: 62vh; background: var(--vfp-surface-2); }
.vfp-pm { display: flex; gap: 0.5rem; max-width: 86%; animation: vfp-in .2s; }
.vfp-pm .vfp-avatar { border-radius: 50%; align-self: flex-end; }
.vfp-pm__body { background: var(--vfp-surface); border: 1px solid var(--vfp-border); padding: 0.5rem 0.75rem; border-radius: 1rem 1rem 1rem 0.25rem; min-width: 0; }
.vfp-pm__meta { font-size: 0.6875rem; color: var(--vfp-muted); display: flex; gap: 0.375rem; }
.vfp-pm.is-mine { align-self: flex-end; flex-direction: row-reverse; }
.vfp-pm.is-mine .vfp-pm__body { background: var(--vfp-head); color: #fff; border: 0; border-radius: 1rem 1rem 0.25rem 1rem; }
.vfp-pm.is-mine .vfp-pm__meta, .vfp-pm.is-mine .vfp-pm__meta * { color: rgba(255, 255, 255, .8) !important; background: none !important; -webkit-text-fill-color: currentColor; }
.vfp-pmview__form { display: flex; gap: 0.5rem; padding: 0.625rem; border-top: 1px solid var(--vfp-border); align-items: flex-end; }
.vfp-pmview__form textarea { resize: none; }

/* Bildirim sayfası */
.vfp-notif { display: flex; gap: 0.625rem; padding: 0.75rem 1rem; border-bottom: 1px solid var(--vfp-border); align-items: center; color: var(--vfp-text) !important; text-decoration: none !important; position: relative; }
.vfp-notif .vfp-avatar { border-radius: 50%; }
.vfp-notif__ic { position: absolute; left: 2.75rem; top: 2.25rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: var(--vfp-primary); color: #fff; display: grid; place-items: center; border: 2px solid var(--vfp-surface); }
.vfp-notif p { margin: 0; font-size: 0.875rem; }
.vfp-notif small { color: var(--vfp-muted); }
.vfp-notif.is-unread { background: color-mix(in srgb, var(--vfp-primary) 6%, transparent); }

/* Ayarlar */
.vfp-settings { display: grid; gap: 1rem; }
.vfp-settings__nav { display: flex; overflow-x: auto; padding: 0.375rem; gap: 0.25rem; margin: 0; }
.vfp-settings__nav a { display: flex; gap: 0.5rem; align-items: center; padding: 0.625rem 0.875rem; border-radius: 0.625rem; color: var(--vfp-text); white-space: nowrap; font-weight: 600; font-size: 0.875rem; text-decoration: none !important; }
.vfp-settings__nav a.is-active { background: var(--vfp-surface-3); color: var(--vfp-primary); }

/* Auth */
.vfp-auth { display: grid; place-items: center; padding: 1.25rem 0; }
.vfp-auth__card { width: 100%; max-width: 27.5rem; padding: 0 0 1.25rem; }
.vfp-auth__card form, .vfp-auth__card h1 { padding: 0 1.25rem; }
.vfp-auth__card h1 { padding-top: 1.25rem; font-size: 1.375rem; }
.vfp-auth .vfp-tabs { margin-bottom: 1.125rem; }
.vfp-captcha__row { display: flex; gap: 0.5rem; align-items: center; }
.vfp-captcha__img { border-radius: 0.5rem; border: 1px solid var(--vfp-border); }
.vfp-captcha__row input { flex: 1; }

/* Paketler */
.vfp-packs { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; }
.vfp-pack { background: var(--vfp-surface); border: 1px solid var(--vfp-border); border-radius: 1.25rem; padding: 1.375rem; box-shadow: var(--vfp-shadow); position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 0.875rem; }
.vfp-pack::before { content: ""; position: absolute; inset: 0 0 auto; height: 0.3125rem; background: linear-gradient(90deg, var(--g1), var(--g2)); }
.vfp-pack__price b { font-size: 2.125rem; letter-spacing: -.03em; }
.vfp-pack__price small { display: block; color: var(--vfp-muted); }
.vfp-pack ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.375rem; font-size: 0.875rem; flex: 1; }
.vfp-pack li .vfp-ic { color: var(--vfp-ok); }
.vfp-pack form { display: grid; gap: 0.5rem; }

/* KPI */
.vfp-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(9.375rem, 1fr)); gap: 0.75rem; margin-bottom: 1rem; }
.vfp-kpis > div { background: var(--vfp-surface); border: 1px solid var(--vfp-border); border-radius: var(--vfp-radius); padding: 1rem; box-shadow: var(--vfp-shadow); }
.vfp-kpis b { display: block; font-size: 1.625rem; letter-spacing: -.02em; }
.vfp-kpis span { font-size: 0.75rem; color: var(--vfp-muted); }
.vfp-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; }
.vfp-table th, .vfp-table td { padding: 0.625rem 0.75rem; border-bottom: 1px solid var(--vfp-border); text-align: left; }
.vfp-table thead th { background: var(--vfp-surface-2); font-size: 0.75rem; text-transform: uppercase; letter-spacing: .04em; color: var(--vfp-muted); }
.vfp-box > .vfp-table { display: block; overflow-x: auto; }

/* Şikayet */
.vfp-report { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.625rem; padding: 0.875rem 1rem; border-bottom: 1px solid var(--vfp-border); font-size: 0.8125rem; }
.vfp-report blockquote { margin: 0.375rem 0 0; color: var(--vfp-muted); }

/* Uyarılar */
.vfp-alert { padding: 0.625rem 0.875rem; border-radius: 0.625rem; font-size: 0.875rem; margin: 0 0 0.875rem; }
.vfp-alert--ok { background: color-mix(in srgb, var(--vfp-ok) 14%, transparent); color: var(--vfp-ok); }
.vfp-alert--error { background: color-mix(in srgb, var(--vfp-err) 14%, transparent); color: var(--vfp-err); }

/* ---------- Reklam ---------- */
.vfp-ad { position: relative; margin: 0 0 1rem; text-align: center; }
.vfp-ad img { border-radius: 0.75rem; display: inline-block; }
.vfp-ad__label { position: absolute; top: 0.375rem; right: 0.5rem; font-size: 0.5625rem; text-transform: uppercase; letter-spacing: .1em; background: rgba(0, 0, 0, .45); color: #fff; padding: 2px 0.375rem; border-radius: 0.25rem; z-index: 1; }
.vfp-ad__cap { display: block; font-size: 0.8125rem; font-weight: 600; margin-top: 0.375rem; }
.vfp-ad__text { display: flex; gap: 0.5rem; align-items: center; justify-content: center; padding: 0.75rem; border: 1px dashed var(--vfp-border); border-radius: 0.75rem; background: var(--vfp-surface); }
.vfp-ad--between_posts, .vfp-ad--after_first { margin: 0; }
.vfp-mobile-ad { position: fixed; left: 0; right: 0; bottom: 0; z-index: 45; background: var(--vfp-surface); border-top: 1px solid var(--vfp-border); padding: 0.375rem; }
.vfp-mobile-ad .vfp-ad { margin: 0; }
.vfp-mobile-ad__x { position: absolute; right: 0.25rem; top: -1.625rem; width: 1.5rem; height: 1.5rem; border-radius: 50%; border: 0; background: var(--vfp-surface); box-shadow: var(--vfp-shadow); cursor: pointer; }

/* ---------- Footer ---------- */
.vfp-footer { border-top: 1px solid var(--vfp-border); background: var(--vfp-surface); margin-top: 1.25rem; }
.vfp-footer__in { display: flex; flex-wrap: wrap; gap: 1.25rem; justify-content: space-between; padding: 1.625rem 1rem; }
.vfp-footer__col p { margin: 0.375rem 0 0; font-size: 0.8125rem; color: var(--vfp-muted); max-width: 26.25rem; }
.vfp-footer__nav { display: flex; flex-wrap: wrap; gap: 0.5rem 1.125rem; font-size: 0.875rem; align-items: center; }
.vfp-footer__nav ul { display: contents; list-style: none; }
.vfp-footer__copy { text-align: center; font-size: 0.75rem; color: var(--vfp-muted); padding: 0.75rem; border-top: 1px solid var(--vfp-border); }

/* Mobil alt sekme çubuğu */
.vfp-tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 44; display: grid; grid-template-columns: repeat(5, 1fr); background: var(--vfp-header-bg); backdrop-filter: blur(0.875rem); -webkit-backdrop-filter: blur(0.875rem); border-top: 1px solid var(--vfp-border); padding-bottom: env(safe-area-inset-bottom); }
.vfp-tabbar a { position: relative; display: grid; justify-items: center; gap: 2px; padding: 0.5rem 0; font-size: 0.625rem; color: var(--vfp-muted); text-decoration: none !important; }
.vfp-tabbar .vfp-count { top: 2px; right: calc(50% - 1.375rem); }
.vfp-mobile-ad ~ .vfp-tabbar { bottom: 0; }

/* ---------- Toast & Modal ---------- */
.vfp-toasts { position: fixed; z-index: 1000; top: 4.75rem; right: 0.75rem; left: 0.75rem; display: flex; flex-direction: column; gap: 0.5rem; pointer-events: none; align-items: flex-end; }
.vfp-toast { pointer-events: auto; display: flex; gap: 0.625rem; align-items: flex-start; width: min(23.75rem, 100%); padding: 0.75rem 0.875rem; border-radius: 0.875rem; background: var(--vfp-surface); border: 1px solid var(--vfp-border); box-shadow: var(--vfp-shadow-lg); font-size: 0.875rem; animation: vfp-toast .3s cubic-bezier(.2, .9, .3, 1.2); border-left: 4px solid var(--vfp-primary); cursor: pointer; }
.vfp-toast--success { border-left-color: var(--vfp-ok); } .vfp-toast--success .vfp-ic { color: var(--vfp-ok); }
.vfp-toast--error { border-left-color: var(--vfp-err); } .vfp-toast--error .vfp-ic { color: var(--vfp-err); }
.vfp-toast--warning { border-left-color: var(--vfp-warn); }
.vfp-toast .vfp-avatar { border-radius: 50%; }
.vfp-toast small { display: block; color: var(--vfp-muted); }
.vfp-toast.is-out { animation: vfp-toast-out .25s forwards; }
@keyframes vfp-toast { from { opacity: 0; transform: translateX(2.5rem) scale(.95); } }
@keyframes vfp-toast-out { to { opacity: 0; transform: translateX(2.5rem); } }
.vfp-modal { position: fixed; inset: 0; z-index: 900; display: grid; place-items: center; padding: 0.75rem; }
.vfp-modal__backdrop { position: absolute; inset: 0; background: rgba(8, 12, 22, .55); backdrop-filter: blur(0.1875rem); animation: vfp-fade .2s; }
.vfp-modal__box { position: relative; width: min(35rem, 100%); max-height: calc(100vh - 1.5rem); overflow: auto; background: var(--vfp-surface); border-radius: 1.25rem; box-shadow: var(--vfp-shadow-lg); animation: vfp-zoom .22s cubic-bezier(.2, .9, .3, 1.2); }
.vfp-modal__head { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.125rem; border-bottom: 1px solid var(--vfp-border); position: sticky; top: 0; background: var(--vfp-surface); z-index: 1; }
.vfp-modal__head h3 { margin: 0; font-size: 1.0625rem; }
.vfp-modal__x { width: 2.125rem; height: 2.125rem; border-radius: 50%; border: 0; background: var(--vfp-surface-3); cursor: pointer; display: grid; place-items: center; }
.vfp-modal__body { padding: 1.125rem; }
.vfp-modal--error .vfp-modal__head { background: color-mix(in srgb, var(--vfp-err) 12%, var(--vfp-surface)); color: var(--vfp-err); }
.vfp-modal--wide .vfp-modal__box { width: min(56.25rem, 100%); }
.vfp-modal--img .vfp-modal__box { width: auto; max-width: 96vw; background: transparent; box-shadow: none; }
.vfp-modal--img .vfp-modal__head { display: none; }
.vfp-modal--img .vfp-modal__body { padding: 0; }
.vfp-modal--img img { max-height: 90vh; border-radius: 0.75rem; }
@keyframes vfp-fade { from { opacity: 0; } }
@keyframes vfp-zoom { from { opacity: 0; transform: scale(.94); } }
.vfp-confirm__btns { display: flex; gap: 0.5rem; justify-content: flex-end; margin-top: 1rem; }
.vfp-radio-row { display: flex; gap: 0.5rem; margin-bottom: 0.75rem; }
.vfp-radio-row label { flex: 1; text-align: center; padding: 0.625rem; border: 1px solid var(--vfp-border); border-radius: 0.625rem; cursor: pointer; font-weight: 700; }
.vfp-radio-row input { display: none; }
.vfp-radio-row input:checked + span { color: var(--vfp-primary); }
.vfp-radio-row label:has(input:checked) { border-color: var(--vfp-primary); box-shadow: var(--vfp-focus); }

/* ==========================================================================
   Tablet & masaüstü
   ========================================================================== */
@media (min-width: 600px) {
	.vfp-logo__txt { display: inline; }
	.vfp-grid-2 { grid-template-columns: 1fr 1fr; }
	.vfp-span-2 { grid-column: span 2; }
	.vfp-profile__stats { grid-template-columns: repeat(6, 1fr); }
	.vfp-toasts { left: auto; }
}

@media (min-width: 900px) {
	.vfp-header__burger { display: none; }
	.vfp-search { display: block; }
	.vfp-user { margin-left: 0; }
	.vfp-me span { display: inline; }
	.vfp-header__ad { display: block; max-width: 20rem; }
	.vfp-header__ad .vfp-ad { margin: 0; }
	.vfp-nav { display: block; background: transparent; }
	.vfp-nav__in { flex-direction: row; align-items: center; gap: 2px; padding: 0.25rem 1rem; overflow-x: auto; }
	.vfp-nav a { padding: 0.5rem 0.75rem; }
	.vfp-main { padding-bottom: 1.875rem; }
	.vfp-tabbar { display: none; }
	.vfp-layout { grid-template-columns: minmax(0, 1fr) 20rem; }
	.vfp-layout--2 { grid-template-columns: 1fr 1fr; }

	.vfp-cat__cols, .vfp-tlist__cols { display: grid; grid-template-columns: 1fr 8.75rem 16.25rem; gap: 0.75rem; padding: 0.5rem 1rem 0.5rem 4.5rem; font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--vfp-muted); background: var(--vfp-surface-2); border-bottom: 1px solid var(--vfp-border); }
	.vfp-frow, .vfp-trow { grid-template-columns: 2.75rem 1fr 8.75rem 16.25rem; gap: 0.75rem; }
	.vfp-frow__stats, .vfp-trow__stats { grid-column: auto; flex-direction: column; gap: 0; }
	.vfp-frow__last, .vfp-trow__last { grid-column: auto; }
	.vfp-fitem { grid-template-columns: 2.5rem 1fr auto; }
	.vfp-fitem__nums { grid-column: auto; }

	.vfp-post { grid-template-columns: 13.125rem 1fr; }
	.vfp-pbit { display: flex; flex-direction: column; align-items: center; text-align: center; border-bottom: 0; border-right: 1px solid var(--vfp-border); padding: 1.125rem 0.875rem; gap: 0.5rem; }
	.vfp-pbit__av .vfp-avatar { width: 6.875rem; height: 6.875rem; border-radius: 1.625rem; }
	.vfp-pbit__id { flex-direction: column; justify-content: center; }
	.vfp-pbit__id .vfp-rank { justify-items: center; }
	.vfp-pbit__info { flex-direction: column; width: 100%; gap: 0.1875rem; border-top: 1px solid var(--vfp-border); padding-top: 0.5rem; }
	.vfp-pbit__info div { justify-content: space-between; }
	.vfp-post__main { padding: 1rem 1.25rem; }

	.vfp-profile__head { grid-template-columns: auto 1fr auto; align-items: end; }
	.vfp-profile__cover { height: 13.75rem; }
	.vfp-profile__av, .vfp-profile__av .vfp-avatar { width: 8.75rem; height: 8.75rem; }

	.vfp-pmwrap { grid-template-columns: 20rem 1fr; }
	.vfp-pmwrap.has-open .vfp-pmlist { display: block; }
	.vfp-pmview__back { display: none; }
	.vfp-settings { grid-template-columns: 14.375rem 1fr; align-items: start; }
	.vfp-settings__nav { flex-direction: column; position: sticky; top: 7.5rem; }
	.vfp-mobile-ad { display: none; }
	.vfp-multiquote { bottom: 1.5rem; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation: none !important; transition: none !important; }
}

@media print {
	.vfp-header, .vfp-footer, .vfp-tabbar, .vfp-ad, .vfp-post__act, .vfp-reply { display: none !important; }
}

/* WP blok/klasik widget'ları yan panelde */
.vfp-layout__side .widget, .vfp-box.widget_block { padding: 0.875rem 1rem; }
.vfp-layout__side .widget h2, .vfp-layout__side .widget .wp-block-heading { font-size: 0.875rem; margin: 0 0 0.625rem; }
.vfp-layout__side .widget ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.375rem; font-size: 0.8125rem; }
.vfp-layout__side .wp-block-search__inside-wrapper { display: flex; gap: 0.375rem; }
.vfp-layout__side .wp-block-search__button { border: 0; border-radius: 62.4375rem; padding: 0 0.875rem; background: var(--vfp-head); color: #fff; cursor: pointer; }
.vfp-layout__side .wp-block-search__label { font-size: 0.8125rem; font-weight: 700; display: block; margin-bottom: 0.375rem; }
.vfp-sig__sfp { display: flex; flex-wrap: wrap; gap: 0.25rem 0.875rem; font-size: 0.75rem; margin-top: 0.375rem; }
.vfp-sig__sfp b { color: var(--vfp-text); font-weight: 600; }