/* ============================================
   RESPONZIVNÍ STYLY - MOBILNÍ ZAŘÍZENÍ
   ============================================ */

@media (max-width: 968px) {

    /* ====== MOBILNÍ MENU ====== */
    
    .menu-toggle {
        display: flex;
        z-index: 1002;
    }

    .nav-links {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        flex-direction: column;
        padding: 8rem 3rem 3rem;
        gap: 3rem;
        background: var(--gray);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        transform: translateY(-100%);
        opacity: 0;
        pointer-events: none;
        transition: all 1s cubic-bezier(0.6, 0, 0.24, 1);
        mix-blend-mode: normal;
        justify-content: center;
        z-index: 1001;
    }

    .nav-links.active {
        transform: translateY(0);
        opacity: 1;
        pointer-events: all;
    }

    .nav-links a {
        font-size: 2rem;
        font-weight: 900;
        letter-spacing: -1px;
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.3s ease;
    }

    .nav-links.active a {
        opacity: 1;
        transform: translateY(0);
    }

    .nav-links.active a:nth-child(1) { transition-delay: 0.1s; }
    .nav-links.active a:nth-child(2) { transition-delay: 0.2s; }
    .nav-links.active a:nth-child(3) { transition-delay: 0.3s; }
    .nav-links.active a:nth-child(4) { transition-delay: 0.4s; }

    .nav-links a:hover {
        opacity: 0.5;
        transform: translateX(20px);
    }

    body::before {
        content: '';
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.5s ease;
        z-index: 999;
    }

    body.menu-open::before {
        opacity: 1;
    }

    body.menu-open {
        overflow: hidden;
    }


    /* ====== SEKCE ====== */
    
    section {
        padding: 6rem 2rem;
    }


    /* ====== HERO ====== */
    
    .hero {
        padding-top: 10rem;
    }

    .hero-grid {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .hero-number {
        order: -1;
        text-align: left;
    }


    /* ====== O MNĚ ====== */
    
    .about-grid {
        grid-template-columns: 1fr;
    }


    /* ====== SLUŽBY ====== */
    
    .service-item {
        grid-template-columns: 1fr;
        gap: 1rem;
        padding: 2rem 0;
    }

    .service-item p {
        text-align: left;
    }


    /* ====== PORTFOLIO ====== */
    
    .portfolio-grid {
        grid-template-columns: 1fr;
    }


    /* ====== TLAČÍTKA ====== */
    
    .cta-buttons {
        flex-direction: column;
    }

    .btn {
        width: 100%;
    }


    /* ====== PATIČKA ====== */
    
    .footer-container {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .footer-links {
        text-align: left;
    }
}