/* ==========================================================================
   Skin: Trader — classifieds look for XXXTraderSA (satellite).
   Dark charcoal, amber accent, condensed headings, list layout for results.
   ========================================================================== */
.skin-trader {
	--bg: #0e0f11;
	--bg-2: #141618;
	--surface: #1a1c1f;
	--surface-2: #23262a;
	--line: rgba(255, 255, 255, 0.09);
	--line-2: rgba(255, 255, 255, 0.16);
	--text: #f4f1ea;
	--text-2: #b8b3a8;
	--text-3: #807a70;
	--accent: #e8890c;
	--accent-2: #ffab2e;
	--accent-soft: rgba(232, 137, 12, 0.16);
	--gold: #ffab2e;
	--violet: #7cc4ff;
	--violet-soft: rgba(124, 196, 255, 0.14);
	--radius: 10px;
	--radius-sm: 8px;
	--font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
	--font-body: "Barlow", system-ui, sans-serif;
}
.skin-trader .vn-h1, .skin-trader .vn-h2, .skin-trader .vn-hero__title, .skin-trader .vn-profile__name, .skin-trader .vn-citycard__name, .skin-trader .vn-plan__price, .skin-trader .vn-gate__title, .skin-trader .vn-empty h2, .skin-trader .vn-walletcard__num, .skin-trader .vn-stat strong, .skin-trader .vn-pack__n { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; letter-spacing: 0.01em; font-style: normal; }
.skin-trader .vn-hero__title { font-size: clamp(44px, 7.5vw, 96px); line-height: 0.95; max-width: none; }
.skin-trader .vn-hero__title em { font-style: normal; color: var(--accent-2); font-weight: 800; }
.skin-trader .vn-hero { padding-top: clamp(28px, 5vw, 56px); padding-bottom: 24px; }
.skin-trader .vn-hero__bg span:nth-child(1) { background: #5a3205; }
.skin-trader .vn-hero__bg span:nth-child(2) { background: #2a2a2a; }
.skin-trader .vn-hero__bg span:nth-child(3) { background: #3b2305; }
.skin-trader .vn-eyebrow { color: var(--accent-2); }
.skin-trader .vn-logo { font-family: var(--font-display); text-transform: uppercase; font-weight: 800; font-size: 26px; letter-spacing: 0.02em; }
.skin-trader .vn-logo__a { font-weight: 500; font-style: normal; }
.skin-trader .vn-logo__b { color: var(--accent-2); }
.skin-trader .vn-btn--primary { background: var(--accent-2); color: #1c1200; box-shadow: none; border-radius: 6px; }
.skin-trader .vn-btn--primary:hover { background: #ffc063; box-shadow: none; }
.skin-trader .vn-btn, .skin-trader .vn-chip span, .skin-trader .vn-pill-link, .skin-trader .vn-area-chip, .skin-trader .vn-sort select, .skin-trader .vn-tag { border-radius: 6px; }
.skin-trader .vn-chip input:checked + span { background: var(--accent-2); color: #1c1200; border-color: var(--accent-2); }
.skin-trader .vn-herosearch { border-radius: 10px; }
.skin-trader .vn-herosearch__field { border-radius: 6px; }
.skin-trader .vn-herosearch__toggle span { border-radius: 6px; }
.skin-trader .vn-tag--featured { background: var(--accent-2); color: #1c1200; }
.skin-trader .vn-tag--premium { background: #f4f1ea; color: #111; }
.skin-trader .vn-tag--boost { background: #e8333a; color: #fff; }
.skin-trader .vn-verified { color: #4ad1ff; }

/* Results: classifieds list instead of a card grid */
.skin-trader .vn-archive .vn-grid, .skin-trader .vn-favs .vn-grid { display: flex; flex-direction: column; gap: 10px; }
.skin-trader .vn-archive .vn-card, .skin-trader .vn-favs .vn-card { display: grid; grid-template-columns: 132px 1fr auto; align-items: center; gap: 0 18px; border-radius: var(--radius); }
.skin-trader .vn-archive .vn-card:hover, .skin-trader .vn-favs .vn-card:hover { transform: none; border-color: var(--accent); }
.skin-trader .vn-archive .vn-card__media, .skin-trader .vn-favs .vn-card__media { aspect-ratio: 3 / 4; width: 132px; grid-column: 1; grid-row: 1; }
.skin-trader .vn-archive .vn-card__media::after { display: none; }
.skin-trader .vn-archive .vn-card__top { right: auto; left: 6px; top: 6px; flex-direction: column; align-items: flex-start; gap: 4px; }
.skin-trader .vn-archive .vn-card__top .vn-tag:only-child, .skin-trader .vn-archive .vn-card__top .vn-tag--dim:first-child { margin-left: 0; }
.skin-trader .vn-archive .vn-card__avail { left: 6px; bottom: 6px; font-size: 11px; padding: 4px 8px 4px 6px; }
.skin-trader .vn-archive .vn-card__fav { position: static; transform: none; opacity: 1; grid-column: 3; grid-row: 1; margin-right: 14px; background: var(--surface-2); }
.skin-trader .vn-archive .vn-card__body { grid-column: 2; grid-row: 1; padding: 14px 0; }
.skin-trader .vn-archive .vn-card__name { font-family: var(--font-display); font-size: 24px; text-transform: uppercase; letter-spacing: 0.01em; }
.skin-trader .vn-archive .vn-card__loc { font-size: 14px; }
.skin-trader .vn-archive .vn-card__meta { justify-content: flex-start; gap: 14px; font-size: 13px; }
.skin-trader .vn-archive .vn-card__rate strong { font-size: 18px; color: var(--accent-2); }
.skin-trader .vn-archive .vn-card__io span { border-radius: 4px; }
@media (max-width: 640px) {
	.skin-trader .vn-archive .vn-card { grid-template-columns: 96px 1fr auto; gap: 0 12px; }
	.skin-trader .vn-archive .vn-card__media { width: 96px; }
	.skin-trader .vn-archive .vn-card__name { font-size: 20px; }
	.skin-trader .vn-archive .vn-card__fav { width: 32px; height: 32px; margin-right: 8px; }
}

/* Home: category strip + tighter sections */
.skin-trader .vn-hero__cities { gap: 6px; }
.skin-trader .vn-pill-link { background: var(--surface); border-color: var(--line-2); text-transform: uppercase; font-family: var(--font-display); font-size: 16px; letter-spacing: 0.03em; padding: 8px 14px; }
.skin-trader .vn-pill-link--more { color: var(--accent-2); }
.skin-trader .vn-section { padding: 22px 0; }
.skin-trader .vn-section__head { border-bottom: 2px solid var(--accent); padding-bottom: 8px; }
.skin-trader .vn-h2 { font-size: 28px; }
.skin-trader .vn-citycard { border-radius: var(--radius); background: var(--surface); }
.skin-trader .vn-citycard::before { display: none; }
.skin-trader .vn-citycard__name { font-size: 24px; line-height: 1; overflow-wrap: anywhere; }
.skin-trader .vn-citycard--big .vn-citycard__name { font-size: 44px; }
.skin-trader .vn-citycard__count { color: var(--accent-2); }
.skin-trader .vn-trust__item, .skin-trader .vn-cta__card, .skin-trader .vn-plan, .skin-trader .vn-auth__card { border-radius: var(--radius); }
.skin-trader .vn-cta__card { background: var(--surface); border-color: var(--line-2); }
.skin-trader .vn-cta__card::after { background: rgba(232, 137, 12, 0.25); }

/* Profile */
.skin-trader .vn-gallery__main { border-radius: var(--radius); }
.skin-trader .vn-profile__tagline { font-family: var(--font-body); font-style: normal; font-weight: 500; }
.skin-trader .vn-rates li strong { color: var(--accent-2); }
.skin-trader .vn-btn--wa { border-radius: 6px; }
.skin-trader .vn-footer { background: #0a0b0c; }
.skin-trader .vn-gate { background: radial-gradient(1200px 600px at 50% -10%, rgba(232, 137, 12, 0.25), transparent 60%), #0a0b0c; }
.skin-trader .vn-gate__card { border-radius: var(--radius); }