/* MIRACLES V8.6.2.4.7.6.3.8.4 — Inner Page First Click Stabilization */
@media (min-width: 701px){
  /* Kill every legacy hover/focus auto-open path. Click state is the only open state. */
  .nav-group .mega,
  .nav-group:hover .mega,
  .nav-group:focus-within .mega{
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translateY(-6px)!important;display:block!important;
  }
  .nav-group.is-open .mega{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transform:none!important;
  }
  /* RH compact floating menu used consistently on legacy static inner pages. */
  .nav-group .mega{
    position:fixed!important;right:auto!important;width:360px!important;max-width:calc(100vw - 40px)!important;
    padding:22px 38px 28px!important;background:rgba(246,243,237,.988)!important;
    box-shadow:0 14px 35px rgba(0,0,0,.10)!important;
    /* Legacy inner pages use transition:.22s, which animates LEFT from 0 on first click.
       Limit animation to opacity/transform so position is locked instantly. */
    transition-property:opacity,transform!important;
  }
  .nav-group .mega-grid{display:block!important;max-width:none!important;margin:0!important}
  .nav-group .mega a{display:block!important;padding:11px 0!important;border-bottom:1px solid rgba(0,0,0,.11)!important;font-size:14px!important;font-weight:300!important;line-height:1.35!important}

  /* Homepage uses data-panel instead of nav-group. Normalize it to the same RH card. */
  .mega-shell{position:absolute!important;left:0!important;right:0!important;top:124px!important;pointer-events:none!important}
  .mega-shell .mega[data-panel]{
    position:absolute!important;top:0!important;right:auto!important;width:360px!important;max-width:calc(100vw - 40px)!important;
    padding:22px 38px 28px!important;background:rgba(246,243,237,.988)!important;
    box-shadow:0 14px 35px rgba(0,0,0,.10)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:block!important;transform:translateY(-6px)!important;
  }
  .mega-shell .mega[data-panel].open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  .mega-shell .mega[data-panel] .mega-grid,
  .mega-shell .mega[data-panel].services .mega-grid,
  .mega-shell .mega[data-panel].products .mega-grid,
  .mega-shell .mega[data-panel].sectors .mega-grid,
  .mega-shell .mega[data-panel].about .mega-grid{display:block!important;max-width:none!important;margin:0!important}
  .mega-shell .mega[data-panel] .mega-intro,
  .mega-shell .mega[data-panel] .feature-card,
  .mega-shell .mega[data-panel] .mega-feature,
  .mega-shell .mega[data-panel] h4,
  .mega-shell .mega[data-panel] .product-statement,
  .mega-shell .mega[data-panel] .sector-statement,
  .mega-shell .mega[data-panel] .sector-cta,
  .mega-shell .mega[data-panel] .about-brand{display:none!important}
  .mega-shell .mega[data-panel] a{display:block!important;padding:11px 0!important;border-bottom:1px solid rgba(0,0,0,.11)!important;font-size:14px!important;font-weight:300!important;line-height:1.35!important}
}