/* ============================================================
   AUTOMART V45.4
   NATIVE V44 MOBILE PREMIUM ASSETS
   ============================================================ */

@media screen and (max-width:767px) {

    /* ========================================================
       BODY STYLE GRID
       ======================================================== */

    .am-v452-mobile-market-panel
    .am-v452-body-grid {

        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;

        gap:9px !important;
    }


    .am-v452-mobile-market-panel
    .am-v452-body-grid
    > .am-v454-mobile-body-card {

        min-width:0 !important;

        min-height:106px !important;

        display:flex !important;

        flex-direction:column !important;

        align-items:center !important;

        justify-content:flex-start !important;

        gap:5px !important;

        padding:7px !important;

        border:
            1px solid
            #dde7e2
            !important;

        border-radius:13px !important;

        background:
            linear-gradient(
                180deg,
                #ffffff,
                #fafcfb
            )
            !important;

        color:#172334 !important;

        text-decoration:none !important;

        overflow:hidden !important;

        box-shadow:
            0 3px 10px
            rgba(18,40,29,.035)
            !important;
    }


    .am-v454-mobile-body-card
    .am-v454-native-visual {

        width:100% !important;

        height:72px !important;

        min-height:72px !important;

        display:flex !important;

        align-items:center !important;

        justify-content:center !important;

        overflow:hidden !important;

        border-radius:9px !important;

        background:
            linear-gradient(
                180deg,
                #f4f8f6,
                #edf5f1
            )
            !important;
    }


    .am-v454-mobile-body-card
    .am-v454-native-visual img {

        width:100% !important;

        height:100% !important;

        max-width:100% !important;

        max-height:100% !important;

        display:block !important;

        object-fit:contain !important;

        object-position:center !important;
    }


    .am-v454-mobile-body-card
    .am-v454-native-visual svg {

        width:auto !important;

        height:50px !important;

        max-width:105px !important;

        max-height:50px !important;

        display:block !important;
    }


    .am-v454-native-visual--background {

        background-repeat:no-repeat !important;

        background-position:center !important;

        background-size:contain !important;
    }


    .am-v454-mobile-body-card
    > strong {

        width:100%;

        overflow:hidden;

        text-align:center;

        text-overflow:ellipsis;

        white-space:nowrap;

        font-size:11px !important;

        line-height:1.25 !important;

        font-weight:800 !important;
    }


    /* ========================================================
       BRAND GRID
       ======================================================== */

    .am-v452-mobile-market-panel
    .am-v452-brand-grid {

        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;

        gap:9px !important;
    }


    .am-v452-mobile-market-panel
    .am-v452-brand-grid
    > .am-v454-mobile-brand-card {

        min-width:0 !important;

        min-height:84px !important;

        display:flex !important;

        flex-direction:column !important;

        align-items:center !important;

        justify-content:center !important;

        gap:6px !important;

        padding:
            8px 7px
            !important;

        border:
            1px solid
            #dde7e2
            !important;

        border-radius:12px !important;

        background:#fff !important;

        color:#172334 !important;

        text-decoration:none !important;

        overflow:hidden !important;
    }


    .am-v454-mobile-brand-card
    .am-v454-native-visual {

        width:72px !important;

        height:40px !important;

        min-height:40px !important;

        display:flex !important;

        align-items:center !important;

        justify-content:center !important;

        overflow:hidden !important;

        background:transparent !important;
    }


    .am-v454-mobile-brand-card
    .am-v454-native-visual img {

        display:block !important;

        width:auto !important;

        height:auto !important;

        max-width:64px !important;

        max-height:36px !important;

        object-fit:contain !important;

        object-position:center !important;
    }


    .am-v454-mobile-brand-card
    .am-v454-native-visual svg {

        display:block !important;

        width:auto !important;

        height:34px !important;

        max-width:64px !important;

        max-height:34px !important;
    }


    .am-v454-mobile-brand-card
    > strong {

        width:100%;

        overflow:hidden;

        text-align:center;

        text-overflow:ellipsis;

        white-space:nowrap;

        font-size:10px !important;

        line-height:1.2 !important;

        font-weight:800 !important;
    }


    /* ========================================================
       FALLBACK
       Only visible when the desktop canonical card has no media.
       ======================================================== */

    .am-v454-native-visual--fallback {

        color:#0a8b55 !important;

        font-size:18px !important;

        font-weight:800 !important;
    }


    /* ========================================================
       SECTION HEADINGS
       ======================================================== */

    .am-v452-mobile-market-panel
    .am-v452-section-heading {

        justify-content:flex-start !important;

        text-align:left !important;
    }


    /* ========================================================
       SMALLER MOBILE WIDTHS
       ======================================================== */

    @media screen and (max-width:390px) {

        .am-v452-mobile-market-panel
        .am-v452-body-grid
        > .am-v454-mobile-body-card {

            min-height:100px !important;
        }


        .am-v454-mobile-body-card
        .am-v454-native-visual {

            height:66px !important;

            min-height:66px !important;
        }


        .am-v452-mobile-market-panel
        .am-v452-brand-grid
        > .am-v454-mobile-brand-card {

            min-height:79px !important;
        }

    }

}