.elementor-16557 .elementor-element.elementor-element-3b2e292{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:200px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-16557 .elementor-element.elementor-element-3b2e292:not(.elementor-motion-effects-element-type-background), .elementor-16557 .elementor-element.elementor-element-3b2e292 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E1E1E;}.elementor-16557 .elementor-element.elementor-element-5f38a4b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16557 .elementor-element.elementor-element-9314dd6{width:100%;max-width:100%;}.elementor-16557 .elementor-element.elementor-element-9314dd6 > .elementor-widget-container{margin:-40px -40px -139px -40px;padding:0px 0px 0px 0px;}.elementor-16557 .elementor-element.elementor-element-9314dd6.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-16557 .elementor-element.elementor-element-9314dd6 .tp-el-subtitle{background:transparent;-webkit-background-clip:text;-webkit-text-fill-color:#E9E9E9;color:#E9E9E9;}.elementor-16557 .elementor-element.elementor-element-9314dd6 .tp-el-title{background:transparent;-webkit-background-clip:text;-webkit-text-fill-color:#E9E9E9;color:#E9E9E9;font-size:220px;font-weight:500;line-height:1em;letter-spacing:-7.2px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-16557 .elementor-element.elementor-element-9314dd6 .tp-el-desc{background:transparent;-webkit-background-clip:text;-webkit-text-fill-color:#5D5D63;color:#5D5D63;font-size:18px;font-weight:400;line-height:26px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-16557 .elementor-element.elementor-element-8a0b4f6{--display:flex;}.elementor-16557 .elementor-element.elementor-element-7b69b47{--spacer-size:50px;}.elementor-16557 .elementor-element.elementor-element-ec70247{--spacer-size:50px;}.elementor-16557 .elementor-element.elementor-element-9375f48{--display:flex;}.elementor-16557 .elementor-element.elementor-element-4498586{--display:flex;}.elementor-16557 .elementor-element.elementor-element-c8cd2e2{--spacer-size:200px;}.elementor-16557 .elementor-element.elementor-element-d90e3e8{--spacer-size:30px;}.elementor-16557 .elementor-element.elementor-element-64de3bf{--display:flex;}.elementor-16557 .elementor-element.elementor-element-3ae777f{--spacer-size:50px;}.elementor-16557 .elementor-element.elementor-element-e14b7ce .liko-animated-img{width:100%;height:300px;}@media(max-width:1024px){.elementor-16557 .elementor-element.elementor-element-3b2e292{--padding-top:155px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-16557 .elementor-element.elementor-element-9314dd6{width:100%;max-width:100%;}.elementor-16557 .elementor-element.elementor-element-9314dd6 .tp-el-title{font-size:110px;margin:0px 0px 0px 0px;}.elementor-16557 .elementor-element.elementor-element-9314dd6 .tp-el-desc{padding:0px 38px 0px 200px;}}@media(max-width:767px){.elementor-16557 .elementor-element.elementor-element-9314dd6 > .elementor-widget-container{margin:-4px 0px -120px 0px;}.elementor-16557 .elementor-element.elementor-element-9314dd6 .tp-el-subtitle{font-size:0.9em;padding:0px 0px 0px 29px;}}/* Start custom CSS for tp-video-play-mp4, class: .elementor-element-baacccc */@media (max-width: 767px) { /* Targetuje urządzenia mobilne */

    /* Krok 1: Ustawienie proporcji 16:9 dla kontenerów wideo */
    .tp-video-wrap,
    .tp-hero-bottom-img {
        position: relative !important; /* Niezbędne dla pozycjonowania absolutnego wideo wewnątrz */
        width: 100% !important;     /* Kontener zajmuje pełną dostępną szerokość */
        height: 0 !important;        /* Wysokość jest zerowana, bo padding-bottom ją zdefiniuje */
        padding-bottom: 56.25% !important; /* (9 / 16 * 100%) - to tworzy proporcje 16:9 */
        overflow: hidden !important; /* Zapobiega wyświetlaniu czegokolwiek poza kontenerem */
    }

    /* Krok 2: Dopasowanie elementu <video> do responsywnego kontenera */
    .tp-video-wrap .play-video,
    .tp-hero-bottom-img video {
        position: absolute !important; /* Pozycjonowanie absolutne względem kontenera */
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;     /* Wideo wypełnia 100% szerokości kontenera */
        height: 100% !important;    /* Wideo wypełnia 100% wysokości kontenera (która jest teraz proporcjonalna) */
        object-fit: cover;         /* 'cover' powinno teraz działać dobrze, bo kontener ma właściwe proporcje.
                                      Można też użyć 'contain' lub 'fill' dla pewności, ale 'cover' jest standardem
                                      gdy proporcje są zachowane. */
        border-radius: 0 !important; /* Resetowanie border-radius, jeśli był ustawiony */
    }

    /* Uwaga dotycząca .tp-video-content:
       Jeśli wewnątrz .tp-video-wrap znajduje się element .tp-video-content (z tekstem/przyciskami na wideo),
       jego pozycjonowanie może wymagać dodatkowych dostosowań, ponieważ wysokość kontenera wideo
       będzie teraz dynamiczna. Domyślnie jest on pozycjonowany absolutnie na środku.
       Jeśli po tej zmianie tekst na wideo nie wyświetla się poprawnie, daj znać. */
}/* End custom CSS */