/* Base reset for the “fake” Font Awesome icons we’re replacing */
.fak,
.fa-regular,
.fa-solid,
.fa-sharp {
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

/* Shared box for all replaced icons */
.fak.fa-user,
.fak.fa-basket,
.fa-regular.fa-bars,
.fa-sharp.fa-solid.fa-xmark,
.fa-regular.fa-arrow-right,
.fa-solid.fa-cat,
.fa-solid.fa-dog {
    display: inline-block;
    height: 1em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: -0.125em; /* tweak this if you need 1-2px up/down */
    /* optional, if you want them all forced green as a fallback */
    color: #4f7335;
}

/* USER: <i class="fak fa-user"></i> */
.fak.fa-user {
    width: 0.8125em; /* matches inline SVG style="width: 0.8125em" */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 416 512'><path fill='%234f7335' d='M212 263c72.6-.064 131-58.9 131-132C344 58.8 285-.064 212 0 139 .064 80.6 58.9 80.6 132c0 34.8 13.9 68.2 38.5 92.9 24.6 24.8 58.1 38.6 93.1 38.5zM136 55.6c41.9-41.9 110-41.9 152 0 41.9 41.9 41.9 110 0 152-41.9 41.9-110 41.9-152 0-41.9-41.7-42.1-109-.448-151 .16-.16 .288-.288 .448-.448h0zM25.8 512H399c14.2 0 25.7-11.5 25.7-25.7v-85.5c0-52.6-42.7-95.3-95.3-95.3H95.3c-52.6 0-95.3 42.7-95.3 95.3H0v85.5c0 14.2 11.6 25.7 25.8 25.7zm-1.57-111c.032-39.3 31.8-71.1 71.1-71.1h234c39.3 .064 71 31.9 71.1 71.1v85.5c0 .864-.704 1.57-1.57 1.57H25.7c-.864 0-1.57-.704-1.57-1.57H24.2s0-85.5 0-85.5z'/></svg>");
}

/* BASKET: <i class="fak fa-basket"></i> */
.fak.fa-basket {
    width: 0.875em; /* matches inline SVG style="width: 0.875em" */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%234f7335' d='M338 120h-15.2v-21c0-54.8-44.4-99.2-99.2-99.2S125 44.4 125 99.2v21h-15.2c-60.3 .064-109 49-109 109v173c.064 60.3 49 109 109 109h229c60.3-.064 109-49 109-109V229c-.064-60.3-49-109-109-109m-177-21c-.672-34.8 27-63.6 61.8-64.3 34.8-.672 63.6 27 64.3 61.8 0 .832 0 1.66 0 2.46v21h-126v-21zM417 403c-.064 43.5-35.3 78.8-78.8 78.8H109c-43.5-.064-78.8-35.3-78.8-78.8V229c.064-43.5 35.3-78.8 78.8-78.8h15.2v70.2h36.2v-70.2h126v70.2h36.2v-70.2h15.2c43.5 .064 78.8 35.3 78.8 78.8v173z'/></svg>");
}

/* BARS (menu): <i class="fa-regular fa-bars"></i> */
.fa-regular.fa-bars {
    width: 1em;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%234f7335' d='M0 88C0 74.7 10.7 64 24 64l400 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L24 112C10.7 112 0 101.3 0 88zM0 248c0-13.3 10.7-24 24-24l400 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L24 272c-13.3 0-24-10.7-24-24zM448 408c0 13.3-10.7 24-24 24L24 432c-13.3 0-24-10.7-24-24s10.7-24 24-24l400 0c13.3 0 24 10.7 24 24z'/></svg>");
}

/* X (close): <i class="fa-sharp fa-solid fa-xmark"></i> */
.fa-sharp.fa-solid.fa-xmark {
    width: 1em;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='%234f7335' d='M326.6 166.6L349.3 144 304 98.7l-22.6 22.6L192 210.7l-89.4-89.4L80 98.7 34.7 144l22.6 22.6L146.7 256 57.4 345.4 34.7 368 80 413.3l22.6-22.6L192 301.3l89.4 89.4L304 413.3 349.3 368l-22.6-22.6L237.3 256l89.4-89.4z'/></svg>");
}

/* ARROW-RIGHT mapped to same SVG you provided (also X icon):
   <i class="fa-regular fa-arrow-right"></i> */
.fa-regular.fa-arrow-right {
    width: 1em;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='%234f7335' d='M326.6 166.6L349.3 144 304 98.7l-22.6 22.6L192 210.7l-89.4-89.4L80 98.7 34.7 144l22.6 22.6L146.7 256 57.4 345.4 34.7 368 80 413.3l22.6-22.6L192 301.3l89.4 89.4L304 413.3 349.3 368l-22.6-22.6L237.3 256l89.4-89.4z'/></svg>");
}

/* CAT: <i class="fa-solid fa-cat"></i> */
.fa-solid.fa-cat {
    width: 1em;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path fill='%234f7335' d='M320 192l17.1 0c22.1 38.3 63.5 64 110.9 64c11 0 21.8-1.4 32-4l0 4 0 32 0 192c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-140.8L280 448l56 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-144 0c-53 0-96-43-96-96l0-223.5c0-16.1-12-29.8-28-31.8l-7.9-1c-17.5-2.2-30-18.2-27.8-35.7s18.2-30 35.7-27.8l7.9 1c48 6 84.1 46.8 84.1 95.3l0 85.3c34.4-51.7 93.2-85.8 160-85.8zm160 26.5s0 0 0 0c-10 3.5-20.8 5.5-32 5.5c-28.4 0-54-12.4-71.6-32c0 0 0 0 0 0c-3.7-4.1-7-8.5-9.9-13.2C357.3 164 352 146.6 352 128c0 0 0 0 0 0l0-96 0-20 0-1.3C352 4.8 356.7 .1 362.6 0l.2 0c3.3 0 6.4 1.6 8.4 4.2c0 0 0 0 0 .1L384 21.3l27.2 36.3L416 64l64 0 4.8-6.4L512 21.3 524.8 4.3c0 0 0 0 0-.1c2-2.6 5.1-4.2 8.4-4.2l.2 0C539.3 .1 544 4.8 544 10.7l0 1.3 0 20 0 96c0 17.3-4.6 33.6-12.6 47.6c-11.3 19.8-29.6 35.2-51.4 42.9zM432 128a16 16 0 1 0 -32 0 16 16 0 1 0 32 0zm48 16a16 16 0 1 0 0-32 16 16 0 1 0 0 32z'/></svg>");
}

/* DOG: <i class="fa-solid fa-dog"></i> */
.fa-solid.fa-dog {
    width: 1em;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path fill='%234f7335' d='M309.6 158.5L332.7 19.8C334.6 8.4 344.5 0 356.1 0c7.5 0 14.5 3.5 19 9.5L392 32l52.1 0c12.7 0 24.9 5.1 33.9 14.1L496 64l56 0c13.3 0 24 10.7 24 24l0 24c0 44.2-35.8 80-80 80l-32 0-16 0-21.3 0-5.1 30.5-112-64zM416 256.1L416 480c0 17.7-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32l0-115.2c-24 12.3-51.2 19.2-80 19.2s-56-6.9-80-19.2L160 480c0 17.7-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32l0-230.2c-28.8-10.9-51.4-35.3-59.2-66.5L1 167.8c-4.3-17.1 6.1-34.5 23.3-38.8s34.5 6.1 38.8 23.3l3.9 15.5C70.5 182 83.3 192 98 192l30 0 16 0 159.8 0L416 256.1zM464 80a16 16 0 1 0 -32 0 16 16 0 1 0 32 0z'/></svg>");
}
