/* ESTYLUS V3.9 — Apresentação de produto */

/* Grelhas de produtos */
body.home .est3-products ul.products,
body.post-type-archive-product ul.products,
body.tax-product_cat ul.products {
  align-items: start;
}

/* Cartão da secção Novidades */
body.home .est3-products ul.products > li.product {
  background: transparent !important;
  box-shadow: none !important;
}

/* Área visual uniforme */
body.home .est3-products ul.products > li.product img,
body.post-type-archive-product ul.products > li.product img,
body.tax-product_cat ul.products > li.product img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #f4f1ee !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Reduzir o contraste das molduras */
body.home .est3-products ul.products > li.product > a:first-child {
  background: #f4f1ee !important;
  overflow: hidden !important;
}

/* Grelha de novidades com um único produto */
@media (min-width: 768px) {
  body.home .est3-products ul.products:has(> li.product:only-child) {
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    width: 100% !important;
  }

  body.home .est3-products ul.products > li.product:only-child {
    width: min(100%, 290px) !important;
    max-width: 290px !important;
    margin: 0 auto !important;
    float: none !important;
  }
}

/* Tipografia dos cartões */
body.home .est3-products ul.products > li.product .woocommerce-loop-product__title,
body.post-type-archive-product ul.products > li.product .woocommerce-loop-product__title {
  font-size: 15px !important;
  line-height: 1.45 !important;
  margin-top: 14px !important;
}

/* Transição discreta */
body.home .est3-products ul.products > li.product img,
body.post-type-archive-product ul.products > li.product img {
  transition: transform .3s ease !important;
}

@media (hover: hover) {
  body.home .est3-products ul.products > li.product:hover img,
  body.post-type-archive-product ul.products > li.product:hover img {
    transform: scale(1.025);
  }
}