/* JobLik 0.33.279
   Scope: ONLY automotive + construction cards on platform home. */

/* 1) Remove floating icon badges only from vehicle and construction images. */
.jpx-card--featured > .jpx-card__icon,
.jpx-card--construction > .jpx-card__icon{
  display:none!important;
  visibility:hidden!important;
}

/* Keep card/body in normal flow after icon removal. */
.jpx-card--featured .jpx-card__body,
.jpx-card--construction .jpx-card__body{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  overflow:visible!important;
}

/* 2) Desktop: one-step larger artwork, but the card image stage itself stays compact.
      No crop, no transform, no stretch. */
@media (min-width:761px){
  .jpx-card--featured .jpx-card__image,
  .jpx-card--construction .jpx-card__image{
    height:138px!important;
    min-height:138px!important;
    max-height:138px!important;
    overflow:hidden!important;
  }

  .jpx-card--featured .jpx-card__image img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    padding:2px 5px!important;
    margin:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  .jpx-card--construction .jpx-card__image img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    padding:0 1px!important;
    margin:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
}

/* 3) Mobile: compact stage + force the market CTA back into visible normal flow. */
@media (max-width:760px){
  .jpx-card--featured .jpx-card__image,
  .jpx-card--construction .jpx-card__image{
    height:188px!important;
    min-height:188px!important;
    max-height:188px!important;
    overflow:hidden!important;
  }

  .jpx-card--featured .jpx-card__image img,
  .jpx-card--construction .jpx-card__image img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  .jpx-card--featured .jpx-card__image img{
    padding:6px 8px!important;
  }
  .jpx-card--construction .jpx-card__image img{
    padding:3px 2px!important;
  }

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

  .jpx-card--featured .jpx-card__body,
  .jpx-card--construction .jpx-card__body{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding-bottom:16px!important;
    overflow:visible!important;
  }

  .jpx-card--featured .jpx-card__body > strong,
  .jpx-card--construction .jpx-card__body > strong{
    position:static!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:calc(100% - 28px)!important;
    min-height:48px!important;
    margin:16px 14px 0!important;
    padding:8px 12px!important;
    box-sizing:border-box!important;
    border:1px solid #f07818!important;
    border-radius:10px!important;
    color:#e56700!important;
    -webkit-text-fill-color:#e56700!important;
    background:#fff!important;
    font-weight:900!important;
    text-align:center!important;
    line-height:1.5!important;
    white-space:normal!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
  }

  .jpx-card--featured .jpx-card__body > strong{
    background:#ff6900!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    border-color:#ff6900!important;
  }
}