/*
 * DRTV Shop WOW — canonical responsive banner component.
 * Markup/controller mirrors the production Instant Wins banner while Shop owns
 * its artwork, copy, links and admin settings. No Pause control is generated.
 */
body.dptv-shop-wow-landing .dptv-shop-canonical-banner {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: clamp(300px, 27vw, 520px) !important;
  margin: 0 0 24px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #05070b !important;
  box-shadow: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
}
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide {
  position: absolute !important;
  inset: 0 !important;
  display: none !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: clamp(300px, 27vw, 520px) !important;
  padding: clamp(34px, 5vw, 70px) clamp(34px, 7vw, 96px) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .34s ease !important;
  isolation: isolate !important;
  background:
    linear-gradient(90deg, rgba(5,7,11,.98) 0%, rgba(5,7,11,.90) 32%, rgba(5,7,11,.55) 54%, rgba(5,7,11,.08) 76%, rgba(5,7,11,.04) 100%),
    radial-gradient(circle at 82% 18%, rgba(35,183,58,.16), transparent 30%),
    linear-gradient(135deg, #05070b, #10141d) !important;
}
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide.is-active {
  position: relative !important;
  display: grid !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__media {
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  display: block !important;
  overflow: hidden !important;
  background: #05070b !important;
}
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center right !important;
  filter: saturate(1.05) contrast(1.03) !important;
  opacity: 1 !important;
}
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide.is-image-loading .dptv-shop-hub-slide__media {
  background: linear-gradient(135deg, #05070b, #10141d) !important;
}
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide.is-image-failed .dptv-shop-hub-slide__media {
  display: none !important;
}
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__content {
  display: none !important;
  position: relative !important;
  z-index: 2 !important;
  width: auto !important;
  max-width: min(620px, 45vw) !important;
  min-width: 0 !important;
  transition: opacity .18s ease !important;
}
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide.is-image-loading .dptv-shop-hub-slide__content {
  opacity: 0 !important;
  visibility: hidden !important;
}
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide.is-image-ready .dptv-shop-hub-slide__content,
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide.is-image-failed .dptv-shop-hub-slide__content {
  opacity: 1 !important;
  visibility: visible !important;
}
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__content--desktop { display: block !important; }
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__content > span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 0 13px !important;
  margin: 0 0 16px !important;
  border-radius: 999px !important;
  background: var(--dptv-slide-kicker-bg, #10141d) !important;
  color: var(--dptv-slide-kicker-color, #fff) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__content h1 {
  margin: 0 !important;
  max-width: 12ch !important;
  color: var(--dptv-slide-title-color, #fff) !important;
  font-size: clamp(42px, 4.35vw, 74px) !important;
  line-height: .92 !important;
  letter-spacing: -.058em !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  text-shadow: 0 18px 46px rgba(0,0,0,.42) !important;
}
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__content p {
  margin: 16px 0 0 !important;
  max-width: 540px !important;
  color: var(--dptv-slide-text-color, rgba(255,255,255,.86)) !important;
  font-size: clamp(15px, 1.2vw, 19px) !important;
  line-height: 1.46 !important;
  font-weight: 750 !important;
}
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 22px !important;
}
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 48px !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #111827 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.16) !important;
}
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-btn.is-primary {
  background: var(--dptv-slide-btn-bg, #28b833) !important;
  color: var(--dptv-slide-btn-color, #fff) !important;
  box-shadow: 0 18px 40px rgba(40,184,51,.28) !important;
}
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slider__dots {
  position: absolute !important;
  left: clamp(28px, 7vw, 96px) !important;
  bottom: 0 !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: flex-end !important;
  gap: 10px !important;
  width: auto !important;
  max-width: calc(100% - 44px) !important;
}
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slider__dots button {
  position: relative !important;
  width: 42px !important;
  height: 44px !important;
  min-width: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
  box-shadow: none !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slider__dots button::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 18px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.42) !important;
}
body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slider__dots button.is-active::after {
  background: #ff3440 !important;
}

@media (max-width: 1180px) and (min-width: 761px) {
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner { min-height: 420px !important; }
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide {
    min-height: 420px !important;
    padding: 44px 56px !important;
    background: linear-gradient(90deg,rgba(5,7,11,.97),rgba(5,7,11,.82) 36%,rgba(5,7,11,.38) 64%,rgba(5,7,11,.05)),linear-gradient(135deg,#05070b,#10141d) !important;
  }
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__content { max-width: min(540px, 50vw) !important; }
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__content--desktop { display: none !important; }
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__content--tablet { display: block !important; }
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__content h1 { font-size: clamp(44px, 6vw, 70px) !important; max-width: 11ch !important; }
}

@media (max-width: 760px) {
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner {
    min-height: 460px !important;
    margin-bottom: 18px !important;
  }
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide {
    min-height: 460px !important;
    align-items: end !important;
    padding: 30px 22px 60px !important;
    background: linear-gradient(180deg,rgba(5,7,11,.18) 0%,rgba(5,7,11,.62) 46%,rgba(5,7,11,.96) 100%),linear-gradient(135deg,#05070b,#10141d) !important;
  }
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__media img { object-position: center top !important; opacity: .98 !important; }
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__content { max-width: min(360px, 100%) !important; }
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__content--desktop,
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__content--tablet { display: none !important; }
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__content--mobile { display: block !important; }
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__content > span { min-height: 28px !important; margin-bottom: 12px !important; font-size: 10px !important; padding: 0 11px !important; }
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__content h1 { font-size: clamp(42px, 12vw, 56px) !important; max-width: 9.5ch !important; line-height: .90 !important; letter-spacing: -.06em !important; }
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__content p { margin-top: 12px !important; font-size: 14.5px !important; line-height: 1.34 !important; max-width: 310px !important; }
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__content--mobile .dptv-shop-hub-slide__actions {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin-top: 18px !important;
    width: auto !important;
    max-width: 100% !important;
  }
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__content--mobile .dptv-shop-hub-btn {
    width: auto !important;
    max-width: 100% !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    font-size: 11px !important;
  }
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__content--mobile .dptv-shop-hub-btn.is-primary { min-width: min(198px, 100%) !important; }
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide__content--mobile .dptv-shop-hub-btn:not(.is-primary) { min-width: min(176px, 100%) !important; }
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slider__dots { left: 22px !important; bottom: 0 !important; }
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slider__dots button { width: 38px !important; }
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slider__dots button::after { bottom: 22px !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.dptv-shop-wow-landing .dptv-shop-canonical-banner .dptv-shop-hub-slide { transition: none !important; }
}