/* Mojolnir V24: restore product-page hero background images.
   Reason: ReactBits enhancement previously hid .hero::before globally. */
.hero::before,
.hero:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background:var(--hero-bg)!important;
  background-size:cover!important;
  background-position:center!important;
  opacity:1!important;
  z-index:0!important;
  pointer-events:none!important;
}
.hero::after,
.hero:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 18% 30%,rgba(111,66,245,.16),transparent 32%),
    radial-gradient(circle at 88% 20%,rgba(249,115,22,.12),transparent 30%),
    linear-gradient(180deg,rgba(7,8,12,.12),rgba(7,8,12,.40))!important;
}
.hero-grid{
  position:relative!important;
  z-index:2!important;
}
.hero{
  isolation:isolate!important;
}