/* 0.8.63 — Peças em destaque
   - mantém até 12 peças reais e um card final especial para a vitrine;
   - corrige o conteúdo dos cards para ficar SEMPRE abaixo da foto;
   - usa a altura real do bloco de fornecedoras como referência no desktop;
   - o último slide é somente a arte completa, sem título/preço/botão de produto sobrepostos. */

/* Card especial: a arte é o conteúdo inteiro do slide. */
body.home-body .piece-card--all{
  position:relative;
  isolation:isolate;
  display:block!important;
  overflow:hidden;
  padding:0!important;
  background:#f6ece3;
  text-decoration:none;
  cursor:pointer;
  border:1px solid #eadfda;
  border-radius:8px;
  box-shadow:0 3px 10px rgba(41,16,26,.03);
}

body.home-body .piece-card--all img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:left center;
  image-rendering:auto;
  backface-visibility:hidden;
  transition:transform .28s ease;
}

body.home-body .piece-card--all:hover img{
  transform:none;
}

@media (min-width:1161px){
  /* O grid define uma única altura a partir da coluna mais alta (fornecedoras).
     A coluna dos destaques passa a esticar exatamente até essa mesma linha. */
  body.home-body .content-layout{
    align-items:stretch!important;
  }

  body.home-body .featured-area{
    min-width:0!important;
    display:flex!important;
    align-self:stretch!important;
  }

  body.home-body .featured-carousel{
    flex:1 1 auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
  }

  body.home-body .featured-carousel__viewport,
  body.home-body .featured-track{
    height:100%!important;
    min-height:0!important;
  }

  body.home-body .featured-track{
    align-items:stretch!important;
  }

  body.home-body .featured-track > .piece-card{
    height:100%!important;
    min-height:0!important;
    box-sizing:border-box!important;
  }

  /* Foto fica um pouco mais alta, mas não pode encolher e invadir o texto. */
  body.home-body .featured-track > .piece-card:not(.piece-card--all) .piece-card__photo{
    display:block!important;
    height:230px!important;
    flex:0 0 230px!important;
    min-height:230px!important;
    overflow:hidden!important;
    position:relative!important;
    z-index:0!important;
    background:#f2ece7!important;
  }

  body.home-body .featured-track > .piece-card:not(.piece-card--all) .piece-card__photo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
  }

  /* O campo inferior ocupa todo o restante da altura do card. */
  body.home-body .featured-track > .piece-card:not(.piece-card--all) .piece-card__body{
    position:relative!important;
    z-index:1!important;
    flex:1 1 auto!important;
    min-height:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    padding:12px 13px 14px!important;
    background:#fff!important;
  }

  body.home-body .featured-track > .piece-card:not(.piece-card--all) .piece-card__top{
    flex:0 0 auto!important;
  }

  body.home-body .featured-track > .piece-card:not(.piece-card--all) .piece-card__body p,
  body.home-body .featured-track > .piece-card:not(.piece-card--all) .piece-card__price{
    flex:0 0 auto!important;
  }

  body.home-body .featured-track > .piece-card:not(.piece-card--all) .piece-card__action{
    margin-top:auto!important;
    flex:0 0 auto!important;
  }

  /* O último slide usa a altura completa disponível e somente a arte. */
  body.home-body .piece-card--all{
    height:100%!important;
    min-height:0!important;
  }
}

@media (max-width:1160px){
  /* Em tablet/celular preserva a proporção da arte enviada e exibe tudo. */
  body.home-body .piece-card--all{
    aspect-ratio:1122 / 1402;
    min-height:0!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.home-body .piece-card--all img{transition:none}
}