/* v129: Category hero uses the homepage dark banner but shifts the background crop by category.
   Only affects category page hero. Sidebar, product grid, inline product detail, and homepage are not touched. */

.cat-v4-hero{
  background:
    linear-gradient(180deg,rgba(7,12,22,.70),rgba(7,12,22,.78)),
    radial-gradient(circle at 16% 22%, rgba(105,212,200,.22), transparent 32%),
    radial-gradient(circle at 86% 8%, rgba(241,116,158,.16), transparent 30%),
    url('../img/banner.png') center var(--hl3c-cat-hero-y, 50%)/cover no-repeat!important;
}

.cat-v4-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(3,8,18,.20),rgba(3,8,18,.06),rgba(3,8,18,.28));
  opacity:.62;
  z-index:0;
}

.cat-v4-hero > *{
  position:relative!important;
  z-index:2!important;
}