.elementor-638 .elementor-element.elementor-element-5409fd71{--display:flex;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--overflow:hidden;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:16px 0px 0px 16px;--padding-top:120px;--padding-bottom:120px;--padding-left:120px;--padding-right:120px;}.elementor-638 .elementor-element.elementor-element-310fc4f3{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-638 .elementor-element.elementor-element-310fc4f3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-638 .elementor-element.elementor-element-310fc4f3 .elementor-wrapper{--video-aspect-ratio:1.77777;}/* Start custom CSS for container, class: .elementor-element-5409fd71 *//* 1. Upewnij się, że kontener jest punktem odniesienia */
.elementor-638 .elementor-element.elementor-element-5409fd71.video-hover-container {
    position: relative !important;
    overflow: hidden !important;
}

/* 2. Brutalne wymuszenie rozmiaru na wszystkim, co jest wewnątrz widgetu wideo */
.elementor-638 .elementor-element.elementor-element-5409fd71 .bg-video-element, 
.elementor-638 .elementor-element.elementor-element-5409fd71 .bg-video-element .elementor-wrapper, 
.elementor-638 .elementor-element.elementor-element-5409fd71 .bg-video-element video {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* To jest klucz: wypełnienie kadru */
    z-index: -1 !important;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    pointer-events: none;
}

/* 3. Overlay */
.elementor-638 .elementor-element.elementor-element-5409fd71::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    z-index: 0;
    pointer-events: none;
}

/* 4. Wyzwalacz */
.elementor-638 .elementor-element.elementor-element-5409fd71:hover .bg-video-element,
.elementor-638 .elementor-element.elementor-element-5409fd71:hover .bg-video-element .elementor-wrapper,
.elementor-638 .elementor-element.elementor-element-5409fd71:hover .bg-video-element video,
.elementor-638 .elementor-element.elementor-element-5409fd71:hover::before {
    opacity: 1;
}/* End custom CSS */