/* Loja Douglas Assumpção — enquadramento fotográfico dos cards (12/11/2026).
   Imagens originais sem faixas borradas, vinhetas, molduras internas ou recorte
   de estampas quadradas. Aplica-se somente à vitrine; galeria, preços e compras
   continuam inalterados. */

/* As fotografias dos produtos são quadradas. Uma janela quadrada permite
   mostrá-las inteiras e elimina o preenchimento lateral difuso anterior. */
body.shop-manto #shop-product-grid :is(.shop-product-image,.atelier-product-art) {
  position:relative;
  isolation:isolate;
  display:block;
  flex:0 0 auto;
  width:100%;
  height:auto;
  min-height:0;
  margin:0;
  padding:0;
  aspect-ratio:1 / 1;
  overflow:hidden;
  background:#e8dfd1;
  border:0;
  border-bottom:1px solid #ded3bf;
  border-radius:0;
}

/* Os pseudo-elementos antigos repetiam a própria foto, desfocada, dos lados,
   e desenhavam um falso retângulo interno: remover ambos completamente. */
body.shop-manto #shop-product-grid :is(.shop-product-image,.atelier-product-art)::before,
body.shop-manto #shop-product-grid :is(.shop-product-image,.atelier-product-art)::after {
  content:none;
  display:none;
  border:0;
  background:none;
  filter:none;
}

/* Foto à borda do card, sem padding, barras, recortes ou movimento. */
body.shop-manto #shop-product-grid .shop-product-image > img {
  position:absolute;
  z-index:1;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  object-fit:cover;
  object-position:center center;
  transform:none;
}

/* O livro possui capa vertical: conservar a capa inteira sobre uma base lisa
   semelhante à cor do papel, sem ampliar uma segunda imagem nas laterais. */
body.shop-manto #shop-product-grid .atelier-product-art {
  background:linear-gradient(145deg,#e3d8c6,#d8c8b1);
}
body.shop-manto #shop-product-grid .atelier-product-art .atelier-product-link {
  position:absolute;
  z-index:1;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:9px;
}
body.shop-manto #shop-product-grid .atelier-product-art .atelier-product-link img {
  display:block;
  position:static;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  object-fit:contain;
  object-position:center center;
  transform:none;
}

/* O selo de compra deve aparecer POR CIMA da foto, nunca atrás dela. */
body.shop-manto #shop-product-grid .shop-product-image .shop-product-badge {
  position:absolute;
  z-index:4;
  top:9px;
  left:9px;
  right:auto;
  bottom:auto;
  display:inline-block;
  max-width:calc(100% - 18px);
  padding:4px 7px;
  border:1px solid rgba(227,200,151,.74);
  border-radius:5px;
  background:rgba(16,46,64,.94);
  color:#fff4df;
  box-shadow:0 2px 8px rgba(0,0,0,.16);
}

/* Não deslocar a arte sob o cursor. O hover elegante fica no card inteiro. */
@media (hover:hover) and (pointer:fine) {
  body.shop-manto #shop-product-grid .shop-product-image:hover > img,
  body.shop-manto #shop-product-grid .atelier-product-art .atelier-product-link:hover img {
    transform:none;
  }
}
@media (max-width:700px) {
  body.shop-manto #shop-product-grid :is(.shop-product-image,.atelier-product-art) {
    aspect-ratio:1 / 1;
  }
  body.shop-manto #shop-product-grid .atelier-product-art .atelier-product-link {padding:7px;}
  body.shop-manto #shop-product-grid .shop-product-image .shop-product-badge {
    top:6px;left:6px;
    max-width:calc(100% - 12px);
    padding:3px 5px;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.shop-manto #shop-product-grid :is(.shop-product-image,.atelier-product-art) img {
    transition:none;
  }
}