2024 – AutoMart

/* Mobile Optimizations for Trim Page */ .amvi-trim-hero-wrap { display: flex; flex-wrap: wrap; gap: 32px; align-items: flex-start; } .amvi-trim-hero-left { flex: 1 1 500px; min-width: 0; } .amvi-trim-hero-right { flex: 1 1 300px; min-width: 0; } .amvi-trim-content-wrap { display: flex; flex-wrap: wrap; gap: 48px; align-items: flex-start; } .amvi-trim-content-left { flex: 1 1 600px; min-width: 0; } .amvi-trim-content-right { flex: 1 1 350px; min-width: 0; } .amvi-features-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; } .amvi-specs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .amvi-tabs-nav { display: flex; border-bottom: 1px solid #ddd; margin-bottom: 32px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .amvi-tabs-nav::-webkit-scrollbar { display: none; } @media (max-width: 768px) { .amvi-trim-hero-left, .amvi-trim-hero-right { flex-basis: 100%; } .amvi-trim-content-left, .amvi-trim-content-right { flex-basis: 100%; } .amvi-features-grid { grid-template-columns: 1fr; } .amvi-specs-grid { grid-template-columns: 1fr; } h1 { font-size: 28px !important; } .amvi-trim-hero-right h1 { margin-top: 16px; } }