/* New footer styles */
.site-footer { border-top: 1px solid #E5E9F0; background:#fff; color:#111827; min-height:360px; margin-top: 10px}
.site-footer .container { max-width:1322px; margin:0 auto; padding:32px 30px; }
.footer__inner { display:grid; grid-template-columns: 420px 1fr; column-gap:120px; row-gap:32px; align-items:start; }
.footer__brand { display:flex; flex-direction:column; gap:16px; }
.footer__logo { display:inline-flex; align-items:center; gap:12px; text-decoration:none; color:inherit; }
.footer__logo img { display:block; width:224px; height:61px; }
.footer__contacts { display:flex; flex-direction:column; gap:8px; font-size:14px; color:#111827; font-style:normal; line-height:20px; }
.footer__contacts .phone { font-weight:700; font-style:normal; color:#111827; text-decoration:none; line-height:20px; }
.footer__contacts .email { color:#111827; text-decoration:none; font-style:normal; line-height:20px; }
.footer__hh { display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:#111827; margin-top:4px; }
.footer__hh img { width:22px; height:22px; display:block; }

.footer__nav { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:24px 48px; align-items:start; }
.footer__menu { list-style:none !important; list-style-type:none !important; margin:0; padding:0; display:flex; flex-direction:column; gap:16px; }
.footer__menu li { list-style:none !important; list-style-type:none !important; margin:0; padding:0; }
.site-footer .footer__menu li::marker { content: '';
}
.site-footer .footer__menu li::before { content: none !important; }
.footer__menu a { color:#111827; text-decoration:none; font-size:14px; font-weight:400; line-height:20px; }
.footer__menu a:hover { text-decoration:underline; }

.footer__cats-wrap { grid-column: span 3; }
.footer__catsCols { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px 32px; }
.footer__cats { list-style:none !important; list-style-type:none !important; margin:0; padding:0; display:flex; flex-direction:column; gap:16px; }
.footer__cats li { list-style:none !important; list-style-type:none !important; margin:0; padding:0; }
.site-footer .footer__cats li::marker { content: ''; }
.site-footer .footer__cats li::before { content: none !important; }
.footer__cats a { display:block; }
.footer__cats a { color:#111827; text-decoration:none; font-size:14px; font-weight:400; line-height:20px; }
.footer__cats a:hover { text-decoration:underline; }

.footer__legal { margin-top:60px; display:flex; gap:1px; flex-wrap:wrap; }
.footer__legal a { color:#111827; text-decoration:none; font-size:12px; line-height:20px; }
.footer__legal a:hover { text-decoration:underline; }

@media (max-width: 1440px) {
  .footer__inner { column-gap:60px; }
}

@media (max-width: 1024px) {
  .footer__inner { column-gap:0px; }
}

@media (max-width: 960px) {
  .footer__inner { grid-template-columns: 1fr; column-gap: 0; row-gap: 24px; }
  .footer__nav { grid-template-columns: 1fr; }
  .footer__catsCols { grid-template-columns: 1fr; }
  .site-footer .container { padding:24px 20px; }
  .footer__legal { justify-content:left; text-align:left; display: contents;}
}


@media (max-width: 640px) {
  .site-footer .container { padding: 24px 16px; }
  .footer__inner { display:flex; flex-direction:column; align-items:center; text-align:center; row-gap:16px; }

  /* прячем лишнее */
  .footer__logo,
  .footer__contacts,
  .footer__nav { display: none; }

  /* hh блок */
  .footer__hh {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin: 8px 0 12px;
  }

  /* ссылки в столбик и синим */
  .footer__legal {
    margin-top:0;
    display:flex;
    flex-direction:column;
    gap:8px;
    text-align:center;
  }
  .footer__legal a { color:#1E5FD7; }

  .site-footer {
    border-top: 1px solid #E5E9F0;
    background: #fff;
    color: #111827;
    min-height: 60px;
  }
}