.elementor-kit-12{--e-global-color-primary:#2C2C2C;--e-global-color-secondary:#464646;--e-global-color-text:#505050;--e-global-color-accent:#0D4A8C;--e-global-color-19f8319:#2EA3F2;--e-global-typography-primary-font-family:"Sora";--e-global-typography-primary-font-size:33px;--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Sora";--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:15px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:17px;--e-global-typography-accent-font-weight:500;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-12{--e-global-typography-primary-font-size:22px;--e-global-typography-secondary-font-size:18px;--e-global-typography-text-font-size:15px;--e-global-typography-accent-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Widoczne domyślnie, żeby strona nie znikała bez JS */
.scroll-blur {
    opacity: 1;
    filter: blur(0);
    transform: translateX(0);
}

/* Animacja działa dopiero po uruchomieniu skryptu */
html.animacje-aktywne .scroll-blur {
    opacity: 0;
    filter: blur(8px);
    transition:
        opacity 0.8s ease,
        filter 0.8s ease,
        transform 0.9s cubic-bezier(.22, 1, .36, 1);
    will-change: opacity, filter, transform;
}

html.animacje-aktywne .scroll-blur.animacja-lewa {
    transform: translateX(-60px);
}

html.animacje-aktywne .scroll-blur.animacja-prawa {
    transform: translateX(60px);
}

/* Sekcja po wejściu na ekran */
html.animacje-aktywne .scroll-blur.is-visible {
    opacity: 1;
    filter: blur(0);
    transform: translateX(0);
}

@media (max-width: 767px) {
    html.animacje-aktywne .scroll-blur.animacja-lewa {
        transform: translateX(-25px);
    }

    html.animacje-aktywne .scroll-blur.animacja-prawa {
        transform: translateX(25px);
    }

    html.animacje-aktywne .scroll-blur.is-visible {
        transform: translateX(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .scroll-blur {
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
        transition: none !important;
    }
}/* End custom CSS */