/* ============================================================
   AUTOMART V43.5.2
   SIMILAR VEHICLES — DESKTOP GRID CARD PARITY
   ============================================================ */

@media screen and (min-width:768px) {

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

    html body
    #am-similar-v26
    .am-similar-v26__grid {

        display:grid !important;

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

        gap:18px !important;

        align-items:stretch !important;

        width:100% !important;

        overflow:visible !important;
    }


    /* ========================================================
       IMPORTANT:
       Restore normal vertical vehicle-card structure.
       V43.5.1 forced FLEX and caused the broken horizontal card.
       ======================================================== */

    html body
    #am-similar-v26
    .am-similar-v26__grid
    > .premium-auto-card {

        display:block !important;

        width:100% !important;

        min-width:0 !important;
        max-width:none !important;

        height:auto !important;
        min-height:0 !important;

        margin:0 !important;

        overflow:hidden !important;

        border-radius:16px !important;

        box-sizing:border-box !important;
    }


    /* ========================================================
       IMAGE ON TOP
       ======================================================== */

    html body
    #am-similar-v26
    .premium-auto-card
    .premium-auto-media {

        display:block !important;

        position:relative !important;

        width:100% !important;

        height:220px !important;
        min-height:220px !important;
        max-height:220px !important;

        margin:0 !important;

        overflow:hidden !important;
    }


    html body
    #am-similar-v26
    .premium-auto-card
    .premium-auto-media img {

        display:block !important;

        width:100% !important;
        height:100% !important;

        min-height:220px !important;
        max-height:220px !important;

        object-fit:cover !important;
        object-position:center !important;
    }


    /* ========================================================
       BODY BELOW IMAGE
       ======================================================== */

    html body
    #am-similar-v26
    .premium-auto-card
    .premium-auto-body {

        display:block !important;

        width:100% !important;

        min-width:0 !important;
        max-width:none !important;

        height:auto !important;

        padding:
            15px 15px 16px
            !important;

        box-sizing:border-box !important;
    }


    /* ========================================================
       TITLE
       ======================================================== */

    html body
    #am-similar-v26
    .premium-title-copy {

        width:100% !important;

        min-width:0 !important;
    }


    html body
    #am-similar-v26
    .premium-title-copy h3 {

        max-width:100% !important;

        margin:
            0 0 4px
            !important;

        font-size:14px !important;

        line-height:1.25 !important;

        white-space:normal !important;

        overflow:visible !important;

        text-overflow:clip !important;
    }


    html body
    #am-similar-v26
    .premium-title-copy p {

        white-space:normal !important;

        overflow:visible !important;

        text-overflow:clip !important;
    }


    /* ========================================================
       PRICE
       ======================================================== */

    html body
    #am-similar-v26
    .premium-price {

        font-size:23px !important;

        line-height:1.1 !important;
    }


    /* ========================================================
       FACTS
       ======================================================== */

    html body
    #am-similar-v26
    .premium-facts {

        display:grid !important;

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

        column-gap:12px !important;
        row-gap:8px !important;

        width:100% !important;

        font-size:12px !important;
    }


    /* ========================================================
       DEALER ROW
       ======================================================== */

    html body
    #am-similar-v26
    .premium-dealer-row {

        width:100% !important;

        min-width:0 !important;
    }


    /* ========================================================
       BUTTONS AT BOTTOM
       ======================================================== */

    html body
    #am-similar-v26
    .premium-card-actions {

        display:grid !important;

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

        gap:8px !important;

        width:100% !important;

        margin-top:10px !important;

        padding:0 !important;

        border-left:0 !important;
    }


    html body
    #am-similar-v26
    .premium-card-actions a {

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        width:100% !important;

        min-width:0 !important;

        height:40px !important;

        padding:
            0 8px
            !important;

        font-size:12px !important;

        white-space:nowrap !important;

        box-sizing:border-box !important;
    }

}


/* ============================================================
   MEDIUM WIDTH
   ============================================================ */

@media screen and (min-width:768px) and (max-width:1050px) {

    html body
    #am-similar-v26
    .am-similar-v26__grid {

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

}