/* ==========================================================
   Carros Lagarto 10.32.286 — HOME / TOPO FINAL
   Esta folha depende explicitamente de home-premium + production-overrides,
   por isso vence as camadas históricas sem alterar o restante do site.
   ========================================================== */
@media (max-width:767px){
  /* Mantém SEMPRE o mesmo tamanho externo aprovado. */
  html body.clc-home-premium figure.clc-service-postcard[data-clc-postcard-rotator],
  html body.clc-home-v62 figure.clc-service-postcard[data-clc-postcard-rotator]{
    position:fixed!important;
    top:7px!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:178px!important;
    min-width:178px!important;
    max-width:178px!important;
    height:138px!important;
    min-height:138px!important;
    max-height:138px!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    border-radius:15px!important;
    overflow:hidden!important;
    background:#071011!important;
    box-sizing:border-box!important;
    transition:none!important;
    animation:none!important;
    z-index:100040!important;
  }

  /* O frame continua 178x138; somente a foto real usa sua proporção 3:2. */
  html body.clc-home-premium figure.clc-service-postcard[data-clc-postcard-rotator] > .clc-postcard-original,
  html body.clc-home-v62 figure.clc-service-postcard[data-clc-postcard-rotator] > .clc-postcard-original{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#071011!important;
  }

  html body.clc-home-premium figure.clc-service-postcard[data-clc-postcard-rotator] > .clc-postcard-original > img,
  html body.clc-home-v62 figure.clc-service-postcard[data-clc-postcard-rotator] > .clc-postcard-original > img{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:50%!important;
    bottom:auto!important;
    display:block!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:119px!important;
    aspect-ratio:3 / 2!important;
    object-fit:contain!important;
    object-position:center center!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(-50%)!important;
  }

  /* O rotador informativo continua usando o frame completo. */
  html body.clc-home-premium figure.clc-service-postcard[data-clc-postcard-rotator] > .clc-category-banner-stage,
  html body.clc-home-v62 figure.clc-service-postcard[data-clc-postcard-rotator] > .clc-category-banner-stage,
  html body.clc-home-premium figure.clc-service-postcard[data-clc-postcard-rotator] .clc-category-info-banner,
  html body.clc-home-v62 figure.clc-service-postcard[data-clc-postcard-rotator] .clc-category-info-banner{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
  }

  /* Base inicial das laterais. O JS final calcula o centro exato da grade 5. */
  html body.clc-home-premium .clc-service-showcase .clc-service-side,
  html body.clc-home-v62 .clc-service-showcase .clc-service-side{
    width:74px!important;
    min-width:74px!important;
    max-width:74px!important;
    margin:0!important;
    padding:0!important;
  }
}