.site-footer { padding:52px 0 24px; border-top:1px solid #d9dcd2; }
.site-footer__top { display:flex; justify-content:space-between; gap:48px; padding-bottom:40px; }
.site-footer__brand { display:block; width:230px; margin-bottom:22px; }
.site-footer__brand img { width:100%; }
.site-footer p { font-size:14px; color:#5a625a; }
.site-footer__contacts { font-style:normal; display:flex; flex-direction:column; gap:8px; font-size:15px; }
.site-footer__contacts a { width:fit-content; text-decoration:none; }
.site-footer__contacts a:hover { text-decoration:underline; }
.site-footer__contacts span { color:#5a625a; font-size:13px; margin-top:6px; }
.site-footer__bottom { display:flex; justify-content:space-between; gap:24px; padding-top:22px; border-top:1px solid #d9dcd2; font:400 11px/1.6 var(--font-mono); color:#5a625a; }
.site-footer__bottom a { text-decoration:none; }
.site-footer__bottom a:hover { color:var(--color-accent); text-decoration:underline; }
@media (max-width:600px) { .site-footer__top { flex-direction:column; gap:32px; } .site-footer__bottom { flex-direction:column; gap:12px; } }
.site-footer__legal { display:grid; grid-template-columns:1fr 1fr; gap:48px; padding-block:28px; border-top:1px solid #d9dcd2; }
.site-footer .site-footer__legal-label { margin:0 0 12px; color:var(--color-accent); font:400 10px/1.6 var(--font-mono); letter-spacing:.05em; text-transform:uppercase; }
.site-footer .site-footer__legal-name { margin:0 0 14px; color:var(--color-text); font:600 16px/1.5 var(--font-main); }
.site-footer__identifiers { display:flex; gap:8px 20px; flex-wrap:wrap; margin:0; font-size:12px; }
.site-footer__identifiers div { display:flex; gap:6px; }
.site-footer__identifiers dt { color:#5a625a; font-weight:400; }
.site-footer__identifiers dd { margin:0; }
.site-footer__legal address { font:400 13px/1.7 Arial,sans-serif; }
.site-footer__links { display:flex; gap:12px 26px; flex-wrap:wrap; justify-content:flex-end; }
@media (max-width:680px) { .site-footer__legal { grid-template-columns:1fr; gap:26px; } .site-footer__links { justify-content:flex-start; } }
@media (max-width:600px) { .site-footer__links { flex-direction:column; gap:12px; } }
