/* UGCHost V106B — final mobile authority for the homepage hero/search region.
   Purpose: prevent any desktop-era width, alignment, transform or grid rule from
   pushing the hero content outside a real phone viewport, while keeping the
   approved mobile hero presentation centered. */

@media (max-width:700px){
  html,
  body.ugc-home-v19,
  body.ugc-home-v19 main,
  body.ugc-home-v19 .ugc19-home,
  body.ugc-home-v19 .ugc19-hero{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }

  body.ugc-home-v19 .ugc19-shell,
  body.ugc-home-v19 .ugc19-hero-inner,
  body.ugc-home-v19 .ugc19-hero-grid,
  body.ugc-home-v19 .ugc19-copy,
  body.ugc-home-v19 .ugc19-copy h1,
  body.ugc-home-v19 .ugc19-copy>p,
  body.ugc-home-v19 .ugc19-benefits,
  body.ugc-home-v19 .ugc19-search-wrap,
  body.ugc-home-v19 .ugc19-live-search,
  body.ugc-home-v19 .ugc19-visual{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
    transform:none!important;
    translate:none!important;
  }

  body.ugc-home-v19 .ugc19-shell{
    width:calc(100% - 24px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  body.ugc-home-v19 .ugc19-hero{
    padding:26px 0 22px!important;
  }

  body.ugc-home-v19 .ugc19-hero-grid{
    display:block!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    gap:0!important;
  }

  body.ugc-home-v19 .ugc19-copy{
    display:block!important;
    width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    text-align:center!important;
  }

  body.ugc-home-v19 .ugc19-kicker{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 12px!important;
    padding:0!important;
    text-align:center!important;
    white-space:normal!important;
  }

  body.ugc-home-v19 .ugc19-copy h1,
  html body.ugc-home-v19 .ugc19-copy h1#ugc19HeroTitle{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:0!important;
    text-align:center!important;
    white-space:normal!important;
    text-wrap:wrap!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    font-size:clamp(38px,10.4vw,48px)!important;
    line-height:1!important;
    letter-spacing:-.035em!important;
  }

  body.ugc-home-v19 .ugc19-copy>p{
    display:block!important;
    width:100%!important;
    max-width:390px!important;
    margin:17px auto 0!important;
    padding:0!important;
    text-align:center!important;
    font-size:13px!important;
    line-height:1.55!important;
  }

  body.ugc-home-v19 .ugc19-benefits{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:360px!important;
    margin:22px auto 0!important;
    gap:12px!important;
    text-align:left!important;
  }
  body.ugc-home-v19 .ugc19-benefit{
    width:min(100%,300px)!important;
    max-width:300px!important;
    min-width:0!important;
    margin:0 auto!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    justify-content:center!important;
  }

  body.ugc-home-v19 .ugc-affiliate-platform-strip,
  body.ugc-home-v19 .ugc-affiliate-platform-row,
  body.ugc-home-v19 .ugc-affiliate-platforms{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    transform:none!important;
    text-align:center!important;
    justify-content:center!important;
  }

  body.ugc-home-v19 .ugc19-search-wrap{
    display:block!important;
    width:100%!important;
    margin:22px auto 0!important;
    padding:0!important;
  }
  body.ugc-home-v19 .ugc19-search-title{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 9px!important;
    text-align:center!important;
    white-space:normal!important;
  }

  body.ugc-home-v19 .ugc19-live-search,
  body.ugc-home-v19 .ugc19-live-search.ugc9-master-search,
  body.ugc-home-v19 .ugc19-live-search.ugc-has-region{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:12px!important;
    gap:9px!important;
    overflow:visible!important;
  }

  body.ugc-home-v19 .ugc19-live-search .search-control,
  body.ugc-home-v19 .ugc19-live-search .search-control-profession,
  body.ugc-home-v19 .ugc19-live-search .ugc19-filter-control,
  body.ugc-home-v19 .ugc19-live-search #regionControl,
  body.ugc-home-v19 .ugc19-live-search #searchBtn{
    grid-column:1/-1!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  body.ugc-home-v19 .ugc19-live-search input,
  body.ugc-home-v19 .ugc19-live-search select,
  body.ugc-home-v19 .ugc19-live-search button{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  body.ugc-home-v19 .ugc19-popular{
    width:100%!important;
    max-width:100%!important;
    margin:9px auto 0!important;
    justify-content:center!important;
    text-align:center!important;
  }

  body.ugc-home-v19 .ugc19-visual{
    width:100%!important;
    margin:20px auto 0!important;
  }
}

@media (max-width:430px){
  body.ugc-home-v19 .ugc19-shell{width:calc(100% - 18px)!important}
  body.ugc-home-v19 .ugc19-copy h1,
  html body.ugc-home-v19 .ugc19-copy h1#ugc19HeroTitle{
    font-size:clamp(36px,10.2vw,44px)!important;
  }
}

@media (max-width:360px){
  body.ugc-home-v19 .ugc19-shell{width:calc(100% - 14px)!important}
  body.ugc-home-v19 .ugc19-copy h1,
  html body.ugc-home-v19 .ugc19-copy h1#ugc19HeroTitle{font-size:35px!important}
}