.section-teacher .subtitle {
            color: transparent !important;
        }

        .section-teacher hr {
            width: 100%;
            height: 2px;
            opacity: 1;
            color: transparent !important;
            background: linear-gradient(to right, #b87432 20%, #d8a852 50%, #ffe0b3);
            margin: 60px auto;
        }

        .section-teacher h1 {
            margin: 0px;
            text-align: left;
            font-weight: 700;
        }

        .section-teacher h4 {
            font-size: clamp(18px, 1.75vw, 24px);
            margin: 15px 0px;
            background: linear-gradient(to right, #e0a040, #bf8030);
            color: transparent;
            -webkit-background-clip: text;
            background-clip: text;
            display: inline-block !important;
        }

        .section-teacher p {
            font-size: clamp(12px, 1.75vw, 16px);
        }

        .section-teacher p:nth-of-type(2) {
            font-style: italic;
        }

        a:has(.teacher-offer) {
            width: max-content;
        }

        .teacher-offer {
            position: relative;
            display: inline-block;
            text-align: center;
        }

        .teacher-offer h4 {
           text-align: center;
            margin: 10px auto;
            font-size: clamp(16px, 1.75vw, 22px);
            color: #fff;
        }

        .teacher-offer img {
            border-radius: clamp(12px, 1.75vw, 25px);
            width: 100%;
        }

        .teacher-offer a::after {
            content: "";
            position: absolute;
            left: 3%;
            bottom: 0;
            width: 94%;
            height: 55%;
            border-radius: clamp(12px, 1.75vw, 25px);
            background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
            pointer-events: none;
        }

        @media (max-width: 768px) {
            .section-teacher .teacher-image {
                border-radius: 12px;
                max-height: 250px;
            }

            .teacher-offer {
                margin: 15px auto;
            }

            .teacher-offer a::after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 55%;
                border-radius: clamp(12px, 1.75vw, 25px);
                background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
                pointer-events: none;
            }}

        /* Responsive wrapper za video */
        .intro-video-wrapper {
            display: flex;
            justify-content: center;
            padding: 24px 0;
        }

        .video-16x9 {
            width: clamp(360px, 75vw, 960px);
            aspect-ratio: 16/9;
            position: relative;
        }

        .intro-video,
        .video-poster {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            border: 0;
            border-radius: 12px;
            overflow: hidden;
        }

        /* poster slika, može biti i tvoj thumbnail url */
        .video-poster {
            background: center / cover no-repeat url("https://vz-XXXX.b-cdn.net/8c4443ff-181d-41df-84f5-d27db3b9e0bd/thumbnail.jpg");
            filter: blur(5px);
            transition: opacity .3s ease, filter .3s ease;
        }

        /* kad je iframe spreman, poster nestaje i više ne hvata klik */
        .intro-video.is-ready+.video-poster {
            opacity: 0;
            filter: blur(0);
            pointer-events: none;
        }

        @media (max-width: 767px) {
            .intro-video-wrapper {
                margin-bottom: 30px;
            }}


        /* */