/* Desktop footer: retain existing widget content and mobile layout. */
@media (min-width: 768px) {
    footer.footer { background-color: #000; padding: 38px 0 30px; }
    .footer .footer-row { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 48px; margin: 0; align-items: start; }
    .footer .footer-left, .footer .footer-right { width: auto; min-width: 0; padding: 0; }
    .footer .footer-right { display: grid; grid-template-columns: minmax(0, 3fr) minmax(140px, 1fr); gap: 28px; align-items: start; }
    .footer .footer-right > .widget { min-width: 0; margin: 0 0 25px; }
    .footer .footer-right > .widget:only-child { grid-column: 1 / -1; }
    .footer .footer-right ul.menu { display: block; columns: 1; margin: 0; padding: 0; }
    .footer .footer-right > .widget:first-child ul.menu { columns: 3; column-gap: 24px; }
    .footer .footer-right ul.menu li { width: auto; break-inside: avoid; }
    .footer .footer-right ul.menu li a { padding: 4px 0; line-height: 1.55; overflow-wrap: anywhere; text-decoration: none; }
    .footer .footer-right ul.menu ul { list-style: none; padding-left: 12px; }
    .footer .footer-left .social-box { max-width: 166px; gap: 8px; }
    .footer .footer-left .social-box a { flex: 0 0 34px; width: 34px; height: 34px; border: 1px solid currentColor; border-radius: 50%; background: transparent; color: #fff; }
    .footer .footer-left .social-box svg, .footer .footer-left .social-box a.twitter svg { width: 22px; height: 22px; }
    .footer .footer-copyright { margin-top: 28px; }
}