/* ============================================================
   AUTOMART V43.5.1
   SIMILAR VEHICLES — DESKTOP VISIBILITY AUTHORITY

   Mobile V26/V42 rules remain untouched.
   ============================================================ */

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

    /* ========================================================
       SECTION MUST EXIST AND PARTICIPATE IN DOCUMENT FLOW
       ======================================================== */

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

        display:block !important;

        position:relative !important;

        float:none !important;

        clear:both !important;

        width:100% !important;

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

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

        margin:0 !important;

        padding:
            34px 0 46px
            !important;

        visibility:visible !important;
        opacity:1 !important;

        overflow:visible !important;

        transform:none !important;

        pointer-events:auto !important;

        z-index:auto !important;

        background:#fff !important;
    }


    /* ========================================================
       INNER WIDTH — MATCH APPROVED DESKTOP ARCHITECTURE
       ======================================================== */

    html body
    #am-similar-v26
    > .am-similar-v26__inner {

        display:block !important;

        position:relative !important;

        width:
            min(
                1280px,
                calc(100% - 64px)
            )
            !important;

        max-width:1280px !important;
        min-width:0 !important;

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

        margin:
            0 auto
            !important;

        padding:0 !important;

        visibility:visible !important;
        opacity:1 !important;

        overflow:visible !important;

        transform:none !important;

        box-sizing:border-box !important;
    }


    /* ========================================================
       HEADING
       ======================================================== */

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

        display:flex !important;

        align-items:flex-end !important;
        justify-content:space-between !important;

        gap:20px !important;

        width:100% !important;

        margin:
            0 0 18px
            !important;

        visibility:visible !important;
        opacity:1 !important;
    }


    html body
    #am-similar-v26
    .am-similar-v26__eyebrow,

    html body
    #am-similar-v26
    .am-similar-v26__title,

    html body
    #am-similar-v26
    .am-similar-v26__subtitle,

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

        visibility:visible !important;
        opacity:1 !important;
    }


    /* ========================================================
       DESKTOP 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;

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

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

        margin:0 !important;
        padding:0 !important;

        visibility:visible !important;
        opacity:1 !important;

        overflow:visible !important;

        transform:none !important;
    }


    /* ========================================================
       ALL THREE CARDS MUST BE VISIBLE ON DESKTOP
       ======================================================== */

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

        display:block !important;

        position:relative !important;

        width:auto !important;

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

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

        visibility:visible !important;
        opacity:1 !important;

        transform:none !important;

        overflow:visible !important;
    }


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

        display:flex !important;

        width:100% !important;

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

        height:100% !important;

        margin:0 !important;

        visibility:visible !important;
        opacity:1 !important;

        transform:none !important;
    }

}


/* ============================================================
   MEDIUM DESKTOP / TABLET LANDSCAPE
   ============================================================ */

@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;
    }


    html body
    #am-similar-v26
    .am-similar-v26__grid
    > :nth-child(3) {

        display:block !important;
    }

}
