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

/* ===== Мнение: смелый редакционный зин ===== */
:root{
  --bg:#fbf5ec; --bg-alt:#f4e9d8; --surface:#fffdf9; --surface-2:#f3e7d6;
  --text:#241011; --muted:#7c5a52; --border:#e3d3c1;
  --accent:#ef6a2b; --accent-2:#d4541f; --accent-contrast:#ffffff;
  --header-bg:#5a1020; --header-text:#fbe9dd; --header-border:#5a1020;
  --footer-bg:#3a0c16; --footer-text:#e9c9bd;
  --star:#ef6a2b; --star-empty:#d8c4b2; --ring:rgba(239,106,43,.22);
  --radius:2px; --radius-lg:3px; --radius-sm:2px;
  --shadow:none; --shadow-lg:6px 6px 0 rgba(36,16,17,.14);
  --font:'Inter',system-ui,sans-serif; --font-head:'Oswald',sans-serif; --fw-head:700;
}
.site-header{background:var(--header-bg)}
.brand{text-transform:uppercase;letter-spacing:.04em;color:#fff}
.brand-mark{background:var(--accent);border-radius:2px}
.main-nav>a:not(.nav-cta){color:#fbe9dd;text-transform:uppercase;font-family:var(--font-head);letter-spacing:.07em;font-weight:500;opacity:.92}
.main-nav>a:not(.nav-cta):hover{color:#fff;opacity:1}
.hero{background:var(--bg-alt);border-bottom:4px solid var(--text)}
.hero-title{font-family:var(--font-head);text-transform:uppercase;font-weight:700;line-height:.95;color:#5a1020;font-size:clamp(42px,6.5vw,76px)}
.hero-title::after{content:'.';color:var(--accent)}
.section-head{border-bottom:3px solid var(--text);padding-bottom:9px}
.section-head h2{font-family:var(--font-head);text-transform:uppercase;font-weight:700;letter-spacing:.01em}
.cat-card,.place-card,.review-card,.stat,.rating-box{border:2px solid var(--text);box-shadow:none;border-radius:2px}
.cat-card:hover,.place-card:hover,.review-card:hover{transform:none;box-shadow:6px 6px 0 var(--accent)}
.btn{border-radius:2px;text-transform:uppercase;font-family:var(--font-head);font-weight:600;letter-spacing:.06em;border:2px solid var(--text)}
.btn-accent{border-color:var(--text)}
.rating-pill{border-radius:2px;border:2px solid var(--text);background:#fff;color:var(--text)}
.stat{border-radius:2px}
.stat-num{font-family:var(--font-head)}
/* расположение: свежие (лента) → категории → лучшие → как это работает */
.home-recent{order:1}.home-cats{order:2}.home-top{order:3}.home-how{order:4}
.grid-cards{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:0;border-top:2px solid var(--text)}
.grid-cards>*{border-radius:0}
.cats{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}