@media (max-width: 980px) {
    .hero-content, .age-box, .book-detail, .footer-content { grid-template-columns: 1fr; }
    .category-grid, .books-grid, .quran-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .mobile-menu-btn { display: grid; }
    .nav-menu {
        position: absolute;
        top: 86px;
        right: 20px;
        left: 20px;
        display: none;
        flex-direction: column;
        align-items: stretch;
        background: var(--card);
        border: 1px solid var(--line);
        border-radius: 18px;
        box-shadow: var(--shadow);
        padding: 14px;
    }
    .nav-menu.open { display: flex; }
    .nav-link { padding: 12px 14px; border-radius: 12px; }
    .category-grid, .books-grid, .quran-grid { grid-template-columns: 1fr; }
    .section-heading, .filter-bar { flex-direction: column; align-items: stretch; }
    .search-box { min-width: 100%; }
}