/* ── Font-metric-matched fallback for Inter ─────────────────────────────
   Purpose: eliminate the layout shift (CLS) that normally occurs when
   Inter loads asynchronously and the browser swaps from the system
   fallback font. Numbers were generated with Google's fontsource
   size-adjust calculator against a local Arial reference so that Arial
   (scaled 107.64%) renders in the same bounding box as Inter.

   Usage: include this CSS before any font-face stylesheet, and extend
   the font-family chain from `Inter, system-ui, sans-serif` to
   `Inter, 'Inter Fallback', system-ui, sans-serif`.
   ────────────────────────────────────────────────────────────────────── */
@font-face {
  font-family: 'Inter Fallback';
  src: local('Arial');
  ascent-override: 90%;
  descent-override: 22.43%;
  line-gap-override: 0%;
  size-adjust: 107.64%;
}

/* Outfit is used for .pdp-title / .page-title / h1.display. Metrics are
   derived against Arial as the local fallback. */
@font-face {
  font-family: 'Outfit Fallback';
  src: local('Arial');
  ascent-override: 99.25%;
  descent-override: 25.75%;
  line-gap-override: 0%;
  size-adjust: 100.76%;
}