/* ============================================================================
   theme-store — Store / Gallery. Spirit: clean retail, gold accents, generous
   white space. Signature: cream-100, gold-400, gold-200, peach-200.
   Pages: /shop/*, /store/, /gallery/, /tools/*
   ========================================================================== */
[data-theme="theme-store"] {
  --page-bg: var(--cream-100);
  --page-accent: var(--gold-400);
  --page-accent-2: var(--peach-200);
  --hero-from: var(--gold-100);
  --hero-to: var(--cream-100);
}

/* Product cards rise gently on hover (template ships base styles; we add lift) */
[data-theme="theme-store"] .shop-product-card,
[data-theme="theme-store"] .product-card,
[data-theme="theme-store"] .gallery-card {
  background: var(--cream-100); border: 1px solid var(--cream-400); border-radius: var(--r-md);
  transition: transform var(--dur-med) var(--ease-calm), box-shadow var(--dur-med) var(--ease-calm), border-color var(--dur-med) var(--ease-calm);
}
[data-theme="theme-store"] .shop-product-card:hover,
[data-theme="theme-store"] .product-card:hover,
[data-theme="theme-store"] .gallery-card:hover { transform: translateY(-4px); box-shadow: var(--sh-md); border-color: var(--gold-300); }

[data-theme="theme-store"] .shop-product-card__price,
[data-theme="theme-store"] .product-card__price { color: var(--gold-400); font-weight: 600; }
[data-theme="theme-store"] .shop-product-card__name { font-family: var(--ff-serif); color: var(--ink); }

/* Category chips on the store hero */
[data-theme="theme-store"] .store-cat-chip {
  display: inline-flex; align-items: center; gap: var(--s-2); text-decoration: none;
  background: var(--cream-100); border: 1px solid var(--cream-400); border-radius: var(--r-pill);
  padding: var(--s-2) var(--s-3); color: var(--ink); font-size: var(--fs-sm);
}
[data-theme="theme-store"] .store-cat-chip__dot { width: 9px; height: 9px; border-radius: var(--r-full); background: var(--cat-color, var(--gold-400)); }
[data-theme="theme-store"] .store__notice {
  display: inline-block; background: var(--gold-100); border: 1px solid var(--gold-300);
  color: var(--ink); border-radius: var(--r-pill); padding: var(--s-2) var(--s-4); font-size: var(--fs-sm); margin-bottom: var(--s-3);
}