.public-footer { background: #101311; color: #f5f7f5; border-top: 4px solid var(--theme-primary, #e60000); }
.public-footer-inner { width: min(1180px, calc(100% - 36px)); margin: 0 auto; padding: 38px 0 30px; display: grid; grid-template-columns: minmax(260px, 1.35fr) minmax(170px, .7fr) minmax(230px, 1fr); gap: 42px; }
.public-footer h2 { margin: 0 0 14px; font-size: .82rem; font-weight: 900; letter-spacing: 0; text-transform: uppercase; color: #fff; }
.public-footer-brand { display: flex; align-items: flex-start; gap: 18px; }
.public-footer-brand img { width: 86px; max-height: 68px; object-fit: contain; }
.public-footer-brand strong { display: block; margin-bottom: 8px; font-size: 1.05rem; color: #fff; }
.public-footer-brand p { max-width: 440px; margin: 0; color: #bfc5c0; font-size: .88rem; line-height: 1.65; }
.public-footer-links div, .public-footer-contact-list { display: grid; gap: 9px; }
.public-footer a, .public-footer-contact-list span { color: #cfd4d0; font-size: .86rem; line-height: 1.45; text-decoration: none; transition: color .16s ease; }
.public-footer a:hover { color: #fff; }
.public-footer-contact-list a, .public-footer-contact-list span { display: flex; align-items: flex-start; gap: 9px; }
.public-footer-contact-list svg { flex: 0 0 auto; width: 15px; height: 15px; margin-top: 2px; color: var(--theme-primary, #e60000); }
.public-footer-bottom { width: min(1180px, calc(100% - 36px)); margin: 0 auto; padding: 15px 0 18px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(255, 255, 255, .1); color: #929993; font-size: .76rem; }
@media (max-width: 820px) { .public-footer-inner { grid-template-columns: 1fr 1fr; } .public-footer-brand { grid-column: 1 / -1; } }
@media (max-width: 560px) { .public-footer-inner { width: min(100% - 28px, 1180px); padding: 28px 0 24px; grid-template-columns: 1fr; gap: 26px; } .public-footer-brand { grid-column: auto; } .public-footer-brand img { width: 72px; } .public-footer-bottom { width: min(100% - 28px, 1180px); flex-direction: column; gap: 5px; } }