/* ============================================================ AUTOMART V45.4.1 FINAL MOBILE NEW / USED CLEANUP V45.4 native body artwork + brand logos remain authoritative. ============================================================ */ @media screen and (max-width:767px) { /* ======================================================== 1. REMOVE OLD V45.2 BODY-TYPE PSEUDO ICON Screenshot showed: green outline icon + premium vehicle image Only premium vehicle image remains. ======================================================== */ .am-v452-mobile-market-panel .am-v452-body-grid > .am-v454-mobile-body-card::before, .am-v452-mobile-market-panel .am-v452-body-grid > .am-v454-mobile-body-card::after { content:none !important; display:none !important; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; border:0 !important; } /* ======================================================== 2. REMOVE OLD GENERATED BRAND INITIAL BADGE Screenshot showed: [ T ] Toyota logo Toyota Final: Toyota logo Toyota ======================================================== */ .am-v454-mobile-brand-card .am-v452-brand-mark, .am-v454-mobile-brand-card > .am-v452-brand-mark, .am-v452-brand-grid .am-v452-brand-mark { 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; } /* ======================================================== 3. BODY STYLE CARD FINAL PROPORTION ======================================================== */ .am-v452-mobile-market-panel .am-v452-body-grid > .am-v454-mobile-body-card { min-height:101px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:flex-start !important; gap:5px !important; padding:7px !important; } .am-v454-mobile-body-card .am-v454-native-visual { width:100% !important; height:73px !important; min-height:73px !important; margin:0 !important; padding:0 !important; } .am-v454-mobile-body-card .am-v454-native-visual img { width:100% !important; height:100% !important; object-fit:contain !important; object-position:center center !important; } .am-v454-mobile-body-card > strong { margin:0 !important; padding:0 !important; text-align:center !important; font-size:11px !important; line-height:1.25 !important; font-weight:800 !important; } /* ======================================================== 4. BRAND CARD FINAL PROPORTION ======================================================== */ .am-v452-mobile-market-panel .am-v452-brand-grid > .am-v454-mobile-brand-card { min-height:79px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:6px !important; padding:8px !important; } .am-v454-mobile-brand-card .am-v454-native-visual { width:72px !important; height:39px !important; min-height:39px !important; margin:0 !important; padding:0 !important; } .am-v454-mobile-brand-card .am-v454-native-visual svg, .am-v454-mobile-brand-card .am-v454-native-visual img { max-width:66px !important; max-height:35px !important; object-fit:contain !important; object-position:center !important; } .am-v454-mobile-brand-card > strong { margin:0 !important; padding:0 !important; text-align:center !important; font-size:10px !important; line-height:1.2 !important; font-weight:800 !important; } /* ======================================================== 5. PREMIUM HEADER SHELL ======================================================== */ .am-v452-mobile-market-panel .am-v4541-shell { display:block !important; margin: 0 0 13px !important; padding: 2px 1px 0 !important; } .am-v4541-shell__eyebrow { display:flex; align-items:center; gap:7px; margin-bottom:5px; color:#0c8150; font-size:10px; line-height:1.2; font-weight:850; letter-spacing:.11em; text-transform:uppercase; } .am-v4541-shell__eyebrow::before { content:""; width:19px; height:2px; flex:0 0 19px; border-radius:99px; background:#0ba262; } .am-v4541-shell__top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } .am-v4541-shell__title { margin:0 !important; color:#111d2d !important; font-size:22px !important; line-height:1.08 !important; font-weight:850 !important; letter-spacing:-.025em !important; } .am-v4541-shell__copy { max-width:275px; margin: 5px 0 0 !important; color:#738197; font-size:12px; line-height:1.42; font-weight:500; } .am-v4541-shell__badge { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-height:27px; padding: 5px 10px; border-radius:999px; background:#e9f8f0; color:#087b4a; font-size:10px; line-height:1; font-weight:850; } /* ======================================================== 6. PREMIUM NEW / USED SEGMENT ======================================================== */ .am-v4541-market-switch { display:grid; grid-template-columns: repeat( 2, minmax(0,1fr) ); gap:4px; margin-top:13px; padding:4px; border: 1px solid #dfe7e3; border-radius:13px; background:#f2f5f4; } .am-v4541-market-switch a { min-height:40px; display:flex; align-items:center; justify-content:center; gap:6px; border-radius:9px; color:#566377; text-decoration:none; font-size:12px; font-weight:800; } .am-v4541-market-switch a.is-active { background:#fff; color:#087b49; box-shadow: 0 4px 13px rgba(15,38,27,.08); } .am-v4541-market-switch a.is-active::before { content:"✓"; width:17px; height:17px; display:grid; place-items:center; border-radius:50%; background:#0ba360; color:#fff; font-size:9px; line-height:1; } /* ======================================================== 7. NATIVE DUPLICATE MARKET TITLE ======================================================== */ .am-v452-mobile-market-panel .am-v4541-native-market-title { display:none !important; } /* ======================================================== 8. POPULAR BRANDS LEFT ALIGNMENT ======================================================== */ .am-v452-mobile-market-panel .am-v4541-brands-heading { justify-content:flex-start !important; margin-left:0 !important; margin-right:auto !important; text-align:left !important; } .am-v452-mobile-market-panel .am-v4541-brands-heading-parent { justify-content:flex-start !important; text-align:left !important; } }