/* JobLik 0.33.191 — Automotive landing completion.
   Desktop only:
   1) show the full hero vehicle artwork vertically (no top/bottom crop),
   2) make the second viewport follow the Construction market architecture.
   Dedicated /automotive/gallery and mobile layouts are intentionally untouched. */
@media (min-width:901px){
  /* --- First viewport: preserve the complete source artwork --- */
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-hero-media{
    height:clamp(410px,51dvh,490px)!important;
    min-height:0!important;
    max-height:490px!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
  }
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-hero-media .v0613-theme-car{
    width:100%!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    background:transparent!important;
  }
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-hero-media .v0613-theme-car img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    filter:none!important;
    background:transparent!important;
  }

  /* --- Second viewport: same hierarchy as Construction --- */
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only)>.v064-featured{
    box-sizing:border-box!important;
    min-height:calc(100dvh - 66px)!important;
    width:auto!important;
    max-width:none!important;
    margin:14px 30px 0!important;
    padding:10px 10px 26px!important;
    border:1px solid #dbe7ef!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .j190-auto-market-head{
    flex:0 0 auto!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .j190-auto-market-head>.apg-gallery-heading{
    min-height:88px!important;
    width:100%!important;
    margin:0!important;
    padding:14px 20px!important;
    border:0!important;
    border-radius:15px!important;
    box-sizing:border-box!important;
    background:#071c2d!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    direction:rtl!important;
  }
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .j190-auto-market-head .apg-gallery-copy small{
    color:#ff7900!important;
    font-size:11px!important;
    font-weight:850!important;
  }
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .j190-auto-market-head .apg-gallery-copy h2{
    margin:4px 0 0!important;
    color:#fff!important;
    font-size:27px!important;
    line-height:1.2!important;
    font-weight:950!important;
  }
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .j190-auto-market-head .apg-direct-gallery-link{
    min-height:44px!important;
    padding:0 18px!important;
    border:1px solid #ff7900!important;
    border-radius:10px!important;
    background:#ff7900!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-decoration:none!important;
    font-size:12px!important;
    font-weight:850!important;
  }

  /* White results panel immediately below the dark market header. */
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    min-height:390px!important;
    margin:12px 0 0!important;
    padding:16px 20px 22px!important;
    border:1px solid #dbe7ef!important;
    border-radius:14px!important;
    background:#fff!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    align-content:start!important;
    align-items:start!important;
    direction:rtl!important;
    overflow:visible!important;
  }

  /* Home cards use the same vertical card rhythm as the Construction market grid. */
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium>.apg-card{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:188px minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:375px!important;
    min-height:375px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #dce4ed!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
    direction:rtl!important;
    transform:none!important;
  }
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium>.apg-card:hover{
    transform:translateY(-2px)!important;
    border-color:#f4a261!important;
    box-shadow:0 12px 28px rgba(24,43,58,.11)!important;
  }
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .apg-media{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    height:188px!important;
    min-height:188px!important;
    max-height:188px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:#e8edf0!important;
    box-sizing:border-box!important;
  }
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .apg-media-slider,
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .apg-media-slider img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
  }
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .apg-media-slider img{
    object-fit:cover!important;
    object-position:center!important;
    border-radius:0!important;
  }
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .apg-body{
    grid-column:1!important;
    grid-row:2!important;
    min-width:0!important;
    height:187px!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    background:#fff!important;
    overflow:hidden!important;
    direction:rtl!important;
  }
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .apg-body>h3,
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .jam-mobile-card-copy,
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .apg-identity,
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .apg-meta,
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .apg-summary,
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .apg-member-info,
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .apg-actions{
    display:none!important;
  }
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .j139-desktop-card-copy{
    display:flex!important;
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    padding:12px 14px 8px!important;
    gap:4px!important;
    flex-direction:column!important;
    overflow:hidden!important;
    direction:rtl!important;
  }
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .j139-desktop-card-copy h3{
    margin:0 0 3px!important;
    min-height:0!important;
    color:#0a2242!important;
    font-size:16px!important;
    line-height:1.5!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .j139-desktop-card-copy p{
    margin:0!important;
    color:#526277!important;
    font-size:11px!important;
    line-height:1.55!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .j139-desktop-card-copy strong{
    margin:4px 0 0!important;
    color:#111827!important;
    font-size:14px!important;
    line-height:1.5!important;
  }
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .j139-desktop-card-copy span,
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .j139-desktop-card-copy time{
    color:#7b8798!important;
    font-size:10px!important;
    line-height:1.35!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .j139-card-status{
    flex:0 0 38px!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:44px 1fr 1fr!important;
    align-items:center!important;
    border-top:1px solid #e1e6ed!important;
    background:#fff!important;
    direction:rtl!important;
  }
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .j139-card-status>*{
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    border:0!important;
    border-left:1px solid #e1e6ed!important;
    font-size:10px!important;
    background:transparent!important;
  }
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .j139-card-status>*:last-child{border-left:0!important}
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .j139-identity{display:none!important}
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .j139-approved{color:#07975a!important;font-weight:900!important}
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium .j139-views{color:#ef6c00!important;font-weight:800!important}

  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-featured .apg-empty{
    grid-column:1/-1!important;
    min-height:220px!important;
    padding:48px 22px!important;
    border:1px dashed #aabac4!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#102a43!important;
    display:grid!important;
    place-items:center!important;
    text-align:center!important;
    font-size:14px!important;
  }

  /* Services start only after the second viewport is complete. */
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only)>.v064-services{
    margin-top:18px!important;
  }
}

@media (min-width:901px) and (max-height:760px){
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-hero-media{
    height:clamp(350px,49dvh,385px)!important;
    max-height:385px!important;
  }
  body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only)>.v064-featured{
    min-height:calc(100dvh - 64px)!important;
  }
}

@media (min-width:901px) and (max-width:1280px){
  html body[data-joblik-path="/automotive"] .v064-home:not(.automotive-gallery-only) .v064-cars-row.apg-grid.card-view-medium{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}