.elementor-20 .elementor-element.elementor-element-ffb8b87{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-2629c76{--display:flex;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0;--padding-top:50px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-20 .elementor-element.elementor-element-2629c76::before, .elementor-20 .elementor-element.elementor-element-2629c76 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-2629c76 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-2629c76 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-2629c76 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-2629c76 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-a80e3af{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 90px) 0px;}.elementor-20 .elementor-element.elementor-element-a80e3af .elementor-icon-wrapper{text-align:center;}.elementor-20 .elementor-element.elementor-element-a80e3af.elementor-view-stacked .elementor-icon{background-color:#FFFFFF78;}.elementor-20 .elementor-element.elementor-element-a80e3af.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-a80e3af.elementor-view-default .elementor-icon{color:#FFFFFF78;border-color:#FFFFFF78;}.elementor-20 .elementor-element.elementor-element-a80e3af.elementor-view-framed .elementor-icon, .elementor-20 .elementor-element.elementor-element-a80e3af.elementor-view-default .elementor-icon svg{fill:#FFFFFF78;}.elementor-20 .elementor-element.elementor-element-a80e3af .elementor-icon{font-size:100px;}.elementor-20 .elementor-element.elementor-element-a80e3af .elementor-icon svg{height:100px;}.elementor-20 .elementor-element.elementor-element-a80e3af .elementor-icon-wrapper svg{width:auto;}.elementor-20 .elementor-element.elementor-element-1820b24{text-align:center;}.elementor-20 .elementor-element.elementor-element-1820b24 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:18px;font-weight:300;text-transform:uppercase;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-18e3462{--display:flex;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.3;--padding-top:50px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-20 .elementor-element.elementor-element-18e3462:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-18e3462 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );background-image:url("https://nowel-sklep.pl/wp-content/uploads/2026/04/projekt-bez-nazwy-2026-04-29t234609.363.webp");background-position:center center;background-size:cover;}.elementor-20 .elementor-element.elementor-element-18e3462::before, .elementor-20 .elementor-element.elementor-element-18e3462 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-18e3462 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-18e3462 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-18e3462 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-18e3462 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-9a13351{text-align:center;}.elementor-20 .elementor-element.elementor-element-9a13351 .elementor-heading-title{font-size:18px;font-weight:400;text-transform:uppercase;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-fff4872{text-align:center;}.elementor-20 .elementor-element.elementor-element-fff4872 .elementor-heading-title{font-size:18px;font-weight:400;text-transform:uppercase;color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-4d6b422{--display:flex;--justify-content:flex-end;--overlay-opacity:0.2;--padding-top:50px;--padding-bottom:150px;--padding-left:50px;--padding-right:50px;}.elementor-20 .elementor-element.elementor-element-4d6b422:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-4d6b422 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );background-image:url("https://nowel-sklep.pl/wp-content/uploads/2026/04/projekt-bez-nazwy-2026-04-30t000201.124.webp");background-position:center center;background-size:cover;}.elementor-20 .elementor-element.elementor-element-4d6b422::before, .elementor-20 .elementor-element.elementor-element-4d6b422 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-4d6b422 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-4d6b422 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-4d6b422 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-4d6b422 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-262174f{text-align:center;}.elementor-20 .elementor-element.elementor-element-262174f .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;text-transform:uppercase;color:#FFFFFF;}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-a80e3af .elementor-icon{font-size:80px;}.elementor-20 .elementor-element.elementor-element-a80e3af .elementor-icon svg{height:80px;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-2629c76{--padding-top:20px;--padding-bottom:180px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-a80e3af .elementor-icon{font-size:55px;}.elementor-20 .elementor-element.elementor-element-a80e3af .elementor-icon svg{height:55px;}.elementor-20 .elementor-element.elementor-element-1820b24 .elementor-heading-title{font-size:15px;line-height:25px;}.elementor-20 .elementor-element.elementor-element-18e3462{--padding-top:20px;--padding-bottom:180px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-9a13351 .elementor-heading-title{font-size:15px;line-height:25px;}.elementor-20 .elementor-element.elementor-element-fff4872 .elementor-heading-title{font-size:15px;line-height:25px;}.elementor-20 .elementor-element.elementor-element-4d6b422{--padding-top:20px;--padding-bottom:180px;--padding-left:20px;--padding-right:20px;}.elementor-20 .elementor-element.elementor-element-262174f .elementor-heading-title{font-size:15px;line-height:25px;}}/* Start custom CSS for container, class: .elementor-element-2629c76 */.nowel-hero {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nowel-hero::before {
  content: "";
  position: absolute;
  inset: -20%;
  background:
    radial-gradient(circle at 20% 40%, rgba(255,255,255,.18) 0%, transparent 18%),
    radial-gradient(circle at 70% 30%, rgba(210,210,210,.14) 0%, transparent 20%),
    radial-gradient(circle at 45% 75%, rgba(255,255,255,.12) 0%, transparent 22%),
    linear-gradient(90deg, transparent 0%, rgba(255,255,255,.18) 48%, transparent 52%);
  background-size: 360px 360px, 420px 420px, 500px 500px, 90px 100%;
  filter: blur(10px);
  opacity: .75;
  animation: nowelGlow 9s ease-in-out infinite alternate;
}

.nowel-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      transparent 0px,
      transparent 42px,
      rgba(255,255,255,.18) 43px,
      rgba(255,255,255,.04) 45px,
      transparent 48px
    );
  filter: blur(1px);
  opacity: .45;
  animation: nowelLines 5s linear infinite;
}

.nowel-hero img {
  position: relative;
  z-index: 2;
  max-width: 520px;
  width: 55%;
  height: auto;
  animation: nowelLogo 2.2s ease forwards;
}

@keyframes nowelGlow {
  from {
    transform: translate3d(-3%, -2%, 0) scale(1);
  }
  to {
    transform: translate3d(3%, 2%, 0) scale(1.08);
  }
}

@keyframes nowelLines {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 90px 0;
  }
}

@keyframes nowelLogo {
  from {
    opacity: 0;
    transform: scale(.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (max-width: 767px) {
  .nowel-hero {
    min-height: 80vh;
  }

  .nowel-hero img {
    width: 78%;
  }
}



.nowel-logo {
  position: relative;
  z-index: 5;
  max-width: 560px;
  width: 55%;
  height: auto;
  filter: drop-shadow(0 0 18px rgba(255,255,255,.35));
  animation: nowelLogoIntro 3.5s ease forwards,
             nowelLogoPulse 4s ease-in-out infinite 3.5s;
}

@keyframes nowelVerticalMove {
  from {
    background-position: 0 -120px;
  }
  to {
    background-position: 0 120px;
  }
}

@keyframes nowelGlowMove {
  from {
    transform: translate(-3%, -2%) scale(1);
  }
  to {
    transform: translate(3%, 2%) scale(1.08);
  }
}

@keyframes nowelLogoIntro {
  0% {
    opacity: 0;
    transform: scale(.82);
    filter: blur(8px) drop-shadow(0 0 0 rgba(255,255,255,0));
  }

  55% {
    opacity: 1;
    transform: scale(1.04);
    filter: blur(0) drop-shadow(0 0 28px rgba(255,255,255,.55));
  }

  100% {
    opacity: 1;
    transform: scale(1);
    filter: blur(0) drop-shadow(0 0 18px rgba(255,255,255,.35));
  }
}

@keyframes nowelLogoPulse {
  0%, 100% {
    transform: scale(1);
    filter: drop-shadow(0 0 16px rgba(255,255,255,.28));
  }

  50% {
    transform: scale(1.025);
    filter: drop-shadow(0 0 30px rgba(255,255,255,.48));
  }
}

@media (max-width: 767px) {
  .nowel-hero {
    min-height: 80vh;
  }

  .nowel-logo {
    width: 82%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffb8b87 */html,
body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.ysl-slider {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  touch-action: none;

}

.ysl-slide {
  position: absolute;
  width: 100%;
  height: calc(100vh - 75px);
  min-height: calc(100vh - 75px);
  top: 0;
  left: 0;
  transition: transform 0.9s ease-in-out;
}

.ysl-slide:nth-child(1) { z-index: 3; }
.ysl-slide:nth-child(2) { z-index: 2; }
.ysl-slide:nth-child(3) { z-index: 1; }/* End custom CSS */