/* JobLik 0.33.287
   Desktop landing only.
   Make Smart Card + Automotive cards use the SAME geometry as the now-approved Construction card.
   Images themselves are not replaced. Mobile is untouched.
*/

@media (min-width:761px){

  /* Identical outer architecture */
  body .jpx-card--smartcard,
  body .jpx-card--featured,
  body .jpx-card--construction{
    height:338px!important;
    min-height:338px!important;
    max-height:338px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  /* Identical image stage */
  body .jpx-card--smartcard .jpx-card__image,
  body .jpx-card--featured .jpx-card__image,
  body .jpx-card--construction .jpx-card__image{
    height:158px!important;
    min-height:158px!important;
    max-height:158px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
  }

  /* Preserve each artwork, only fit it into the same stage */
  body .jpx-card--smartcard .jpx-card__image img,
  body .jpx-card--featured .jpx-card__image img,
  body .jpx-card--construction .jpx-card__image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    transform:none!important;
    box-sizing:border-box!important;
    object-position:center center!important;
  }

  /* Vehicle + construction remain uncropped transparent artwork */
  body .jpx-card--featured .jpx-card__image img,
  body .jpx-card--construction .jpx-card__image img{
    object-fit:contain!important;
  }

  /* Smart-card banner remains a photographic banner */
  body .jpx-card--smartcard .jpx-card__image img{
    object-fit:cover!important;
  }

  /* Identical body architecture */
  body .jpx-card--smartcard .jpx-card__body,
  body .jpx-card--featured .jpx-card__body,
  body .jpx-card--construction .jpx-card__body{
    display:flex!important;
    flex-direction:column!important;
    height:180px!important;
    min-height:180px!important;
    max-height:180px!important;
    box-sizing:border-box!important;
    padding:14px 14px 18px!important;
    overflow:hidden!important;
  }

  /* Normalize heading/subtitle/tag vertical rhythm */
  body .jpx-card--smartcard .jpx-card__body > h3,
  body .jpx-card--featured .jpx-card__body > h3,
  body .jpx-card--construction .jpx-card__body > h3{
    margin-top:0!important;
    margin-bottom:6px!important;
  }

  body .jpx-card--smartcard .jpx-tags,
  body .jpx-card--featured .jpx-tags,
  body .jpx-card--construction .jpx-tags{
    margin-top:8px!important;
    margin-bottom:8px!important;
  }

  /* Identical CTA anchoring and bottom breathing room */
  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;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-height:38px!important;
    margin-top:auto!important;
    margin-bottom:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
}

/* Mobile intentionally untouched. */