/* Wideo w tle górnego banera cennika. */
body .intro {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: 340px;
  overflow: hidden;
  padding: 44px clamp(28px, 5vw, 72px);
  border-radius: 16px;
  background: #eef0ef url("assets/banner.jpg") center / cover no-repeat;
}

.intro-video {
  position: absolute;
  z-index: -2;
  inset: -3px;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  object-fit: cover;
  filter: blur(2px);
  pointer-events: none;
}

.intro::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg,
    rgba(247, 249, 250, .94) 0%,
    rgba(247, 249, 250, .81) 48%,
    rgba(247, 249, 250, .50) 100%);
  pointer-events: none;
}

.intro-copy {
  max-width: 700px;
}

@media (max-width: 600px) {
  body .intro {
    min-height: 350px;
    padding: 30px 24px;
  }

  .intro::before {
    background: rgba(247, 249, 250, .84);
  }
}

@media (prefers-reduced-motion: reduce), print {
  .intro-video { display: none; }
}