/* ============================================================
   RAUM — единая шапка и подвал (F, 23.09.2026)
   Грузится из mu-plugins/raum-shell.php на всех страницах, поверх
   любого из двух бандлов (raum-cd-* и raum.css/raum-header.css).
   Классы подвала в своём пространстве имён .rf — чтобы стили бандлов
   его не перекрашивали и он выглядел одинаково везде.
   ============================================================ */

/* ── Подвал: вид главной, плотнее (lois_4:63, lois_5:75) ── */
.rf{background:var(--ink,#111);color:#fff;margin:0;padding:48px var(--gutter,24px) 0;overflow:hidden;
  font-family:var(--font-body,'Inter',system-ui,sans-serif);position:relative;clear:both;}
.rf a{color:inherit;text-decoration:none;}
.rf__in{max-width:var(--maxw,1280px);margin:0 auto;position:relative;z-index:1;}
.rf__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:32px;padding-bottom:32px;}
.rf__brand{display:inline-block;font-family:var(--font-display,'Unbounded',system-ui,sans-serif);font-weight:500;
  font-size:20px;letter-spacing:.42em;padding-left:.42em;margin:0 0 14px;color:#fff;}
.rf__desc{font-size:14px;font-weight:300;line-height:1.55;color:rgba(255,255,255,.55);max-width:320px;margin:0 0 14px;}
.rf__phone{font-family:var(--font-display,'Unbounded',system-ui,sans-serif);font-weight:300;font-size:17px;color:#fff;}
.rf__col{display:flex;flex-direction:column;gap:8px;font-size:14px;}
.rf__title{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:6px;}
.rf__col a{color:rgba(255,255,255,.72);transition:color .25s;}
.rf__col a:hover,.rf__bottom a:hover{color:#fff;}
.rf__bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;
  padding:16px 0;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:rgba(255,255,255,.4);}
.rf__bottom a{color:rgba(255,255,255,.72);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.3);}
/* Водяной знак — тот же, что на главной, но меньше (lois_4:63 «этот РАУМ можно сделать меньше») */
.rf__mark{font-family:var(--font-display,'Unbounded',system-ui,sans-serif);font-weight:600;font-size:min(15vw,190px);
  line-height:.74;letter-spacing:-.02em;color:rgba(255,255,255,.05);margin:4px 0 -.14em;white-space:nowrap;
  text-align:center;pointer-events:none;user-select:none;}
@media (max-width:900px){.rf__grid{grid-template-columns:1fr 1fr;}.rf__brandcol{grid-column:1/-1;}}
@media (max-width:600px){.rf{padding-top:40px;}.rf__grid{grid-template-columns:1fr;gap:24px;}
  .rf__bottom{flex-direction:column;align-items:flex-start;}}

/* ── Одинаковый отступ от контента до подвала (lois_5:75) ──
   Воздух задаёт подвал, а не каждая страница своим padding-bottom. */
main.pg,main.soon,main.legal{padding-bottom:0!important;margin-bottom:0!important;}
main > :last-child{margin-bottom:0!important;} /* студия: .ds-cta mb 84px схлопывался с отступом подвала */
.rf{margin-top:var(--rf-gap,clamp(48px,6vw,96px));}
main#homeRoot + .rf,main#homeRoot ~ .rf{margin-top:0;}

/* ── Кнопка города в шапке (lois_4:67: «кнопки, где мы можем выбирать») ── */
/* список привязан к блоку «город + телефон», а не к кнопке — иначе он накрывал номер */
.site-header .header-meta{position:relative;}
.rs-city{position:static;display:inline-block;}
.rs-city__btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-size:9px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted,rgba(17,17,17,.5));line-height:1.25;border-radius:4px;}
.rs-city__btn:hover,.rs-city.is-open .rs-city__btn{color:var(--ink,#111);}
.rs-city__btn:focus-visible{outline:2px solid var(--wine,#A31C3C);outline-offset:2px;}
.rs-city__caret{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid currentColor;}
.rs-city__list{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:240px;z-index:120;background:#fff;
  border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.12);padding:6px;text-align:left;}
.rs-city.is-open .rs-city__list{display:block;}
.rs-city__list a{display:block;padding:9px 12px;border-radius:8px;color:var(--ink,#111);text-decoration:none;font-size:14px;}
.rs-city__list a:hover{background:rgba(0,0,0,.05);}
.rs-city__list b{display:block;font-weight:500;}
.rs-city__list span{display:block;font-size:12px;color:rgba(17,17,17,.55);margin-top:2px;}
.rs-city--menu{margin-bottom:6px;}
.rs-city--menu .rs-city__btn{font-size:14px;letter-spacing:0;text-transform:none;}
.rs-city--menu .rs-city__list{left:0;right:auto;top:auto;bottom:calc(100% + 8px);}

/* ── Полосы фильтров каталога: скругление и прозрачность ~70 % (lois_4:199, 275) ──
   Было: прямоугольная полоса на 94 % белого. На профилях то же самое. */
.ck-bar,.pr-bar{background:rgba(255,255,255,.7)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(0,0,0,.08)!important;border-radius:16px!important;padding:12px 16px!important;}
@media (max-width:600px){.ck-bar,.pr-bar{border-radius:12px!important;padding:8px 10px!important;}}

/* ── Семь пунктов меню на средних ширинах (901–1280): ужимаем, а не выталкиваем «Рассчитать» за край ── */
@media (min-width:901px) and (max-width:1280px){
  .site-header .main-nav{gap:16px!important;font-size:13px!important;}
  .site-header .brand{letter-spacing:.3em!important;}
}
@media (min-width:901px) and (max-width:1120px){
  .site-header .header-meta{display:none!important;}
  .site-header .main-nav{gap:14px!important;}
}

/* ── «Контакты»: кнопки городов (lois_4:67). Один город — одна кнопка; филиалы добавляются в «Настройках сайта» ── */
.rs-br{margin:0 0 28px;}
.rs-br__row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;}
.rs-br__btn{display:inline-block;border:1px solid rgba(0,0,0,.14);background:#fff;border-radius:999px;padding:8px 18px;
  font-size:15px;color:var(--ink,#111)!important;text-decoration:none!important;cursor:pointer;transition:.15s;scroll-margin-top:120px;}
.rs-br__btn:hover{border-color:var(--wine,#A31C3C);}
.rs-br__btn.is-on{background:var(--wine,#A31C3C);border-color:var(--wine,#A31C3C);color:#fff!important;}
.rs-br__panel{font-size:16px;line-height:1.6;color:rgba(17,17,17,.82);}
.rs-br__panel[hidden]{display:none!important;}

/* ── UX P1-4 (24.09): липкие фильтры керамики и профилей уезжали под шапку ──
   Шапка 89 px на всех ширинах, а .ck-bar/.pr-bar липли на 56 (телефон) и 64 (десктоп):
   верх панели с «Применение: Все / В интерьере» прятался под шапкой. На телефоне
   панель керамики была в 4 строки (192 px) и просвечивала — теперь одна строка
   с прокруткой, как у профилей, подписи групп скрыты. */
.ck-bar,.pr-bar{top:97px!important;}
@media (max-width:600px){
  .ck-bar,.pr-bar{top:95px!important;} /* фон 70 % — просьба Данила (lois_4:199), не трогаем */
  .ck-bar{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px!important;}
  .ck-bar::-webkit-scrollbar{display:none;}
  .ck-bar .ck-g{flex-wrap:nowrap;flex:0 0 auto;}
  .ck-bar .ck-lbl,.ck-bar .ck-sp{display:none;}
  .ck-bar .ck-pill,.ck-bar .ck-view button{white-space:nowrap;}
  .ck-bar .ck-view{flex:0 0 auto;}
}

/* №23 (24.09): в мобильном меню список городов открывался ВВЕРХ от дальнего предка —
   за верхний край экрана (top −67…−79). В меню он теперь часть потока, под кнопкой. */
.rs-city--menu .rs-city__list{position:static;top:auto;bottom:auto;left:auto;right:auto;margin-top:8px;min-width:0;box-shadow:none;}
.rs-city--menu{display:block;}
.rs-city--menu .rs-city__list{max-width:320px;}