/* === RESPONSIVE BREAKPOINTS === */

/* Tablet */
@media (max-width: 1024px) {
    .msm-hero__title { font-size: 2.2rem; }
    .msm-footer__grid { grid-template-columns: repeat(2, 1fr); }
    .msm-course-layout { grid-template-columns: 1fr; }
    .msm-course-sidebar__card { position: static; }
    .msm-archive-layout { grid-template-columns: 1fr; }

    .msm-filters {
        position: static;
        margin-bottom: 24px;
    }

    .msm-columns-4 { grid-template-columns: repeat(3, 1fr); }
}

/* Small Tablet */
@media (max-width: 768px) {
    :root { --msm-header-height: 64px; }

    .msm-header__nav { display: none; }
    .msm-header__cta { display: none; }
    .msm-header__toggle { display: block; }

    /* Mobile menu open */
    .msm-header__nav.active {
        display: block;
        position: fixed;
        top: var(--msm-header-height);
        left: 0; right: 0;
        bottom: 0;
        background: #fff;
        padding: 24px;
        overflow-y: auto;
        z-index: 999;
        animation: msm-slideDown 0.3s ease;
    }
    @keyframes msm-slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }

    .msm-header__nav.active .msm-menu {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }
    .msm-header__nav.active .msm-menu-link {
        padding: 12px 16px;
        font-size: 1rem;
        border-bottom: 1px solid var(--msm-border);
    }
    .msm-header__nav.active .msm-submenu {
        position: static;
        opacity: 1; visibility: visible;
        transform: none; box-shadow: none;
        border: none;
        padding: 0 0 0 16px;
    }

    .msm-hero { min-height: 400px; }
    .msm-hero__title { font-size: 1.8rem; }
    .msm-hero__subtitle { font-size: 1rem; }
    .msm-hero__actions { flex-direction: column; }

    .msm-section { padding: 48px 0; }
    .msm-section__title { font-size: 1.5rem; }

    .msm-columns-3 { grid-template-columns: repeat(2, 1fr); }
    .msm-columns-4 { grid-template-columns: repeat(2, 1fr); }

    .msm-banner { padding: 40px 0; }
    .msm-banner__title { font-size: 1.6rem; }

    .msm-cta { padding: 48px 0; }
    .msm-cta__title { font-size: 1.5rem; }
    .msm-cta__actions { flex-direction: column; align-items: center; }

    .msm-footer__grid { grid-template-columns: 1fr; gap: 24px; }

    .msm-reg-form__grid { grid-template-columns: 1fr; }

    .msm-header__logo img.msm-logo { height: 36px; }
}

/* Mobile */
@media (max-width: 480px) {
    .container { padding: 0 16px; }

    .msm-hero__title { font-size: 1.5rem; }

    .msm-columns-2,
    .msm-columns-3,
    .msm-columns-4 {
        grid-template-columns: 1fr;
    }

    .msm-course-card__image { height: 160px; }
    .msm-course-card__content { padding: 16px; }

    .msm-hero__content { padding: 40px 0; }
    .msm-hero { min-height: 360px; }

    .msm-search-modal__content { margin: 0 16px; padding: 24px; }

    .msm-whatsapp-float { bottom: 16px; right: 16px; width: 48px; height: 48px; }
    html[dir="rtl"] .msm-whatsapp-float { left: 16px; right: auto; }
}