
/* JobLik 0.33.288
   Scope: MOBILE landing-page platform cards ONLY.
   Remove unused blank area below CTA from all three cards.
   Desktop 0.33.287 is intentionally untouched.
*/
@media (max-width:760px){

  /* Let the three cards collapse to their real content height.
     This neutralizes older mobile fixed/min heights that created
     an empty band below the CTA. */
  body .jpx-card--smartcard,
  body .jpx-card--featured,
  body .jpx-card--construction{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding-bottom:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  /* Keep the existing image dimensions/appearance exactly as they are. */
  body .jpx-card--smartcard .jpx-card__image,
  body .jpx-card--featured .jpx-card__image,
  body .jpx-card--construction .jpx-card__image{
    margin-bottom:0!important;
  }

  /* Body height follows content instead of reserving dead vertical space. */
  body .jpx-card--smartcard .jpx-card__body,
  body .jpx-card--featured .jpx-card__body,
  body .jpx-card--construction .jpx-card__body{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    flex:0 0 auto!important;
    padding-bottom:10px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  /* CTA remains inside each card and the card ends shortly after it. */
  body .jpx-card--smartcard .jpx-card__body > strong,
  body .jpx-card--featured .jpx-card__body > strong,
  body .jpx-card--construction .jpx-card__body > strong{
    position:static!important;
    transform:none!important;
    margin-top:12px!important;
    margin-bottom:0!important;
    flex:0 0 auto!important;
  }
}

/* Desktop intentionally unchanged. */
