/* ============================================================================
   W2SHIRTFIX_V1 — horizontally centre the black/grey/navy T-shirt fronts.
   The mockup PNGs have the shirt's sleeve bbox shifted LEFT of the image centre
   (measured: white -1.1%, black -2.9%, grey -2.6%, navy -2.8% of image width),
   while the print layer sits at canvas centre -> the logo reads off-centre on
   non-white tees. Fix: nudge ONLY the garment layer (.shirt-img — separate from
   the print .shirt-overlay) to the RIGHT so the sleeve bbox is centred, sleeves
   equidistant from the photo edges. Width only, height untouched. White is left
   as-is (already ~centred, per request).

   Uses the individual `translate` property so it COMBINES with the existing
   viewport-specific transform:scale() (1.4 mobile / 1.32 desktop) instead of
   replacing it. Values = dx_native * (boxH/1180) * scale / boxWidth; mobile and
   desktop agree to <0.15% (sub-pixel), so one value each. The capture path
   (cart thumb + fullscreen) bakes `translate`, so those centre too. ========== */
.shirt-img[src*="tshirt_black_front"]{ translate:3.53% 0 !important; }
.shirt-img[src*="tshirt_grey_front"] { translate:3.19% 0 !important; }
.shirt-img[src*="tshirt_navy_front"] { translate:3.39% 0 !important; }