/* Final mobile homepage containment — loaded after all hero rules. */
@media (max-width:760px){
  html,body{
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow-x:hidden!important;
    position:relative!important;
    left:0!important;
    right:auto!important;
    transform:none!important;
  }
  #root,.classic-site{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow-x:hidden!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  .classic-site>*,.classic-site main,.classic-site main>section,
  #vk-utility-bar,#vk-public-nav{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  #vk-utility-bar,#vk-public-nav{
    left:0!important;
    right:0!important;
  }
  .classic-header{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding-left:14px!important;
    padding-right:14px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    box-sizing:border-box!important;
    left:0!important;
    right:0!important;
  }
  .classic-header .classic-brand,.classic-header .brand-lockup,
  .classic-header .brand-lockup>div{min-width:0!important;max-width:100%!important}
  .classic-header .brand-lockup.compact strong{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .classic-header .classic-menu{justify-self:end!important;margin:0!important;flex:0 0 auto!important}

  html body .classic-site section.classic-hero{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:245px 18px 32px!important;
    display:block!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    transform:none!important;
  }
  html body .classic-site .classic-hero-video-panel{
    display:block!important;
    top:0!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:270px!important;
    margin:0!important;
    transform:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  html body .classic-site .classic-hero-video-media{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
  }
  html body .classic-site .classic-hero-copy{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  html body .classic-site .classic-hero-copy::after{display:none!important}
  html body .classic-site .classic-hero h1{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    font-size:clamp(42px,14vw,52px)!important;
    line-height:.88!important;
    letter-spacing:-.035em!important;
    overflow:visible!important;
  }
  html body .classic-site .classic-hero h2,
  html body .classic-site .classic-hero-copy>p:not(.classic-kicker),
  html body .classic-site .classic-hero-copy>small{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  html body .classic-site .classic-actions{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin:18px 0 0!important;
    box-sizing:border-box!important;
  }
  html body .classic-site .classic-actions a{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    margin:0!important;
    padding:10px 12px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    white-space:normal!important;
  }
  .classic-site img,.classic-site video,.classic-site canvas,.classic-site svg{max-width:100%!important}
  .vk-install-row{
    max-width:calc(100vw - 16px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:390px){
  html body .classic-site section.classic-hero{padding:220px 16px 30px!important}
  html body .classic-site .classic-hero-video-panel{height:245px!important}
  html body .classic-site .classic-hero h1{font-size:clamp(40px,13.5vw,47px)!important}
}