/* Mobile Responsive Overrides */
@media screen and (max-width: 768px) {

    /* --- Global Resets & Container Fixes --- */
    html,
    body {
        overflow-x: hidden !important;
        width: 100% !important;
        position: relative;
    }

    .container,
    .container-fluid {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        max-width: 100% !important;
    }

    /* --- Header (._5qr0I) --- */
    ._5qr0I {
        padding: 10px 0 !important;
        height: auto !important;
    }

    ._5qr0I .row {
        display: flex !important;
        flex-direction: column !important;
        /* Stack logo and other elements if needed, or keep row if space permits */
        align-items: center !important;
    }

    /* Logo container width */
    ._133LS {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 10px !important;
        display: flex !important;
        justify-content: space-between !important;
        /* Keep city select and logo apart */
        align-items: center !important;
    }

    /* Hide the right side column (desktop links/content) if it's visually breaking */
    ._5qr0I .col-md-9 {
        display: none !important;
    }

    /* --- Hero/Banner Section (._2BUit) --- */
    ._39cT0 {
        min-height: auto !important;
        /* Reset minimum height of the banner wrapper */
        height: auto !important;
    }

    ._1PR4B {
        height: 60vh !important;
        /* Reduce banner image height */
        object-fit: cover !important;
        position: relative !important;
        /* Reset absolute positioning if needed */
    }

    ._2BUit {
        position: relative !important;
        /* Remove absolute positioning constraint */
        flex-direction: column !important;
        height: auto !important;
        padding: 20px !important;
        top: 0 !important;
        justify-content: flex-start !important;
        align-items: center !important;
        background: rgba(0, 0, 0, 0.5);
        /* Add overlay to make text readable if image bg persists */
    }

    /* Hero Text (._2m4fn) */
    ._2m4fn {
        margin-top: 20px !important;
        text-align: center !important;
        margin-bottom: 30px !important;
    }

    ._2m4fn h1 {
        font-size: 32px !important;
        line-height: 1.2 !important;
    }

    ._2m4fn p {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }

    /* Form/Popup Container (._3jMOc) */
    ._3jMOc {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        padding: 20px !important;
        border-radius: 16px !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2) !important;
        margin-bottom: 30px !important;
    }

    /* Inner form label */
    .PAJN2 label._2eNaV {
        font-size: 20px !important;
        margin-bottom: 20px !important;
    }

    /* Car Brand Grid in Popup/Form */
    .leadformBrands ul,
    ._3kV4n {
        /* If using ul/li structure inside */
    }

    /* --- Process Section (._1zv-9) --- */
    ._AgsB {
        padding: 40px 15px !important;
        /* Reduce side padding */
    }

    /* The list container */
    ._1zv-9 {
        flex-direction: column !important;
        gap: 30px !important;
    }

    /* The list items */
    ._1zv-9 li {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    /* Process Image */
    ._1LAs6 img {
        width: 100% !important;
        border-radius: 12px !important;
    }

    /* Process Text */
    .RD2b5 span {
        font-size: 14px !important;
    }

    .RD2b5 h3 {
        font-size: 22px !important;
    }

    /* --- Mobile Menu / Nav --- */
    /* Assuming standard hamburger menu implementation might be needed later, 
       but for now ensuring layout doesn't break */

    /* --- Footer --- */
    footer._3Lk6m {
        padding: 30px 15px !important;
    }

    footer .row {
        flex-direction: column !important;
    }

    footer .col-sm-12,
    footer .col-md-3 {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    /* Fix Social Icons alignment in footer if any */
    .social-links {
        justify-content: center !important;
    }

    /* --- Final Footer & Overflow Fixes --- */
    /* Footer Links List */
    ._3tvq5 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 20px 0 !important;
        width: 100% !important;
    }

    ._3tvq5 li {
        margin-bottom: 10px !important;
        display: block !important;
    }

    /* Footer Row Negative Margins */
    footer .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }

    /* Global Image Constraint */
    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Ensure no element exceeds viewport width */
    * {
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }
}