/* MetaCore home visual continuity · 2026-09-17
   Restores product imagery on tablet/mobile after the V2 showcase promotion.
   Desktop >=981px remains unchanged. */
@media (min-width:621px) and (max-width:980px){
  .hero.hero-77{
    padding-bottom:30px;
    background-position:62% center;
  }
  .hero.hero-77 .hero-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
  .hero.hero-77 .hero-right.hero-face{
    display:block!important;
    visibility:visible;
    position:relative;
    width:min(100%,720px);
    min-height:260px;
    height:260px;
    margin:0 auto;
    overflow:hidden;
    pointer-events:none;
  }
  .hero.hero-77 .hero-right.hero-face .mc-hero-stack,
  .hero.hero-77 .hero-right.hero-face .mc-hero-scribble,
  .hero.hero-77 .hero-right.hero-face .mc-hero-statcard{
    display:block!important;
    position:absolute;
  }
  .hero.hero-77 .mc-hero-stack{
    left:3%;
    top:0;
    width:min(58%,400px);
  }
  .hero.hero-77 .mc-hero-scribble{
    right:7%;
    top:2px;
    width:min(31%,220px);
  }
  .hero.hero-77 .mc-hero-statcard{
    right:8%;
    bottom:4px;
    width:min(22%,156px);
  }
}
@media (max-width:620px){
  .hero.hero-77{
    padding-bottom:24px;
  }
  .hero.hero-77 .hero-grid{
    gap:14px;
  }
  .hero.hero-77 .hero-right.hero-face{
    display:block!important;
    visibility:visible;
    position:relative;
    min-height:190px;
    height:190px;
    margin:2px 0 0;
    overflow:hidden;
    pointer-events:none;
  }
  .hero.hero-77 .hero-right.hero-face .mc-hero-stack{
    display:block!important;
    position:absolute;
    left:50%;
    top:0;
    width:min(92%,410px);
    transform:translateX(-50%);
  }
  .hero.hero-77 .hero-right.hero-face .mc-hero-scribble,
  .hero.hero-77 .hero-right.hero-face .mc-hero-statcard{
    display:none!important;
  }
}