/* Mobile-first overrides. Base CSS above targets desktop (1024px+); these
   rules collapse layouts down through tablet (768px) to mobile (390px/375px). */

@media (max-width: 1024px) {
	.am-footer-grid { grid-template-columns: repeat(3, 1fr); }
	.am-model-grid, .am-guide-grid { grid-template-columns: repeat(2, 1fr); }
	.am-make-grid { grid-template-columns: repeat(3, 1fr); }
	.am-stats-grid { grid-template-columns: repeat(3, 1fr); }
	.am-model-hero-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
	.am-nav { position: fixed; inset: 62px 0 0 0; background: var(--am-navy); flex-direction: column; align-items: flex-start; padding: 24px; gap: 18px; overflow-y: auto; transform: translateX(100%); transition: transform .2s ease; }
	.am-nav.is-open { transform: translateX(0); }
	.am-nav-toggle { display: inline-flex; }
	.am-header-inner { position: relative; }

	.am-footer-grid { grid-template-columns: repeat(2, 1fr); }
	.am-model-grid, .am-guide-grid, .am-make-grid { grid-template-columns: repeat(2, 1fr); }
	.am-stats-grid { grid-template-columns: 1fr; }
	.am-compare-picker { grid-template-columns: 1fr; }
	.am-field-row { grid-template-columns: 1fr; }
	.am-review-proscons { grid-template-columns: 1fr; }
	.am-hero { padding: 52px 0 64px; }
	.am-section { padding: 40px 0; }
}

@media (max-width: 480px) {
	.am-container, .am-header-inner { padding-left: 16px; padding-right: 16px; }
	.am-footer-grid { grid-template-columns: 1fr 1fr; }
	.am-model-grid, .am-guide-grid, .am-make-grid { grid-template-columns: 1fr; }
	.am-hero-search { flex-direction: column; }
	.am-hero-actions .am-btn { width: 100%; }
	.am-cookie-inner { flex-direction: column; align-items: stretch; }
	.am-cookie-actions .am-btn { flex: 1; }
	.am-form { padding: 18px; }
	.am-page-head { padding: 32px 0; }
}