/* ============================================================ AUTOMART VEHICLE DETAIL MOBILE V42.12 SIMILAR VEHICLES FINAL AUTHORITY FULL PREMIUM SEARCH CARD + HORIZONTAL SWIPE ============================================================ */ @media (max-width:767px) { /* ========================================================= SECTION ========================================================= */ html body.site-page .am-similar-v26.am-v4212-similar { width:100% !important; max-width:100% !important; overflow:hidden !important; } html body.site-page .am-similar-v26.am-v4212-similar .am-similar-v26__inner { width:calc(100% - 24px) !important; max-width:calc(100% - 24px) !important; margin:0 auto !important; } /* ========================================================= HORIZONTAL RAIL ========================================================= */ html body.site-page .am-similar-v26.am-v4212-similar .am-similar-v26__grid { display:flex !important; grid-template-columns:none !important; grid-auto-columns:auto !important; grid-auto-flow:unset !important; align-items:stretch !important; gap:12px !important; width:100% !important; max-width:100% !important; margin:0 !important; padding: 4px 2px 14px !important; overflow-x:auto !important; overflow-y:hidden !important; direction:ltr !important; scroll-snap-type: x mandatory !important; scroll-padding-inline: 2px !important; overscroll-behavior-x: contain !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; } html body.site-page .am-similar-v26.am-v4212-similar .am-similar-v26__grid::-webkit-scrollbar { display:none !important; } /* ========================================================= CARD — ONE LARGE CARD + NEXT CARD PEEK ========================================================= */ html body.site-page .am-similar-v26.am-v4212-similar .am-similar-v26__grid > article.premium-auto-card, html body.site-page .am-similar-v26.am-v4212-similar .am-similar-v26__grid > .premium-auto-card { display:block !important; flex: 0 0 86% !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: 86% !important; width: 86% !important; min-width: 86% !important; max-width: 86% !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; overflow: hidden !important; scroll-snap-align: start !important; scroll-snap-stop: always !important; border: 1px solid #dfe7e3 !important; border-radius: 15px !important; background: #fff !important; box-shadow: 0 8px 22px rgba(15,36,24,.07) !important; } /* Force third result back on. Old V26/V42 rules previously hide it. */ html body.site-page .am-similar-v26.am-v4212-similar .am-similar-v26__grid > .premium-auto-card:nth-child(3) { display:block !important; } /* ========================================================= IMAGE ========================================================= */ html body.site-page .am-similar-v26.am-v4212-similar .premium-auto-media { position:relative !important; display:block !important; width:100% !important; height:190px !important; min-height:190px !important; max-height:190px !important; overflow:hidden !important; } html body.site-page .am-similar-v26.am-v4212-similar .premium-auto-media img { display:block !important; width:100% !important; height:100% !important; min-height:190px !important; object-fit:cover !important; object-position:center !important; } /* ========================================================= BODY ========================================================= */ html body.site-page .am-similar-v26.am-v4212-similar .premium-auto-body { display:block !important; width:100% !important; min-width:0 !important; height:auto !important; max-height:none !important; padding:13px !important; overflow:visible !important; } /* ========================================================= TITLE ========================================================= */ html body.site-page .am-similar-v26.am-v4212-similar .premium-title-row { display:grid !important; grid-template-columns: 34px minmax(0,1fr) auto !important; align-items:center !important; gap:8px !important; width:100% !important; min-width:0 !important; margin:0 !important; } html body.site-page .am-similar-v26.am-v4212-similar .premium-brandmark { display:flex !important; width:34px !important; height:34px !important; min-width:34px !important; } html body.site-page .am-similar-v26.am-v4212-similar .premium-title-copy { display:block !important; min-width:0 !important; } html body.site-page .am-similar-v26.am-v4212-similar .premium-title-copy h3 { display:block !important; margin:0 !important; overflow:hidden !important; font-size:15px !important; line-height:1.2 !important; font-weight:800 !important; text-overflow:ellipsis !important; white-space:nowrap !important; } html body.site-page .am-similar-v26.am-v4212-similar .premium-title-copy p { display:block !important; margin:3px 0 0 !important; overflow:hidden !important; color:#748197 !important; font-size:12px !important; line-height:1.25 !important; text-overflow:ellipsis !important; white-space:nowrap !important; } html body.site-page .am-similar-v26.am-v4212-similar .premium-condition { display:inline-flex !important; align-items:center !important; min-height:26px !important; padding:0 8px !important; border-radius:8px !important; font-size:12px !important; white-space:nowrap !important; } /* ========================================================= PRICE + MONTHLY ========================================================= */ html body.site-page .am-similar-v26.am-v4212-similar .premium-price { display:block !important; margin:11px 0 0 !important; color:#078c52 !important; font-size:21px !important; line-height:1.05 !important; font-weight:850 !important; } html body.site-page .am-similar-v26.am-v4212-similar .premium-monthly { display:block !important; margin:5px 0 0 !important; color:#728097 !important; font-size:12px !important; line-height:1.3 !important; } /* ========================================================= SPECS ========================================================= */ html body.site-page .am-similar-v26.am-v4212-similar .premium-facts { display:grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px 10px !important; width:100% !important; margin:12px 0 0 !important; padding:0 !important; } html body.site-page .am-similar-v26.am-v4212-similar .premium-facts > span { display:flex !important; align-items:center !important; gap:5px !important; min-width:0 !important; overflow:hidden !important; color:#66748a !important; font-size:12px !important; text-overflow:ellipsis !important; white-space:nowrap !important; } /* ========================================================= DEALER — FORCE BACK VISIBLE ========================================================= */ html body.site-page .am-similar-v26.am-v4212-similar .premium-dealer-row { display:grid !important; grid-template-columns: 36px minmax(0,1fr) auto !important; align-items:center !important; gap:8px !important; width:100% !important; min-width:0 !important; height:auto !important; max-height:none !important; margin:12px 0 0 !important; padding:10px 0 0 !important; overflow:visible !important; border-top: 1px solid #e2e8e5 !important; } html body.site-page .am-similar-v26.am-v4212-similar .premium-dealer-avatar { display:flex !important; align-items:center !important; justify-content:center !important; width:36px !important; height:36px !important; min-width:36px !important; } html body.site-page .am-similar-v26.am-v4212-similar .premium-dealer-row > div { display:block !important; min-width:0 !important; } html body.site-page .am-similar-v26.am-v4212-similar .premium-dealer-row strong { display:block !important; overflow:hidden !important; font-size:12px !important; line-height:1.2 !important; text-overflow:ellipsis !important; white-space:nowrap !important; } html body.site-page .am-similar-v26.am-v4212-similar .premium-dealer-row small { display:block !important; margin-top:2px !important; color:#89958e !important; font-size:12px !important; line-height:1.15 !important; } html body.site-page .am-similar-v26.am-v4212-similar .premium-rating { display:block !important; min-width:43px !important; text-align:right !important; } /* ========================================================= ACTIONS — FORCE BACK VISIBLE ========================================================= */ html body.site-page .am-similar-v26.am-v4212-similar .premium-card-actions { display:grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap:7px !important; width:100% !important; height:auto !important; max-height:none !important; margin:12px 0 0 !important; padding:0 !important; overflow:visible !important; } html body.site-page .am-similar-v26.am-v4212-similar .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; min-height:40px !important; margin:0 !important; padding:0 6px !important; border-radius:8px !important; font-size:12px !important; line-height:1 !important; font-weight:750 !important; white-space:nowrap !important; } } /* Small phones */ @media (max-width:380px) { html body.site-page .am-similar-v26.am-v4212-similar .am-similar-v26__grid > .premium-auto-card { flex-basis:89% !important; width:89% !important; min-width:89% !important; max-width:89% !important; } }