/* Стили страницы /poleznoe/restorany/<ресторан>.
   Перенесены из встроенного <style> в views/useful-restaurant.ejs (2026-09-26). Подключаются только на этой
   странице, тем же местом в <head>, где стоял блок, — порядок каскада прежний.
   Правки внешнего вида этой страницы — здесь, не в шаблоне. */

/* Страница ресторана: шапка и сетка карточек — как в архиве /events (.ev-h1, .ev-lead, .events-grid, .case-card из v3.css),
   обзор Феликса — текстом статьи блога (.post-body из blog.css, без её полей). */
.u-nav-spacer { height: 64px; }
.nav-logo { text-decoration: none; color: inherit; }
.ul-review { max-width: 760px; margin: 28px 0 0; padding: 0; }
.ul-events-title { font-family: 'Cormorant Garamond', serif; font-weight: 400; font-size: clamp(1.6rem, 3vw, 2.2rem); line-height: 1.15; color: var(--dark); margin: 56px 0 0; }
.ul-events-note { color: var(--mid); font-size: 0.9rem; margin-top: 8px; }
@media (max-width: 640px) { .ul-events-title { margin-top: 40px; } }

/* Фото карточки события — квадрат 1:1, как в архиве /events (Босс 2026-09-29: «да» — и на страницах ресторанов).
   Раньше — фиксированные 280px (200px на узких, v3.css). */
.events-grid .case-photo { height: auto; aspect-ratio: 1 / 1; }

/* ШИРОКАЯ КОЛОНКА 1456px — как у /blog и /events (Босс 2026-09-30, вариант «а»): левый край шапки и карточек
   один на всех внутренних страницах, при переходах заголовок не прыгает. Поля — общие поля .wrap из v3.css (48 / 24 / 16px). */
.section-white > .wrap { max-width: 1456px; }
/* Поля широкой колонки на экранах шире 960px — не меньше 96px (2026-09-30): иначе на ноутбуках 961–1551px плавающие кнопки
   «Наверх» (слева, 24–84px) и мессенджеры (справа) ложились на край контента. Колонка контента — до 1360px, по центру;
   при 1920 край тот же, что был (280px), на 1440 — 96px. На ≤960 — общие поля .wrap (24 / 16px). */
@media (min-width: 961px) {
  .section-white > .wrap { max-width: none; padding-left: max(96px, calc((100% - 1360px) / 2)); padding-right: max(96px, calc((100% - 1360px) / 2)); }
}