/* Модуль «Футер»: тёмная плашка (#2b2d42, скругление 48) на всю ширину сетки, поле 32 снизу. Логотип, три колонки ссылок,
   внизу мелко — тексты подвала нынешнего сайта (разработка, источники данных, права). */
.foot { padding: 32px; }
.foot-in { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 32px 24px; padding: 56px 60px 40px; color: #fff;
  border-radius: calc(48px * var(--sq)); corner-shape: squircle; background: #2b2d42; }
.foot-logo { grid-column: span 3; }
.foot-logo img { width: 180px; }
.foot-logo p { margin: 20px 0 0; max-width: 320px; font: 400 15px/1.5 var(--font); color: rgba(255, 255, 255, .7); }
.foot-col { grid-column: span 3; display: flex; flex-direction: column; gap: 12px; }
.foot-col p { margin: 0 0 6px; font: 600 13px/1 var(--font); letter-spacing: .04em; text-transform: uppercase; color: rgba(255, 255, 255, .5); }
.foot a { color: #fff; text-decoration: none; }
.foot-col a { font: 500 16px/1.2 var(--font-ui); }
.foot-legal { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 8px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, .12);
  font: 400 13px/1.5 var(--font); color: rgba(255, 255, 255, .55); }
.foot-legal a { color: rgba(255, 255, 255, .8); }
@media (max-width: 760px) {   /* узкий экран: логотип, колонки ссылок и правовой текст — друг под другом */
  .foot { padding: 16px; }
  .foot-in { grid-template-columns: 1fr; gap: 28px; padding: 36px 24px 28px; }
  .foot-logo, .foot-col { grid-column: 1; }
}