@media (max-width: 1200px) {
.container { width: 94%; }
}

@media (max-width: 992px) {
.main-menu .nav-link { padding: 12px 0 !important; }
.nav-actions { margin-top: var(--space-4); flex-wrap: wrap; }
.site-header .navbar-collapse {
background: var(--bg-elev-1);
padding: var(--space-4);
border-radius: var(--radius-md);
margin-top: var(--space-3);
border: 1px solid var(--border);
}
.product-grid { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.hero-stats { gap: var(--space-5); }
}

@media (max-width: 768px) {
h1 { font-size: 1.6rem; }
h2 { font-size: 1.25rem; }
.section { padding: 50px 0; }
.hero { padding: 60px 0 60px; }
.hero-cta .btn { flex: 1; justify-content: center; }
.footer-bottom { flex-direction: column; text-align: center; }
.footer-legal { flex-wrap: wrap; justify-content: center; }
.data-table { font-size: .85rem; }
.data-table th, .data-table td { padding: 10px; }
}

@media (max-width: 480px) {
.container { width: 92%; padding: 0 8px; }
h1 { font-size: 1.4rem; }
.hero h1 { font-size: 1.45rem; }
.stat-grid { grid-template-columns: 1fr 1fr; }
.product-grid, .service-grid { grid-template-columns: 1fr; }
.btn { padding: 9px 15px; font-size: .82rem; }
.hero-stats { flex-direction: column; gap: var(--space-4); }
.search-form { padding: var(--space-2) var(--space-3); }
}