/* Japanese and Chinese versions: no Hitmarker at all, plain sans-serif instead.
 * Hitmarker has neither kana nor Han glyphs, so those pages would mix Hitmarker
 * Latin/digits with a system font for everything else. Korean is the exception:
 * it keeps Hitmarker + PLN Octagon, see hangul-font.css. Russian stays on
 * Hitmarker as well, the font ships 122 Cyrillic glyphs.
 *
 * Scoped by the lang attribute of <html>, which index.php fills per market
 * (ja, zh-Hans, zh-Hant, ...). Selectors = every Webflow class and tag that
 * sets a Hitmarker family (see hangul-font.css). New Hitmarker classes go
 * into both files. */

html:is([lang="ja"], [lang^="zh"]) :is(
  body,
  h1, h2, h3, h4,
  .primary,
  .stepper-heading,
  .stepper-copy,
  .tag,
  .seg,
  .watch-launch-date,
  .watch-launch-date-product-image,
  .yellow-tag
) {
  font-family: sans-serif;
}

/* Watch name ("KHAKI FIELD MECHANICAL") in the stepper caption and above the
 * price. CJK text may break between any two characters by default, so Korean
 * split "메커니컬" mid-word. keep-all limits breaks to spaces (Korean, Japanese)
 * and to the <wbr> the Chinese CSVs carry after "卡其野战系列" / "卡其陸戰系列",
 * i.e. after "Khaki Field", like the Latin versions. The Japanese CSV joins
 * "カーキ&nbsp;フィールド" so the break lands after "Field" there as well. */
/* index.php strips the data-i18n hooks from the delivered markup, so the two
 * elements are addressed by position: the only h4 of the page sits in the
 * product image wrapper, the stepper name is the h3 of the first caption. */
html:is([lang="ja"], [lang="ko"], [lang^="zh"]) :is(
  .product-image-wrapper h4,
  .section-captions .cap:first-child h3
) {
  word-break: keep-all;
}
