/* ============================================================
   Campaign hero — visible glow + grid (additive)
   ============================================================ */

/* Full-bleed grid — clearly visible on navy */
.campaign-hero__grid {
  opacity: 1 !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.11) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.11) 1px, transparent 1px) !important;
  background-size: 44px 44px !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

/* Let glow show past the bottom edge */
.campaign-hero__sticky {
  overflow: visible !important;
}

.campaign-hero__visual {
  overflow: visible !important;
}

/* Soft, expanded marigold glow behind mobile */
.campaign-hero__glow {
  left: 50% !important;
  top: auto !important;
  bottom: -8% !important;
  width: min(130%, 780px) !important;
  height: min(130%, 780px) !important;
  transform: translate(-50%, 0) !important;
  border-radius: 50% !important;
  background: radial-gradient(
    circle,
    rgba(242, 161, 27, 0.22) 0%,
    rgba(242, 161, 27, 0.12) 32%,
    rgba(242, 161, 27, 0.05) 58%,
    transparent 76%
  ) !important;
  filter: blur(28px) !important;
  opacity: 1 !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

/* Extra soft glow layer on the phone itself */
.campaign-hero__phone-anchor::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 40%;
  width: 220%;
  height: 180%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(242, 161, 27, 0.18) 0%,
    rgba(242, 161, 27, 0.08) 42%,
    transparent 72%
  );
  filter: blur(36px);
  z-index: 0;
  pointer-events: none;
}

.campaign-hero__phone {
  position: relative;
  z-index: 1;
}

.campaign-hero__phone-img {
  position: relative;
  z-index: 1;
  filter:
    drop-shadow(0 20px 40px rgba(0, 0, 0, 0.45))
    drop-shadow(0 0 48px rgba(242, 161, 27, 0.16)) !important;
}

/* Soft marigold glow around cards */
.campaign-hero__card img {
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.35),
    0 0 28px rgba(242, 161, 27, 0.18),
    0 0 52px rgba(242, 161, 27, 0.08) !important;
}