/* ==========================================================================
   BRANT X — CUSTOMER-FACING PRODUCT IMAGE WATERMARK OVERLAY SYSTEM
   Repeated subtle diagonal stock-style watermark across all product visuals
   Keeps source images untouched while protecting customer presentation
   ========================================================================== */

.pc-img,
.main-img,
#mainImg,
.thumbs-col .thumb,
#thumbRow .thumb,
.qv-image,
.modal-img-wrap,
.zoom-flyout,
.amz-prod-tile-img,
.ci-img-box,
.brantx-watermarked-media {
  position: relative !important;
  overflow: hidden !important;
}

/* Repeated Diagonal Watermark Layer */
.pc-img::after,
.main-img::after,
#mainImg::after,
.qv-image::after,
.modal-img-wrap::after,
.zoom-flyout::after,
.amz-prod-tile-img::after,
.ci-img-box::after,
.brantx-watermarked-media::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  background-image: url("/assets/brantx-watermark-pattern.svg") !important;
  background-repeat: repeat !important;
  background-size: 240px 137px !important;
  background-position: center center !important;
  z-index: 6 !important;
  opacity: 0.95 !important;
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
}

/* Scaled-down watermark repeat for small thumbnail boxes */
.thumbs-col .thumb::after,
#thumbRow .thumb::after,
.ci-img-box::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  background-image: url("/assets/brantx-watermark-pattern.svg") !important;
  background-repeat: repeat !important;
  background-size: 140px 80px !important;
  background-position: center center !important;
  z-index: 6 !important;
  opacity: 0.8 !important;
}

/* Ensure inner images sit below watermark overlay */
.pc-img > img,
.main-img > img,
#mainImg > img,
.thumbs-col .thumb > img,
#thumbRow .thumb > img,
.qv-image > img,
.ci-img-box > img {
  position: relative !important;
  z-index: 1 !important;
}