@media (max-width: 900px) { .card-grid { grid-template-columns: repeat(2, 1fr); } .three-columns { grid-template-columns: repeat(2, 1fr); } .footer-content { grid-template-columns: 1fr 1fr; } }
@media (max-width: 700px) { .topbar-left span { display: none; } .card-grid, .three-columns, .footer-content { grid-template-columns: 1fr; } .section-shell { padding: 52px 0; } .offer-panel, .about { align-items: flex-start; flex-direction: column; padding: 32px 24px; } .hours { min-width: 0; width: 100%; } .contact-links { flex-direction: column; } }