/* DIVI WOW Background */
.dwb-wow{
  position: relative;
  width: 100%;
  min-height: var(--dwb-height, 70vh);
  border-radius: var(--dwb-radius, 24px);
  overflow: hidden;
  isolation: isolate;
}
.dwb-wow .dwb-bg{
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: linear-gradient(var(--dwb-gangle,130deg),
    var(--dwb-col-1, #6EE7F9),
    var(--dwb-col-2, #A78BFA),
    var(--dwb-col-3, #F472B6));
  background-size: 200% 200%;
  background-position: 0% 50%;
  animation: dwb-gradient calc(var(--dwb-gspeed,12) * 1s) ease-in-out infinite alternate !important;
  will-change: background-position;
  filter: saturate(1.1);
}
.dwb-wow[data-dwb-ready="1"] .dwb-bg{
  background-image: linear-gradient(var(--dwb-gangle,130deg), var(--dwb-col-1), var(--dwb-col-2), var(--dwb-col-3), var(--dwb-col-4, var(--dwb-col-1)));
}
@keyframes dwb-gradient{
  0%{ background-position: 0% 50%; }
  100%{ background-position: 100% 50%; }
}
.dwb-wow .dwb-content{
  position: relative;
  z-index: 2;
  color: #fff;
  padding: clamp(24px, 6vw, 64px);
  text-align: center;
}
.dwb-wow .dwb-content h1, .dwb-wow .dwb-content h2, .dwb-wow .dwb-content h3{
  color: #fff;
  text-shadow: 0 4px 30px rgba(0,0,0,.25);
}
.dwb-wow .dwb-canvas{
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: .9;
  width: 100%;
  height: 100%;
  display: block;
}
/* VB preview: wyłączamy canvas, ale gradient działa z CSS */
.dwb-vb-preview .dwb-canvas{ display: none !important; }