.so-site-footer { background: #fff; color: #444; font: 12px/1.65 Arial, Helvetica, sans-serif; padding: 0 24px; }
.so-site-footer * { box-sizing: border-box; }
.so-footer-inner { max-width: 1170px; margin: 0 auto; }
.so-footer-top { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 24px; padding: 32px 0 28px; border-bottom: 1px solid #ececec; }
.so-footer-social { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 26px; }
.so-footer-social a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 5px; }
.so-footer-social img { display: block; width: 34px; height: 34px; object-fit: contain; }
.so-footer-social a:hover { background: #fff2e3; }
.so-footer-phone-art { display: block; flex: 0 0 43px; width: 43px; height: 43px; background: url('/css/footer.png') -73px -511px no-repeat; transform: scale(.79); }
.so-footer-app { display: flex; align-items: center; padding: 0 24px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; min-height: 40px; }
.so-footer-play { display: inline-flex; align-items: center; justify-content: center; padding: 6px 11px; border: 1px solid #ccc; border-radius: 4px; background: #fff; }
.so-footer-play img { display: block; width: 112px; height: 22px; object-fit: contain; }
.so-footer-play:hover { border-color: #f3952a; }
.so-footer-certificate { display: inline-flex; align-items: center; }
.so-footer-certificate img { display: block; width: 120px; height: auto; }
.so-footer-contact { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px 0; padding-top: 24px; }
.so-footer-contact > * { display: inline-flex; align-items: baseline; gap: 9px; margin: 0; padding: 0 20px; color: #444; text-decoration: none; }
.so-footer-contact > * + * { border-left: 1px solid #ccc; }
.so-footer-contact .glyphicon { color: #ff8700; }
.so-footer-contact a:hover { color: #bd5b00; text-decoration: underline; }
.so-footer-address { flex: 0 1 auto; }
.so-footer-company { margin: 20px 0; color: #ef7900; text-align: center; font-size: 12px; line-height: 1.8; }
.so-footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 16px; padding: 0 0 38px; }
.so-footer-links a { display: inline-block; border: 1px solid #ccc; border-radius: 3px; padding: 6px 12px; color: #555; background: #fff; text-align: center; text-decoration: none; }
.so-footer-links a:hover { background: #f7f7f7; border-color: #aaa; }
.so-site-footer a:focus-visible { outline: 3px solid #d97412; outline-offset: 3px; }
@media (max-width: 900px) { .so-footer-contact .so-footer-address { flex-basis: 100%; justify-content: center; text-align: center; padding: 0; } .so-footer-contact > a:first-of-type { border-left: 0; } .so-footer-social { gap: 18px; } .so-footer-top { gap: 18px; } .so-footer-app { padding: 0 18px; } }
@media (max-width: 600px) { .so-site-footer { padding: 0 16px; } .so-footer-top { padding: 24px 0; gap: 18px; } .so-footer-social { flex-basis: 100%; gap: 12px; } .so-footer-app { padding: 0 18px 0 0; border-left: 0; } .so-footer-contact { padding-top: 20px; } .so-footer-contact > * { padding: 0 10px; } .so-footer-company { margin: 18px 0; } .so-footer-links { gap: 8px; padding-bottom: 28px; } }
@media (max-width: 380px) { .so-footer-contact > * + * { border-left: 0; } .so-footer-contact > a { flex-basis: 100%; justify-content: center; } .so-footer-social { gap: 7px; } }