/* MIDAS v49 — verified navigation + mobile model grid + desktop service menu + hero animation */

/* Desktop service dropdown: true centered labels with safe inner spacing. */
@media (min-width:851px){
  .midas-services-nav,.midas-partners-nav{position:relative!important;overflow:visible!important}
  .midas-services-menu,.midas-partners-menu{
    left:50%!important;right:auto!important;top:calc(100% + 6px)!important;
    transform:translateX(-50%)!important;margin:0!important;
    box-sizing:border-box!important;
  }
  .midas-services-menu{width:270px!important;padding:8px!important}
  .midas-services-menu>a,
  .midas-services-menu .rus-menu-group>a,
  .midas-partners-menu>a{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:40px!important;
    padding:9px 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    line-height:1.2!important;
    white-space:normal!important;
  }
  /* transparent hover bridge between trigger and popup */
  .midas-services-nav::after,.midas-partners-nav::after{
    content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);
    width:290px;height:12px;background:transparent;pointer-events:auto;
  }
  .midas-services-nav:hover>.midas-services-menu,
  .midas-services-nav:focus-within>.midas-services-menu,
  .midas-services-nav.open>.midas-services-menu,
  .midas-partners-nav:hover>.midas-partners-menu,
  .midas-partners-nav:focus-within>.midas-partners-menu,
  .midas-partners-nav.open>.midas-partners-menu{display:block!important}
}

/* Mobile menu: definitive visibility rules. */
@media (max-width:850px){
  .midas-header-v6{overflow:visible!important;z-index:2147483000!important}
  .midas-header-inner{overflow:visible!important}
  .midas-menu-btn{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    position:relative!important;z-index:2147483646!important;pointer-events:auto!important;
    touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;
  }
  .midas-nav-v6{
    display:none!important;
    position:absolute!important;top:64px!important;left:12px!important;right:12px!important;
    width:auto!important;max-height:calc(100dvh - 78px)!important;overflow-y:auto!important;
    z-index:2147483645!important;pointer-events:auto!important;
  }
  .midas-nav-v6.open{display:flex!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
  .midas-nav-v6.open>*{flex:0 0 auto!important}

  /* STAGE 1: brand panel stays full width; ONLY the actual model list becomes 4 columns. */
  body.stage-v11 #stageBrandPanel,
  body.stage-v11 .stage-brand-panel{
    display:block!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    padding:0!important;margin:12px 0 0!important;
    border:0!important;background:transparent!important;box-shadow:none!important;
  }
  body.stage-v11 .stage-brand-copy{display:none!important}
  body.stage-v11 #stageBrandPanel>.stage-model-list,
  body.stage-v11 .stage-model-list,
  body.apps-v11 .apps-model-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;
  }
  body.stage-v11 .stage-model-button,
  body.apps-v11 .apps-model-button{
    width:100%!important;min-width:0!important;max-width:none!important;
    min-height:52px!important;height:auto!important;
    padding:8px 4px!important;margin:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    text-align:center!important;white-space:normal!important;
    overflow-wrap:break-word!important;word-break:normal!important;
    font-size:clamp(10px,2.75vw,12px)!important;line-height:1.1!important;
  }
  body.stage-v11 .stage-top-selector .eyebrow,
  body.stage-v11 .stage-selector-stack .eyebrow{text-align:center!important;width:100%!important}
  body.stage-v11 .stage-top-selector h1,
  body.stage-v11 .stage-selector-stack h1{text-align:center!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
}

@media (max-width:380px){
  body.stage-v11 #stageBrandPanel>.stage-model-list,
  body.stage-v11 .stage-model-list,
  body.apps-v11 .apps-model-grid{gap:5px!important}
  body.stage-v11 .stage-model-button,
  body.apps-v11 .apps-model-button{font-size:9px!important;padding:7px 2px!important;min-height:48px!important}
}

/* Desktop hero: visible premium mirror pass over the red MIDAS artwork. */
@media (min-width:851px){
  body.midas-home .midas-hero-desktop{position:relative!important;overflow:hidden!important;isolation:isolate!important}
  body.midas-home .midas-hero-desktop::after{
    content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:8!important;
    pointer-events:none!important;opacity:0;
    background:linear-gradient(108deg,transparent 0%,transparent 38%,rgba(255,255,255,.12) 43%,rgba(255,255,255,1) 48%,rgba(255,220,220,.55) 52%,transparent 58%,transparent 100%)!important;
    background-size:260% 100%!important;background-position:170% 0!important;
    -webkit-mask-image:url('midas-hero-red-mask.png')!important;mask-image:url('midas-hero-red-mask.png')!important;
    -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
    -webkit-mask-position:center!important;mask-position:center!important;
    -webkit-mask-size:100% 100%!important;mask-size:100% 100%!important;
    mix-blend-mode:screen!important;
    animation:midas-v49-sheen 3.8s ease-in-out infinite!important;
  }
  @keyframes midas-v49-sheen{
    0%,10%{background-position:170% 0;opacity:0}
    17%{opacity:1}
    50%{background-position:-70% 0;opacity:1}
    58%,100%{background-position:-70% 0;opacity:0}
  }
}