@media (max-width: 1199px) {
    .container { max-width: 960px; }
}
@media (max-width: 991px) {
    .section { padding: 4rem 0; }
}
@media (max-width: 767px) {
    .hero { min-height: 70vh; padding: 5rem 1.5rem 3rem; }
    .products-grid { grid-template-columns: 1fr; }
}
@media (max-width: 575px) {
    .hero-title { font-size: 1.75rem; }
    .btn { padding: 0.75rem 1.5rem; }
}