/* W3 product cards: one predictable frame for real product photos and branded placeholders. */
.product-card .product-art{
  position:relative;
  display:block;
  aspect-ratio:4 / 5;
  height:auto;
  overflow:hidden;
  background:#f7d7e2;
  border-bottom:1px solid #ead5df;
}
.product-card .product-art-primary,
.product-card .product-art-alt{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.product-card .product-art-alt{opacity:0;transition:opacity .25s ease}
.product-card .card-product-photo{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.product-card .card-placeholder{
  display:grid;
  justify-items:center;
  align-content:center;
  gap:1rem;
  width:100%;
  height:100%;
  padding:1.25rem;
  color:#24171d;
  text-align:center;
  background:
    radial-gradient(circle at 50% 20%,#fff9fb 0,transparent 38%),
    linear-gradient(145deg,#fbeaf1,#efc4d5);
}
.product-card .card-placeholder img{width:clamp(58px,28%,96px);height:auto;opacity:.78}
.product-card .card-placeholder span{max-width:13rem;font:italic 1.3rem/1.08 Fraunces,serif}
.product-card:hover .product-art-alt{opacity:1}
.product-card:hover .product-art-primary{opacity:0}
.product-card .quick-view{z-index:2}
@media(max-width:560px){
  .product-card .card-placeholder span{font-size:1.15rem}
}
@media(prefers-reduced-motion:reduce){.product-card .product-art-alt{transition:none}}