/* Got Hot Wheels Auctions - Help Hero Polish v32
   Changes only the top Help Center hero area on /help.
   It removes the hard-to-read chevron texture behind the Help Center text
   and replaces it with a cleaner red/black collector support banner.
*/

html body.ghw32-help-page .ghw32-help-hero,
html body.ghw32-help-page .ghw32-help-hero-wrap {
  background:
    radial-gradient(circle at 17% 46%, rgba(255, 139, 0, .24) 0%, rgba(255, 139, 0, 0) 19rem),
    radial-gradient(circle at 74% 24%, rgba(225, 0, 0, .20) 0%, rgba(225, 0, 0, 0) 25rem),
    linear-gradient(90deg, #180202 0%, #080505 46%, #020202 100%) !important;
  background-color: #080202 !important;
  background-image:
    radial-gradient(circle at 17% 46%, rgba(255, 139, 0, .24) 0%, rgba(255, 139, 0, 0) 19rem),
    radial-gradient(circle at 74% 24%, rgba(225, 0, 0, .20) 0%, rgba(225, 0, 0, 0) 25rem),
    linear-gradient(90deg, #180202 0%, #080505 46%, #020202 100%) !important;
  border-top: 1px solid rgba(255, 174, 0, .26) !important;
  border-bottom: 1px solid rgba(255, 174, 0, .32) !important;
  box-shadow:
    inset 0 28px 60px rgba(0,0,0,.48),
    inset 0 -20px 52px rgba(0,0,0,.46),
    0 10px 30px rgba(0,0,0,.28) !important;
}

/* Stop the chevron texture from showing in this specific hero area. */
html body.ghw32-help-page .ghw32-help-hero::before,
html body.ghw32-help-page .ghw32-help-hero::after,
html body.ghw32-help-page .ghw32-help-hero-wrap::before,
html body.ghw32-help-page .ghw32-help-hero-wrap::after {
  background-image: none !important;
  box-shadow: none !important;
}

/* Make the hero text read better. */
html body.ghw32-help-page .ghw32-help-hero h1,
html body.ghw32-help-page .ghw32-help-hero h2,
html body.ghw32-help-page .ghw32-help-hero-wrap h1,
html body.ghw32-help-page .ghw32-help-hero-wrap h2 {
  color: #fff !important;
  text-shadow:
    0 3px 0 #001a35,
    0 0 16px rgba(0,0,0,.85),
    0 0 24px rgba(255, 54, 0, .25) !important;
}

html body.ghw32-help-page .ghw32-help-hero p,
html body.ghw32-help-page .ghw32-help-hero-wrap p {
  color: rgba(255,255,255,.95) !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.75) !important;
}

/* Collector Support badge stays readable on the new banner */
html body.ghw32-help-page .ghw32-help-hero :where(.badge, .pill, [class*="badge" i], [class*="pill" i]),
html body.ghw32-help-page .ghw32-help-hero-wrap :where(.badge, .pill, [class*="badge" i], [class*="pill" i]) {
  background: rgba(45, 7, 4, .92) !important;
  border-color: rgba(255, 174, 0, .55) !important;
  color: #ffd15b !important;
}

/* Keep spacing close to current layout, just cleaner. */
html body.ghw32-help-page .ghw32-help-hero,
html body.ghw32-help-page .ghw32-help-hero-wrap {
  padding-top: 34px !important;
  padding-bottom: 32px !important;
}

@media (max-width: 800px) {
  html body.ghw32-help-page .ghw32-help-hero,
  html body.ghw32-help-page .ghw32-help-hero-wrap {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
  }
}