/* Mojolnir V30 stable final: product-page hero atmosphere tuning only.
   Background is now less blurred and more visible, while foreground stays readable. */

body.m30-page,
body.stage-page{
  --hero-scene-overlay:linear-gradient(90deg,rgba(5,6,10,.93) 0%,rgba(5,6,10,.76) 34%,rgba(5,6,10,.43) 68%,rgba(5,6,10,.28) 100%);
}
body.m30-page{--product-hero-scene:url(../explore-m30-hero-scene.png);}
body.stage-page{--product-hero-scene:url(../explore-stage-hero-scene.png);}

body.m30-page .hero,
body.stage-page .hero{
  min-height:790px!important;
  padding-top:126px!important;
  padding-bottom:76px!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
body.m30-page .hero::before,
body.stage-page .hero::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-18px!important;
  background-image:var(--product-hero-scene)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  filter:blur(8px) saturate(1.08) contrast(1.02)!important;
  transform:scale(1.045)!important;
  opacity:.74!important;
  z-index:0!important;
  pointer-events:none!important;
}
body.m30-page .hero::after,
body.stage-page .hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 14% 20%,rgba(111,66,245,.17),transparent 34%),
    radial-gradient(circle at 86% 18%,rgba(249,115,22,.10),transparent 30%),
    linear-gradient(180deg,rgba(4,5,8,.10),rgba(4,5,8,.22)),
    var(--hero-scene-overlay)!important;
}
body.m30-page .hero-grid,
body.stage-page .hero-grid{
  position:relative!important;
  z-index:2!important;
  grid-template-columns:.86fr 1.14fr!important;
  gap:62px!important;
  align-items:center!important;
}
body.m30-page .hero-grid > div:first-child,
body.stage-page .hero-grid > div:first-child{
  width:100%!important;
  max-width:600px!important;
}
body.m30-page .hero h1,
body.stage-page .hero h1{
  max-width:610px!important;
  margin-bottom:24px!important;
}
body.m30-page .hero p,
body.stage-page .hero p{
  max-width:575px!important;
  color:rgba(255,255,255,.87)!important;
  line-height:1.72!important;
}
body.m30-page .price,
body.stage-page .price{
  margin:28px 0 12px!important;
}
body.m30-page .color-row,
body.stage-page .color-row{
  margin:14px 0 22px!important;
}
body.m30-page .actions,
body.stage-page .actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:14px 16px!important;
  max-width:660px!important;
  margin-top:10px!important;
  position:relative!important;
  z-index:3!important;
}
body.m30-page .actions .btn,
body.stage-page .actions .btn{
  min-height:56px!important;
  padding:15px 28px!important;
}
body.m30-page .actions a[href="/"],
body.stage-page .actions a[href="/"]{
  margin-top:4px!important;
  min-width:172px!important;
}
body.m30-page .hero-card,
body.stage-page .hero-card{
  background:rgba(255,255,255,.96)!important;
  border-radius:40px!important;
  padding:20px!important;
  box-shadow:0 38px 130px rgba(0,0,0,.42)!important;
}
body.m30-page .hero-card img,
body.stage-page .hero-card img{
  border-radius:26px!important;
}
@media(max-width:900px){
  body.m30-page .hero,
  body.stage-page .hero{
    min-height:auto!important;
    padding-top:98px!important;
    padding-bottom:60px!important;
  }
  body.m30-page .hero::before,
  body.stage-page .hero::before{
    filter:blur(7px) saturate(1.08)!important;
    opacity:.70!important;
    transform:scale(1.04)!important;
  }
  body.m30-page .hero-grid,
  body.stage-page .hero-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  body.m30-page .hero-grid > div:first-child,
  body.stage-page .hero-grid > div:first-child,
  body.m30-page .hero p,
  body.stage-page .hero p{
    max-width:100%!important;
  }
  body.m30-page .actions,
  body.stage-page .actions{
    max-width:100%!important;
    gap:12px!important;
  }
  body.m30-page .actions .btn,
  body.stage-page .actions .btn{
    min-height:54px!important;
    padding:14px 20px!important;
  }
}