/* ============================================================
   ПРЕМИУМ-ФУТЕР Common Sense — единый для ВСЕХ страниц.
   Самодостаточный: свои цвета (без var()), поэтому выглядит
   одинаково и на лендинге, и на oferta/privacy/tariffs.
   Подключение:  <link rel="stylesheet" href="css/footer.css">
   (в members — абсолютный путь /css/footer.css)
   Правки Вовы (окно №11): свечение приглушено; кнопка ТГ — цвет
   через a.sf-cta (иначе .sf-col>a красил текст серым); блок
   «Связаться» без подводки; планшет/мобила — брейкпоинт 1100
   и колонки по центру своих половин (была «каша» на 860–1100).
   ============================================================ */
/* (Вова, окно №11) верх градиента ПРОЗРАЧНЫЙ: фон футера плавно вырастает из
   фона любой страницы — нет «полос»-стыков (были видны в админке, у которой
   свой оттенок фона). Единственная линия сверху — border-top. */
.site-footer{position:relative;overflow:hidden;margin-top:64px;
  background:linear-gradient(180deg,rgba(8,10,14,0),#080a0e 60%);border-top:1px solid #242c38;
  font-family:'Inter',system-ui,-apple-system,sans-serif;}
.site-footer *{box-sizing:border-box;}
.site-footer .sf-accent{position:absolute;top:-1px;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(197,240,43,.55),transparent);}
.site-footer .sf-glow{position:absolute;bottom:-160px;left:50%;transform:translateX(-50%);
  width:720px;height:320px;pointer-events:none;
  background:radial-gradient(50% 50% at 50% 50%,rgba(197,240,43,.045),transparent 70%);}
.site-footer .sf-inner{position:relative;max-width:1180px;margin:0 auto;padding:52px 24px 26px;}
.site-footer .sf-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:40px;align-items:start;}

.site-footer .sf-logo{display:inline-flex;align-items:center;gap:12px;
  font-family:'Oswald',system-ui,sans-serif;font-weight:700;font-size:1.3rem;
  letter-spacing:.05em;text-transform:uppercase;color:#e8ecf2;text-decoration:none;}
.site-footer .sf-logo img{width:46px;height:46px;border-radius:50%;object-fit:cover;}
.site-footer .sf-tag{margin-top:16px;max-width:300px;color:#8b96a5;font-size:13.5px;line-height:1.6;}
.site-footer .sf-tag b{color:#c5f02b;font-weight:600;}
.site-footer .sf-social{display:flex;gap:10px;margin-top:20px;}
.site-footer .sf-social a{width:40px;height:40px;display:grid;place-items:center;
  border:1px solid #242c38;border-radius:10px;background:#0f141b;color:#98a1b3;
  text-decoration:none;transition:.15s;}
.site-footer .sf-social a:hover{color:#c5f02b;border-color:#c5f02b;}

.site-footer .sf-lbl{font-size:11px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:#e8ecf2;margin-bottom:16px;}
.site-footer .sf-col{display:flex;flex-direction:column;}
.site-footer .sf-col>a{display:inline-flex;align-items:center;gap:8px;min-height:34px;
  color:#aab3c2;text-decoration:none;font-size:14px;transition:.15s;}
.site-footer .sf-col>a:hover{color:#c5f02b;}
.site-footer .sf-col svg{flex:none;}
/* КНОПКА ТГ: селектор a.sf-cta (тип+классы) бьёт .sf-col>a — без этого
   текст кнопки красился серым #aab3c2 (баг первой заливки). Стоит ПОСЛЕ
   правил .sf-col>a, hover тоже перекрыт. */
.site-footer a.sf-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;
  background:linear-gradient(135deg,#c5f02b,#dcff5a);color:#10130a;font-weight:700;font-size:14px;
  border-radius:10px;text-decoration:none;box-shadow:0 8px 22px -14px rgba(197,240,43,.45);}
.site-footer a.sf-cta:hover{color:#10130a;filter:brightness(1.05);}
.site-footer a.sf-cta svg{width:15px;height:15px;}

.site-footer .sf-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;
  border-top:1px solid #1a212c;margin-top:38px;padding-top:20px;}
.site-footer .sf-bottom span{color:#5a6472;font-size:12px;}

/* Планшет и мобила (Вова, окно №11): порог поднят 860 → 1100 — в полосе
   860–1100 четырёхколоночная сетка сжималась в «кашу». Колонки МЕНЮ и
   ДОКУМЕНТЫ центрируются каждая в своей половине (justify-items) —
   симметрично с центрированными БРЕНДОМ и СВЯЗАТЬСЯ. */
@media (max-width:1100px){
  .site-footer{margin-top:48px;}
  .site-footer .sf-inner{padding:34px 18px 22px;}
  /* (Вова, окно №11, 2-й заход) МЕНЮ и ДОКУМЕНТЫ ПРИЖАТЫ ДРУГ К ДРУГУ:
     колонки по ширине контента (auto) и весь ряд по центру — дыры между
     ними нет ни на планшете, ни на мобиле */
  .site-footer .sf-grid{grid-template-columns:auto auto;justify-content:center;
    gap:24px 56px;}
  .site-footer .sf-brand{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;text-align:center;}
  .site-footer .sf-brand .sf-tag{margin-left:auto;margin-right:auto;}
  .site-footer .sf-contact{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;text-align:center;}
  .site-footer .sf-contact a.sf-cta{width:100%;max-width:300px;justify-content:center;}
  .site-footer .sf-col>a{min-height:30px;font-size:13px;white-space:nowrap;}
  .site-footer .sf-bottom{flex-direction:column;align-items:center;text-align:center;margin-top:24px;}
}