/* ============================================================ AUTOMART VEHICLE SEARCH MOBILE V41.2 FINAL MOBILE POLISH - 12px minimum card typography - Compact 2-column Grid - Compact portrait List - 39 / 61 list architecture - Remove duplicate legacy Filters button - Resolve badge collisions - Bottom-nav safe spacing - Desktop/tablet untouched ============================================================ */ @media (max-width:767px) { /* ===================================================== REMOVE DUPLICATE LEGACY FILTER BUTTON ===================================================== */ body.site-page .am-global-mobile-toggle-v18 { display:none !important; visibility:hidden !important; width:0 !important; height:0 !important; min-width:0 !important; min-height:0 !important; max-width:0 !important; max-height:0 !important; margin:0 !important; padding:0 !important; border:0 !important; overflow:hidden !important; opacity:0 !important; pointer-events:none !important; } /* * Prevent any old search/filter mobile control from * leaving a blank second row. */ body.site-page .am-global-search-v18 .am-global-mobile-toggle-v18 { display:none !important; } /* ===================================================== PAGE VERTICAL RHYTHM ===================================================== */ body.site-page .premium-listing-v14-1 { padding: 12px 0 104px !important; } body.site-page .premium-listing-v14-1 > .container { width: calc(100% - 20px) !important; margin: 0 auto !important; } /* ===================================================== TITLE / RESULT COUNT ===================================================== */ body.site-page .market-title-row { gap: 10px !important; margin-bottom: 14px !important; padding-top: 5px !important; } body.site-page .market-title-row h1 { margin: 0 !important; font-size: 26px !important; line-height: 1.10 !important; font-weight: 800 !important; letter-spacing: -.025em !important; color: #101828 !important; } body.site-page .market-title-row p { margin: 5px 0 0 !important; font-size: 14px !important; line-height: 1.4 !important; font-weight: 500 !important; color: #758195 !important; } /* ===================================================== SORT + GRID/LIST/FILTER TOOLBAR ===================================================== */ body.site-page .view-tools { grid-template-columns: minmax(0,1fr) 46px 46px 46px !important; gap: 7px !important; align-items: stretch !important; } body.site-page .view-tools label { height: 48px !important; min-height: 48px !important; padding: 4px 12px !important; display: grid !important; align-content: center !important; border-radius: 13px !important; } body.site-page .view-tools label { font-size: 12px !important; font-weight: 500 !important; color: #667085 !important; } body.site-page .view-tools label select { font-size: 15px !important; line-height: 1.2 !important; font-weight: 700 !important; color: #101828 !important; } body.site-page .view-tools .view-btn, body.site-page .am-v411-filter-button { width: 46px !important; height: 48px !important; min-width: 46px !important; min-height: 48px !important; border-radius: 13px !important; } body.site-page .view-tools .view-btn::before { font-size: 18px !important; } /* ===================================================== GRID VIEW ===================================================== */ body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-search-grid-v15 { gap: 9px !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-auto-card, body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .vehicle-card { border-radius: 14px !important; box-shadow: 0 6px 17px rgba(16,24,40,.055) !important; } /* GRID IMAGE */ body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-auto-media { height: 128px !important; min-height: 128px !important; max-height: 128px !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-auto-media img { height: 128px !important; min-height: 128px !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .vehicle-card .vehicle-image { height: 128px !important; min-height: 128px !important; } /* GRID BADGES */ body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-badge { min-height: 24px !important; padding: 0 6px !important; font-size: 12px !important; line-height: 1 !important; font-weight: 700 !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-heart { width: 31px !important; height: 31px !important; min-width: 31px !important; } /* GRID CONTENT */ body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-auto-body { padding: 10px !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-title-copy h3 { font-size: 14px !important; line-height: 1.20 !important; font-weight: 750 !important; letter-spacing: -.015em !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-title-copy p { margin-top: 4px !important; font-size: 12px !important; line-height: 1.3 !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-condition { max-width: 78px !important; padding: 5px 6px !important; font-size: 12px !important; line-height: 1 !important; font-weight: 700 !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-price { margin-top: 7px !important; font-size: 18px !important; line-height: 1.08 !important; font-weight: 800 !important; letter-spacing: -.015em !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-monthly { margin: 5px 0 9px !important; font-size: 12px !important; line-height: 1.3 !important; font-weight: 500 !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-facts { gap: 7px 8px !important; padding-bottom: 9px !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-facts span { font-size: 12px !important; line-height: 1.25 !important; font-weight: 500 !important; } /* GRID DEALER */ body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-dealer-row { grid-template-columns: 29px minmax(0,1fr) auto !important; gap: 6px !important; margin-top: 9px !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-dealer-avatar { width: 29px !important; height: 29px !important; min-width: 29px !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-dealer-row > div:nth-child(2) strong { font-size: 12px !important; line-height: 1.2 !important; font-weight: 700 !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-dealer-row > div:nth-child(2) small { font-size: 12px !important; line-height: 1.2 !important; font-weight: 500 !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-rating strong { font-size: 12px !important; font-weight: 700 !important; } /* GRID ACTIONS */ body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-card-actions { gap: 6px !important; margin-top: 9px !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-card-actions a { min-height: 36px !important; padding: 0 5px !important; font-size: 12px !important; line-height: 1 !important; font-weight: 700 !important; } /* ===================================================== LIST VIEW 39% IMAGE / 61% CONTENT ===================================================== */ body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-search-grid-v15 { gap: 10px !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-auto-card, body.site-page .premium-search-results-v15.view-mode-list-v17 .vehicle-card { grid-template-columns: minmax(0,39%) minmax(0,61%) !important; min-height: 205px !important; border-radius: 15px !important; box-shadow: 0 6px 18px rgba(16,24,40,.055) !important; } /* LIST IMAGE */ 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 .vehicle-card .vehicle-image { min-height: 205px !important; height: 100% !important; } /* * LIST BADGES: * show only primary Featured badge over the image. * Verification is already displayed in the dealer area. */ 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-badge { min-height: 25px !important; padding: 0 7px !important; font-size: 12px !important; line-height: 1 !important; font-weight: 700 !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-heart { width: 31px !important; height: 31px !important; min-width: 31px !important; } /* LIST CONTENT */ body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-auto-body { min-height: 205px !important; padding: 9px 9px 10px !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-title-copy h3 { font-size: 14px !important; line-height: 1.17 !important; font-weight: 750 !important; letter-spacing: -.012em !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-title-copy p { margin-top: 3px !important; font-size: 12px !important; line-height: 1.25 !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-condition { max-width: 74px !important; padding: 4px 6px !important; font-size: 12px !important; line-height: 1 !important; font-weight: 700 !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-price { margin-top: 6px !important; font-size: 18px !important; line-height: 1.06 !important; font-weight: 800 !important; letter-spacing: -.015em !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-monthly { margin: 4px 0 7px !important; font-size: 12px !important; line-height: 1.25 !important; font-weight: 500 !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-facts { gap: 5px 8px !important; padding-bottom: 7px !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-facts span { font-size: 12px !important; line-height: 1.22 !important; font-weight: 500 !important; } /* LIST DEALER */ body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-dealer-row { grid-template-columns: 27px minmax(0,1fr) auto !important; gap: 5px !important; margin-top: 7px !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-dealer-avatar { width: 27px !important; height: 27px !important; min-width: 27px !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-dealer-row > div:nth-child(2) strong { font-size: 12px !important; line-height: 1.18 !important; font-weight: 700 !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-dealer-row > div:nth-child(2) small { font-size: 12px !important; line-height: 1.18 !important; font-weight: 500 !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-rating strong { font-size: 12px !important; line-height: 1 !important; font-weight: 700 !important; } /* LIST ACTIONS */ body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-card-actions { gap: 5px !important; margin-top: 7px !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-card-actions a { min-height: 34px !important; padding: 0 4px !important; font-size: 12px !important; line-height: 1 !important; font-weight: 700 !important; } /* ===================================================== STICKY BOTTOM NAV CLEARANCE ===================================================== */ body.site-page main { padding-bottom: 12px !important; } body.site-page .premium-search-grid-v15 { padding-bottom: 18px !important; } /* * Native anchor jumps / filter navigation should remain * above the fixed V40 mobile bottom navigation. */ body.site-page { scroll-padding-bottom: 92px; } } /* ========================================================= NARROW PHONE REBALANCE ========================================================= */ @media (max-width:380px) { body.site-page .market-title-row h1 { font-size: 24px !important; } body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-auto-media, body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .premium-auto-media img, body.site-page .premium-search-results-v15:not(.view-mode-list-v17) .vehicle-card .vehicle-image { height: 120px !important; min-height: 120px !important; } body.site-page .premium-search-results-v15.view-mode-list-v17 .premium-auto-card, body.site-page .premium-search-results-v15.view-mode-list-v17 .vehicle-card { grid-template-columns: 38% 62% !important; } }