/* ============================================================
   SANGEETHA — Responsive overrides
   Only for layout shifts not covered in component files.
   Navbar breakpoints live in navbar.css.
============================================================ */

/* Tablet */
@media (min-width: 768px) and (max-width: 900px) {
    :root { --section-py: 72px; }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    :root {
        --section-py: 56px;
        --section-py-sm: 40px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .footer-about { max-width: 100%; }

    .footer-bottom-inner {
        flex-direction: column;
        gap: 14px;
        text-align: center;
    }
}