.photo-stack {

            position: relative;

            height: 500px;

            margin: 2rem 0;

        }

        .photo-stack img {

            position: absolute;

            border-radius: 20px;

            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

            transition: all 0.5s ease;

            width: 300px;

            height: 400px;

            object-fit: cover;

        }

        .photo-stack img:nth-child(1) {

            left: calc(50% - 150px);

            top: 0;

            transform: translateY(0);

            z-index: 3;

        }

        .photo-stack img:nth-child(2) {

            left: 0;

            bottom: 0;

            transform: rotate(-8deg);

            z-index: 1;

        }

        .photo-stack img:nth-child(3) {

            right: 0;

            bottom: 0;

            transform: rotate(8deg);

            z-index: 1;

        }

        .photo-stack img:hover {

            transform: scale(1.05) rotate(0deg) !important;

            z-index: 4;

            box-shadow: 0 15px 45px rgba(0, 0, 0, 0.2);

        }

        .photo-stack img:nth-child(1):hover {

            transform: scale(1.05) !important;

        }

        @media (max-width: 991.98px) {

            .photo-stack {

                height: auto;

                display: flex;

                flex-direction: column;

                gap: 2rem;

            }

            .photo-stack img {

                position: relative;

                width: 100%;

                height: 300px;

                transform: none !important;

                left: auto !important;

                right: auto !important;

                top: auto !important;

                bottom: auto !important;

            }

            .photo-stack img:hover {

                transform: scale(1.05) !important;

            }

        }



        /* Media Section styles */

        .video-section {

            background: linear-gradient(45deg, #111111, #2c2c2c);

            color: white;

            overflow: hidden;

        }

        .video-section .badge.badge-nova {

            background: linear-gradient(45deg, #111111, #2c2c2c);

        }

        .video-section .badge.badge-ct {

            background: linear-gradient(45deg, #e3001b, #ff1744);

        }

        .video-preview,
        .ct-preview {

            position: relative;

            border-radius: 20px;

            overflow: hidden;

            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);

            transform: translateY(0);

            transition: all 0s ease;

            height: 0;

            padding-bottom: 56.25%;
            /* 16:9 Aspect Ratio */

            cursor: pointer;

        }

        .video-preview:hover,
        .ct-preview:hover {

            transform: translateY(-10px);

            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);

        }

        .video-preview img,
        .ct-preview img {

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            object-fit: cover;

        }

        .video-preview::after,
        .ct-preview::after {

            content: '';

            position: absolute;

            top: 0;

            left: 0;

            right: 0;

            bottom: 0;

            background: rgba(0, 0, 0, 0.2);

            transition: all 0.3s ease;

        }

        .video-preview:hover::after,
        .ct-preview:hover::after {

            background: rgba(0, 0, 0, 0.1);

        }



        /* START: Změny pro Hero Video a text */

        .static-hero {
            position: relative;
            width: 100%;
            height: 100vh;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }



        #hero-video {

            position: absolute;

            top: 50%;

            left: 50%;

            transform: translate(-50%, -50%);

            min-width: 100%;

            min-height: 100%;

            width: auto;

            height: auto;

            z-index: 1;

            object-fit: cover;

        }



        .hero-content {

            z-index: 3;

            width: 90%;

            max-width: 1200px;

            color: white;

            text-align: center;

            padding: 20px;

            box-sizing: border-box;

            min-height: 250px;
            /* Pomáhá stabilizovat layout */

        }



        /* --- STYLY PRO MOBILNÍ ZAŘÍZENÍ --- */

        /* --- STYLY PRO MOBILNÍ ZAŘÍZENÍ --- */
        @media (max-width: 767.98px) {
            .hero-content {
                position: relative;
                top: auto !important;
                left: auto !important;
                transform: none !important;
                width: 95%;
                margin: 0 auto;
            }

            .hero-content h1 {
                font-size: 2.2rem;
                /* Menší font pro mobily */
            }
        }




        /* --- STYLY PRO TABLET --- */
        /* --- STYLY PRO DESKTOP A TABLET --- */
        /* --- STYLY PRO DESKTOP A TABLET --- */
        @media (min-width: 768px) {
            .hero-content {
                position: relative;
                top: auto !important;
                left: auto !important;
                transform: none !important;
                width: 85%;
                max-width: 1000px;
                margin: 0 auto;
            }
        }



        .overlay {

            background: rgba(0, 0, 0, 0.5);

            z-index: 2;

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

        }

        /* KONEC: Změny pro Hero Video a text */



        .hero-content h1 {

            font-size: 3.5rem;

            font-weight: 700;

            margin-bottom: 1.5rem;

            text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);

            letter-spacing: 1px;

        }



        .hero-content p {

            font-size: 1.5rem;

            margin-bottom: 2rem;

            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);

            max-width: 800px;

            margin-left: auto;

            margin-right: auto;

        }



        .hero-btn {

            padding: 0.8rem 2rem;

            font-weight: 600;

            letter-spacing: 0.5px;

            text-transform: uppercase;

            border-radius: 50px;

            transition: all 0.3s ease;

            position: relative;

            overflow: hidden;

            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);

        }



        .hero-btn-primary {

            background: linear-gradient(45deg, #2e7d32, #4caf50);

            border: none;

            color: white;

        }



        .hero-btn-primary:hover {

            background: linear-gradient(45deg, #4caf50, #2e7d32);

            transform: translateY(-3px);

            box-shadow: 0 7px 20px rgba(0, 0, 0, 0.3);

        }



        .hero-btn-outline {

            background: rgba(255, 255, 255, 0.1);

            backdrop-filter: blur(5px);

            border: 2px solid rgba(255, 255, 255, 0.8);

            color: white;

        }



        .hero-btn-outline:hover {

            background: rgba(255, 255, 255, 0.2);

            transform: translateY(-3px);

            box-shadow: 0 7px 20px rgba(0, 0, 0, 0.3);

            color: white;

        }



        @media (max-width: 768px) {

            .hero-content h1 {
                font-size: 2.5rem;
            }

            .hero-content p {
                font-size: 1.2rem;
            }

            .hero-btn {
                padding: 0.7rem 1.5rem;
            }

        }



        .scroll-down-indicator {

            position: absolute;

            bottom: 20px;

            left: 50%;

            transform: translateX(-50%);

            font-size: 2rem;

            color: white;

            animation: scroll-down 2s infinite;

            z-index: 3;

        }



        @keyframes scroll-down {

            0%,
            100% {
                transform: translateX(-50%) translateY(0);
            }

            50% {
                transform: translateX(-50%) translateY(10px);
            }

        }



        /* START: Styly pro video přehrávač s tlačítkem */

        .video-player-container {

            position: relative;

            border-radius: 20px;

            overflow: hidden;

            cursor: pointer;

            background-color: #000;

            box-shadow: 0 15px 45px rgba(0, 0, 0, 0.15);

        }

        .video-player-container video {

            width: 100%;

            height: auto;

            display: block;

        }

        .video-player-container .play-button-overlay {

            position: absolute;

            top: 0;

            left: 0;

            right: 0;

            bottom: 0;

            background: rgba(0, 0, 0, 0.3);

            display: flex;

            justify-content: center;

            align-items: center;

            transition: opacity 0.3s ease;

        }

        .video-player-container .play-button-overlay i {

            font-size: 5rem;

            color: white;

            opacity: 0.9;

            transition: transform 0.3s ease;

        }

        .video-player-container:hover .play-button-overlay i {

            transform: scale(1.1);

            opacity: 1;

        }

        .video-player-container.video-playing .play-button-overlay {

            opacity: 0;

            pointer-events: none;
            /* Dělá overlay nekliknutelný, když je skrytý */

        }

        /* KONEC: Styly pro video přehrávač */