/* Only the globe layer is styled. All shop content stays in the theme. */
.hk2-page .hk2-hero.hkcg-hero{position:relative;isolation:isolate}
.hk2-page .hk2-hero.hkcg-hero>.hk2-container{position:relative;z-index:4}
.hk2-page .hk2-hero.hkcg-hero>.he-glow{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 75% 65% at 50% 110%,rgba(66,133,244,.16),transparent 85%)}
.hk2-page .hk2-hero.hkcg-hero>.hkcg-stage{
  --hkcg-radius:clamp(380px,52vw,1000px);
  position:absolute;left:0;right:0;bottom:0;
  width:auto;height:clamp(220px,24vw,340px);
  overflow:hidden;pointer-events:none;z-index:2;
  contain:layout paint size;
}
.hkcg-stage>.hkcg-rim{
  position:absolute;left:50%;top:6px;
  width:calc(var(--hkcg-radius)*2);height:calc(var(--hkcg-radius)*2);
  margin-left:calc(var(--hkcg-radius)*-1);
  box-sizing:border-box;border-radius:50%;
  border:1px solid rgba(113,190,255,.58);
  background:radial-gradient(circle at 50% 0,rgba(46,113,218,.12),transparent 34%);
  box-shadow:0 -3px 16px rgba(66,155,255,.3),inset 0 5px 22px rgba(67,144,255,.15);
}
.hkcg-stage>canvas{
  position:absolute;inset:0;display:block;width:100%;height:100%;
  max-width:none!important;max-height:none!important;
  padding:0!important;margin:0!important;border:0!important;
  background:transparent!important;pointer-events:none;
}
@media(max-width:600px){.hk2-page .hk2-hero.hkcg-hero>.hkcg-stage{--hkcg-radius:90vw;height:220px}}