/* Yvette V4.32.7 — final phone treatment for the two front-door actions.
   On phones: equal visual tiles, mascot above title, no subtitle/arrow clutter. */

@media(max-width:600px){
  #start .yv430-photo-frontdoor{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:stretch!important;
    width:100%!important;
    padding:0!important;
  }

  #start .yv430-photo-frontdoor .yvette-photo-action{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    height:174px!important;
    min-height:174px!important;
    padding:12px 8px 14px!important;
    gap:7px!important;
    border-radius:30px!important;
    text-align:center!important;
    overflow:hidden!important;
  }

  #start .yv430-photo-frontdoor .yvette-photo-action > img{
    display:block!important;
    width:82px!important;
    height:82px!important;
    max-width:82px!important;
    max-height:82px!important;
    object-fit:contain!important;
    margin:0 auto!important;
    flex:0 0 auto!important;
  }

  #start .yv430-photo-frontdoor .yvette-photo-action > span{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    text-align:center!important;
  }

  #start .yv430-photo-frontdoor .yvette-photo-action strong{
    display:block!important;
    width:100%!important;
    margin:0!important;
    color:#fff!important;
    font-size:23px!important;
    line-height:1.02!important;
    font-weight:950!important;
    letter-spacing:-.25px!important;
    text-align:center!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
  }

  #start .yv430-photo-frontdoor .yvette-photo-action small,
  #start .yv430-photo-frontdoor .yvette-photo-action > b{
    display:none!important;
  }
}

@media(max-width:390px){
  #start .yv430-photo-frontdoor{
    gap:9px!important;
  }

  #start .yv430-photo-frontdoor .yvette-photo-action{
    height:164px!important;
    min-height:164px!important;
    padding:10px 6px 12px!important;
  }

  #start .yv430-photo-frontdoor .yvette-photo-action > img{
    width:74px!important;
    height:74px!important;
    max-width:74px!important;
    max-height:74px!important;
  }

  #start .yv430-photo-frontdoor .yvette-photo-action strong{
    font-size:21px!important;
  }
}