/* === ПЛАНШЕТЫ (768px и меньше) === */

@media (max-width: 768px) {
    
    /* Навигация: показываем бургер */
    .burger {
        display: flex;
    }

    .nav-links {
        position: fixed;
        top: 70px;
        right: -100%;
        width: 250px;
        height: calc(100vh - 70px);
        background: var(--color-dark);
        flex-direction: column;
        padding: var(--spacing-xl);
        gap: var(--spacing-lg);
        transition: right var(--transition-base);
        box-shadow: -5px 0 15px rgba(0, 0, 0, 0.3);
    }

    .nav-links.active {
        right: 0;
    }

    /* Бургер анимация при открытии */
    .burger.active span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }

    .burger.active span:nth-child(2) {
        opacity: 0;
    }

    .burger.active span:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -6px);
    }

    /* Hero */
    .hero-text h1 {
        font-size: var(--font-size-3xl);
    }

    .hero-badges {
        grid-template-columns: 1fr;
    }

    /* О компании */
    .about-layout {
        grid-template-columns: 1fr;
    }

    /* Контакты */
    .contacts-layout {
        grid-template-columns: 1fr;
    }

    /* Карточки */
    .cards-grid {
        grid-template-columns: 1fr;
    }

    .portfolio-grid {
        grid-template-columns: 1fr;
    }
}

/* === МОБИЛЬНЫЕ (576px и меньше) === */

@media (max-width: 576px) {
    
    .container {
        padding: 0 1rem;
    }

    .hero-text h1 {
        font-size: var(--font-size-2xl);
    }

    .hero-text p {
        font-size: var(--font-size-base);
    }

    .section-title {
        font-size: var(--font-size-2xl);
    }

    .hero-actions {
        flex-direction: column;
    }

    .btn {
        width: 100%;
        justify-content: center;
    }

    .stat-number {
        font-size: 2.5rem;
    }

    .footer-inner {
        flex-direction: column;
        text-align: center;
    }
}