/* ==========================================================================
   Golf Gear Lab — canonical product image background rule.
   ==========================================================================
   WHY THIS FILE EXISTS
   This site accumulated 237 separate CSS rules across ~30 files that set a
   background on product-photo containers, going back and forth between light
   and dark at least 6 times (see the "FINAL", "DEFINITIVE", "HARD CLEAN"
   comment markers left behind in style.css as evidence). That happened
   because every previous fix ADDED a new override instead of removing the
   old ones, so the visible result depended on CSS load order — fragile, and
   guaranteed to break again the next time a stylesheet gets added or
   reordered.

   This time, the actual competing declarations were found and removed at
   the source (see SITE-STRUCTURE-AUDIT.md for the full list). This file is
   the deliberate single source of truth that remains, kept intentionally
   separate so it's easy to find, and loaded LAST on every page as a second
   line of defence — if anyone adds a new conflicting rule in the future,
   this one still wins, because it is both more specific and loaded after
   everything else.

   Product photos in this site's asset library are transparent-cutout WebP
   files (no baked-in background), so whatever the CSS puts behind them is
   what the visitor sees in the transparent margins. It must always be the
   light panel below — never dark — for isolated product photography.

   WHAT'S DELIBERATELY EXCLUDED
   Simulator room/package photography (.gps-hero-media, anything scoped to
   body.simulator-page or [data-category="simulator"]) is real environmental
   photography, not an isolated product cutout, and is correctly dark/moody
   by design. Do not add those selectors here.
   ========================================================================== */

html body :is(
  .ggl-visual-product,
  .gps-card-media,
  .product-image,
  .product-image--card,
  .product-image--review,
  .product-media,
  .compare-image-frame,
  .gsr-media img,
  .ggl-v33-image
):not(.gps-hero-media):not(.simulator-room-image):not(.simulator-package-image) {
  background: var(--ggl-product-panel, #f5f7f5) !important;
  background-image: none !important;
}

html body img.ggl-visual-product,
html body .gsr-media img,
html body .gps-card-media img,
html body .product-image img,
html body .product-media img {
  background: transparent !important;
}