/* ============================================================
   gasbase / FSE — подвал
   Требует токены --gb-* (colors / typography / spacing / fonts).
   Стили хедера — в header/gb-header.css (там же .gb-container).
   ============================================================ */

.gb-container { max-width: 1240px; margin: 0 auto; padding-left: clamp(16px, 4vw, 32px); padding-right: clamp(16px, 4vw, 32px); }

.gb-footer { background: var(--gb-ink-950); color: var(--gb-ink-300); font-family: var(--gb-font-sans); }
.gb-footer a { color: var(--gb-ink-300); text-decoration: none; }
.gb-footer a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }

/* верхний ряд: логотип и описание | контакты */
.gb-footer__top { display: grid; grid-template-columns: 1fr auto; gap: clamp(24px, 4vw, 48px); align-items: start;
  padding-top: clamp(36px, 6vw, 56px); }
.gb-footer__about { display: flex; flex-direction: column; gap: 14px; max-width: 520px; }
.gb-footer__about img { height: 44px; width: auto; display: block; }
.gb-footer__about span { font-size: 15px; line-height: 1.55; color: var(--gb-ink-400); }
.gb-footer__contacts { display: flex; flex-direction: column; gap: 8px; }
.gb-footer__phone { font-family: var(--gb-font-mono); font-size: clamp(22px, 3vw, 26px); font-weight: 700;
  letter-spacing: -.01em; color: #fff !important; min-height: 44px; display: inline-flex; align-items: center; }
.gb-footer__mail { font-size: 16px; min-height: 44px; display: inline-flex; align-items: center; }
.gb-fnote { font-size: 14px; color: var(--gb-ink-400); }
.gb-pills { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 4px; }
.gb-pills a { min-height: 44px; display: inline-flex; align-items: center; padding: 0 16px; font-size: 14px;
  color: var(--gb-ink-200); border: 1px solid var(--gb-border-inverse); border-radius: 999px; }

/* колонки ссылок */
.gb-footer__cols { display: grid; grid-template-columns: 1.1fr 1fr 1fr 1fr; gap: clamp(24px, 3vw, 36px);
  padding-top: clamp(32px, 5vw, 52px); padding-bottom: 32px; }
.gb-fcol { display: flex; flex-direction: column; gap: 12px; }
.gb-fcol a { font-size: 15px; line-height: 1.4; }
.gb-fcol__h { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #fff; }
.gb-fcol__h:hover { color: #fff; }
.gb-fcol__cur { color: #fff; font-weight: 600; }
.gb-fcol__all { color: var(--gb-ink-200); font-weight: 600; }
.gb-lic { display: flex; flex-direction: column; gap: 8px; margin-top: 6px; padding-top: 14px;
  border-top: 1px solid var(--gb-border-inverse); }
.gb-lic span { font-size: 13px; line-height: 1.45; color: var(--gb-ink-400); }

/* реквизиты — коммерческие факторы Яндекса. ЗАПОЛНИТЬ фактическими данными */
.gb-req { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 20px 32px;
  padding: 24px 0; border-top: 1px solid var(--gb-border-inverse); }
.gb-req > div { display: flex; flex-direction: column; gap: 4px; }
.gb-req__k { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--gb-ink-500); }
.gb-req__v { font-size: 14px; line-height: 1.45; color: var(--gb-ink-300); }
.gb-req__v--mono { font-family: var(--gb-font-mono); }

.gb-footer__legal { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  padding-top: 20px; padding-bottom: 40px; border-top: 1px solid var(--gb-border-inverse);
  font-size: 14px; line-height: 1.5; color: var(--gb-ink-400); }
.gb-footer__legal a { color: var(--gb-ink-400); }
.gb-footer__legal-links { display: flex; gap: 20px; flex-wrap: wrap; }

/* планшет */
@media (max-width: 1119px) {
  .gb-footer__cols { grid-template-columns: 1fr 1fr; }
}
/* мобильная */
@media (max-width: 700px) {
  .gb-footer__top { grid-template-columns: 1fr; }
  .gb-footer__cols { grid-template-columns: 1fr; }
  .gb-footer__legal { flex-direction: column; align-items: flex-start; }
}