.elementor-1905 .elementor-element.elementor-element-5a64614{--display:flex;--min-height:400px;--justify-content:flex-end;--background-transition:0.3s;--overlay-opacity:0.79;border-style:none;--border-style:none;--border-radius:15px 15px 15px 15px;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-1905 .elementor-element.elementor-element-5a64614:not(.elementor-motion-effects-element-type-background), .elementor-1905 .elementor-element.elementor-element-5a64614 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1905 .elementor-element.elementor-element-5a64614:hover{background-color:#02010182;--overlay-opacity:0.79;border-style:none;box-shadow:0px 0px 59px -30px #B4C3E1;}.elementor-1905 .elementor-element.elementor-element-5a64614::before, .elementor-1905 .elementor-element.elementor-element-5a64614 > .elementor-background-video-container::before, .elementor-1905 .elementor-element.elementor-element-5a64614 > .e-con-inner > .elementor-background-video-container::before, .elementor-1905 .elementor-element.elementor-element-5a64614 > .elementor-background-slideshow::before, .elementor-1905 .elementor-element.elementor-element-5a64614 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1905 .elementor-element.elementor-element-5a64614 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF00 0%, #000000 72%);}.elementor-1905 .elementor-element.elementor-element-5a64614:hover::before, .elementor-1905 .elementor-element.elementor-element-5a64614:hover > .elementor-background-video-container::before, .elementor-1905 .elementor-element.elementor-element-5a64614:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-1905 .elementor-element.elementor-element-5a64614 > .elementor-background-slideshow:hover::before, .elementor-1905 .elementor-element.elementor-element-5a64614 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(180deg, #00000000 0%, #000000 72%);}.elementor-1905 .elementor-element.elementor-element-5a64614, .elementor-1905 .elementor-element.elementor-element-5a64614::before{--border-transition:0.3s;}.elementor-1905 .elementor-element.elementor-element-5a64614.e-con:hover{--e-con-transform-scale:1.05;}.elementor-1905 .elementor-element.elementor-element-b06dce5 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-1905 .elementor-element.elementor-element-b06dce5 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-1905 .elementor-element.elementor-element-b06dce5 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-1905 .elementor-element.elementor-element-b06dce5 .jet-listing-dynamic-field__content{text-align:left;}.elementor-1905 .elementor-element.elementor-element-b06dce5 .jet-listing-dynamic-field__icon{color:#FFFFFF;}.elementor-1905 .elementor-element.elementor-element-b06dce5 .jet-listing-dynamic-field__icon :is(svg, path){fill:#FFFFFF;}.elementor-1905 .elementor-element.elementor-element-27dbf1c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;}.elementor-1905 .elementor-element.elementor-element-27dbf1c:not(.elementor-motion-effects-element-type-background), .elementor-1905 .elementor-element.elementor-element-27dbf1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#7D869800;}.elementor-1905 .elementor-element.elementor-element-72f2261{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1905 .elementor-element.elementor-element-318cd2c .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}@media(max-width:767px){.elementor-1905 .elementor-element.elementor-element-5a64614{--min-height:179px;--border-radius:11px 11px 11px 11px;}.elementor-1905 .elementor-element.elementor-element-318cd2c .elementor-heading-title{font-size:18px;}}/* Start custom CSS for container, class: .elementor-element-5a64614 *//* ==========================================================================
   CZĘŚĆ 1: TYLKO DESKTOP I TABLET (Ekrany szersze niż 768px)
   Tu rządzisz rozmiarem kafelka na komputerze.
   ========================================================================== */
@media (min-width: 768px) {
    .elementor-1905 .elementor-element.elementor-element-5a64614 {
        /* SZEROKOŚĆ: */
        width: 100% !important;
        max-width: 700px !important; /* Twój "kaganiec" - zmień na 450px, 700px, ile chcesz */
        
        /* PROPORCJE (To trzyma kafelki w ryzach): */
        aspect-ratio: 16 / 9 !important;
       

        /* CENTROWANIE: */
        margin: 0 auto !important; 
        
        /* ESTETYKA: */
        border-radius: 20px !important;
        overflow: hidden !important;
        background-color: #000 !important;
        box-shadow: 0 15px 40px rgba(0,0,0,0.3);
        
        /* TECHNICZNE: */
        position: relative !important;
        isolation: isolate !important;
    }
}

/* ==========================================================================
   CZĘŚĆ 2: TYLKO MOBILE (Ekrany węższe niż 767px)
   Tu upewniamy się, że na telefonie jest zawsze na całą szerokość.
   ========================================================================== */
@media (max-width: 767px) {
    .elementor-1905 .elementor-element.elementor-element-5a64614 {
        width: 100% !important;
        max-width: 100% !important; /* Zdejmujemy kaganiec 700px */
        aspect-ratio: 16 / 9 !important; /* Trzymamy kinowy kształt */
        
        /* Mniejsze zaokrąglenia na małym ekranie */
        border-radius: 12px !important; 
        overflow: hidden !important;
        background-color: #000 !important;
        position: relative !important;
        isolation: isolate !important;
    }
}

/* ==========================================================================
   CZĘŚĆ 3: GLOBALNE NAPRAWY (Działają zawsze i wszędzie)
   To naprawia obrazek w tle i ten rozjechany przycisk.
   ========================================================================== */

/* A. NAPRAWA OBRAZKA (Żeby był tłem i nie rozpychał) */
.elementor-1905 .elementor-element.elementor-element-5a64614 img {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: -1 !important; /* Pod spód */
    display: block !important;
}

/* B. UKŁAD WEWNĘTRZNY (PADDING / ODDECH) */
.elementor-1905 .elementor-element.elementor-element-5a64614 > .elementor-container,
.elementor-1905 .elementor-element.elementor-element-5a64614 > .e-con,
.elementor-1905 .elementor-element.elementor-element-5a64614 .elementor-widget-wrap {
    width: 100% !important;
    height: 100% !important;
    
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-end !important; /* Dociśnij do dołu */
    
    /* TU ZMIENIASZ MARGINES WEWNĘTRZNY TREŚCI: */
    padding: 25px !important; 
}

/* C. NAPRAWA PRZYCISKU (Żeby nie był wielkim prostokątem) */
.elementor-1905 .elementor-element.elementor-element-5a64614 .elementor-widget-button,
.elementor-1905 .elementor-element.elementor-element-5a64614 .jet-listing-dynamic-link {
    width: auto !important;
    flex-grow: 0 !important; /* Zabrania rozciągania */
    margin: 0 !important; 
}

/* D. ODSTĘP TEKSTU OD PRZYCISKU */
.elementor-1905 .elementor-element.elementor-element-5a64614 .elementor-widget-heading, 
.elementor-1905 .elementor-element.elementor-element-5a64614 .elementor-widget-text-editor,
.elementor-1905 .elementor-element.elementor-element-5a64614 .jet-listing-dynamic-field {
    padding-right: 15px !important;
}
/* =========================================
   STYL LICZNIKA WYŚWIETLEŃ
   ========================================= */
/* --- WERSJA KOMPUTEROWA (Domyślna) --- */
/* =========================================
   STYL LICZNIKA WYŚWIETLEŃ (MODERN GLASS)
   ========================================= */

.elementor-1905 .elementor-element.elementor-element-5a64614 .view-counter {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    z-index: 10 !important;

    /* Efekt szklany: ciemny, półprzezroczysty z rozmyciem tła */
    background-color: rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(8px) !important; 
    -webkit-backdrop-filter: blur(8px) !important;
    
    color: #ffffff !important;
    
    font-family: 'Outfit', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    
    padding: 6px 12px !important;
    border-radius: 8px !important; /* Bardziej kanciasty dla stylu "tech" */
    
    /* Cienkie obramowanie zamiast neonowego cienia */
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
    
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* DODAJEMY CZERWONĄ KROPKĘ "LIVE" DLA KLIMATU WIDEO */
.elementor-1905 .elementor-element.elementor-element-5a64614 .view-counter::before {
    content: "" !important;
    width: 6px !important;
    height: 6px !important;
    background-color: #E8262C !important; /* Twoja czerwień */
    border-radius: 50% !important;
    box-shadow: 0 0 5px #E8262C !important;
}

/* --- WERSJA MOBILNA --- */
@media (max-width: 767px) {
    .elementor-1905 .elementor-element.elementor-element-5a64614 .view-counter {
        top: 10px !important;
        right: 10px !important;
        font-size: 9px !important;
        padding: 4px 8px !important;
    }
    .elementor-1905 .elementor-element.elementor-element-5a64614 .view-counter::before {
        width: 4px !important;
        height: 4px !important;
    }
}/* End custom CSS */