@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');

/* ===== Вердикт: тёмный, премиальный, журнальный ===== */
:root{
  --bg:#0e1116; --bg-alt:#121821; --surface:#161d27; --surface-2:#1d2733;
  --text:#eef2f8; --muted:#9aa6b6; --border:#2a3543;
  --accent:#d4af37; --accent-2:#e6c455; --accent-contrast:#11151c;
  --header-bg:rgba(14,17,22,.85); --header-text:#eef2f8; --header-border:#26303d;
  --footer-bg:#0a0d12; --footer-text:#9aa6b6;
  --star:#d4af37; --star-empty:#3a4654; --ring:rgba(212,175,55,.25);
  --radius:6px; --radius-lg:8px; --radius-sm:5px;
  --shadow:0 2px 10px rgba(0,0,0,.4); --shadow-lg:0 18px 50px rgba(0,0,0,.55);
  --font:'Inter',system-ui,sans-serif; --font-head:'Playfair Display',Georgia,serif; --fw-head:700;
}
.hero{background:linear-gradient(180deg,#11161e,#0e1116);border-bottom:1px solid #2a3543}
.hero-title{font-weight:800}
.hero-title::after{content:'';display:block;width:84px;height:3px;background:var(--accent);margin-top:18px}
.hero-search input{background:#10151c;color:var(--text)}
.brand{letter-spacing:.02em}
.brand-mark{border-radius:4px}
.main-nav>a:not(.nav-cta){text-transform:uppercase;font-size:12.5px;letter-spacing:.13em;font-weight:600;opacity:.82}
.section-head h2::before{content:'';display:inline-block;width:28px;height:2px;background:var(--accent);vertical-align:middle;margin-right:13px}
.cat-card,.place-card,.review-card,.stat,.rating-box{background:var(--surface);border:1px solid var(--border);box-shadow:none}
.cat-card:hover,.place-card:hover,.review-card:hover{border-color:var(--accent);transform:none;box-shadow:inset 0 0 0 1px var(--accent)}
.btn{border-radius:4px;text-transform:uppercase;letter-spacing:.09em;font-size:13px;font-weight:600}
.rating-pill{border-radius:4px;background:#1d2733;color:var(--accent)}
.rating-pill[data-score=high]{background:#1c2a1b;color:#acd494}
.rating-pill[data-score=mid]{background:#2a2418;color:#e6c455}
.rating-pill[data-score=low]{background:#2c1a1a;color:#e29090}
/* расположение: лучшие → категории → свежие → как это работает */
.home-top{order:1}.home-cats{order:2}.home-recent{order:3}.home-how{order:4}
.grid-cards{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:22px}

/* тонкая золотая линия под шапкой, контурные блоки статистики */
.site-header{border-bottom:1px solid var(--accent)}
.stat{background:transparent;border:1px solid var(--accent);border-radius:4px}
.stat-num{letter-spacing:.01em}
.hero-tagline{font-style:italic}
