/* Footer [AD] — 658:19785: фон #181d24, контейнер 1440, нижняя полоса #cfa44f */
.ft {
  background: var(--ink);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.ft__inner {
  min-height: 411px;          /* 658:19786; жёсткая height роняла выросшие колонки на золотую полосу */
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
  width: min(1440px, 100%);
  padding: 36px 8px 32px;
}
.ft__brand { width: 312px; }
.ft__logo { width: 124px; height: auto; }

.ft__col { width: 280px; min-width: 0; }
.ft__head {
  padding-bottom: 18px;
  font-size: 17px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -0.042px;
  color: rgba(207, 164, 79, 0.75);
}
.ft__col--plain { display: flex; flex-direction: column; gap: 20px; }
.ft__col--plain .ft__head { padding-bottom: 0; }
.ft__links { display: flex; flex-direction: column; gap: 10px; }
/* размер и высота строки задаются на самом пункте: иначе строчный бокс <li>
   берёт 18px/1.5 из body и каждая строка вырастает с 20 до 27px */
.ft__links li, .ft__social {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #adb2bd;
  transition: color 240ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ft__links a { color: inherit; }
.ft__links a:hover, .ft__social:hover, .ft__head a:hover { color: var(--paper); }

.ft__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 72px;
  row-gap: 36px;
  width: 632px;
}
.ft__col--social { display: flex; flex-direction: column; gap: 5px; }
.ft__social { display: flex; align-items: center; gap: 10px; }
.ft__social img { flex: 0 0 24px; }

.ft__bar {
  width: 100%;
  padding: 18px 0;
  background: var(--gold);
}
.ft__terms {
  display: block;
  padding-inline-start: calc(var(--gutter) + 131px);   /* 110 + 103 + 28 из макета */
  font-size: 14px;
  line-height: 16px;
  color: var(--ink);   /* по золотой полосе светлый текст не читался (контраст ~2:1) */
}
.ft__terms:hover { text-decoration: underline; }

@media (max-width: 1279px) {
  .ft__inner { height: auto; flex-wrap: wrap; gap: 32px; padding-inline: var(--gutter); }
  .ft__brand { width: auto; flex: 1 1 100%; }
  .ft__grid { width: auto; flex: 1 1 auto; }
}
@media (max-width: 767px) {
  .ft__col, .ft__grid { width: 100%; min-width: 0; }
  .ft__grid { grid-template-columns: 1fr; row-gap: 28px; }
  .ft__terms { padding-inline-start: var(--gutter); }
}