@media (max-width: 992px) {
    .hero-content { grid-template-columns: 1fr; gap: 2rem; }
    .hero-image { max-width: 450px; margin: 0 auto; }
    .hours-section { grid-template-columns: 1fr; gap: 2rem; padding: 2rem; }
}

@media (max-width: 768px) {
    .header-inner { padding: 0 1rem; flex-wrap: wrap; }
    .nav-menu { display: none; }
    .nav-menu.mobile-open {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        background: white;
        padding: 1.5rem;
        box-shadow: var(--shadow);
        gap: 1rem;
    }
    .mobile-toggle { display: block !important; }
    .section { padding: 3rem 1rem; }
    .hours-section h3 { font-size: 1.5rem; }
    .form-row { grid-template-columns: 1fr; }
    .toast { left: 20px; right: 20px; bottom: 20px; }
}

@media (max-width: 480px) {
    .logo { font-size: 1.4rem; }
    .btn { padding: 0.6rem 1.2rem; font-size: 0.85rem; }
    .hero-text h1 { font-size: 1.8rem; }
    .hero-buttons { flex-direction: column; }
    .hero-buttons .btn { width: 100%; justify-content: center; }
}

.mobile-toggle {
    display: none;
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--primary-dark);
}