/* Preview only: text-led reward and partner headers with no generated artwork. */
#app .rewards-new-hero,
#app .growth-hero.referral-hero,
#app .growth-hero.affiliate-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid #ffffff24;
  border-radius: 14px;
  background-image: none;
  box-shadow: none;
}
#app .rewards-new-hero { min-height: 245px; }
#app .rewards-new-hero::after,
#app .rewards-new-hero .reward-hero-creative { display: none; }
#app .rewards-new-hero-copy { max-width: none; padding: 32px 42px; }
#app .rewards-new-hero h1 { font-size: clamp(2.8rem, 4.8vw, 4.5rem); color: #f8f8f5; text-shadow: none; }
#app .rewards-new-hero h1 em { color: #f8f8f5; }
#app .rewards-overview-hero { background: linear-gradient(105deg, #121a22, #1a252b); }
#app .vip-new-hero { background: linear-gradient(105deg, #17191e, #242128); }
#app .weekly-new-hero { background: linear-gradient(105deg, #141d2a, #202b36); }
#app .daily-new-hero { background: linear-gradient(105deg, #211b24, #2b2428); }
#app .growth-hero.referral-hero {
  min-height: 250px;
  background: linear-gradient(105deg, #141d29, #212a36);
}
#app .growth-hero.affiliate-hero {
  min-height: 250px;
  background: linear-gradient(105deg, #1b1a25, #29232e);
}
#app .growth-hero.referral-hero .eyebrow,
#app .growth-hero.affiliate-hero .eyebrow { color: #c9d0d8; }
#app .growth-hero.referral-hero h1,
#app .growth-hero.affiliate-hero h1 { color: #f8f8f5; text-shadow: none; }
#app .growth-hero.referral-hero p,
#app .growth-hero.affiliate-hero p { color: #c9cbd0; text-shadow: none; }

/* Rewards destinations rely on typography instead of generated icons or art. */
#app .rewards-overview .reward-destination {
  min-height: 214px;
  padding: 20px;
  justify-content: flex-end;
  background: #1b232a;
  border: 1px solid #ffffff22;
  box-shadow: none;
}
#app .rewards-overview .reward-destination::before { display: none; }
#app .rewards-overview .daily-destination { --reward-tone: #d0d6cf; }
#app .rewards-overview .weekly-destination { --reward-tone: #bacbd9; }
#app .rewards-overview .vip-destination { --reward-tone: #d2c8db; }
#app .rewards-overview .race-destination { --reward-tone: #dbcbb4; }
#app .rewards-overview .reward-index {
  position: absolute;
  z-index: 2;
  top: 19px;
  left: 20px;
  color: var(--reward-tone);
  font: 600 .8rem/1 'DM Sans', Arial, sans-serif;
  letter-spacing: .14em;
}
#app .rewards-overview .reward-destination-body {
  position: relative;
  z-index: 2;
  max-width: 100%;
  margin-top: 0;
  text-shadow: none;
}
#app .rewards-overview .reward-destination-body small,
#app .rewards-overview .reward-destination-cta { color: var(--reward-tone); }
#app .rewards-overview .reward-destination-cta { position: relative; z-index: 2; margin-top: 18px; }
#app .rewards-overview .reward-destination-art { display: none; }
#app .rewards-redesign .reward-empty-state {
  display: block;
  border-color: #ffffff30;
  background: #20262c;
}
#app .rewards-redesign .vip-experience-grid article .reward-mark,
#app .rewards-redesign .vip-experience-grid article .nav-icon { display: none; }

@media (max-width: 700px) {
  #app .rewards-new-hero { min-height: 230px; }
  #app .rewards-new-hero-copy { max-width: 100%; padding: 28px 22px; }
  #app .rewards-new-hero h1 { font-size: clamp(2.6rem, 11vw, 3.8rem); }
  #app .growth-hero.referral-hero,
  #app .growth-hero.affiliate-hero { min-height: 235px; padding: 28px 22px; }
  #app .rewards-overview .reward-destination { min-height: 190px; padding: 16px; }
  #app .rewards-overview .reward-index { top: 16px; left: 16px; }
}