/* =========================
   FOOTER — FINAL (aligned with header)
   ========================= */

/* отступ между основным блоком и футтером */
.gf-footer{
  width:100%;
  background:#EEF1F7;
  box-sizing:border-box;
  margin-top:120px; /* ПК */
}

/* внутренняя сетка футтера — 4 РАВНЫХ БЛОКА, как на макете */
.gf-footer-inner{
  width:100%;
  padding:80px 60px 120px; /* ✅ верх 80, низ 120 */
  display:grid;
  grid-template-columns:repeat(4, 1fr); /* ✅ все блоки одинаковые */
  gap:64px;
  align-items:start;
  box-sizing:border-box;
}

/* общие шрифты и цвета */
.gf-footer,
.gf-footer a{
  font-family:"Noah", sans-serif;
  color:#0C0F1C;
}

.gf-footer a{
  text-decoration:none;
}

.gf-footer a:hover{
  text-decoration:underline;
  text-underline-offset:4px;
}

/* ---------- LOGO ---------- */

.gf-footer-brand-logo{
  height:48px; /* ✅ ПК */
  width:auto;
  display:block;
}

/* ---------- TITLES ---------- */

.gf-footer-title{
  margin:0 0 20px 0;
  font-size:12px;
  font-weight:700;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:#3F52B3;
}

/* ---------- MENU ---------- */

.gf-footer-links{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.gf-footer-links a{
  font-size:16px; /* ✅ пункты меню 16px */
}

/* ---------- SOCIAL ---------- */

.gf-footer-social{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:16px;
  margin-top:20px; /* ✅ расстояние от FOLLOW US */
}

/* ❗ убираем фиксированные размеры у ссылок */
.gf-footer-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  width:auto;
  height:auto;
  padding:0;
  margin:0;

  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
}

.gf-footer-social a:hover{
  background:transparent;
  text-decoration:none;
}

/* иконки */
.gf-footer-social img{
  width:18px;
  height:18px;
  display:block;
  transition:filter .18s ease;
}

/* hover → #3F52B3 */
.gf-footer-social a:hover img{
  filter: invert(24%) sepia(65%) saturate(632%) hue-rotate(196deg) brightness(125%) contrast(96%);
}


/* ---------- META ---------- */

.gf-footer-meta{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:16px;
  color:#0C0F1C;
}

/* =========================
   MOBILE / TABLET (switch to mobile footer layout)
   ========================= */

@media (max-width:979px){

  .gf-footer{
    width:100%;
    background:#EEF1F7;
    box-sizing:border-box;
    margin-top:0; /* было 120px */
  }

  .gf-footer-inner{
    padding:80px 20px 120px; /* верх 80, низ 120 */
    grid-template-columns:1fr;
    gap:48px; /* ✅ между блоками  48px */
  }

  .gf-footer-brand-logo{
    height:48px;
  }

  /* ✅ FOLLOW US как на ПК: без фиксированных "кнопок" 36x36 и без увеличения иконок */
  .gf-footer-social{
    gap:16px;               /* как на ПК */
    margin-top:20px;        /* как на ПК */
    justify-content:flex-start;
  }

  .gf-footer-social a{
    width:auto;
    height:auto;
    padding:0;
    margin:0;
    background:transparent;
    border:none;
    border-radius:0;
    box-shadow:none;
  }

  .gf-footer-social img{
    width:18px;             /* как на ПК */
    height:18px;            /* как на ПК */
  }
}