/* ============================================================
   GOLDEN DECORS — Product Image Variations
   Makes existing images look unique per product using CSS
   object-position, scale, hue-rotate, brightness filters
   ============================================================ */

/* ---- FURNITURE ---- */
.img-sofa-lshape       { object-position: center 20%; }
.img-sofa-recliner     { object-position: center 40%; }
.img-sofa-chester      { object-position: center 30%; filter: brightness(1.05) saturate(1.1); }
.img-chair-exec        { object-position: center 25%; }
.img-chair-ergo        { object-position: center 35%; filter: brightness(1.08) saturate(0.95); }
.img-chair-conf        { object-position: center 20%; filter: brightness(1.04) hue-rotate(5deg); }
.img-dining-6          { object-position: center 30%; }
.img-dining-4          { object-position: center 40%; filter: brightness(1.06) saturate(1.08); }
.img-bedroom-king      { object-position: center 25%; }
.img-storage-shelving  { object-position: center 20%; filter: brightness(1.04) saturate(1.05); }

/* ---- CHALK BOARDS ---- */
.img-board-standard    { object-position: center 30%; }
.img-board-large       { object-position: center 20%; filter: brightness(0.96) saturate(1.2); }
.img-board-rolling     { object-position: center 40%; filter: brightness(1.05); }
.img-board-restaurant  { object-position: center 50%; filter: brightness(0.94) saturate(1.3) hue-rotate(8deg); }
.img-board-framed      { object-position: center 35%; filter: brightness(1.02) saturate(0.9); }
.img-board-mini        { object-position: center 45%; filter: brightness(1.08) saturate(0.85); transform: scale(1.08); }

/* ---- LADDERS ---- */
.img-ladder-4step      { object-position: center 30%; }
.img-ladder-6platform  { object-position: center 20%; filter: brightness(1.06); }
.img-ladder-8heavy     { object-position: center 15%; filter: brightness(0.96) saturate(1.1); }
.img-ladder-telescopic { object-position: center 40%; filter: brightness(1.04) contrast(1.05); }
.img-ladder-aframe     { object-position: center 25%; filter: brightness(0.98) saturate(1.08); }
.img-ladder-wall       { object-position: center 35%; filter: brightness(1.07) hue-rotate(-5deg); }

/* ---- LED BOARDS ---- */
.img-led-scrolling     { object-position: center 20%; }
.img-led-multiline     { object-position: center 35%; filter: brightness(1.1) saturate(1.15); }
.img-led-outdoor       { object-position: center 15%; filter: brightness(0.95) saturate(1.2) contrast(1.08); }
.img-led-shopname      { object-position: center 40%; filter: brightness(1.05) hue-rotate(10deg); }
.img-led-running       { object-position: center 30%; filter: brightness(1.08) saturate(1.1); }
.img-led-hoarding      { object-position: center 25%; filter: brightness(0.97) saturate(1.25) contrast(1.06); }

/* ---- HOME DECOR ---- */
.img-decor-vase        { object-position: center 20%; }
.img-decor-candle      { object-position: center 35%; filter: brightness(1.08) saturate(0.95) hue-rotate(-10deg); }
.img-decor-macrame     { object-position: center 40%; filter: brightness(1.04) saturate(0.88); }
.img-decor-mirror      { object-position: center 30%; filter: brightness(1.1) saturate(0.8) contrast(1.05); }
.img-decor-rug         { object-position: center 50%; filter: brightness(0.96) saturate(1.15) hue-rotate(15deg); }
.img-decor-cushion     { object-position: center 25%; filter: brightness(1.06) saturate(1.2); }
.img-decor-tray        { object-position: center 45%; filter: brightness(1.12) saturate(0.78); }
.img-decor-candle2     { object-position: center 38%; filter: brightness(1.05) hue-rotate(20deg) saturate(0.9); }
.img-decor-wallart     { object-position: center 22%; filter: brightness(0.95) saturate(1.18) contrast(1.04); }

/* Product card image hover — override scale per variant */
.product-card:hover .img-board-mini { transform: scale(1.12); }

/* ---- WARDROBE / STORAGE special card backgrounds ---- */
.card-bg-storage {
  background: linear-gradient(135deg, #f8f4ee, #ede6d8);
}
.card-bg-bedroom {
  background: linear-gradient(135deg, #1a1a2e, #22223b);
}