/* ===== Tablet (max 992px) ===== */
@media (max-width: 992px) {
    .hero-content { grid-template-columns:1fr; text-align:center; gap:48px; }
    .hero-text p { margin:0 auto 32px; }
    .hero-buttons { justify-content:center; }
    .hero-stats { justify-content:center; padding-top:28px; }
    .hero-stat h2 { font-size:1.6rem; }
    .hero-text h1 { font-size:3rem; }
    .hero-card { max-width:100%; }
    .hero::before { display:none; }
    .about-content { grid-template-columns:1fr; }
    .contact-grid { grid-template-columns:1fr; }
    .course-detail-grid { grid-template-columns:1fr; }
    .course-sidebar { position:static; }
    .footer-grid { grid-template-columns:1fr 1fr; }
    .gallery-home-grid { grid-template-columns:repeat(2,1fr); }
    .projects-home-grid { grid-template-columns:repeat(2,1fr); }
    .hero-show-content h1 { font-size:2.4rem; }
    .section-header h2 { font-size:2rem; }
    .section { padding:72px 0; }
    .page-header h1 { font-size:2.2rem; }
    .fz-grid { grid-template-columns:1fr 1fr; }
    .fz-stats { grid-template-columns:1fr 1fr; }
}

/* ===== Mobile (max 768px) ===== */
@media (max-width: 768px) {
    .hamburger { display:flex; }
    .nav-links {
        position:fixed; top:0; right:-100%; width:280px; height:100vh;
        background:rgba(15,23,42,0.98);
        backdrop-filter:blur(24px); flex-direction:column;
        padding:80px 24px 24px; gap:4px;
        transition:var(--transition); z-index:999;
        box-shadow:-8px 0 40px rgba(0,0,0,0.3);
    }
    .nav-links.open { right:0; }
    .nav-links a { color:rgba(255,255,255,0.75); font-size:1rem; padding:10px 14px; width:100%; border-radius:8px; }
    .nav-links a:hover { color:#fff; background:rgba(255,255,255,0.08); }
    .nav-links a::after { display:none; }
    .nav-links .btn { width:100%; justify-content:center; }
    .nav-links .lang-switch a { color:rgba(255,255,255,0.75) !important; border-color:rgba(255,255,255,0.2) !important; }
    .nav-links .lang-switch a:hover { color:#fff !important; }

    .hero-text h1 { font-size:2.2rem; }
    .hero-stats { gap:24px; flex-wrap:wrap; }
    .hero-stat h2 { font-size:1.4rem; }
    .hero-card { padding:32px; }
    .hero-card-icon { width:52px; height:52px; font-size:1.3rem; }

    .courses-track .course-card { width:280px; }
    .features-grid { grid-template-columns:1fr; }
    .learn-list { grid-template-columns:1fr; }
    .cta-section { padding:40px 24px; border-radius:var(--radius); }
    .cta-section h2 { font-size:1.6rem; }
    .footer-grid { grid-template-columns:1fr; }
    .footer-bottom { flex-direction:column; gap:12px; text-align:center; }
    .section { padding:56px 0; }
    .section-header h2 { font-size:1.6rem; }
    .section-header h2::after { width:40px; }
    .page-header { padding:110px 0 40px; }
    .page-header h1 { font-size:1.8rem; }

    .gallery-home-grid { grid-template-columns:1fr; }
    .projects-home-grid { grid-template-columns:1fr; }
    .project-home-image { height:160px; }
    .fz-grid { grid-template-columns:1fr; gap:16px; }
    .fz-stats { grid-template-columns:1fr 1fr; gap:12px; }
    .fz-header h2 { font-size:1.6rem; }
    .hero-show-content h1 { font-size:2rem; }
    .hero-show-content p { font-size:1rem; }
    .hero-show-btn { width:36px; height:36px; font-size:.9rem; display:none; }
    .hero-show .hero-stats { gap:24px; }

    .inst-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; }
    .inst-card { min-width:240px; max-width:240px; scroll-snap-align:center; }
    .testi-carousel { overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; }
    .testi-card { min-width:calc(100vw - 120px); max-width:calc(100vw - 120px); padding:22px 20px; scroll-snap-align:center; }
    .testi-btn { display:none; }
    .testi-dots { margin-top:20px; }
    .inst-btn,.courses-btn { width:36px; height:36px; font-size:.85rem; flex-shrink:0; }
    .inst-cover { height:180px; }
}

/* ===== Small Mobile (max 480px) ===== */
@media (max-width: 480px) {
    .hero-text h1 { font-size:1.8rem; }
    .section-header h2 { font-size:1.4rem; }
    .testi-track { gap:12px; }
    .testi-card { min-width:calc(100vw - 100px); max-width:calc(100vw - 100px); padding:20px 18px; scroll-snap-align:center; }
    .testi-carousel { overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; padding:8px 0; scroll-snap-type:x mandatory; }
    .course-detail-content h1 { font-size:1.4rem; }
    .container { padding:0 16px; }
    .gallery-home-item { aspect-ratio:3/2; }
    .hero-card { padding:28px; }
    .contact-form { padding:24px; }
    .cta-section { padding:32px 20px; }
    .project-home-actions { flex-direction:column; align-items:center; }
    .project-home-actions .btn { width:100%; justify-content:center; }
    .fz-stats { grid-template-columns:1fr; }
}