/* Планшеты */
@media (max-width: 768px) {
    .burger {
        display: flex;
    }
    
    .nav {
        position: fixed;
        top: 0;
        right: -100%;
        width: 250px;
        height: 100vh;
        background: white;
        box-shadow: -2px 0 10px rgba(0,0,0,0.1);
        transition: 0.3s;
        z-index: 200;
    }
    
    .nav.active {
        right: 0;
    }
    
    .nav__list {
        flex-direction: column;
        padding: 80px 20px 20px;
        gap: 20px;
    }
    
    .hero__title {
        font-size: 36px;
    }
    
    .about-short__inner,
    .about-content,
    .contacts-grid,
    .footer__inner {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .section-title,
    .page-title {
        font-size: 28px;
    }
}

/* Мобильные телефоны */
@media (max-width: 480px) {
    .hero {
        padding: 50px 0;
    }
    
    .hero__title {
        font-size: 28px;
    }
    
    .hero__text {
        font-size: 16px;
    }
    
    .products__grid,
    .catalog-grid {
        grid-template-columns: 1fr;
    }
    
    .filters {
        gap: 10px;
    }
    
    .filter-btn {
        padding: 6px 15px;
        font-size: 14px;
    }
}