/* ==========================================================
   AutoMart V41.9
   MOBILE SEARCH GRID
   SAME DESKTOP GRID CARD — ONE COLUMN ONLY
   ========================================================== */

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

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

html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-search-grid-v15{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;

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

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

    align-items:stretch!important;
}


/* ==========================================================
   CARD SHELL
   Restore desktop Grid Card proportions.
   ========================================================== */

html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-search-grid-v15 > .premium-auto-card{

    display:block!important;

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

    height:100%!important;
    min-height:0!important;

    margin:0!important;

    background:#fff!important;

    border:1px solid #dfe8e3!important;
    border-radius:14px!important;

    overflow:hidden!important;

    box-shadow:
        0 4px 14px rgba(15,44,32,.055)!important;

    scroll-snap-align:none!important;
}


/* ==========================================================
   DESKTOP IMAGE FORMAT
   ========================================================== */

html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-auto-card
.premium-auto-media{

    position:relative!important;

    display:block!important;

    width:100%!important;

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

    overflow:hidden!important;

    border-radius:0!important;

    background:#e9efec!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-auto-card
.premium-auto-media img{

    display:block!important;

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

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

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


/* ==========================================================
   IMAGE SHADE
   ========================================================== */

html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-media-shade{

    position:absolute!important;
    inset:0!important;

    display:block!important;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.04) 42%,
            rgba(4,15,10,.76) 100%
        )!important;
}


/* ==========================================================
   FEATURED / VERIFIED BADGES
   SAME DESKTOP POSITION
   ========================================================== */

html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-card-badges{

    position:absolute!important;

    left:11px!important;
    top:11px!important;

    display:flex!important;
    align-items:center!important;

    gap:7px!important;

    z-index:3!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-badge{

    display:inline-flex!important;
    align-items:center!important;

    gap:5px!important;

    min-height:0!important;

    padding:6px 9px!important;

    border-radius:8px!important;

    font-size:12px!important;
    line-height:1!important;
    font-weight:800!important;

    white-space:nowrap!important;
}


/* ==========================================================
   HEART
   ========================================================== */

html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-heart{

    position:absolute!important;

    right:11px!important;
    top:11px!important;

    width:34px!important;
    height:34px!important;

    min-width:34px!important;
    min-height:34px!important;

    padding:0!important;

    border-radius:50%!important;

    font-size:20px!important;

    display:grid!important;
    place-items:center!important;

    z-index:4!important;
}


/* ==========================================================
   PHOTO COUNT + DOTS + TAGLINE
   Restore desktop bottom image row.
   ========================================================== */

html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-photo-meta{

    position:absolute!important;

    left:11px!important;
    right:11px!important;
    bottom:9px!important;

    display:grid!important;

    grid-template-columns:auto 1fr auto!important;

    align-items:center!important;

    gap:8px!important;

    font-size:12px!important;

    color:#fff!important;

    z-index:3!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-photo-meta > span{

    display:inline-flex!important;

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

    padding:4px 7px!important;

    border-radius:12px!important;

    font-size:12px!important;
    line-height:1!important;

    background:rgba(5,18,13,.75)!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-photo-meta i{

    display:flex!important;

    justify-content:center!important;

    gap:3px!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-photo-meta em{

    display:block!important;

    min-width:0!important;

    max-width:150px!important;

    overflow:hidden!important;
    text-overflow:ellipsis!important;

    white-space:nowrap!important;

    text-align:right!important;

    font-size:12px!important;
}


/* ==========================================================
   DESKTOP CARD BODY
   ========================================================== */

html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-auto-body{

    display:block!important;

    padding:15px 15px 16px!important;

    background:#fff!important;
}


/* ==========================================================
   TITLE ROW
   LOGO + TITLE + CONDITION
   ========================================================== */

html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-title-row{

    display:grid!important;

    grid-template-columns:
        38px minmax(0,1fr) auto!important;

    gap:9px!important;

    align-items:start!important;

    min-height:52px!important;

    margin:0!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-brandmark{

    display:grid!important;

    place-items:center!important;

    width:38px!important;
    height:30px!important;

    min-width:38px!important;

    margin:0!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-brandmark svg{

    display:block!important;

    width:36px!important;
    height:27px!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-title-copy{

    display:block!important;

    min-width:0!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-title-copy h3{

    margin:0!important;

    font-size:13px!important;
    line-height:1.25!important;

    font-weight:800!important;

    white-space:nowrap!important;

    overflow:hidden!important;
    text-overflow:ellipsis!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-title-copy p{

    display:block!important;

    margin:4px 0 0!important;

    font-size:12px!important;
    line-height:1.3!important;

    white-space:nowrap!important;

    overflow:hidden!important;
    text-overflow:ellipsis!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-condition{

    display:inline-flex!important;

    align-items:center!important;

    align-self:center!important;

    width:auto!important;

    padding:5px 7px!important;

    margin:0!important;

    border-radius:14px!important;

    font-size:12px!important;
    line-height:1!important;

    font-weight:700!important;

    white-space:nowrap!important;
}


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

html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-price{

    display:block!important;

    margin:11px 0 0!important;

    font-size:23px!important;
    line-height:1.05!important;

    font-weight:800!important;

    letter-spacing:-.03em!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-monthly{

    display:block!important;

    margin:5px 0 0!important;

    font-size:12px!important;
    line-height:1.3!important;
}


/* ==========================================================
   FACTS — EXACT DESKTOP 2 x 2 FORMAT
   ========================================================== */

html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-facts{

    display:grid!important;

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

    gap:9px 11px!important;

    margin:16px 0 13px!important;

    padding:0!important;

    font-size:12px!important;

    border:0!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-facts span{

    display:flex!important;

    align-items:center!important;

    gap:6px!important;

    min-width:0!important;

    font-size:12px!important;

    white-space:nowrap!important;

    overflow:hidden!important;
    text-overflow:ellipsis!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-facts i{

    display:inline-block!important;

    width:13px!important;

    margin:0!important;

    text-align:center!important;

    font-size:12px!important;

    flex:0 0 13px!important;
}


/* ==========================================================
   DEALER — COMPACT DESKTOP FORMAT
   ========================================================== */

html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-dealer-row{

    display:grid!important;

    grid-template-columns:
        34px minmax(0,1fr) auto!important;

    align-items:center!important;

    gap:8px!important;

    margin:0!important;

    padding:11px 0 0!important;

    border-top:1px solid #edf1ef!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-dealer-avatar{

    display:grid!important;

    place-items:center!important;

    width:34px!important;
    height:34px!important;

    min-width:34px!important;

    margin:0!important;

    border-radius:50%!important;

    font-size:12px!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-dealer-row > div{

    min-width:0!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-dealer-row strong{

    display:flex!important;

    align-items:center!important;

    gap:4px!important;

    margin:0!important;

    font-size:12px!important;
    line-height:1.25!important;

    white-space:nowrap!important;

    overflow:hidden!important;
    text-overflow:ellipsis!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-dealer-row small{

    display:block!important;

    margin:2px 0 0!important;

    font-size:12px!important;
    line-height:1.25!important;

    white-space:nowrap!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-rating{

    display:block!important;

    text-align:right!important;

    min-width:0!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-rating strong{

    justify-content:flex-end!important;
}


/* ==========================================================
   BUTTONS — DESKTOP SIDE-BY-SIDE FORMAT
   ========================================================== */

html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-card-actions{

    display:grid!important;

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

    gap:8px!important;

    margin:12px 0 0!important;

    padding:0!important;
}


html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-card-actions a{

    display:flex!important;

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

    width:100%!important;

    height:40px!important;
    min-height:40px!important;

    margin:0!important;
    padding:0 8px!important;

    border-radius:7px!important;

    font-size:12px!important;
    line-height:1!important;

    font-weight:800!important;

    white-space:nowrap!important;
}


/* ==========================================================
   CRITICAL:
   no mobile card transformation in GRID mode.
   ========================================================== */

html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-auto-card,
html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-auto-body,
html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-title-row,
html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-dealer-row,
html body.site-page
.premium-search-results-v15:not(.view-mode-list-v17)
.premium-card-actions{

    transform:none!important;
}

}