/* =====================================================================
   Giggle Toys — Subtle CSS-only watermark overlay (Tier 1 - testing)
   =====================================================================
   Adds a small "giggle.toys" text in the corner of product image
   containers using ::after pseudo-elements. CSS-only — does NOT modify
   the source image files, so:
   - Screenshots will include the watermark
   - But direct image downloads (DevTools / network tab) won't include it
   For true protection, image files must be re-processed at upload time.
===================================================================== */

/* Mark image containers as positioning context */
.mini-thumb,
.pcard-thumb,
#main-img,
.gallery .thumb,
.blog-cover,
.review-photos .rp {
  position: relative;
}

/* Subtle bottom-right watermark */
.mini-thumb::after,
.pcard-thumb::after,
#main-img::after,
.gallery .thumb::after,
.blog-cover::after {
  content: "giggle.toys";
  position: absolute;
  right: 6px;
  bottom: 6px;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2px;
  color: rgba(255, 255, 255, 0.85);
  background: rgba(0, 0, 0, 0.35);
  padding: 2px 6px;
  border-radius: 4px;
  pointer-events: none;
  user-select: none;
  z-index: 3;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

/* Bigger watermark on product main image (more visible on full-size view) */
#main-img::after {
  font-size: 13px;
  padding: 3px 10px;
  right: 10px;
  bottom: 10px;
}