.elementor-609 .elementor-element.elementor-element-9864c5f{--display:flex;--overlay-opacity:0.4;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;}.elementor-609 .elementor-element.elementor-element-9864c5f:not(.elementor-motion-effects-element-type-background), .elementor-609 .elementor-element.elementor-element-9864c5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://maximadachy.pl/wp-content/uploads/2026/05/maximadachy-tlo.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-609 .elementor-element.elementor-element-9864c5f::before, .elementor-609 .elementor-element.elementor-element-9864c5f > .elementor-background-video-container::before, .elementor-609 .elementor-element.elementor-element-9864c5f > .e-con-inner > .elementor-background-video-container::before, .elementor-609 .elementor-element.elementor-element-9864c5f > .elementor-background-slideshow::before, .elementor-609 .elementor-element.elementor-element-9864c5f > .e-con-inner > .elementor-background-slideshow::before, .elementor-609 .elementor-element.elementor-element-9864c5f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-609 .elementor-element.elementor-element-af9539e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-609 .elementor-element.elementor-element-dfce3fa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;text-align:start;}.elementor-609 .elementor-element.elementor-element-dfce3fa .elementor-heading-title{font-size:50px;text-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);color:var( --e-global-color-blocksy_palette_8 );}.elementor-609 .elementor-element.elementor-element-f17c4df{--divider-border-style:solid;--divider-color:var( --e-global-color-317d9f0 );--divider-border-width:3px;width:var( --container-widget-width, 133px );max-width:133px;--container-widget-width:133px;--container-widget-flex-grow:0;}.elementor-609 .elementor-element.elementor-element-f17c4df .elementor-divider-separator{width:100%;}.elementor-609 .elementor-element.elementor-element-f17c4df .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-609 .elementor-element.elementor-element-a56a8ce .woocommerce-breadcrumb{color:#FFFFFF;font-size:16px;}.elementor-609 .elementor-element.elementor-element-a56a8ce .woocommerce-breadcrumb > a{color:#CCCCCC;}.elementor-609 .elementor-element.elementor-element-f3f5e8c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-609 .elementor-element.elementor-element-1817c8a{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-609 .elementor-element.elementor-element-f22cbf0 .elementor-heading-title{font-size:36px;font-weight:300;}.elementor-609 .elementor-element.elementor-element-e78babe{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-609 .elementor-element.elementor-element-ef437ae{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-609 .elementor-element.elementor-element-d26b0d5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-609 .elementor-element.elementor-element-b99d466{--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;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-609 .elementor-element.elementor-element-c3eb7c9{text-align:start;}.elementor-609 .elementor-element.elementor-element-c3eb7c9 .elementor-heading-title{font-size:36px;font-weight:300;}.elementor-609 .elementor-element.elementor-element-d384bcf{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:30px 30px;--row-gap:30px;--column-gap:30px;--grid-auto-flow:row;}.elementor-609 .elementor-element.elementor-element-3b157e5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-609 .elementor-element.elementor-element-837c7bf img{height:220px;object-fit:cover;object-position:center center;}.elementor-609 .elementor-element.elementor-element-81f9511{--display:flex;--padding-top:35px;--padding-bottom:35px;--padding-left:30px;--padding-right:30px;}.elementor-609 .elementor-element.elementor-element-71fa82d .elementor-heading-title{font-size:20px;font-weight:800;color:#3F4648;}.elementor-609 .elementor-element.elementor-element-3eda50f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-609 .elementor-element.elementor-element-f86ed84 img{height:220px;object-fit:cover;object-position:center center;}.elementor-609 .elementor-element.elementor-element-48f7ab1{--display:flex;--padding-top:35px;--padding-bottom:35px;--padding-left:30px;--padding-right:30px;}.elementor-609 .elementor-element.elementor-element-3da4844 .elementor-heading-title{font-size:20px;font-weight:800;color:#3F4648;}.elementor-609 .elementor-element.elementor-element-5485889{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-609 .elementor-element.elementor-element-b04d787 img{height:220px;object-fit:cover;object-position:center center;}.elementor-609 .elementor-element.elementor-element-c1c3d23{--display:flex;--padding-top:35px;--padding-bottom:35px;--padding-left:30px;--padding-right:30px;}.elementor-609 .elementor-element.elementor-element-b39542c .elementor-heading-title{font-size:20px;font-weight:800;color:#3F4648;}.elementor-609 .elementor-element.elementor-element-5f115b0{--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;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-609 .elementor-element.elementor-element-c117677{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-609 .elementor-element.elementor-element-1817c8a{--width:50%;}.elementor-609 .elementor-element.elementor-element-d26b0d5{--width:50%;}}@media(max-width:1024px){.elementor-609 .elementor-element.elementor-element-9864c5f{--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-609 .elementor-element.elementor-element-dfce3fa{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-609 .elementor-element.elementor-element-dfce3fa .elementor-heading-title{font-size:35px;}.elementor-609 .elementor-element.elementor-element-d384bcf{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-609 .elementor-element.elementor-element-9864c5f:not(.elementor-motion-effects-element-type-background), .elementor-609 .elementor-element.elementor-element-9864c5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-609 .elementor-element.elementor-element-d384bcf{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-904be0f *//* --- GŁÓWNY KONTENER --- */
.mx-action-bar-new {
    display: flex;
    align-items: center;
    gap: 40px; /* Odstęp między telefonem a czerwoną etykietą */
    font-family: inherit;
}

/* --- SEKCJA TELEFONU --- */
.mx-phone-call {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Kółko wokół słuchawki */
.mx-phone-circle {
    width: 55px;
    height: 55px;
    border: 1px solid #444444; /* Ciemna, cienka ramka jak na screenie */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
}

/* Teksty telefonu */
.mx-phone-details {
    display: flex;
    flex-direction: column;
}

.mx-phone-label {
    font-size: 14px;
    font-weight: 800; /* Gruby font */
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1;
    margin-bottom: 5px;
}

.mx-phone-number {
    font-size: 30px;
    font-weight: 800; /* Bardzo gruby font */
    color: #e01c24; /* Firmowy czerwony */
    text-decoration: none;
    line-height: 1;
    letter-spacing: -0.5px;
    transition: opacity 0.3s ease;
}

.mx-phone-number:hover {
    opacity: 0.8; /* Lekki efekt po najechaniu myszką */
}

/* --- ETYKIETA Z DOŚWIADCZENIEM (27 LAT) --- */
.mx-exp-badge {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 25px;
    border-radius: 6px;
    color: #ffffff;
    
    /* Magia tła: Gradient + powtarzające się, na wpół przezroczyste ukośne paski */
    background-image: 
        repeating-linear-gradient(
            -45deg,
            transparent,
            transparent 4px,
            rgba(255, 255, 255, 0.1) 4px,
            rgba(255, 255, 255, 0.1) 8px
        ),
        linear-gradient(to right, #ff0000 0%, #ff6a00 100%);
        
    box-shadow: 0px 5px 15px rgba(224, 28, 36, 0.3); /* Delikatna poświata */
}

/* Duża liczba "27" */
.mx-exp-num {
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -1px;
}

/* Tekst "Lat na rynku" */
.mx-exp-text {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
}

/* --- RESPANSYWNOŚĆ (TELEFONY) --- */
@media (max-width: 600px) {
    .mx-action-bar-new {
        flex-direction: column; /* Na telefonie układamy jedno pod drugim */
        align-items: flex-start;
        gap: 25px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7e7236 *//* --- GŁÓWNY KONTENER --- */
.mx-collage-wrapper {
    position: relative;
    width: 100%;
    /* Dodany mały margines z góry i dołu dla oddechu */
    padding: 20px 0; 
}

/* --- TŁO SZKIC (BLUEPRINT) --- */
.mx-blueprint-bg {
    position: absolute;
    top: -25%;
    right: -25%; /* Przysunięte bardziej do środka, by nie ucinało się na brzegach */
    width: 120%; /* Szkic jest większy niż zdjęcia */
    height: 120%;
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
    opacity: 0.15; /* ZWIĘKSZONA WIDOCZNOŚĆ (było 0.15) */
    z-index: 1;
    pointer-events: none;
}

/* --- UKŁAD FLEXBOX ZE ZDJĘCIAMI --- */
.mx-collage-flex {
    display: flex;
    gap: 30px; 
    align-items: stretch; 
    position: relative;
    z-index: 2;
    width: 80%; /* KLUCZOWE: ZMNIEJSZA CAŁĄ SIATKĘ O 20% */
    margin: 0 auto; /* Środkuje pomniejszoną siatkę w kontenerze */
}

/* --- LEWA KOLUMNA --- */
.mx-col-left {
    width: calc(60% - 15px); 
    display: flex;
    flex-direction: column;
    justify-content: space-between; 
    gap: 30px; 
}

/* --- PRAWA KOLUMNA --- */
.mx-col-right {
    width: calc(40% - 15px); 
    display: flex;
    flex-direction: column;
    justify-content: flex-end; 
}

/* --- WSPÓLNE STYLE ZDJĘĆ --- */
.mx-photo {
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 15px 35px rgba(0,0,0,0.08);
    background-color: #f5f5f5;
    border-radius: 4px; /* Opcjonalnie: bardzo delikatnie zaokrąglone rogi (możesz usunąć jeśli wolisz ostre) */
}

.mx-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.mx-photo:hover img {
    transform: scale(1.05);
}

/* --- PROPORCJE I WYSOKOŚCI --- */
.mx-photo-top-left, 
.mx-photo-bottom-left {
    aspect-ratio: 5 / 4; 
}

.mx-photo-right {
    height: 85%; 
}

/* --- RESPANSYWNOŚĆ (TABLETY I TELEFONY) --- */
@media (max-width: 768px) {
    .mx-collage-flex {
        flex-direction: column; 
        gap: 20px;
        width: 100%; /* Na telefonie wracamy do 100% wielkości, bo ekran jest mały */
    }
    
    .mx-col-left,
    .mx-col-right {
        width: 100%; 
    }

    .mx-photo-right {
        height: auto; 
        aspect-ratio: 4 / 3; 
    }

    .mx-blueprint-bg {
        opacity: 0.1; /* Na telefonie lekko ukrywamy szkic */
        right: 0;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d384bcf *//* --- WYGLĄD BAZOWY KARTY --- */
.mx-karta-oferty {
    background-color: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    overflow: hidden; /* Przycina zdjęcie do zaokrąglonych rogów karty */
    box-shadow: 0 10px 30px rgba(0,0,0,0.03); /* Startowy, lekki cień */
    /* Ustawiamy ultra-płynną animację (zamiast standardowej z Elementora) */
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* --- ANIMACJA KARTY PO NAJECHANIU (HOVER) --- */
.mx-karta-oferty:hover {
    transform: translateY(-8px) !important; /* Unosi się o 8px do góry */
    box-shadow: 0 20px 40px rgba(0,0,0,0.08) !important; /* Cień robi się głębszy */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e62f45a *//* OKNO KARUZELI Z EFEKTEM PRZENIKANIA NA BOKACH */
.mx-logo-marquee-only {
    width: 100%;
    overflow: hidden;
    position: relative;
    /* Efekt zanikania po bokach */
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    /* Jeśli chcesz odstęp na górze i dole, zmień padding poniżej */
    padding: 20px 0; 
}

/* PASEK Z LOGAMI */
.mx-logo-track-only {
    display: flex;
    align-items: center;
    width: max-content; 
    animation: mxScrollLogosOnly 60s linear infinite; 
}

/* Zatrzymanie animacji po najechaniu myszką */
.mx-logo-track-only:hover { 
    animation-play-state: paused; 
}

/* POJEDYNCZE LOGO */
.mx-client-logo-only {
    width: 120px; 
    height: 50px; 
    object-fit: contain; 
    margin: 0 30px; 
    transition: transform 0.3s ease;
}

/* Efekt po najechaniu: lekki zoom */
.mx-client-logo-only:hover { 
    transform: scale(1.1); 
}

/* DEFINICJA ANIMACJI PRZESUWANIA */
@keyframes mxScrollLogosOnly { 
    0% { transform: translateX(0); } 
    100% { transform: translateX(-50%); } 
}

/* RESPANSYWNOŚĆ DLA TELEFONÓW */
@media (max-width: 768px) {
    .mx-client-logo-only {
        width: 90px; 
        height: 40px;
        margin: 0 15px;
    }
}/* End custom CSS */