/* Marca de agua compartida por todos los fondos de producto. */
.product-visual,
.detail-image,
.cart-thumb {
  isolation: isolate;
  position: relative;
  overflow: hidden;
}
.product-visual::before,
.detail-image::before,
.cart-thumb::before,
.hero-art::before,
.business-banner::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url('assets/watermark.svg?v=f86cc38632') center / 220px 110px repeat;
  pointer-events: none;
  z-index: 0;
}
.product-visual::after,
.detail-image::after,
.cart-thumb::after,
.hero-art::after,
.business-banner::after {
  content: 'Abbey inflables';
  position: absolute;
  right: 8px;
  bottom: 8px;
  left: 8px;
  text-align: center;
  font-family: var(--font);
  font-size: 8px;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 1px;
  color: #343c308c;
  pointer-events: none;
  z-index: 2;
}
.product-image-button { position: relative; z-index: 1; padding-bottom: 27px; }
.card-badge { z-index: 2; }
.favorite { z-index: 3; }
.detail-image { padding-bottom: 45px; }
.detail-image img { position: relative; z-index: 1; }
.detail-image::after { bottom: 17px; font-size: 11px; }
.hero-art::before { inset: 20px -4% 10px 1%; border-radius: 48%; z-index: 1; }
.hero-art::after { bottom: 107px; left: 24%; right: 5%; font-size: 12px; color: #343c309e; transform: rotate(-7deg); }
.business-banner::before { left: 57%; background-size: 260px 130px; }
.business-banner::after { left: 58%; right: 15px; bottom: 16px; font-size: 10px; }
.cart-thumb { width: 77px; height: 87px; background: #eeeadd; border-radius: 6px; }
.cart-thumb::before { background-size: 105px 53px; }
.cart-thumb::after { font-size: 4px; letter-spacing: 0; bottom: 4px; right: 2px; left: 2px; }
.cart-thumb img { position: relative; z-index: 1; width: 100%; height: 100%; padding-bottom: 12px; background: transparent; }
@media (max-width: 800px) {
  .hero-art::before { inset: 45px -10% 45px -7%; }
  .hero-art::after { bottom: 83px; font-size: 9px; }
}
@media (max-width: 560px) {
  .product-visual::before { background-size: 170px 85px; }
  .product-visual::after { font-size: 6px; letter-spacing: .5px; bottom: 7px; }
  .product-image-button { padding-bottom: 24px; }
  .detail-image { padding-bottom: 35px; }
  .detail-image::after { bottom: 12px; font-size: 9px; }
  .hero-art::before { inset: 36px 1% 26px; }
  .hero-art::after { bottom: 89px; font-size: 10px; left: 15%; }
  .business-banner::before { left: 25%; top: 50%; }
  .business-banner::after { left: 29%; right: 12px; font-size: 8px; }
}