/* JobLik 0.33.204 — mobile smart-card density + phone preview fill */
@media(max-width:650px){
  /* Hero phone: use the whole visible phone screen horizontally. */
  .jsh-home .jsh-showcase{height:500px!important;min-height:500px!important;max-height:500px!important;margin:0!important;transform:none!important;overflow:hidden!important}
  .jsh-home .jsh-hero-smart-layout{grid-template-columns:minmax(0,206px) minmax(100px,132px)!important;gap:9px!important;align-items:center!important;justify-content:center!important}
  .jsh-home .jsh-phone{width:206px!important;height:404px!important;min-height:404px!important;max-height:404px!important;padding:0!important;border-width:7px!important;border-radius:29px!important;background:#061b29!important;overflow:hidden!important}
  .jsh-home .jsh-phone:before{top:7px!important;width:64px!important;height:14px!important}
  .jsh-home .jsh-real-card{width:147%!important;min-height:595px!important;transform:scale(.68)!important;transform-origin:top center!important;margin-left:-23.5%!important;margin-top:0!important;border-radius:24px 24px 28px 28px!important;padding-top:15px!important}
  .jsh-home .jsh-feature-rail{gap:7px!important;align-self:center!important}
  .jsh-home .jsh-mini-card{min-height:47px!important;padding:6px 7px!important;border-radius:14px!important}
  .jsh-home .jsh-mini-copy b{font-size:9.8px!important}
  .jsh-home .jsh-mini-copy small{font-size:8.1px!important}

  /* Compress the post-hero information architecture instead of stacking tall full-width cards. */
  .jsh-home .jsh-strip{grid-template-columns:1fr 1fr!important;margin:12px 14px 0!important;border-radius:18px!important;overflow:hidden!important}
  .jsh-home .jsh-strip div{padding:14px 10px!important;min-height:78px!important;border-left:1px solid #e7eff3!important;border-bottom:1px solid #e7eff3!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
  .jsh-home .jsh-strip div:nth-child(2n){border-left:0!important}.jsh-home .jsh-strip div:nth-last-child(-n+2){border-bottom:0!important}
  .jsh-home .jsh-strip b{font-size:13px!important}.jsh-home .jsh-strip small{font-size:9.5px!important;margin-top:5px!important;line-height:1.55!important}

  .jsh-home .jsh-section{padding:40px 14px!important}
  .jsh-home .jsh-section-head{margin:0 auto 18px!important}
  .jsh-home .jsh-section-head>span,.jsh-home .jsh-audiences>div>span{font-size:13px!important}
  .jsh-home .jsh-section-head h2,.jsh-home .jsh-audiences h2{font-size:27px!important;line-height:1.45!important;margin:7px 0!important}
  .jsh-home .jsh-section-head p,.jsh-home .jsh-audiences p{font-size:13px!important;line-height:1.8!important;margin:7px 0!important}

  .jsh-home .jsh-benefit-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .jsh-home .jsh-benefit-grid article{padding:15px 13px!important;min-height:142px!important;border-radius:17px!important}
  .jsh-home .jsh-benefit-grid i{font-size:13px!important}
  .jsh-home .jsh-benefit-grid h3{font-size:16px!important;margin:11px 0 7px!important;line-height:1.5!important}
  .jsh-home .jsh-benefit-grid p{font-size:10.5px!important;line-height:1.75!important;margin:0!important}

  .jsh-home .jsh-dark-section{margin:0 12px!important;padding:34px 14px!important;border-radius:24px!important}
  .jsh-home .jsh-dark-section .jsh-section-head{margin-bottom:17px!important}
  .jsh-home .jsh-dark-section .jsh-section-head h2{font-size:26px!important}
  .jsh-home .jsh-feature-list{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .jsh-home .jsh-feature-list div{padding:14px 11px!important;min-height:112px!important;border-radius:15px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
  .jsh-home .jsh-feature-list b{font-size:13px!important;line-height:1.6!important}.jsh-home .jsh-feature-list small{font-size:10px!important;line-height:1.65!important;margin-top:6px!important}

  .jsh-home .jsh-steps{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .jsh-home .jsh-steps li{padding:14px 12px!important;min-height:118px!important;border-radius:16px!important}
  .jsh-home .jsh-steps b{width:34px!important;height:34px!important;border-radius:11px!important;margin-bottom:12px!important;font-size:13px!important}
  .jsh-home .jsh-steps strong{font-size:14px!important}.jsh-home .jsh-steps small{font-size:10px!important;line-height:1.6!important;margin-top:4px!important}

  .jsh-home .jsh-audiences{padding:40px 16px!important;gap:18px!important}
  .jsh-home .jsh-chips{gap:7px!important;justify-content:center!important}
  .jsh-home .jsh-chips span{padding:9px 12px!important;font-size:11px!important}

  .jsh-home .jsh-faq{padding:40px 18px!important}
  .jsh-home .jsh-faq .jsh-section-head{margin-bottom:10px!important}
  .jsh-home .jsh-faq details{padding:14px 0!important}
  .jsh-home .jsh-faq summary{font-size:14px!important;line-height:1.6!important}
  .jsh-home .jsh-faq p{font-size:12px!important;line-height:1.8!important;margin:10px 0 0!important}

  .jsh-home .jsh-final-cta{margin:8px 14px 38px!important;padding:24px 18px!important;border-radius:23px!important}
  .jsh-home .jsh-final-cta h2{font-size:24px!important;line-height:1.55!important;margin:8px 0!important}
  .jsh-home .jsh-final-cta .jsh-btn{min-height:50px!important;margin-top:14px!important}
}
@media(max-width:390px){
  .jsh-home .jsh-hero-smart-layout{grid-template-columns:minmax(0,194px) minmax(92px,124px)!important;gap:7px!important}
  .jsh-home .jsh-phone{width:194px!important;height:390px!important;min-height:390px!important;max-height:390px!important}
  .jsh-home .jsh-real-card{width:147%!important;transform:scale(.66)!important;margin-left:-23.5%!important}
  .jsh-home .jsh-mini-card{grid-template-columns:24px 1fr 24px!important;gap:5px!important;padding:6px!important;min-height:45px!important}
  .jsh-home .jsh-mini-check,.jsh-home .jsh-mini-icon{width:24px!important;height:24px!important;font-size:10px!important}
  .jsh-home .jsh-mini-copy b{font-size:9px!important}.jsh-home .jsh-mini-copy small{font-size:7.6px!important}
}