.legacy-footer { border-top: 5px solid #e52016; background: #2f2e42; color: #fff; }
.legacy-footer__body { padding: 55px 0; }
.legacy-footer__row { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 55px; }
.legacy-footer__menu { display: grid; grid-template-columns: repeat(2, max-content); gap: 50px; }
.legacy-footer__menu ul { margin: 0; padding: 0; list-style: none; }
.legacy-footer__menu li + li { margin-top: 20px; }
.legacy-footer__menu a { color: #fff; font-size: 18px; text-decoration: none; }
.legacy-footer__menu a:hover, .legacy-footer__menu a:focus-visible { color: #fff; text-decoration: underline; }
.legacy-footer a:focus-visible { outline: 3px solid var(--legacy-yellow, #fcea1c); outline-offset: 4px; }
.legacy-footer__brand { display: flex; align-items: center; gap: 15px; color: inherit; text-decoration: none; }
.legacy-footer__mark { display: block; width: 120px; height: auto; }
.legacy-footer__brand > span { display: grid; gap: 10px; justify-items: center; }
.legacy-footer__wordmark { display: block; width: 160px; height: auto; }
.legacy-footer__brand b { color: #5a587e; font-size: 14px; font-weight: 300; text-transform: uppercase; }
.legacy-footer__contacts { display: grid; min-width: 0; justify-items: end; gap: 15px; text-align: right; }
.legacy-footer__contacts > div:first-child { display: grid; gap: 5px; }
.legacy-footer__phone, .legacy-footer__email { color: #fff; text-decoration: none; }
.legacy-footer__phone { white-space: nowrap; }
.legacy-footer__phone { font-size: 19px; }
.legacy-footer__contacts > div:first-child span { color: rgba(255, 255, 255, .6); font-size: 12px; }
.legacy-footer__email { max-width: 100%; font-size: 16px; overflow-wrap:anywhere; text-transform: uppercase; }
.legacy-footer__socials { display: flex; justify-content: flex-end; gap: 10px; }
.legacy-footer__social { display: grid; width: 35px; height: 35px; place-items: center; border: 1px solid #e20913; border-radius: 50%; color: #fff; text-decoration: none; transition: background .2s ease, transform .2s ease; }
.legacy-footer__social:hover, .legacy-footer__social:focus-visible { background: #e20913; transform: translateY(-2px); outline: none; }
.legacy-footer__social img { width: 17px; height: 17px; object-fit: contain; }
.legacy-footer__bottom { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 10px; padding: 10px 20px 20px; border-top: 2px solid #3b3a4e; color: #a8a7b9; background: #2f2e42; font-size: 13px; text-align: center; }
.legacy-footer__bottom a { color: inherit; text-decoration: none; }
.legacy-footer__bottom > a:not(.legacy-footer__agreement):hover { color: #fff; }
.legacy-footer__agreement { margin: 10px 0 0 20px; padding: 5px 40px; border: 1px solid #6c6b82; border-radius: 25px; color: #6c6b82 !important; font-size: 12px; }
.legacy-footer__agreement:hover, .legacy-footer__agreement:focus-visible { background: #6c6b82; color: #2f2e42 !important; outline: none; }
@media (max-width: 950px) { .legacy-footer__row { gap: 30px; }.legacy-footer__menu { gap: 25px; }.legacy-footer__menu a { font-size: 15px; }.legacy-footer__mark { width: 92px; }.legacy-footer__wordmark { width: 125px; } }
@media (max-width: 700px) { .legacy-footer__body { padding: 30px 0; }.legacy-footer__row { grid-template-columns: 1fr; gap: 34px; justify-items: center; }.legacy-footer__menu { order: 2; }.legacy-footer__brand { order: 1; }.legacy-footer__contacts { order: 3; justify-items: center; text-align: center; }.legacy-footer__socials { justify-content: center; }.legacy-footer__bottom { padding-bottom: 18px; }.legacy-footer__agreement { margin: 0; } }
@media (max-width: 390px) { .legacy-footer__menu { gap: 20px; }.legacy-footer__menu a { font-size: 14px; }.legacy-footer__mark { width: 82px; }.legacy-footer__wordmark { width: 120px; } }
