/* Подвал, второй заход (вариант B ChatGPT): светлый лён, колонки + крупный рукописный вордмарк на панораме-гравюре.
   Кадры «Блок · Подвал» 1920 / 768 / 390. */
.site-footer { position: relative; overflow: hidden; isolation: isolate; background: var(--c-bg-linen); color: var(--c-text); }
.site-footer a { color: inherit; text-decoration: none; }
.site-footer a:hover { text-decoration: underline; text-underline-offset: 4px; }
/* кнопка — белый текст, как во всех кнопках (общее правило ссылок подвала его перебивало) */
.site-footer .btn { color: var(--c-text-light); }
.site-footer .btn:hover { text-decoration: none; }
/* знаки мессенджеров — белые, как в кадрах (общее правило ссылок подвала их перебивало) */
.site-footer .msg { color: var(--msg-fg); }

/* декор: панорама 35 % у самого низа на всю ширину (рамка от края до края, FILL: 390 — 390×146, 768 — 768×287, 1920 — 1920×717; ширина 100 % подвала — не 100vw, чтобы не было прокрутки), ветки 45 % в верхних углах (частично за краем, как в кадре) */
.f-decor { position: absolute; z-index: -1; pointer-events: none; }
.f-decor img { width: 100%; height: auto; }
.f-decor--pano { left: 0; bottom: 0; width: 100%; aspect-ratio: 390 / 146; opacity: .35; }
.f-decor--pano img { height: 100%; object-fit: cover; }
.f-decor--el { display: none; }
.f-decor--shishka { right: -20px; top: 24px; width: 140px; opacity: .45; }

/* низ — запас под панораму: вордмарк стоит в небе панорамы (390 — подвал 1059, 768 — 923, 1920 — 1056) */
.site-footer__in { display: flex; flex-direction: column; align-items: center; gap: 32px; padding-block: 48px 95px; }

/* колонки: на телефоне друг под другом */
.f-cols { display: flex; flex-direction: column; gap: 24px; align-self: stretch; }
.f-block { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.f-h { font: 400 24px/30px var(--f-serif); }
.f-rows { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.f-row { display: inline-flex; align-items: center; gap: 12px; font: 400 18px/26px var(--f-sans); }
.f-row .icon { width: 20px; height: 20px; }
.f-row--addr { gap: 8px; }
.f-row--phone { font: 600 20px/26px var(--f-sans); white-space: nowrap; }
.site-footer .f-link { display: inline-flex; align-items: center; gap: 8px; color: var(--c-sage); font: 600 15px/20px var(--f-sans); }
.f-link__text { text-decoration: underline; text-underline-offset: 3px; }
.f-link .icon { width: 14px; height: 14px; }

/* разделители — акцент/золото 70 % */
.f-sep { display: block; flex: none; background: var(--c-gold); } /* F8: в кадрах 1920/768/390 разделители #c9b48a, непрозрачные */
.f-sep--h { height: 1px; align-self: stretch; }
.f-sep--v { width: 1px; }
.f-cols > .f-sep--v { display: none; }

.f-lists { display: flex; gap: 24px; align-items: flex-start; }
.f-lists > .f-block { flex: 1 1 0; min-width: 0; }
.f-sep--phone-only { align-self: stretch; } /* до 767: во всю высоту колонок «Меню» / «Наши бани» (340 при 9 пунктах), а не числом */
.f-list { display: flex; flex-direction: column; gap: 12px; font: 400 16px/22px var(--f-sans); }

.f-docs { align-self: stretch; }
.f-docs__rows { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.f-docs__links { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; min-width: 0; }
.site-footer .f-doc { font: 400 16px/22px var(--f-sans); text-decoration: underline; text-underline-offset: 3px; }
.f-copy { font: 400 15px/21px var(--f-sans); color: var(--c-text-2); }
/* «Настройки cookie» — кнопка с видом ссылки-документа (появляется вместе с Метрикой, баннер — cookie.css) */
.site-footer .f-doc--btn { padding: 0; border: 0; background: none; color: inherit; cursor: pointer; text-align: left; }
html:not(.js) .site-footer .f-doc--btn { display: none; } /* без JS баннер не открыть */
/* «Правовое»: копирайт + реквизиты продавца (ст. 9 ЗоЗПП), стиль «Согласие» 13/18, промежуток 4. contain: inline-size — длинная строка не расширяет колонку «Документы»,
   ширина колонки по-прежнему от ссылок; часть между « · » не рвётся, часть про ИФНС (длиннее строки на узких) — рвётся внутри */
.f-legal { display: flex; flex-direction: column; gap: 4px; align-self: stretch; contain: inline-size; }
.f-req { font: 400 13px/18px var(--f-sans); color: var(--c-text-2); }
.f-req__i { white-space: nowrap; }
.f-req__i--wrap { white-space: normal; }

/* вордмарк: Caveat + подпись разрядкой + фраза с золотым росчерком (по ширине фразы); промежутки 8.
   390 — 64 / 12 / 20, 768 — 88 / 14 / 20, 1920 — 120 / 18 / 26. Разрядка подписи считается и после последней буквы — как в Figma. */
.f-mark { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.site-footer .f-mark:hover { text-decoration: none; }
.f-mark__name { font: 700 64px/64px var(--f-hand); white-space: nowrap; }
.f-mark__sub { font: 600 12px/16px var(--f-sans); letter-spacing: 4px; text-transform: uppercase; white-space: nowrap; }
.f-mark__phrase { display: flex; flex-direction: column; align-items: center; font: 700 20px/25px var(--f-hand); white-space: nowrap; }
.f-mark__phrase::after { content: ''; align-self: stretch; height: 2px; border-radius: var(--r-s); background: var(--c-gold); }

@media (min-width: 768px) {
  .site-footer__in { gap: 48px; padding-block: 64px 202px; }
  /* рамка кадра 768×287 у самого низа, гравюра заполняет её (FILL) */
  .f-decor--pano { aspect-ratio: 768 / 287; }
  .f-decor--el { display: block; left: -24px; top: -62px; width: 180px; opacity: .45; }
  .f-decor--shishka { right: -24px; top: -44px; width: 156px; }
  .f-cols { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; column-gap: 0; row-gap: 48px; }
  /* вертикальный разделитель — от верха «Меню» до низа «Контактов»: растягивается на высоту ряда (424 с 1200, 416 на 768–1199) */
  .f-cols > .f-sep--v { display: block; align-self: stretch; }
  .f-cols > .f-sep--wide { display: none; }
  .f-sep--phone { display: none; }
  .f-sep--narrow { width: 100%; }
  .f-sep--phone-only { display: none; }
  .f-docs { width: 100%; }
  .f-docs__rows { flex-direction: row; align-items: flex-end; gap: 32px; } /* 768–1199: ссылки столбиком, копирайт рядом по низу */
  .f-docs__rows > .f-legal { flex: 1 1 0; min-width: 0; align-self: auto; contain: none; } /* «Правовое» занимает остаток ряда (320 на 768, 500 на 1024–1199) */
  .f-block { gap: 20px; }
  .f-h { font-size: 28px; line-height: 34px; }
  .f-lists { gap: 48px; }
  .f-lists > .f-block { flex: none; }
  .f-list { gap: 16px; font-size: 18px; line-height: 26px; }
  .f-book { display: none; }
  .f-mark__name { font-size: 88px; line-height: 86px; }
  .f-mark__sub { font-size: 14px; line-height: 17px; letter-spacing: 4.6px; }
  .f-mark__phrase { font-size: 20px; line-height: 24px; }
  .f-mark__phrase::after { height: 3px; }
}
/* 768–1199: панорама растёт вместе с шириной (768/287), а запас под ней постоянный 202 — с ~1060 верхушки елей поднимались под «Согласие…».
   Подвал не растим: панорама не шире 1038 по центру (высота ≤388, верх ниже «Согласия»); на 1060–1199 у краёв уже подвала на 11–80 px — виньетка картинки это скрывает. */
@media (min-width: 768px) and (max-width: 1199px) {
  .f-decor--pano { left: 50%; transform: translateX(-50%); width: min(100%, 1038px); }
}
@media (min-width: 1200px) {
  /* низ 426 при 1920 (22,19 % ширины): вордмарк остаётся в небе панорамы 1920×717 */
  .site-footer__in { padding-block: 96px 22.19vw; }
  /* панорама ниже колонок: рамка 1920×717 у самого низа (y 339 от верха подвала), вордмарк — в её небе */
  .f-decor--pano { aspect-ratio: 1920 / 717; }
  .f-decor--el { left: -40px; top: 40px; width: 300px; }
  .f-decor--shishka { right: -40px; top: 30px; width: 260px; }
  .f-cols { flex-wrap: nowrap; }
  .f-cols > .f-sep--wide { display: block; }
  .f-sep--narrow { display: none; }
  .f-docs { width: auto; align-self: auto; }
  .f-docs__rows { flex-direction: column; align-items: flex-start; gap: 16px; }
  .f-docs__rows > .f-legal { flex: none; align-self: stretch; contain: inline-size; }
  .f-h { font-size: 36px; line-height: 42px; }
  .f-lists { gap: 96px; }
  .f-mark__name { font-size: 120px; line-height: 116px; }
  .f-mark__sub { font-size: 18px; line-height: 22px; letter-spacing: 6px; }
  .f-mark__phrase { font-size: 26px; line-height: 31px; }
}
/* 1200–1839: колонка «Документы» стоит правее, чем в кадре 1920 (поля 40 → 50% - 700), и ветка с шишкой 260×163 лежала под заголовком и ссылкой.
   Ветка меньше и поднята над колонкой (низ рамки 93 при начале текста 96), как на 768 (там тоже над текстом); с 1840 — как в кадре, правее ссылки */
@media (min-width: 1200px) and (max-width: 1839px) {
  .f-decor--shishka { right: -30px; top: -32px; width: 200px; }
}
/* 320–359: «Меню» и «Наши бани» рядом — при промежутках 24 и 24/30 px колонка у «Наши бани» была 115–125 px, а заголовок 24 px занимает 126: уходил в две строки,
   «Дубовая» ниже «Бани» на 30. Промежутки у разделителя 16 (колонка 123,5 на 320) и заголовки колонок 22 px (заголовок 116) */
@media (max-width: 359px) {
  .f-lists { gap: 16px; }
  .f-h { font-size: 22px; }
}
/* 1200–1439: меню 130 + бани + «Документы» 352 при промежутке 96 оставляли у разделителей по 18 px — промежуток 64 (по 26) */
@media (min-width: 1200px) and (max-width: 1439px) {
  .f-lists { gap: 64px; }
}
/* 1200–1919: левая ветка 300×192 с top 40 лежала под «Контакты» и телефоном; как шишка — 200×128 над колонками (низ рамки 92 при начале текста 96) */
@media (min-width: 1200px) and (max-width: 1919px) {
  .f-decor--el { left: -30px; top: -36px; width: 200px; }
}
/* Пункт «Блог» — десятый в меню (13.10.2026, кадры подвала): колонка выросла на строку (42 на 768+, 34 на 390), а высота подвала в кадрах прежняя
   (390 — 1221, 768 — 1087, 1920 — 1182) — нижний запас под панорамой на эту строку меньше; вордмарк и панорама стоят там же, где в кадрах. Класс — body_class в inc/blog.php. */
.cb-has-blog .site-footer__in { padding-bottom: 61px; }
@media (min-width: 768px) { .cb-has-blog .site-footer__in { padding-bottom: 160px; } }
@media (min-width: 1200px) { .cb-has-blog .site-footer__in { padding-bottom: calc(22.19vw - 42px); } }