/* Campaign artwork and live controls, sized to the supplied references. */
.csr-banner-art {
  min-height: 0;
  background: #003567;
  line-height: 0;
}
.csr-banner-art > img {
  display: block;
  width: 100%;
  height: clamp(145px, 23vw, 380px);
  object-fit: fill;
}
.gift-popup-overlay { padding: 16px; }
.gift-popup {
  container-type: inline-size;
  width: min(552px, 100%, calc((100dvh - 32px) * 552 / 426));
  aspect-ratio: 552 / 426;
  min-height: 0;
  padding: 0;
  border-radius: 28px;
  background: #fff;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
}
.gp-artwork {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.gp-content { position: absolute; inset: 0; padding: 0; }
.gp-content h3 {
  position: absolute;
  top: 21.2%;
  left: 5.6%;
  margin: 0;
  font-weight: 900;
  letter-spacing: -.45cqw;
  line-height: 1;
}
.gp-excl {
  font-size: 10.1cqw;
  line-height: 1;
  letter-spacing: -.45cqw;
  font-weight: 900;
  color: #061020;
}
.gp-word {
  margin: 0;
  font-size: 14.5cqw;
  line-height: .95;
  font-weight: 900;
  letter-spacing: -.7cqw;
  color: #198300;
  background: linear-gradient(#61c900 3%, #229700 43%, #064600 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gift-popup #fdGiftText {
  position: absolute;
  left: 5.3%;
  top: 52.6%;
  width: 76%;
  margin: 0;
  font-size: 3.98cqw;
  line-height: 1.17;
  font-weight: 400;
  letter-spacing: -.09cqw;
  color: #101829;
}
.gift-popup #fdGiftText b { font-weight: 900; color: #1c6500; }
.gp-last-line { color: #091021; }
.gift-popup .gp-cta-btn {
  position: absolute;
  left: 13.7%;
  bottom: 10.6%;
  width: 72%;
  height: 14.6%;
  min-height: 0;
  padding: 0;
  gap: 2.4cqw;
  border: 2px solid #fff;
  border-radius: 4.2cqw;
  background: linear-gradient(180deg, #c9ff61 0%, #9bfb29 36%, #60e509 65%, #11b500 88%, #099900 100%);
  box-shadow: 0 0 4cqw #57e781b3, inset 0 1px 2px #fff;
  color: #061020;
  font: 900 5.05cqw/1 Arial, Helvetica, sans-serif;
  letter-spacing: -.18cqw;
  text-decoration: none;
}
.gp-cta-btn span { font-size: 7cqw; font-weight: 400; }
.gift-popup .gp-cta-btn:hover { filter: brightness(1.06); transform: none; }
.gift-popup small {
  position: absolute;
  left: 8%;
  bottom: 3.8%;
  width: 84%;
  margin: 0;
  font-size: 2.4cqw;
  line-height: 1.2;
  text-align: center;
  color: #45515e;
}
.gift-popup-close {
  top: 4%;
  right: 2.5%;
  width: 9.1cqw;
  height: 9.1cqw;
  padding: 0 0 .6cqw;
  border: 1px solid #e1e7e8;
  background: linear-gradient(#fff, #f4f8fa);
  box-shadow: 0 3px 10px #192b3430;
  color: #101827;
  font: 400 7cqw/1 Arial, Helvetica, sans-serif;
}
.gift-popup-close:hover { background: #fff; }
.gift-popup-close:focus-visible, .gp-cta-btn:focus-visible {
  outline: 3px solid #0056b3;
  outline-offset: 3px;
}
[dir="rtl"] .gp-content h3 { left: 5.6%; text-align: left; }
[dir="rtl"] .gift-popup #fdGiftText { text-align: right; }
@media (prefers-reduced-motion: reduce) {
  .gift-popup-overlay, .gift-popup { transition: none; }
}