.elementor-36 .elementor-element.elementor-element-0a929d4{--display:flex;--min-height:100vh;--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:-225px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-36 .elementor-element.elementor-element-0a929d4:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-0a929d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://msm.lukaszlipka.pl/wp-content/uploads/2026/01/msm-main.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-36 .elementor-element.elementor-element-470e8db{--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:3%;--padding-bottom:3%;--padding-left:0%;--padding-right:0%;}.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-36 .elementor-element.elementor-element-422807f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:500;color:#000000;}.elementor-36 .elementor-element.elementor-element-480230c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:300;line-height:24px;color:#494949;}.elementor-36 .elementor-element.elementor-element-1569863 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:300;line-height:24px;color:#494949;}.elementor-36 .elementor-element.elementor-element-a3f131b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:300;line-height:24px;color:#494949;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-36 .elementor-element.elementor-element-5dac450 .elementor-button{background-color:#0A3802;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:300;border-style:solid;border-width:1px 1px 1px 1px;border-radius:4px 4px 4px 4px;}.elementor-36 .elementor-element.elementor-element-5dac450 .elementor-button:hover, .elementor-36 .elementor-element.elementor-element-5dac450 .elementor-button:focus{background-color:#FFFFFF;color:#0A3802;border-color:#0A3802;}.elementor-36 .elementor-element.elementor-element-5dac450{padding:1% 0% 0% 0%;}.elementor-36 .elementor-element.elementor-element-5dac450 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-36 .elementor-element.elementor-element-5dac450 .elementor-button:hover svg, .elementor-36 .elementor-element.elementor-element-5dac450 .elementor-button:focus svg{fill:#0A3802;}.elementor-36 .elementor-element.elementor-element-2b18c2c{--display:flex;}.elementor-36 .elementor-element.elementor-element-425b1d0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:500;color:#000000;}.elementor-36 .elementor-element.elementor-element-480b27c{--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;}@media(max-width:767px){.elementor-36 .elementor-element.elementor-element-0a929d4{--min-height:388px;}.elementor-36 .elementor-element.elementor-element-0a929d4:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-0a929d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 53px;background-repeat:no-repeat;background-size:509px auto;}.elementor-36 .elementor-element.elementor-element-470e8db{--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:6%;--padding-bottom:5%;--padding-left:3%;--padding-right:3%;}.elementor-36 .elementor-element.elementor-element-422807f .elementor-heading-title{font-size:21px;}.elementor-36 .elementor-element.elementor-element-480230c .elementor-heading-title{font-size:14px;line-height:20px;}.elementor-36 .elementor-element.elementor-element-1569863 .elementor-heading-title{font-size:14px;line-height:20px;}.elementor-36 .elementor-element.elementor-element-a3f131b .elementor-heading-title{font-size:14px;line-height:20px;}.elementor-36 .elementor-element.elementor-element-425b1d0 .elementor-heading-title{font-size:21px;}}/* Start custom CSS for container, class: .elementor-element-0a929d4 *//* B&W overlay that never fully disappears */
.bg-colorize{
  position: relative;
  isolation: isolate;
}
.bg-colorize::before{
  content:"";
  position:absolute; inset:0;
  background: inherit;
  background-size: inherit;
  background-position: inherit;
  background-repeat: inherit;
  filter: grayscale(100%);
  opacity: 1;                     /* start: pelne B&W */
  pointer-events: none;
  z-index: 0;

  /* scroll-linked fade, but stop above 0 */
  animation: bwToColorPartial linear both;
  animation-timeline: scroll(root block);
  animation-range: 0 var(--colorize-end, 240px);
}

/* Content above */
.bg-colorize > *{ position: relative; z-index: 1; }

/* End with partial opacity (controls final desaturation) */
@keyframes bwToColorPartial { 
  to { opacity: var(--bw-final, .28); }  /* .28 = ~28% B&W zostaje */
}

/* (Optional) preserve luminance while desaturating:
   uncomment one of the lines below if obraz robi sie za ciemny */
/* .bg-colorize::before{ mix-blend-mode: saturation; } */
/* .bg-colorize::before{ mix-blend-mode: color; } */

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .bg-colorize::before{ animation: none !important; }
}

/* Fallback (bez scroll-linked): pozostaje B&W z opacity=1 */
@supports not (animation-timeline: auto){
  .bg-colorize::before{ /* static */ }
}

/* Mobile fix: always full black & white */
@media (max-width: 768px) {
  .bg-colorize::before {
    opacity: 1 !important;       /* zawsze 100% B&W */
    animation: none !important;  /* bez animacji scrollowej */
  }
}/* End custom CSS */