/* JobLik 0.33.205 — show the full smart-card preview inside the mobile phone without bottom cropping. */
@media(max-width:650px){
  /*
   * 0.33.204 deliberately filled the phone width, but the .68 transform made the
   * real card taller than the available screen and clipped the bottom actions.
   * Keep the rendered width full while lowering the scale and compensating with
   * a wider pre-transform canvas. This preserves legibility and reveals 100% of
   * the card from QR/header through the final action row and bottom rule.
   */
  .jsh-home .jsh-phone{
    height:424px!important;
    min-height:424px!important;
    max-height:424px!important;
    overflow:hidden!important;
  }
  .jsh-home .jsh-real-card{
    width:178.6%!important;
    min-height:710px!important;
    transform:scale(.56)!important;
    transform-origin:top center!important;
    margin-left:-39.3%!important;
    margin-top:0!important;
    padding-top:15px!important;
    border-radius:24px 24px 28px 28px!important;
  }
  .jsh-home .jsh-showcase{
    height:520px!important;
    min-height:520px!important;
    max-height:520px!important;
  }
}
@media(max-width:390px){
  .jsh-home .jsh-phone{
    height:410px!important;
    min-height:410px!important;
    max-height:410px!important;
  }
  .jsh-home .jsh-real-card{
    width:185.2%!important;
    min-height:710px!important;
    transform:scale(.54)!important;
    margin-left:-42.6%!important;
  }
  .jsh-home .jsh-showcase{
    height:505px!important;
    min-height:505px!important;
    max-height:505px!important;
  }
}