/*!
 * Storefront legacy `.fal` class — maps to Font Awesome 6 Free solid.
 *
 * Templates still use `fal fa-*` from the FA5 era. Icon :before codepoints come from
 * all.min.css (FA6). Loading FA5 Pro Light here caused skewed / wrong glyphs because
 * the font did not match those codepoints.
 */
.fal {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}