/* =========================================================
   Carros Lagarto 10.32.294 — CARDS COM FOTO MAIS ALTA + BLOCO PRETO
   Objetivo mobile:
   - manter 2 colunas na Home;
   - ampliar a altura da foto sem deformar;
   - preservar o bloco preto inferior com respiro visual;
   - manter Marca/Modelo + Preço como informação principal.
   ========================================================= */

@media(max-width:740px){
  /* Mantém a grade pública em duas colunas e os cards alinhados pelo topo. */
  html body.clc-home-v63 .clc-free-cascade-grid,
  html body.clc-home-premium .clc-free-cascade-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:auto!important;
    align-items:start!important;
    gap:10px!important;
  }

  html body .clc-free-cascade-grid > .clc-free-category-carousel,
  html body .clc-free-cascade-grid > section:not(.clc-home-public-vehicle-card){
    grid-column:1 / -1!important;
  }

  /* Foto mais alta que 4:3, mantendo proporção e crop natural. */
  html body .clc-sponsored-section--vehicle-top .clc-home-sponsored-vehicle-card .clc-category-vehicle-media,
  html body .clc-free-cascade-grid .clc-home-public-vehicle-card .clc-category-vehicle-media,
  html body.clc-category-veiculos .clc-category-vehicle-card .clc-category-vehicle-media{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:6 / 5!important;
    overflow:hidden!important;
    background:#0a0d0b!important;
  }

  html body .clc-sponsored-section--vehicle-top .clc-home-sponsored-vehicle-card .clc-category-vehicle-media img,
  html body .clc-free-cascade-grid .clc-home-public-vehicle-card .clc-category-vehicle-media img,
  html body.clc-category-veiculos .clc-category-vehicle-card .clc-category-vehicle-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  /* Preserva o bloco preto inferior com respiro controlado. */
  html body .clc-sponsored-section--vehicle-top .clc-home-sponsored-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines,
  html body .clc-free-cascade-grid .clc-home-public-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines,
  html body.clc-category-veiculos .clc-category-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:7px!important;
    min-height:104px!important;
    height:auto!important;
    padding:11px 10px 14px!important;
    margin:0!important;
    background:#050807!important;
  }

  html body .clc-sponsored-section--vehicle-top .clc-home-sponsored-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines h3,
  html body .clc-free-cascade-grid .clc-home-public-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines h3,
  html body.clc-category-veiculos .clc-category-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines h3{
    margin:0!important;
    padding:0!important;
    font-size:13.5px!important;
    line-height:1.16!important;
    font-weight:850!important;
    color:#f5f7f5!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body .clc-sponsored-section--vehicle-top .clc-home-sponsored-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines h3 a,
  html body .clc-free-cascade-grid .clc-home-public-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines h3 a,
  html body.clc-category-veiculos .clc-category-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines h3 a{
    display:block!important;
    color:#f5f7f5!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body .clc-sponsored-section--vehicle-top .clc-home-sponsored-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines > strong,
  html body .clc-free-cascade-grid .clc-home-public-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines > strong,
  html body.clc-category-veiculos .clc-category-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines > strong{
    display:block!important;
    margin:0!important;
    padding:0!important;
    font-size:16.5px!important;
    line-height:1.08!important;
    font-weight:900!important;
    color:#63E600!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Mantém metadados/CTA antigos ocultos, sem consumir espaço. */
  html body .clc-sponsored-section--vehicle-top .clc-home-sponsored-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines p,
  html body .clc-sponsored-section--vehicle-top .clc-home-sponsored-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines .clc-category-vehicle-open,
  html body .clc-free-cascade-grid .clc-home-public-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines p,
  html body .clc-free-cascade-grid .clc-home-public-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines .clc-category-vehicle-open,
  html body.clc-category-veiculos .clc-category-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines p,
  html body.clc-category-veiculos .clc-category-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines .clc-category-vehicle-open{
    display:none!important;
    min-height:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
  }
}

@media(max-width:390px){
  html body .clc-sponsored-section--vehicle-top .clc-home-sponsored-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines,
  html body .clc-free-cascade-grid .clc-home-public-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines,
  html body.clc-category-veiculos .clc-category-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines{
    min-height:98px!important;
    padding:10px 9px 13px!important;
    gap:6px!important;
  }
  html body .clc-sponsored-section--vehicle-top .clc-home-sponsored-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines h3,
  html body .clc-free-cascade-grid .clc-home-public-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines h3,
  html body.clc-category-veiculos .clc-category-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines h3{
    font-size:12.8px!important;
  }
  html body .clc-sponsored-section--vehicle-top .clc-home-sponsored-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines > strong,
  html body .clc-free-cascade-grid .clc-home-public-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines > strong,
  html body.clc-category-veiculos .clc-category-vehicle-card .clc-category-vehicle-content.clc-vehicle-card-two-lines > strong{
    font-size:16px!important;
  }
}