/* ===== تبلت و کوچکتر ===== */
@media (max-width: 1024px) {
    .intro-section { flex-direction: column; }
    .video-contact-section { flex-direction: column; }
    .row { grid-template-columns: 1fr; gap: 30px; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .header-inner { flex-wrap: wrap; }
    .menu-toggle {
        display: block;
        order: 3;
    }
    .nav-menu {
        display: none;
        flex-direction: column;
        width: 100%;
        background: #fff;
        padding: 20px 0;
        border-top: 1px solid var(--neutral-200);
        order: 4;
    }
    .nav-menu.open { display: flex; }
    .nav-menu > li { width: 100%; text-align: center; }
    .sub-menu {
        position: static;
        width: 100%;
        box-shadow: none;
        background: var(--neutral-100);
        border-radius: 0;
        padding: 10px 0;
    }
    .sub-sub-menu {
        position: static;
        width: 100%;
        box-shadow: none;
        background: var(--neutral-200);
        border-radius: 0;
    }
    .header-contact { display: none; }
    
    .slide img { height: 300px; }
    .slide-caption {
        bottom: 20px;
        right: 20px;
        padding: 12px 18px;
        max-width: 80%;
    }
    .slide-caption h2 { font-size: 1.4rem; }
    .slide-caption p { font-size: 0.95rem; }
    
    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }
    .stat-item .stat-number { font-size: 2.2rem; }
    .product-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
    .logo { font-size: 1.2rem; }
    .logo img { height: 40px; }
    .slide img { height: 200px; }
    .slide-caption { bottom: 10px; right: 10px; padding: 8px 14px; }
    .slide-caption h2 { font-size: 1rem; }
    .slide-caption p { font-size: 0.8rem; }
    
    .product-grid { grid-template-columns: 1fr; }
    .stats-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
    .footer-grid { grid-template-columns: 1fr; }
    .intro-content h2 { font-size: 1.6rem; }
    .btn-primary { padding: 10px 24px; font-size: 0.9rem; }
    .slider-btn { font-size: 1.4rem; padding: 6px 12px; }
}