/* =============================================================
   images.css — 写真スロット（差し替え式）
   本番では商品・パッケージの実写へ1行差し替え。
   多層背景で graceful fallback：
     primary(テーマ写真) → fallback(picsum・必ず読込) → base色
   ※商用利用可の素材（Unsplash / picsum）。実写差し替え時はこのファイルのURLのみ更新。
   ============================================================= */
:root{
  /* テーマ写真（Unsplash・幅1200・q80） */
  --img-apparel:   url("https://images.unsplash.com/photo-1441984904996-e0b6ba687e04?w=1200&q=80&auto=format&fit=crop");
  --img-cosmetics: url("https://images.unsplash.com/photo-1596462502278-27bfdc403348?w=1200&q=80&auto=format&fit=crop");
  --img-food:      url("https://images.unsplash.com/photo-1488477181946-6428a0291777?w=1200&q=80&auto=format&fit=crop");
  --img-editorial: url("https://images.unsplash.com/photo-1607344645866-009c320b63e0?w=1400&q=80&auto=format&fit=crop");
  --img-cta:       url("https://images.unsplash.com/photo-1513885535751-8b9238bd345a?w=1600&q=80&auto=format&fit=crop");

  /* 必ず読み込めるフォールバック（グレースケール写真） */
  --fb-apparel:   url("https://picsum.photos/id/1027/1200/1500?grayscale");
  --fb-cosmetics: url("https://picsum.photos/id/1080/1200/1500?grayscale");
  --fb-food:      url("https://picsum.photos/id/431/1200/1500?grayscale");
  --fb-editorial: url("https://picsum.photos/id/145/1400/1100?grayscale");
  --fb-cta:       url("https://picsum.photos/id/1059/1600/900?grayscale");
}

.ph-apparel{   background-image:var(--img-apparel),   var(--fb-apparel);   background-color:#b9ad93; background-size:cover; background-position:center; }
.ph-cosmetics{ background-image:var(--img-cosmetics), var(--fb-cosmetics); background-color:#cabfb0; background-size:cover; background-position:center; }
.ph-food{      background-image:var(--img-food),      var(--fb-food);      background-color:#c2b59a; background-size:cover; background-position:center; }
.ph-editorial{ background-image:var(--img-editorial), var(--fb-editorial); background-color:#d8cfba; background-size:cover; background-position:center; }
.ph-cta{       background-image:var(--img-cta),       var(--fb-cta);       background-color:#efe7d6; background-size:cover; background-position:center; }