@font-face {
    font-family: 'spruce-icon-pack';
    src: url('/fonts/fonts_woff2/spruce-icon-pack.ttf') format('truetype'),
         url('/fonts/fonts_woff2/spruce-icon-pack.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.fs-ico {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'spruce-icon-pack' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fs-help:before {
  content: "\e912";

}
.fs-secure:before {
  content: "\e91c";
}
.fs-location2:before {
    content: "\e905";
}
.fs-caret-up:before {
    content: "\e917";
}
.fs-caret-down:before {
    content: "\e918";
}
.fs-exclaimation-circle:before {
    content: "\e919";
}
.fs-up-chevron:before {
    content: "\e91a";
}
.fs-account:before {
    content: "\e900";
}
.fs-autoship:before {
    content: "\e901";
}
.fs-caret-left:before {
    content: "\e902";
}
.fs-caret-right:before {
    content: "\e903";
}
.fs-cart:before {
    content: "\e904";
}
.fs-down-chevron:before {
    content: "\64";
}
.fs-email:before {
    content: "\e906";
}
.fs-facebook:before {
    content: "\e907";
}
.fs-instagram:before {
    content: "\e908";
}
.fs-instock:before {
    content: "\e909";
}
.fs-left-arrow:before {
    content: "\e90a";
}
.fs-left-chevron:before {
    content: "\e90b";
}
.fs-location:before {
    content: "\e90c";
}
.fs-menu:before {
    content: "\e90d";
}
.fs-phone:before {
    content: "\e90e";
}
.fs-right-arrow:before {
    content: "\e90f";
}
.fs-right-chevron:before {
    content: "\e910";
}
.fs-search:before {
    content: "\e911";
}
.fs-star:before {
    content: "\73";
}
.fs-thumbsdown:before {
    content: "\e913";
}
.fs-thumbsup:before {
    content: "\e914";
}
.fs-unavailable:before {
    content: "\e915";
}
.fs-youtube:before {
    content: "\e916";
}

/* Ensure icon-font glyphs render with the theme light gray token. */
/*.fs-ico,
[class^="fs-"],
[class*=" fs-"],
.fs-ico:before,
[class^="fs-"]:before,
[class*=" fs-"]:before {
    color: var(--gray-light, #c4c4c4) !important;
}*/

/* Keep active overlay location icon on brand primary color. */
/*.mo.filter_overlay_active .fs-ico.fs-location,
.mo.filter_overlay_active .fs-ico.fs-location:before {
    color: var(--primary, #A03021) !important;
}*/

/* Isolate crawler icon colors from app/global CSS variables. */
.rseo-mobile-template {
    --rseo-crawler-gray-light: #ddd;
    --rseo-crawler-primary: #A03021;
}

.rseo-mobile-template .fs-ico,
.rseo-mobile-template [class^="fs-"],
.rseo-mobile-template [class*=" fs-"],
.rseo-mobile-template .fs-ico:before,
.rseo-mobile-template [class^="fs-"]:before,
.rseo-mobile-template [class*=" fs-"]:before {
    color: var(--rseo-crawler-gray-light) !important;
}

.rseo-mobile-template .filter_overlay .fs-ico,
.rseo-mobile-template .filter_overlay .fs-ico:before,
.rseo-mobile-template .filter_overlay_active .fs-ico,
.rseo-mobile-template .filter_overlay_active .fs-ico:before,
.rseo-mobile-template .mo.filter_overlay_active .fs-ico,
.rseo-mobile-template .mo.filter_overlay_active .fs-ico:before {
    color: var(--rseo-crawler-primary) !important;
}

.rseo-mobile-template .mini-account .fs-ico,
.rseo-mobile-template .mini-account .fs-ico:before {
    color: var(--rseo-crawler-primary) !important;
}

/* Align cart mobile icon block vertically with sibling header icons. */
.rseo-mobile-template .header-mobile-link .cart-mobile.menu-icon > a#headerLinkCart,
.rseo-mobile-template .header-mobile-links .cart-mobile.menu-icon > a#headerLinkCart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    position: relative;
    top: 0 !important;
}

.rseo-mobile-template .header-mobile-link .cart-mobile.menu-icon > a#headerLinkCart .cart-item-count,
.rseo-mobile-template .header-mobile-links .cart-mobile.menu-icon > a#headerLinkCart .cart-item-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    line-height: 1;
}

.rseo-mobile-template .header-mobile-link .cart-mobile.menu-icon > a#headerLinkCart .fs-ico.fs-cart,
.rseo-mobile-template .header-mobile-links .cart-mobile.menu-icon > a#headerLinkCart .fs-ico.fs-cart {
    line-height: 1;
}

.rseo-mobile-template .cart-item-count .cart-item-number {
    background-color: #000 !important;
    color: var(--rseo-crawler-gray-light) !important;
}