/* ==========================================================================
   jpszs.com — storefront skin
   --------------------------------------------------------------------------
   Loaded after the base theme and the design tokens (Admin → Styles order),
   so it only carries the overrides it actually needs.

   2026-11-09 — product detail
   1. Bold key words are set in the button colour. --amber-600 (#a96f2a) is
      the deep amber the primary button turns on hover: same brand orange,
      ~3.9:1 on the cream page — enough for bold running text.
   2. Automatic hyphenation is off, so words are not split across lines
      ("fric-tion"); breaking at a real hyphen ("one-piece") still works.
   3. The description block is left aligned. Justified text in a narrow
      column opens up ugly word gaps once hyphenation is off.
   ========================================================================== */

.product-description,
.product-description p,
.product-description li {
  text-align: left;
  -webkit-hyphens: manual;
  hyphens: manual;
}

.product-description strong {
  color: var(--amber-600, #a96f2a);
}