.nav-catalog { position: relative; display: flex; align-items: center; }
.nav-dropdown__panel { display: none; position: absolute; top: 100%; left: 0; width: 245px; padding: 10px; color: var(--ink); background: var(--white); border: 1px solid var(--line); box-shadow: var(--shadow); }
.nav-catalog.is-expanded > .nav-dropdown__panel { display: block; }
.main-nav .nav-dropdown__panel a { display: block; padding: 10px 12px; border: 0; }
.main-nav .nav-dropdown__panel a::after { content: none; }
.main-nav .nav-dropdown__panel a:hover, .main-nav .nav-dropdown__panel a[aria-current="page"] { background: var(--signal); }
.site-footer .footer-grid { grid-template-columns: 1.25fr 1fr 1fr .8fr 1.2fr; gap: 28px; }
@media (max-width: 1100px) {
  .header-main { gap: 18px; }
  .main-nav { gap: 10px; margin-left: 0; }
}
@media (max-width: 900px) {
  .main-nav { max-height: calc(100dvh - 130px); overflow-y: auto; }
  .nav-catalog { display: block; }
  .nav-catalog > a { display: block; }
  .nav-dropdown__panel { position: static; width: auto; margin: 0 0 8px; box-shadow: none; }
  .site-footer .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .site-footer .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 18px; }
  .site-footer .footer-grid > div:first-child, .site-footer .footer-grid > div:last-child { grid-column: 1 / -1; }
}