.site-footer{
  background:#0b0b0c;
  color:#fff;
  padding:56px 0 28px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.footer-inner{
  width:min(1160px, calc(100% - 48px));
  margin:0 auto;
}

.footer-brand{
  display:flex;
  justify-content:center;
  margin-bottom:34px;
}

.footer-logo{
  font-weight:800;
  letter-spacing:.5px;
  font-size:34px;
  line-height:1;
}

.footer-nav{
  display:grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap:40px;
}

.footer-title{
  margin:0 0 16px;
  font-size:15px;
  font-weight:800;
}

.footer-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:12px;
}

.footer-list a{
  color:#e9e9ea;
  text-decoration:none;
  font-size:14px;
  line-height:1.4;
}

.footer-list a:hover,
.footer-list a:focus-visible{
  text-decoration:underline;
}

.footer-bottom{
  margin-top:46px;
  color:#c9c9cb;
  font-size:12px;
}

/* Tablet */
@media (max-width: 980px){
  .footer-nav{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:32px 28px;
  }
}

/* Mobile как на скрине: одна колонка + разделители */
@media (max-width: 640px){
  .site-footer{ padding:36px 0 22px; }
  .footer-inner{ width:min(560px, calc(100% - 32px)); }

  .footer-brand{
    justify-content:flex-start;
    margin-bottom:22px;
  }
  .footer-logo{ font-size:28px; }

  .footer-nav{
    grid-template-columns: 1fr;
    gap:0;
  }

  .footer-col{
    padding:18px 0;
    border-bottom:1px solid rgba(255,255,255,.18);
  }

  .footer-title{
    margin-bottom:14px;
    font-size:16px;
  }

  .footer-list{
    gap:14px;
  }

  .footer-bottom{
    margin-top:20px;
  }
}