@import url("/assets/base.css");

/* ============================================================
   THEME: catalog (dosug-catalog.online)
   Тёмный каталог: графит, янтарный акцент, карточки-плитки, поиск в шапке.
   ============================================================ */
:root {
  --bg: #0e1013;
  --bg-soft: #16191f;
  --card: #14171c;
  --text: #f2f4f7;
  --muted: #9aa3b2;
  --line: #252a33;
  --accent: #f59e0b;
  --accent-2: #38bdf8;
  --radius: 16px;
  --font-head: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --maxw: 1200px;
}

body { background-image: radial-gradient(1200px 500px at 50% -10%, rgba(245,158,11,.07), transparent 60%); }

.hdr { background: rgba(14,16,19,.92); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line); }
.logo-mark { border-radius: 10px; background: linear-gradient(135deg, #f59e0b, #d97706); color: #14171c; }
.hdr-search { flex: 1; max-width: 420px; }
.hdr-search input {
  width: 100%; padding: 9px 14px; border-radius: 999px; border: 1px solid var(--line);
  background: var(--bg-soft); color: var(--text); font-size: .9rem;
}
.nav-pills { gap: 6px; }
.nav-pills a {
  padding: 7px 14px; border-radius: 999px; border: 1px solid transparent; color: var(--muted);
}
.nav-pills a.on { background: var(--bg-soft); border-color: var(--line); color: var(--text); border-bottom-color: var(--line); }
.nav-pills a:hover { color: var(--text); text-decoration: none; border-color: var(--line); }

.hero { border-bottom: 1px solid var(--line); }
.hero h1 { letter-spacing: -.03em; }
.hero-kicker { color: var(--accent); }
.hero-stats .stat b { color: var(--accent); }

h2 { letter-spacing: -.02em; }

.card { background: linear-gradient(180deg, #171b21, #14171c); border: 1px solid var(--line); }
.card-link:hover { border-color: var(--accent); box-shadow: 0 14px 34px rgba(0,0,0,.45); }
.card-kicker { color: var(--accent-2); }

.chip { background: var(--bg-soft); border-color: var(--line); }
.chip:hover { border-color: var(--accent); color: var(--accent); }

.score { border-radius: 999px; }
.profile-photo {
  background: linear-gradient(145deg, #f59e0b, #b45309); color: #14171c; border: none;
}
.profile-price { color: var(--accent); }
.profile-name { font-size: 1.02rem; }

.tbl thead th { background: var(--bg-soft); color: var(--muted); }
.tbl th, .tbl td { border-bottom-color: var(--line); }

.pc-pro { border-left-color: #22c55e; }
.pc-con { border-left-color: #ef4444; }
.verdict { background: var(--bg-soft); }

.trust { background: var(--bg-soft); border: 1px solid var(--line); }

.ftr { background: #0a0c0f; border-top: 1px solid var(--line); }
.ftr-col a, .ftr-col p, .ftr-bottom { color: var(--muted); }
.ftr-bottom { border-top-color: var(--line); }

.btn { background: var(--accent); border-color: var(--accent); color: #14171c; font-weight: 700; }
.btn-ghost { background: transparent; color: var(--text); border-color: var(--line); }
.search-form input { background: var(--bg-soft); border-color: var(--line); color: var(--text); }