/* JobLik 0.33.280
   Scope: ONLY the three platform-entry cards. */

/* 1) Remove ALL floating overlay badges from the three cards. */
.jpx-card--featured > .jpx-card__icon,
.jpx-card--construction > .jpx-card__icon,
.jpx-card--smartcard > .jpx-card__icon{
  display:none!important;
  visibility:hidden!important;
}

/* Common safe image behavior. */
.jpx-card--featured .jpx-card__image,
.jpx-card--construction .jpx-card__image,
.jpx-card--smartcard .jpx-card__image{
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}
.jpx-card--featured .jpx-card__image img,
.jpx-card--construction .jpx-card__image img,
.jpx-card--smartcard .jpx-card__image img{
  display:block!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  transform:none!important;
  box-sizing:border-box!important;
}

/* 2 + 3) Desktop: larger vehicle/building art without changing card architecture. */
@media(min-width:761px){
  .jpx-card--featured .jpx-card__image,
  .jpx-card--construction .jpx-card__image{
    height:142px!important;
    min-height:142px!important;
    max-height:142px!important;
  }

  .jpx-card--featured .jpx-card__image img{
    width:96%!important;
    height:96%!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:1px!important;
  }

  .jpx-card--construction .jpx-card__image img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:0!important;
  }

  .jpx-card--smartcard .jpx-card__image{
    height:142px!important;
  }
  .jpx-card--smartcard .jpx-card__image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
}

/* Mobile: keep cards contained, restore CTA ownership, remove dead space. */
@media(max-width:760px){
  .jpx-cards{
    gap:14px!important;
  }

  .jpx-card--featured,
  .jpx-card--construction,
  .jpx-card--smartcard{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }

  .jpx-card--featured .jpx-card__image,
  .jpx-card--construction .jpx-card__image{
    height:202px!important;
    min-height:202px!important;
    max-height:202px!important;
  }

  .jpx-card--featured .jpx-card__image img{
    width:98%!important;
    height:98%!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:0!important;
  }

  .jpx-card--construction .jpx-card__image img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:0!important;
  }

  .jpx-card--smartcard .jpx-card__image{
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
  }
  .jpx-card--smartcard .jpx-card__image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  /* All three bodies are normal-flow, so no CTA can leak into the next card. */
  .jpx-card--featured .jpx-card__body,
  .jpx-card--construction .jpx-card__body,
  .jpx-card--smartcard .jpx-card__body{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:18px 14px 14px!important;
    overflow:visible!important;
  }

  .jpx-card--featured .jpx-card__body > strong,
  .jpx-card--construction .jpx-card__body > strong,
  .jpx-card--smartcard .jpx-card__body > strong{
    position:static!important;
    display:flex!important;
    width:100%!important;
    min-height:46px!important;
    margin:12px 0 0!important;
    padding:7px 10px!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    border-radius:9px!important;
    opacity:1!important;
    visibility:visible!important;
    white-space:normal!important;
  }

  .jpx-card--construction .jpx-card__body > strong,
  .jpx-card--smartcard .jpx-card__body > strong{
    background:#fff!important;
    color:#e56700!important;
    -webkit-text-fill-color:#e56700!important;
    border:1px solid #f07818!important;
  }
  .jpx-card--featured .jpx-card__body > strong{
    background:#ff6900!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    border:1px solid #ff6900!important;
  }

  /* Smart-card: three compact feature tags, no blank band below them. */
  .jpx-card--smartcard .jpx-tags{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    min-height:0!important;
    margin:2px 0 0!important;
    overflow:visible!important;
  }
  .jpx-card--smartcard .jpx-tags span{
    min-width:0!important;
    padding:6px 3px!important;
    font-size:9.5px!important;
    line-height:1.45!important;
    text-align:center!important;
    white-space:normal!important;
  }
}

/* Desktop smart-card tags should also be three, aligned like the other cards. */
@media(min-width:761px){
  .jpx-card--smartcard .jpx-tags{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
  }
  .jpx-card--smartcard .jpx-tags span{
    min-width:0!important;
    white-space:nowrap!important;
    padding:5px 6px!important;
    text-align:center!important;
  }
}