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

/* ===== Молва: чистый современный портал ===== */
:root{
  --bg:#f5f7fb; --bg-alt:#eef2f9; --surface:#ffffff; --surface-2:#eef3fb;
  --text:#14203a; --muted:#5c6b86; --border:#dde5f1;
  --accent:#2563eb; --accent-2:#1d4ed8; --accent-contrast:#ffffff;
  --header-bg:rgba(245,247,251,.9); --header-text:#14203a; --header-border:#dde5f1;
  --footer-bg:#0f1830; --footer-text:#bac6dd;
  --star:#f5a524; --star-empty:#cdd6ea; --ring:rgba(37,99,235,.22);
  --radius:10px; --radius-lg:14px; --radius-sm:8px;
  --shadow:0 1px 2px rgba(20,32,58,.06); --shadow-lg:0 8px 24px rgba(20,32,58,.10);
  --font:'Inter',system-ui,sans-serif; --font-head:'Manrope',system-ui,sans-serif; --fw-head:800;
}
.hero{background-color:#eaf0fb;background-image:radial-gradient(rgba(37,99,235,.12) 1.3px,transparent 1.3px);background-size:20px 20px;border-bottom:1px solid #dbe3f2}
.hero-title{color:#1d4ed8;letter-spacing:-.02em}
.brand-mark{border-radius:8px}
.main-nav>a:not(.nav-cta){font-weight:600}
.section-head h2{position:relative;padding-left:13px}
.section-head h2::before{content:'';position:absolute;left:0;top:.18em;bottom:.18em;width:4px;border-radius:3px;background:var(--accent)}
.cat-card,.place-card,.review-card,.stat,.rating-box{border:1px solid #e0e7f4;box-shadow:var(--shadow)}
.cat-card:hover,.place-card:hover,.review-card:hover{transform:translateY(-2px);border-color:#bcd0f6;box-shadow:var(--shadow-lg)}
.btn{border-radius:8px;font-weight:700}
.rating-pill{border-radius:7px}
.rating-pill[data-score=high]{background:#e1ebfe;color:#1d4ed8}
.stat{border-radius:10px}
.stat-num{color:#1d4ed8}
/* расположение: категории (каталог) → лучшие → свежие → как это работает */
.home-cats{order:1}.home-top{order:2}.home-recent{order:3}.home-how{order:4}
.grid-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.cats{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}