body.xn-campaign--offer {
  --xn-paper: #f3f0eb;
  --xn-surface: #fff;
  --xn-ink: #17151c;
  --xn-muted: #69646e;
  --xn-accent: #ff176d;
  --xn-accent-ink: #fff;
  --xn-secondary: #171a2b;
}

.xn-campaign--offer .xn-offer-hero {
  min-height: 790px;
  background: #151827;
  color: #fff;
}

.xn-campaign--offer .xn-offer-hero__image {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(18, 20, 34, .97) 0%, rgba(18, 20, 34, .9) 39%, rgba(18, 20, 34, .52) 70%, rgba(18, 20, 34, .7) 100%),
    url('/themes/templates/xeeni.com/images/wj_hero-fitted-wardrobes-20260828.png') center / cover no-repeat;
}

.xn-campaign--offer .xn-offer-hero h1 em {
  color: #ff4f91;
  font-style: normal;
}

.xn-campaign--offer .xn-offer-hero .xn-lede,
.xn-campaign--offer .xn-offer-hero .xn-microcopy {
  color: rgba(255, 255, 255, .72);
}

.xn-campaign--offer .xn-offer-hero .xn-button--secondary {
  border-color: rgba(255, 255, 255, .45);
  color: #fff;
}

.xn-campaign--offer .xn-offer-hero .xn-bullets li::before {
  background: rgba(255, 23, 109, .2);
}

.xn-campaign--offer .xn-offer-panel .xn-kicker {
  color: #ff4f91;
}

@media (max-width: 980px) {
  .xn-campaign--offer .xn-offer-hero__image {
    background:
      linear-gradient(180deg, rgba(18, 20, 34, .94) 0%, rgba(18, 20, 34, .82) 60%, rgba(18, 20, 34, .96) 100%),
      url('/themes/templates/xeeni.com/images/wj_hero-fitted-wardrobes-20260828.png') center / cover no-repeat;
  }
}