/* R221 CLS fix — metric-matched fallback so MADE Outer Sans' font-display:swap
   does NOT reflow on cold loads (desktop PLP/PDP CLS spiked to 0.16-0.27).
   INVISIBLE: MADE still renders identically once loaded; only the pre-swap fallback
   is resized (via size-adjust + metric overrides) to occupy MADE's exact box, so the
   swap-in causes ~0 layout shift. Metrics: fontTools on made_outer_sans_regular
   (unitsPerEm 2048, hhea asc 2054 / desc -517, OS/2 xAvgCharWidth 1297) vs Arial
   (2048 / 1854 / -434 / 904) -> Next.js/Fontaine override formula.
   Loads after styles.css (child default_head_blocks.xml merges after parent) so the
   :root redefine wins the tie. REVERT: delete this file + the child default_head_blocks.xml <css> line. */
@font-face {
    font-family: 'MADE Fallback';
    src: local('Arial'), local('Helvetica Neue'), local('Liberation Sans');
    font-weight: 100 900;
    font-style: normal;
    size-adjust: 143.47%;
    ascent-override: 69.90%;
    descent-override: 17.59%;
    line-gap-override: 0%;
}

:root {
    --font-heading: 'MADE Outer Sans', 'MADE Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-badge: 'MADE Outer Sans Alt', 'MADE Outer Sans', 'MADE Fallback', sans-serif;
}

/* Selectors that hardcode font-family: MADE Outer Sans (bypass the --font-* vars). */
.catalog-product-view .price-box .old-price .price,
.ds-cart-drawer,
.ds-cart-drawer__checkout,
.ds-player-name,
.ds-player-shoe,
.ds-shop-all {
    font-family: 'MADE Outer Sans', 'MADE Fallback', sans-serif !important;
}