/**
 * Dubuz Typography Design System + Color Tokens
 * Loaded LAST (after hd-theme-system) so tokens + component type map win.
 * Brand accents always follow admin theme via var(--brand) / var(--primary).
 * Hex values below are FALLBACKS only (default red palette).
 */

:root {
  /* ---- Font ---- */
  --font-family-primary: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-family-display: var(--font-family-primary);
  --font-family-sidebar: var(--font-family-primary);
  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 800;
  --weight-extrabold: 800;
  --weight-ultra: 900;

  /* Generic scale (kept for headings / legacy) */
  --font-display: 48px;
  --font-h1: 32px;
  --font-h2: 24px;
  --font-h3: 20px;
  --font-h4: 16px;
  --font-body-lg: 16px;
  --font-body: 14px;
  --font-label: 13px;
  --font-caption: 12px;
  --font-micro: 11px;

  --line-display: 56px;
  --line-h1: 40px;
  --line-h2: 32px;
  --line-h3: 28px;
  --line-h4: 24px;
  --line-body: 20px;
  --line-label: 18px;
  --line-caption: 16px;

  /* ---- Design-system type roles (table) ---- */
  --type-brand: 22px;
  --type-brand-mark: 19px;
  --type-listing-title: 15.5px;
  --type-price: 15px;
  --type-section: 14.5px;
  --type-nav: 13.5px;
  --type-post-cta: 13.5px;
  --type-seller: 13.5px;
  --type-sidebar-name: 13.5px;
  --type-sidebar-nav: 13px;
  --type-search: 13px;
  --type-dock: 13px;
  --type-body: 13px;
  --type-demand: 12.5px;
  --type-section-link: 12.5px;
  --type-chip: 12px;
  --type-follow: 12px;
  --type-location: 12px;
  --type-social: 12px;
  --type-sidebar-label: 11px;
  --type-badge: 11px;
  --type-seller-sub: 11.5px;
  --type-reel-author: 11.5px;
  --type-reel-price: 11px;
  --type-growth: 11px;
  --type-legal: 11px;
  --type-reel-tag: 9.5px;

  /* ---- Neutrals (design system) ---- */
  --bg: #F4F6F9;
  --surface: #FFFFFF;
  --border: #E8ECEF;
  --border-subtle: #F1F4F7;
  --border-hover: #D1D5DB;
  --surface-footer: #FAFAFB;
  --text-main: #111827;
  --text-muted: #6B7280;
  --text-light: #9CA3AF;
  --overlay-dark: rgba(17, 24, 39, 0.88);
  --accent-reel: #FDBA74;
  --badge-green: #10B981;
  --badge-green-bg: #ECFDF5;
  --action-hover-bg: #EDF1F5;
  --follow-hover-bg: #E5E7EB;
  --live-dot: #EF4444;
  --verified-check: #0284C7;

  /* ---- Brand: admin theme wins; hex / color-mix = fallbacks only ---- */
  --primary: var(--brand, #FF4A1C);
  --primary-hover: var(--brand-hover, color-mix(in srgb, var(--primary, #FF4A1C) 86%, #000));
  --primary-soft: var(--brand-soft, color-mix(in srgb, var(--primary, #FF4A1C) 8%, #fff));
  --primary-light: var(--primary-soft);
  --color-on-primary: var(--text-on-brand, #FFFFFF);

  /* Legacy aliases used across layouts */
  --bg-page: var(--bg);
  --page-bg: var(--bg);
  --bg-card: var(--surface);
  --card-bg: var(--surface);
  --text-primary: var(--text-main);
  --text-body: var(--text-main);
  --text-heading: var(--text-main);
  --text-secondary: var(--text-muted);
  --text-tertiary: var(--text-light);
  --placeholder: var(--text-light);
  --border-light: var(--border-subtle);
  --surface-subtle: var(--surface-footer);
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
}

@media (max-width: 767px) {
  :root {
    --font-h1: 24px;
    --font-h2: 20px;
    --font-h3: 18px;
    --font-display: 36px;
    --line-h1: 32px;
    --line-h2: 28px;
    --line-h3: 24px;
  }
}

/* Dark / night: keep brand soft mixes; neutrals from theme system */
html.night-mode,
[data-mode="dark"],
[data-theme="dark"] {
  --bg: var(--page-bg, #0F1115);
  --surface: var(--bg-card, #171A21);
  --border: #343B48;
  --border-subtle: #252B35;
  --border-hover: #475569;
  --surface-footer: #1D2129;
  --text-main: #F8FAFC;
  --text-muted: #94A3B8;
  --text-light: #64748B;
  --bg-page: var(--bg);
  --bg-card: var(--surface);
  --text-primary: var(--text-main);
  --primary-soft: var(--brand-soft, color-mix(in srgb, var(--primary) 12%, transparent));
  --primary-light: var(--primary-soft);
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--primary) 25%, transparent);
}

/* ---- Global base ---- */
body,
html[dir] body {
  font-family: var(--font-family-primary);
  font-size: var(--font-body);
  line-height: var(--line-body);
  color: var(--text-main);
  background-color: var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, .h1 { font-family: var(--font-family-display); font-size: var(--font-h1); line-height: var(--line-h1); font-weight: var(--weight-bold); letter-spacing: -0.02em; color: var(--text-main); }
h2, .h2 { font-family: var(--font-family-display); font-size: var(--font-h2); line-height: var(--line-h2); font-weight: var(--weight-bold); letter-spacing: -0.015em; color: var(--text-main); }
h3, .h3 { font-family: var(--font-family-primary); font-size: var(--font-h3); line-height: var(--line-h3); font-weight: var(--weight-semibold); color: var(--text-main); }
h4, .h4 { font-family: var(--font-family-primary); font-size: var(--font-h4); line-height: var(--line-h4); font-weight: var(--weight-semibold); color: var(--text-main); }

.text-display { font-family: var(--font-family-display); font-size: var(--font-display); line-height: var(--line-display); font-weight: var(--weight-black); letter-spacing: -0.03em; }
.text-body-lg { font-size: var(--font-body-lg); line-height: 24px; }
.text-body { font-size: var(--font-body); line-height: var(--line-body); }
.text-label { font-size: var(--font-label); line-height: var(--line-label); font-weight: var(--weight-semibold); }
.text-caption { font-size: var(--font-caption); line-height: var(--line-caption); color: var(--text-light); }
.text-micro { font-size: var(--font-micro); line-height: 14px; font-weight: var(--weight-medium); }

/* ==========================================================================
   Component type map � home / marketplace / business / listing chrome
   ========================================================================== */

/* Brand */
.dz-brand-text,
.sng-logo {
  font-size: var(--type-brand);
  font-weight: 800;
  line-height: 1.2;
  color: var(--text-main);
  letter-spacing: -0.6px;
}
.dz-brand-text span,
.sng-logo span { color: var(--primary); }
.dz-brand-mark {
  font-size: var(--type-brand-mark);
  font-weight: 800;
  line-height: 1;
  color: #fff;
  background: var(--primary);
}

/* Listing headlines + body */
.dz-listing-title,
.sng-feed-center .sng-post-title,
.mp-list-row .mp-list-title,
.mp-card .mp-card-title {
  font-size: var(--type-listing-title) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: var(--text-main);
}
.dz-listing-title:hover,
.sng-feed-center .sng-post-title:hover { color: var(--primary); }
.dz-listing-summary,
.sng-post-desc,
.sng-post-text {
  font-size: var(--type-body);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-muted);
}

/* Price overlay */
.dz-listing-price-tag .sng-post-price-pill-cur,
.dz-listing-price-tag .sng-post-price-pill-amt,
.sng-post-price-pill-cur,
.sng-post-price-pill-amt,
.mp2-card-currency {
  font-size: var(--type-price) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  color: var(--price-glass-text) !important;
}

/* Section headings + links */
.dz-section-title,
.wow-widget-title,
.sng-card-title,
.sng-feed-center .sng-section-title {
  font-size: var(--type-section);
  font-weight: 700;
  line-height: 1.2;
  color: var(--text-main);
}
.dz-section-link,
.sng-widget-seeall,
.dz-market-link {
  font-size: var(--type-section-link) !important;
  font-weight: 600 !important;
  line-height: 1;
  color: var(--primary) !important;
}

/* Top nav */
.dz-nav-link.sng-header-tab,
.sng-header-tab {
  font-size: var(--type-nav) !important;
  font-weight: 600 !important;
  line-height: 1;
  color: var(--text-muted) !important;
}
.dz-nav-link.sng-header-tab:hover,
.sng-header-tab:hover {
  color: var(--text-main) !important;
  background: var(--bg) !important;
}
.dz-nav-link.sng-header-tab.is-active,
.sng-header-tab.is-active,
.sng-header-tab.active {
  color: var(--primary) !important;
  background: var(--primary-soft) !important;
  font-weight: 700 !important;
}

/* Post Ad CTA */
.dz-btn-post-ad,
.sng-header-post-btn {
  font-size: var(--type-post-cta) !important;
  font-weight: 700 !important;
  line-height: 1;
  color: #fff !important;
  background: var(--primary) !important;
}
.dz-btn-post-ad:hover,
.sng-header-post-btn:hover {
  background: var(--primary-hover) !important;
  filter: none;
  transform: translateY(-1px);
}

/* Seller / sidebar names */
.dz-listing-header .sng-post-seller-name,
.sng-post-seller-name {
  font-size: var(--type-seller) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: var(--text-main);
}
.wow-profile-name {
  font-size: var(--type-sidebar-name) !important;
  font-weight: 700 !important;
  line-height: 1.2;
  color: var(--text-main);
}

/* Sidebar nav */
.sng-sidebar-link {
  font-size: var(--type-sidebar-nav) !important;
  font-weight: 600 !important;
  line-height: 1;
  color: var(--text-muted) !important;
}
.sng-sidebar-link:hover {
  color: var(--primary) !important;
  background-color: var(--bg);
}
.sng-sidebar-link.active {
  color: var(--primary) !important;
  background-color: var(--primary-soft) !important;
  font-weight: 700 !important;
}

/* Search � topbar + marketplace + business */
.dz-search-bar input,
.sng-search-wrap input,
.mp-filter-input,
.mp-mobile-search-input,
.biz-filter-input,
.mp-sheet-search,
.mp-sheet-input {
  font-size: var(--type-search) !important;
  font-weight: 400 !important;
  line-height: 1;
  color: var(--text-main) !important;
  font-family: var(--font-family-primary) !important;
}
.dz-search-bar input::placeholder,
.sng-search-wrap input::placeholder,
.mp-filter-input::placeholder,
.biz-filter-input::placeholder {
  color: var(--text-light) !important;
  font-weight: 400 !important;
  opacity: 1;
}

.dz-search-bar.sng-search-wrap,
.sng-header .sng-search-wrap:not(.dz-search-bar) {
  background: var(--bg) !important;
  border: 1px solid var(--border) !important;
}
.dz-search-bar.sng-search-wrap:focus-within,
.sng-search-wrap:focus-within {
  background: var(--surface) !important;
  border-color: var(--primary) !important;
  box-shadow: var(--focus-ring) !important;
}
.sng-search-wrap input:focus,
.mp-filter-input:focus,
.mp-filter-select:focus,
.biz-filter-input:focus,
.biz-filter-select:focus {
  border-color: var(--primary) !important;
  background-color: var(--surface) !important;
  box-shadow: var(--focus-ring) !important;
}

/* Marketplace / business filter shells ? design tokens */
.sng-feed-layout--marketplace .mp-filter-select,
.sng-feed-layout--marketplace .mp-filter-input,
.sng-feed-layout--marketplace .select2-container--bootstrap-5 .select2-selection--single {
  background-color: var(--bg) !important;
  border-color: var(--border) !important;
  color: var(--text-main) !important;
  font-size: var(--type-search) !important;
  font-weight: 400 !important;
  font-family: var(--font-family-primary) !important;
}
.sng-feed-layout--marketplace .mp-filter-select:focus,
.sng-feed-layout--marketplace .mp-filter-input:focus,
.sng-feed-layout--marketplace .mp-filters-card .select2-container--focus .select2-selection--single,
.sng-feed-layout--marketplace .mp-filters-card .select2-container--open .select2-selection--single {
  border-color: var(--primary) !important;
  box-shadow: var(--focus-ring) !important;
  background-color: var(--surface) !important;
}
.sng-feed-layout--marketplace .mp-filter-input::placeholder,
.sng-feed-layout--marketplace .mp-filters-card .select2-container .select2-selection__placeholder {
  color: var(--text-light) !important;
  font-weight: 400 !important;
}
.biz-filter-input,
.biz-filter-select,
#biz-sidebar .select2-container--bootstrap-5 .select2-selection,
#biz-sidebar .select2-container--bootstrap-5 .select2-selection--single {
  background: var(--surface-subtle, #F8FAFC) !important;
  border-color: var(--border) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--text-secondary, #475569) !important;
  font-family: var(--font-family-primary) !important;
}
#biz-sidebar .select2-container--bootstrap-5 .select2-selection__rendered {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--text-secondary, #475569) !important;
}
#biz-sidebar .select2-container--bootstrap-5 .select2-selection__placeholder {
  color: var(--text-light, #94A3B8) !important;
  font-weight: 600 !important;
}
.biz-filter-input {
  color: var(--text-main) !important;
}
.biz-filter-input::placeholder {
  color: var(--text-light, #94A3B8) !important;
  font-weight: 500 !important;
}

/* Posting dock */
.dz-dock-input-btn {
  font-size: var(--type-dock) !important;
  font-weight: 400 !important;
  line-height: 1;
  color: var(--text-muted) !important;
  background: var(--bg) !important;
  border-color: var(--border) !important;
}

/* Demand titles + growth */
.dz-demand-main b {
  font-size: var(--type-demand) !important;
  font-weight: 600 !important;
  line-height: 1.2;
  color: var(--text-main) !important;
}
.dz-demand-item > strong {
  font-size: var(--type-growth) !important;
  font-weight: 700 !important;
  line-height: 1;
  color: var(--badge-green) !important;
  background: var(--badge-green-bg);
  padding: 2px 6px;
  border-radius: 9999px;
}

/* Filter chips */
.dz-filter-chip {
  font-size: var(--type-chip) !important;
  font-weight: 600 !important;
  line-height: 1;
  color: var(--text-muted) !important;
  background: var(--surface) !important;
  border-color: var(--border) !important;
}
.dz-filter-chip:hover {
  color: var(--text-main) !important;
  border-color: var(--text-light) !important;
}
.dz-filter-chip.is-active {
  background: var(--text-main) !important;
  border-color: var(--text-main) !important;
  color: #fff !important;
}

/* Follow / actions */
.dz-btn-store-follow,
.sng-follow-btn {
  font-size: var(--type-follow) !important;
  font-weight: 600 !important;
  line-height: 1;
  color: var(--text-main) !important;
  background: var(--bg) !important;
  border: 1px solid var(--border);
}
.dz-btn-store-follow:hover,
.sng-follow-btn:hover {
  background: var(--follow-hover-bg) !important;
  border-color: var(--border-hover);
}
.dz-btn-store-follow.following,
.dz-btn-store-follow.is-following,
.sng-follow-btn.following {
  background: var(--primary-soft) !important;
  color: var(--primary) !important;
  border-color: color-mix(in srgb, var(--primary) 30%, var(--border));
}

/* Location footers + social counts */
.dz-location-text {
  font-size: var(--type-location) !important;
  font-weight: 500 !important;
  line-height: 1;
  color: var(--text-muted) !important;
}
.dz-action-icon-btn,
.sng-post-stats-count,
.sng-post-action {
  font-size: var(--type-social) !important;
  font-weight: 600 !important;
  line-height: 1;
  color: var(--text-muted);
}
.dz-action-icon-btn:hover {
  background: var(--action-hover-bg) !important;
  color: var(--text-main);
}
.dz-action-icon-btn.dz-like-btn:hover,
.dz-action-icon-btn.dz-like-btn.is-active { color: #EF4444 !important; }
.dz-action-icon-btn.dz-report-btn:hover { color: #DC2626 !important; }

/* Sidebar section labels */
.wow-widget-title,
.sng-feed-layout--marketplace .mp-filter-label,
.sng-feed-layout--marketplace .mp-filters-card-head span {
  font-size: var(--type-sidebar-label) !important;
  font-weight: 800 !important;
  line-height: 1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-light) !important;
}

/* Business Directory filter labels - match marketplace refine soften */
.biz-filter-label {
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  text-transform: capitalize !important;
  color: #475569 !important; /* text-slate-600 */
}

/* Spec / feature badges */
.dz-tag,
.sng-post-tag,
.ld-feature-chip {
  font-size: var(--type-badge) !important;
  font-weight: 600 !important;
  line-height: 1;
  color: var(--text-muted) !important;
  background: var(--bg) !important;
  border-color: var(--border);
}

/* Seller subtitle / time */
.dz-listing-header .sng-post-time,
.sng-post-time,
.wow-profile-handle {
  font-size: var(--type-seller-sub) !important;
  font-weight: 400 !important;
  line-height: 1.2;
  color: var(--text-muted) !important;
}

/* Reels */
.dz-reel-author,
.sng-reel-name {
  font-size: var(--type-reel-author) !important;
  font-weight: 700 !important;
  line-height: 1.2;
  color: #fff;
}
.dz-reel-price,
.sng-reel-price {
  font-size: var(--type-reel-price) !important;
  font-weight: 700 !important;
  line-height: 1;
  color: var(--accent-reel) !important;
}
.dz-reel-tag,
.sng-reel-tag {
  font-size: var(--type-reel-tag) !important;
  font-weight: 700 !important;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
}
.dz-live-dot { background: var(--live-dot); }
@media (hover: hover) {
  .sng-feed-center .dz-reel-item.sng-reel-card:hover,
  .sng-feed-center .sng-reel-card:hover {
    transform: scale(1.04);
  }
}

/* Legal footer */
.sng-footer-meta,
.sng-footer-meta a {
  font-size: var(--type-legal) !important;
  font-weight: 400 !important;
  line-height: 1.6;
  color: var(--text-light) !important;
}
.sng-footer-meta a:hover { color: var(--text-main) !important; }

/* Listing card chrome */
.sng-feed-center .dz-listing-card.sng-post-card {
  border-color: var(--border) !important;
  box-shadow: var(--shadow-sm) !important;
  background: var(--surface);
}
.sng-feed-center .dz-listing-card.sng-post-card:hover {
  border-color: var(--border-hover) !important;
}
.dz-listing-footer {
  background: var(--surface-footer) !important;
  border-top-color: var(--border-subtle) !important;
}
.sng-feed-center .dz-listing-price-tag.sng-post-price-pill,
.sng-post-price-pill,
.dz-listing-price-tag.sng-post-price-pill,
.dz-listing-price-tag,
.fm-feed-card-price,
.fm-explore-card-price {
  background: var(--price-glass-bg) !important;
  border: 1px solid var(--price-glass-border) !important;
  backdrop-filter: blur(var(--price-glass-blur)) !important;
  -webkit-backdrop-filter: blur(var(--price-glass-blur)) !important;
  box-shadow: var(--price-glass-shadow);
  color: var(--price-glass-text);
}

/* Desktop home feed price pill — transparent frosted glass (feed only; mobile + marketplace keep default tokens).
   Overrides the grouped block above: same selector + !important, later in the last-loaded sheet wins. */
@media (min-width: 1024px) {
  .sng-feed-center .dz-listing-price-tag.sng-post-price-pill,
  .sng-feed-center .sng-post-price-pill-cur,
  .sng-feed-center .sng-post-price-pill-amt {
    background: var(--price-glass-bg-feed) !important;
    color: var(--price-glass-text-feed) !important;
    text-shadow: var(--price-glass-text-shadow-feed);
  }
}

/* Listing detail accents stay on tokens */
.ld-price { color: var(--primary); }
.ld-title { color: var(--text-main); }
.ld-desc { color: var(--text-main); }
.ld-seller-name,
.ld-seller-name a { color: var(--text-main); }
.ld-seller-name a:hover { color: var(--primary) !important; }

/* --------------------------------------------------------------------------
   Marketplace Refine Search mock fidelity (loads last � wins over type-search)
   Matches tmp/marketplace-refine-mock.html: 12.5px / 600 inputs, 700 selects.
   Scoped to .mp-filters-card only so topbar/toolbar keep --type-search.
   -------------------------------------------------------------------------- */
.sng-feed-layout--marketplace .mp-filters-card {
  --mp-refine-soft: color-mix(in srgb, var(--primary, #FF4A1C) 12%, #ffffff);
  --mp-refine-glow: color-mix(in srgb, var(--primary, #FF4A1C) 14%, transparent);
}
.sng-feed-layout--marketplace .mp-filters-card .mp-filter-input,
.sng-feed-layout--marketplace .mp-filters-card .mp-filter-select {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  font-family: var(--font-family-primary) !important;
  color: var(--text-main) !important;
  background-color: var(--surface-subtle, #F8FAFC) !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
.sng-feed-layout--marketplace .mp-filters-card .mp-filter-select {
  font-weight: 700 !important;
}
.sng-feed-layout--marketplace .mp-filters-card .mp-filter-input::placeholder {
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: var(--text-light) !important;
}
.sng-feed-layout--marketplace .mp-filters-card .mp-filter-input:focus,
.sng-feed-layout--marketplace .mp-filters-card .mp-filter-select:focus {
  background-color: #FFFFFF !important;
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3.5px var(--mp-refine-glow, rgba(255, 74, 28, 0.14)) !important;
}
.sng-feed-layout--marketplace .mp-filters-card .select2-container .select2-selection--single,
.sng-feed-layout--marketplace .mp-filters-card .select2-container--bootstrap-5 .select2-selection--single {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  font-family: var(--font-family-primary) !important;
  color: var(--text-main) !important;
  background-color: var(--surface-subtle, #F8FAFC) !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 12px !important;
}
.sng-feed-layout--marketplace .mp-filters-card .select2-container .select2-selection__rendered {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: var(--text-main) !important;
}
.sng-feed-layout--marketplace .mp-filters-card .select2-container .select2-selection__placeholder {
  font-weight: 600 !important;
  color: var(--text-light) !important;
}
.sng-feed-layout--marketplace .mp-filters-card .select2-container--focus .select2-selection--single,
.sng-feed-layout--marketplace .mp-filters-card .select2-container--open .select2-selection--single {
  background-color: #FFFFFF !important;
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3.5px var(--mp-refine-glow, rgba(255, 74, 28, 0.14)) !important;
}
.sng-feed-layout--marketplace .mp-filters-card .mp-filter-label {
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: var(--text-muted) !important;
}
.sng-feed-layout--marketplace .mp-filters-card .mp-refine-title {
  font-size: 12.5px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: var(--text-main) !important;
}
.sng-feed-layout--marketplace .mp-filters-card .mp-apply-btn {
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
}