/* Общий CSS для всех страниц сайта (историческое имя — partials.css).
   Подключается из partials/header.php, поэтому работает и на посадочных
   страницах, у которых нет css/styles.css, а весь CSS лежит в инлайновом
   <style>. Грузится после инлайнового блока — значит перебивает его.
   Часть правил продублирована в css/styles.css, значения должны совпадать. */

/* --- соцсети в футере --- */
.footer-social{ display:flex; gap:10px; margin-top:18px; }
.footer-social a{ width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,.18);
  display:flex; align-items:center; justify-content:center; font-family:var(--mono); font-size:11px;
  font-weight:700; letter-spacing:.02em; color:rgba(250,246,239,.78); transition:background .2s,color .2s,border-color .2s; }
.footer-social a:hover{ background:var(--accent); border-color:var(--accent); color:#fff; }

/* --- раскрывающийся пункт «Уборка квартир» в футере --- */
.footer-expand-row{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.footer-expand-toggle{ flex:none; width:22px; height:22px; margin:-4px; border:none; background:transparent;
  color:rgba(250,246,239,.5); display:flex; align-items:center; justify-content:center; transition:color .2s; }
.footer-expand-toggle:hover{ color:var(--accent); }
.footer-expand-ico{ transition:transform .25s; }
.footer-expand.open .footer-expand-ico{ transform:rotate(180deg); }
.footer-submenu{ max-height:0; overflow:hidden; gap:0 !important; transition:max-height .3s ease; }
.footer-expand.open .footer-submenu{ margin-top:11px; }
.footer-submenu li{ padding-left:14px; position:relative; }
.footer-submenu li + li{ margin-top:11px; }
.footer-submenu li::before{ content:""; position:absolute; left:0; top:9px; width:5px; height:1px; background:rgba(250,246,239,.35); }
.footer-submenu a{ font-size:14px; color:rgba(250,246,239,.6); }

/* --- кнопки VK / MAX в бургер-меню --- */
.mmenu-social{ display:flex; gap:10px; justify-content:center; }
.mmenu-social a{ width:42px; height:42px; border-radius:50%; border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center; font-family:var(--mono); font-size:11px;
  font-weight:700; letter-spacing:.02em; color:var(--ink-2); transition:background .2s,color .2s,border-color .2s; }
.mmenu-social a:hover{ background:var(--accent); border-color:var(--accent); color:#fff; }

/* =========================================================
   ГЕО-ПРИПИСКА «в Екатеринбурге» В H1
   На десктопе не трогаем: на посадочных это вторая крупная строка,
   на главной — хвост первой. На мобильном она съедала пол-экрана и рвалась
   («В» отдельной строкой, на главной вообще «ЕКАТЕРИНБУР/ГЕ»), поэтому там
   понижаем её до подчинённой строки: мельче, без переносов.
   Цвет намеренно не задаём — акцент приходит от .thin на посадочных,
   на главной гео-хвост остаётся белым, как в исходном дизайне.
   ========================================================= */
@media (max-width:700px){
  .hero-word .hero-geo,
  .subhero-title .hero-geo{
    display:block;
    /* em — чтобы строка масштабировалась вместе с h1 (а он на страницах разный).
       vw-потолок — страховка от переполнения при nowrap на узких экранах. */
    font-size:min(.52em, 8vw);
    font-weight:700;
    letter-spacing:-.01em;
    line-height:1.05;
    margin-top:.3em;
    white-space:nowrap;   /* «В» больше не остаётся одна на строке */
  }
}

/* =========================================================
   HERO ПОСАДОЧНЫХ СТРАНИЦ — единый вид как на /uborka-kvartir/
   На /uborka-kvartir/ герой собран из общих файлов: полноэкранная секция
   .subhero (organizations.css, height:100svh) + заголовок .hero-word
   (styles.css). Экспресс / генеральная / после ремонта / для организаций
   держат свои копии .subhero и .subhero-title в инлайновом <style>: там
   герой короче (min-height:560px, padding-top:120px) и заголовок мельче
   на мобильном. partials.css грузится из header.php ПОСЛЕ этих <style>,
   поэтому правила ниже перебивают локальные копии — герой везде одинаков.
   Значения совпадают с .subhero (organizations.css) и .hero-word (styles.css).
   ========================================================= */
.subhero{ min-height:640px; height:100vh; height:100svh; padding-top:0; }
.subhero-title{ font-size:clamp(38px,7.4vw,94px); line-height:.96; overflow-wrap:break-word; }
@media (max-width:600px){
  .subhero-title{ font-size:clamp(46px,12.5vw,80px); line-height:.95; }
}