/* Shared footer: scoped to override legacy page-specific footer styles. */
body .footer.site-footer {
    --footer-text: #b7bdc7;
    --footer-muted: #929aa7;
    padding: 44px 0 0 !important;
    background: #101218 !important;
    color: var(--footer-text);
    border-top: 1px solid #292e38 !important;
}
body .footer.site-footer::before { display: none !important; }
body .footer.site-footer > .container {
    box-sizing: border-box;
    width: calc(100% - 96px) !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}
body .footer.site-footer .footer-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) !important;
    align-items: start !important;
    gap: 36px !important;
    padding: 0 0 32px !important;
    border: 0 !important;
}
body .footer.site-footer .footer-grid-with-qr { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr) minmax(226px, 1.1fr) !important; }
body .footer.site-footer .footer-col {
    display: block !important;
    grid-column: auto !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
}
body .footer.site-footer .footer-brand-logo {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: 44px !important;
    min-height: 0 !important;
    margin: 0 0 16px !important;
}
body .footer.site-footer .footer-brand-logo img { width: auto !important; height: 44px !important; max-height: 44px !important; max-width: 120px !important; object-fit: contain !important; }
body .footer.site-footer .footer-desc,
body .footer.site-footer .footer-contact-row { color: var(--footer-text) !important; font-size: 14px !important; line-height: 1.8 !important; }
body .footer.site-footer .footer-desc { max-width: 310px !important; margin: 0 !important; }
body .footer.site-footer .footer-desc-desktop { display: block !important; }
body .footer.site-footer .footer-desc-mobile { display: none !important; }
body .footer.site-footer .footer-col h4 { margin: 0 0 16px !important; padding: 0 !important; color: #f0f2f5 !important; font-size: 16px !important; line-height: 1.6 !important; letter-spacing: 0 !important; }
body .footer.site-footer .footer-col h4::after { display: none !important; }
body .footer.site-footer .footer-contact-row { display: block !important; margin: 0 0 8px !important; overflow-wrap: anywhere; }
body .footer.site-footer .footer-contact-row:last-child { margin-bottom: 0 !important; }
body .footer.site-footer a { color: inherit !important; text-decoration: none; }
body .footer.site-footer a:hover { color: #32c6ff !important; }
body .footer.site-footer a:focus-visible { outline: 2px solid #32c6ff; outline-offset: 4px; }
body .footer.site-footer .footer-qr-codes { display: flex !important; flex-wrap: wrap; gap: 18px !important; align-items: flex-start !important; }
body .footer.site-footer .footer-qr-item { width: 104px; margin: 0; text-align: center; }
body .footer.site-footer .footer-qr-item img { display: block; box-sizing: border-box; width: 104px; height: 104px; padding: 4px; background: #fff; border-radius: 4px; object-fit: contain; }
body .footer.site-footer .footer-qr-item figcaption { margin-top: 10px; color: var(--footer-text); font-size: 12px; line-height: 1.6; font-weight: 400; }
body .footer.site-footer .footer-bottom {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px 24px !important;
    padding: 18px 0 !important;
    border-top: 1px solid #292e38 !important;
    color: var(--footer-muted) !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
    text-align: left !important;
}
body .footer.site-footer .footer-bottom-links { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: flex-start !important; gap: 8px 18px !important; width: auto !important; font-size: inherit !important; }
body .footer.site-footer .footer-bottom a { color: inherit !important; font-size: inherit !important; min-height: 0 !important; }
body .footer.site-footer .footer-bottom a:hover { color: #32c6ff !important; }
@media (min-width: 1101px) {
    body .footer.site-footer .footer-bottom-links { margin-right: clamp(64px, 7vw, 120px); }
}
@media (min-width: 768px) and (max-width: 1100px) {
    body .footer.site-footer .footer-grid-with-qr { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) !important; }
    body .footer.site-footer .footer-grid > .footer-qr-codes { grid-column: 1 / -1 !important; }
}
@media (max-width: 767px) {
    body .footer.site-footer { padding: 28px 0 0 !important; }
    body .footer.site-footer > .container { width: calc(100% - 40px) !important; }
    body .footer.site-footer .footer-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 24px !important; padding-bottom: 24px !important; }
    body .footer.site-footer .footer-col:first-child { display: grid !important; grid-template-columns: 34px minmax(0, 1fr) !important; column-gap: 14px !important; align-items: center !important; }
    body .footer.site-footer .footer-col:first-child .footer-brand-logo { width: 34px !important; height: 40px !important; margin: 0 !important; }
    body .footer.site-footer .footer-col:first-child .footer-brand-logo img { width: auto !important; height: auto !important; max-width: 34px !important; max-height: 40px !important; }
    body .footer.site-footer .footer-desc-desktop { display: none !important; }
    body .footer.site-footer .footer-desc-mobile { display: flex !important; flex-direction: column; gap: 4px; margin: 0 !important; }
    body .footer.site-footer .footer-desc-mobile strong { color: #f0f2f5; font-size: 13px; line-height: 1.6; }
    body .footer.site-footer .footer-desc-mobile span { color: var(--footer-text); font-size: 12px; line-height: 1.7; }
    body .footer.site-footer .footer-col h4 { font-size: 14px !important; margin-bottom: 12px !important; }
    body .footer.site-footer .footer-desc,
    body .footer.site-footer .footer-contact-row { font-size: 13px !important; }
    body .footer.site-footer .footer-qr-item { width: 96px; }
    body .footer.site-footer .footer-qr-item img { width: 96px; height: 96px; }
    body .footer.site-footer .footer-qr-item figcaption { font-size: 11px; margin-top: 8px; }
    body .footer.site-footer .footer-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; padding: 16px 0 calc(20px + env(safe-area-inset-bottom)) !important; font-size: 11px !important; }
    body .footer.site-footer .footer-bottom-links { gap: 4px 14px !important; }
    body .footer.site-footer .footer-bottom-links a { min-height: 32px !important; }
}