/* ModelBook — Mobile Hero Gap Hotfix */

/* Header mobile cleaner */
@media(max-width:900px){
  html,
  body{
    overflow-x:hidden!important;
  }

  .site-header.v6-header.unified-header{
    padding:18px 20px 0!important;
    margin:0!important;
    background:#070707!important;
    overflow:hidden!important;
  }

  .site-header .v6-logo-row{
    min-height:92px!important;
    height:92px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .site-header .brand{
    max-width:calc(100vw - 104px)!important;
    overflow:hidden!important;
  }

  .site-header .brand span{
    display:block!important;
    font-size:clamp(42px,12vw,58px)!important;
    line-height:.78!important;
    white-space:nowrap!important;
  }

  .site-header .brand img{
    max-width:calc(100vw - 120px)!important;
    max-height:76px!important;
    object-fit:contain!important;
  }

  .mobile-menu-toggle{
    right:0!important;
    width:58px!important;
    height:58px!important;
    min-height:58px!important;
    padding:17px!important;
  }

  .site-header .v6-nav{
    margin:0!important;
    padding-top:120px!important;
  }

  /* Important: no visible dead zone between header and hero */
  .hero.v6-hero.hero-cropped{
    margin-top:0!important;
    padding-top:0!important;
    border-top:0!important;
    min-height:calc(100svh - 110px)!important;
    background-color:#070707!important;
    background-size:cover!important;
    background-position:var(--hero-mobile-position, center center)!important;
  }

  /* If fake parallax is active, force image to cover full area */
  .hero.v6-hero.hero-cropped.mobile-parallax{
    background-image:none!important;
    overflow:hidden!important;
  }

  .hero.v6-hero.hero-cropped.mobile-parallax::before{
    inset:0!important;
    background-size:cover!important;
    background-position:var(--hero-mobile-position, center center)!important;
    transform:translate3d(0,var(--mobile-parallax-y,0px),0) scale(1.08)!important;
  }

  .hero.v6-hero.hero-cropped.mobile-parallax::after{
    inset:0!important;
    background:linear-gradient(to bottom,rgba(0,0,0,.15),rgba(0,0,0,.38))!important;
  }

  .hero .hero-inner{
    padding-top:0!important;
    margin-top:0!important;
  }

  .hero h1{
    font-size:clamp(54px,15vw,74px)!important;
    max-width:100%!important;
    overflow-wrap:normal!important;
  }

  .hero .tagline{
    font-size:clamp(28px,7vw,38px)!important;
    line-height:1.15!important;
  }
}

/* Very small iPhones */
@media(max-width:430px){
  .site-header .v6-logo-row{
    height:86px!important;
    min-height:86px!important;
  }

  .site-header .brand span{
    font-size:clamp(38px,11vw,50px)!important;
  }

  .mobile-menu-toggle{
    width:54px!important;
    height:54px!important;
    min-height:54px!important;
  }

  .hero.v6-hero.hero-cropped{
    min-height:calc(100svh - 104px)!important;
  }
}