.hero { background-color: var(--color-neutral-100); padding: var(--spacing-20) 0; }
.hero .container { display: flex; align-items: center; gap: var(--spacing-8); }
.hero-content { flex: 1; }
.hero img { flex: 1; max-width: 50%; }
.featured-vehicles, .product-categories, .promotions, .why-us, .testimonials, .loyalty-program, .newsletter { padding: var(--spacing-16) 0; }
.why-us .container, .newsletter .container { flex-direction: row; gap: var(--spacing-8); }
.why-us img, .newsletter img { flex: 1; }
.why-us > div, .newsletter > div { flex: 1; }
.testimonials blockquote { margin-bottom: var(--spacing-4); }
@media (max-width: 768px) { .hero .container { flex-direction: column; } .why-us .container, .newsletter .container { flex-direction: column; } .grid-cols-3 { grid-template-columns: repeat(1, minmax(0, 1fr)); } }