/* Единый подвал «Небо» (рендерится assets/footer.js из REQUISITES).
   Мобильный: одна колонка, три группы через тонкие линии, всё по левому краю.
   Десктоп (≥900px): три колонки 40/25/35 + нижняя полоса (реквизиты слева, юрссылки справа). */
/* Согласие под формами (заявка, статус, партнёры, оформление) — общий стиль для всех страниц,
   файл подключён везде вместе с подвалом. Текст 14px, виден до нажатия, ссылки в новой вкладке. */
.consent{font-size:14px;line-height:1.45;color:#566A76;text-align:left;margin:10px 0 0;max-width:100%;overflow-wrap:anywhere}
.consent a{color:#4E86B4;text-decoration:underline;text-underline-offset:2px}
.consent a:hover{color:#3D6E97}

.sf{background:#223B4D;color:#AEBEB2;font-family:"Nunito Sans",system-ui,sans-serif;line-height:1.5;text-align:left;overflow-x:hidden}
.sf *{box-sizing:border-box;margin:0;padding:0}
.sf a{color:#C7D3CB;text-decoration:none}
.sf a:hover{color:#fff}
.sf-in{max-width:1160px;margin:0 auto;padding:24px 20px 18px;display:flex;flex-direction:column}
/* Сброс списков: страницы с legal.css рисуют «—» у li — в подвале не нужно */
.sf ul,.sf li{list-style:none;margin:0;padding:0;position:static}
.sf li::before{content:none!important}
/* Обёртки нижней полосы на мобильном прозрачны — их дети участвуют в порядке колонки */
.sf-bottom,.sf-right{display:contents}
.sf-h{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#7FB0C9;font-weight:700;margin-bottom:4px}
.sf-sep{border-top:1px solid rgba(255,255,255,.1)}

/* 1. Логотип + описание */
.sf-brand{order:1;padding-bottom:14px}
.sf-logo{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#fff;font-family:"Rubik",sans-serif;font-weight:600;font-size:1.25rem}
.sf-tag{font-size:14px;color:#8FA39A;max-width:300px;line-height:1.45}

/* 3. Контакты — телефон крупнее всего */
.sf-contact{order:2;padding:14px 0 10px}
.sf-contact a{display:flex;align-items:center;min-height:44px;font-size:16px;width:max-content;max-width:100%}
.sf .sf-contact a.sf-tel{font-family:"Rubik",sans-serif;font-weight:600;font-size:29px;color:#fff;letter-spacing:-.01em;line-height:1.1}

/* 5. Навигация — две колонки на мобильном */
.sf-nav{order:3;padding:10px 0}
.sf-nav .sf-h{display:none}
.sf-nav ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
.sf-nav a{display:flex;align-items:center;min-height:44px;font-size:16px}

/* 7. Реквизиты — мельче всего, каждое поле на своей строке */
.sf-req{order:4;padding:14px 0 6px;font-size:15px;color:#8FA39A;line-height:1.5;min-width:0}
.sf-req span{display:block;overflow-wrap:anywhere}
.sf-req .n{font-weight:700;color:#C7D3CB}
.sf-req .a-full{display:none}

/* 8. Юрссылки одной строкой через «·», без подчёркивания */
.sf-links{order:5;display:flex;flex-wrap:wrap;align-items:center;font-size:15px;color:#8FA39A}
.sf-links a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.sf-links a+a::before{content:"·";margin:0 8px;color:#6F8477}

/* 9. Оплата — только знак СБП (монохром, 24px); логотип банка-эквайера встаёт в ту же строку
   (align-items:flex-end, gap 10px, высота 24px, при нехватке места переносится, не уменьшаясь) */
.sf-pay{order:6;padding:4px 0 0}
.sf-pay-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;color:#8FA39A}
.sf-pay svg,.sf-pay img{height:24px;width:auto;display:block;flex:none}
/* Логотип банка: ровно 24px по высоте, ширина по пропорции файла (2,35:1 → 56px), не растягивать,
   без рамки/тени/фона/скругления/фильтров — плашка и прозрачные углы уже в PNG */
.sf-pay img.sf-bank{height:24px;width:auto;max-width:60px;max-height:24px;border:0;border-radius:0;box-shadow:none;background:none;filter:none;opacity:1;image-rendering:auto}
.sf-paynote{font-size:14px;color:#7F958A;margin-top:6px}

/* 11. © — самое мелкое (весь остальной текст подвала ≥14px) */
.sf-copy{order:7;margin-top:14px;padding-top:12px;font-size:13px;color:#6F8477}
.sf-line{display:none}

@media(min-width:900px){
  .sf-in{display:grid;grid-template-columns:40fr 25fr 35fr;column-gap:36px;row-gap:0;padding:44px 20px 26px;
    grid-template-areas:"brand nav contact" "pay nav contact" "line line line" "bottom bottom bottom"}
  .sf-bottom{display:flex;grid-area:bottom;justify-content:space-between;align-items:flex-start;gap:32px}
  .sf-right{display:flex;flex-direction:column;align-items:flex-end;flex:0 0 auto;order:1}
  .sf-req,.sf-links,.sf-copy{order:0}   /* мобильный order внутри полосы не действует */
  .sf-links{white-space:nowrap}
  .sf-brand{grid-area:brand;padding:0}
  .sf-pay{grid-area:pay;padding-top:22px;align-self:end}   /* прижат к разделителю, на уровне последнего пункта меню */
  .sf-nav{grid-area:nav;padding:0;border:0}
  .sf-nav .sf-h{display:block;margin-bottom:8px}
  .sf-nav ul{display:flex;flex-direction:column}
  .sf-nav .sf-n1{order:1}.sf-nav .sf-n2{order:2}.sf-nav .sf-n3{order:3}.sf-nav .sf-n4{order:4}
  .sf-nav a{min-height:44px}
  .sf-contact{grid-area:contact;padding:0;border:0}
  .sf .sf-contact a.sf-tel{font-size:30px}
  .sf-line{display:block;grid-area:line;border-top:1px solid rgba(255,255,255,.1);margin:20px 0 14px}
  .sf-req{flex:1 1 auto;min-width:0;padding:0;border:0;font-size:14px;color:#7F958A;line-height:1.6}
  .sf-req span{display:inline}
  .sf-req .s::before{content:" · "}
  .sf-req .a-short{display:none}
  .sf-req .a-full{display:block}
  .sf-links{justify-content:flex-end;font-size:14px;text-align:right}
  .sf-links a{min-height:44px}   /* тап-таргет ≥44px и на десктопе */
  .sf-copy{text-align:right;margin:0;padding:0;border:0}
  .sf-sep{border:0}
}