/* ============================================================ AUTOMART VEHICLE SEARCH MOBILE V41.3 - Real sticky-header height synchronization - Remove actual old results Filters button - Restore title below sticky header - Clean 2-column card media badges - Move condition under title - Preserve 12px minimum typography ============================================================ */ @media (max-width:767px) { /* ===================================================== REAL V40 HEADER CLEARANCE ===================================================== */ html body.site-page:not(.admin-page) { padding-top: calc( var( --am-v413-mobile-header-height, 164px ) + 14px ) !important; } body.site-page main { margin-top: 0 !important; padding-top: 0 !important; } body.site-page .premium-listing-v14-1 { padding-top: 6px !important; padding-bottom: 108px !important; } /* ===================================================== REMOVE THE ACTUAL OLD GREEN FILTERS BUTTON ===================================================== */ body.site-page .premium-search-results-v15 > .filter-toggle, body.site-page .premium-results-v14-1 > .filter-toggle, body.site-page .results > button.filter-toggle, body.site-page button.btn.btn-light.filter-toggle { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* ===================================================== TITLE AREA ===================================================== */ body.site-page .market-title-row { position: relative !important; z-index: 1; display: grid !important; margin: 0 0 14px !important; padding: 8px 2px 0 !important; opacity: 1 !important; visibility: visible !important; } body.site-page .market-title-row h1 { display: block !important; margin: 0 !important; color: #101828 !important; opacity: 1 !important; font-size: 26px !important; line-height: 1.08 !important; font-weight: 800 !important; letter-spacing: -.025em !important; } body.site-page .market-title-row p { display: block !important; margin: 5px 0 0 !important; color: #758195 !important; opacity: 1 !important; font-size: 14px !important; line-height: 1.35 !important; } /* ===================================================== TOOLBAR ===================================================== */ body.site-page .view-tools { margin-top: 2px !important; margin-bottom: 2px !important; } body.site-page .view-tools label { min-width: 0 !important; overflow: hidden; } body.site-page .view-tools label select { text-overflow: ellipsis; } /* ===================================================== GRID CARDS ===================================================== */ body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-search-grid-v15 { margin-top: 0 !important; gap: 10px !important; } /* * Two badge pills plus the heart do not fit comfortably * on a two-column mobile image. * * Keep Featured on the image. * Dealer verification remains visible below. */ body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-card-badges .premium-badge:nth-child(n+2) { display: none !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-card-badges { right: 46px !important; max-width: calc(100% - 56px); } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-badge { font-size: 12px !important; font-weight: 700 !important; } /* ===================================================== GRID TITLE CONDITION MOVED UNDER TITLE ===================================================== */ body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-title-row { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 6px !important; align-items: start !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-title-copy { width: 100% !important; min-width: 0 !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-title-copy h3 { width: 100% !important; max-width: 100% !important; display: -webkit-box !important; overflow: hidden !important; text-overflow: ellipsis; white-space: normal !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 14px !important; line-height: 1.18 !important; font-weight: 750 !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-condition { justify-self: start !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 5px 7px !important; font-size: 12px !important; line-height: 1 !important; } /* ===================================================== GRID PRICE + SPECS ===================================================== */ body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-price { margin-top: 8px !important; font-size: 18px !important; line-height: 1.08 !important; font-weight: 800 !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-monthly, body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-facts span, body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-dealer-row strong, body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-dealer-row small, body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-rating strong { font-size: 12px !important; } /* ===================================================== GRID BUTTONS ===================================================== */ body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-card-actions a { min-height: 36px !important; font-size: 12px !important; font-weight: 700 !important; } /* * Remove the small arrow from the already narrow * Details button. Keeps label centered. */ body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-detail-btn span { display: none !important; } /* ===================================================== LIST MODE ===================================================== */ body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-auto-card { grid-template-columns: 39% minmax(0,61%) !important; min-height: 202px !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-auto-media, body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-auto-media img, body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-auto-body { min-height: 202px !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-card-badges .premium-badge:nth-child(n+2) { display: none !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-card-badges { right: 43px !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-title-copy h3 { font-size: 14px !important; line-height: 1.16 !important; font-weight: 750 !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-condition { font-size: 12px !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-price { font-size: 18px !important; font-weight: 800 !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-monthly, body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-facts span, body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-dealer-row strong, body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-dealer-row small, body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-rating strong, body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-card-actions a { font-size: 12px !important; } /* ===================================================== BOTTOM NAV CLEARANCE ===================================================== */ body.site-page .premium-search-results-v15 { padding-bottom: 28px !important; } body.site-page .premium-search-grid-v15 { padding-bottom: 22px !important; } } @media (max-width:380px) { html body.site-page:not(.admin-page) { padding-top: calc( var( --am-v413-mobile-header-height, 160px ) + 12px ) !important; } body.site-page .market-title-row h1 { font-size: 24px !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-auto-card { grid-template-columns: 38% minmax(0,62%) !important; } }