/* ── Физика журнала и стрекоза-проводник (18.10) ─────────────────
   (Наезд листа с тенью снят 18.10 — на десктопе выглядел дёшево.)
   1. Сгиб: мягкая тень по корешку каждого разворота.
   (Летящая стрекоза снята 18.10 по решению Артёма.) */


/* Сгиб по корешку: тень к центру и тонкий блик сразу за ним. */
.sheet::after { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: calc(90 * var(--u)); transform: translateX(-50%); z-index: 7; pointer-events: none; mix-blend-mode: multiply;
  background: linear-gradient(90deg, #2A180E00 0%, #2A180E0D 34%, #2A180E26 48%, #2A180E33 50%, #FFFFFF00 50.6%, #2A180E14 53%, #2A180E00 72%); }

/* Край листа (18.10): поля вокруг журнала на тон темнее бумаги, как
   стол под журналом. Цвет страницы переезжает со всего разворота на
   сам лист, иначе граница листа сливается с полем и центр страницы
   оптически съезжает. */
:root { --table: #FFFFFF; }
html, body { background: var(--table); }
.spread { background: var(--table); }
.sheet { background: var(--sheet-bg, var(--paper)); box-shadow: 0 0 0 1px #2A180E0F, 0 calc(10 * var(--u)) calc(34 * var(--u)) #2A180E1F; }
/* Поля теперь белые на всех разворотах, включая обложку и последний —
   меню всегда тёмное, иначе на обложке оно белым по белому. */
.menu, .menu[data-chrome] { color: var(--ink, #1E1715); }
/* текущий раздел в меню журнала */
.menu a[aria-current] { color: #A51C1F; border-bottom: 1px solid #A51C1F; }

/* ── Шапка (21.10): логотип слева → на главную, разделы по центру, бронь справа ──
   Плюс «К содержанию» для клавиатуры и видимый фокус на всём сайте. */
.menu { justify-content: center; gap: 0; font-size: clamp(13px, calc(13 * var(--u)), 15px); }
.menu__links { display: flex; align-items: center; gap: clamp(18px, calc(26 * var(--u)), 30px); }
.menu__links a { color: inherit; text-decoration: none; border-bottom: 1px solid transparent; padding: 4px 0; }
.menu__logo { position: absolute; left: clamp(16px, calc(32 * var(--u)), 40px); top: 0; bottom: 0; display: flex; align-items: center; gap: 9px; color: inherit; text-decoration: none; }
.menu__logo span { font: 400 clamp(14px, calc(15 * var(--u)), 17px)/1 "Druzhok", "Cormorant Garamond", serif; letter-spacing: .08em; text-transform: uppercase; }
.menu__fly { width: 22px; height: 22px; color: #A51C1F; flex: none; }
.menu a.menu__book { position: absolute; right: clamp(16px, calc(32 * var(--u)), 40px); top: 50%; transform: translateY(-50%); display: flex; align-items: center; height: 34px; padding: 0 18px;
  background: #6B171D; color: #F8F2E8; text-decoration: none; font: 400 clamp(13px, calc(14 * var(--u)), 15px)/1 "Spectral", Georgia, serif; letter-spacing: .02em; border: 0; transition: background-color .2s; }
@media (hover: hover) { .menu a.menu__book:hover { background: #4A0E13; opacity: 1; } }
.skip { position: fixed; left: 12px; top: -80px; z-index: 200; padding: 12px 16px; background: #111; color: #FFF; font: 500 14px/1 "HK Grotesk", sans-serif; text-decoration: none; transition: top .15s; }
.skip:focus { top: 8px; }
html body :focus-visible { outline: 2px solid #A51C1F !important; outline-offset: 3px !important; }
html body .menu a.menu__book:focus-visible, html body .hp-seal:focus-visible { outline-color: #111 !important; }
/* старое правило .menu a (отрицательные поля под зону клика) сбивало новые блоки шапки */
.menu .menu__logo, .menu a.menu__book, .menu__links a { margin: 0; }
.menu a.menu__book { padding: 0 18px; text-decoration: none; }
.menu__links a { padding: 6px 0; }

/* ── Плашка cookie как стекло iOS (21.10): плавающая карточка с размытием, бликом по краю и тенью ── */
.consent { left: 50%; right: auto; bottom: 20px; transform: translateX(-50%); width: min(880px, calc(100% - 32px)); z-index: 60;
  padding: 16px 18px 16px 24px; gap: 22px; border: 0; border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.42));
  -webkit-backdrop-filter: blur(28px) saturate(180%); backdrop-filter: blur(28px) saturate(180%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.55), inset 0 1px 0 rgba(255,255,255,.9), 0 0 0 .5px rgba(0,0,0,.08), 0 18px 50px rgba(20,10,10,.28);
  color: #1E1715; font: 400 13.5px/1.45 -apple-system, "SF Pro Text", "HK Grotesk", sans-serif; letter-spacing: -.005em;
  animation: consent-in .6s cubic-bezier(.22,1,.36,1) both; }
.consent__t { max-width: none; }
.consent__l { color: #A51C1F; font-size: 13.5px; white-space: nowrap; }
.consent__b { gap: 8px; }
.consent__b button { min-height: 38px; padding: 0 18px; border-radius: 999px; font: 500 13.5px/1 -apple-system, "SF Pro Text", "HK Grotesk", sans-serif; letter-spacing: 0;
  border: 0; background: rgba(120,110,105,.16); color: #1E1715; }
.consent__b button:hover { background: rgba(120,110,105,.26); color: #1E1715; }
.consent__b .consent__y { background: #A51C1F; color: #FFF; box-shadow: 0 4px 14px rgba(165,28,31,.35); }
.consent__b .consent__y:hover { background: #8E1619; }
@keyframes consent-in { from { opacity: 0; transform: translate(-50%, 24px) scale(.98); } to { opacity: 1; transform: translate(-50%, 0) scale(1); } }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { .consent { background: rgba(250,248,244,.97); } }
@media (prefers-reduced-motion: reduce) { .consent { animation: none; } }
.consent { background: linear-gradient(180deg, rgba(255,255,255,.48), rgba(255,255,255,.30)); -webkit-backdrop-filter: blur(24px) saturate(200%) brightness(1.08); backdrop-filter: blur(24px) saturate(200%) brightness(1.08); }
.consent { background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(250,246,242,.58)); }
.consent__b button { background: rgba(255,255,255,.55); box-shadow: inset 0 0 0 1px rgba(0,0,0,.06); }
.consent__b button:hover { background: rgba(255,255,255,.8); }
/* лого и бронь стоят над краями журнального листа (1440u по центру), а не у краёв окна */
.menu__logo { left: max(16px, calc((100% - 1440 * var(--u)) / 2)); }
.menu a.menu__book { right: max(16px, calc((100% - 1440 * var(--u)) / 2)); }


/* 23.10: боковое оглавление снято по решению — возвращена шапка сверху с разделами «О нас … Контакты».
   Варианты сайдбара: sidebar-white.html, sidebar-cream.html и _backup-journal-20261023-before-header.css. */
.menu__contents, .menu__tel { display: none !important; }
@media (min-width:1100px) { .menu__links { gap: clamp(14px, calc(22 * var(--u)), 26px); } .menu__links a span { white-space: nowrap; } }
.menu .menu__logo[aria-current] { border: 0; color: inherit; }
@media (max-width:1099px) { .menu__book-label { font-size: 0 !important; } .menu__book-label::before { content: "Забронировать"; font-size: 13px; } }