section#ecom {
    background-color: white;
    padding-bottom: 0;
    min-height: 80vh;

    .ec-store {
        font-family: "Average Sans", sans-serif !important;
        color: black !important;
    }

    .grid__categories {
        border-bottom: solid grey 3px;
    }


    .form-control__select-text {
        font-size: var(--font-size-button) !important;
        text-transform: none !important;
    }

    .grid-category__title-inner,
    .ec-pill {
        font-size: var(--font-size-button) !important;
        background-color: var(--magpie-purple) !important;
        color: white !important;
        border-radius: 100vmax !important;
        border: none !important;
        outline: none !important;
        padding: 1rem 2rem !important;
        display: inline-block !important;
        cursor: pointer !important;
        text-decoration: none !important;
        text-align: center !important;
        text-wrap: pretty !important;
    }

    .ec-pill--small {
        padding: 0.25rem 2rem 0.25rem 1rem !important;
        color: black !important;
        background-color: var(--magpie-green) !important;

        svg>g {
            stroke-width: 2px !important;
            filter: brightness(60%) !important;
        }
    }

    .form-control__inline-label,
    .grid-product__price {
        font-size: var(--font-size-caption) !important;
    }

    .ec-filter.ec-filter--section-sticky-bar.ec-filter--applied.ec-filter--inventory .form-control__checkbox:checked~.form-control__checkbox-view::after {
        border-color: var(--magpie-red);
        background-color: var(--magpie-red);
    }

    .ec-filter.ec-filter--section-sticky-bar.ec-filter--applied.ec-filter--category .form-control__checkbox:checked~.form-control__checkbox-view::after {
        border-color: var(--magpie-orange);
        background-color: var(--magpie-orange);
    }

    .ec-filter.ec-filter--section-sticky-bar.ec-filter--applied.ec-filter--attribute-Brand .form-control__checkbox:checked~.form-control__checkbox-view::after {
        border-color: var(--magpie-yellow);
        background-color: var(--magpie-yellow);
    }

    .ec-filter.ec-filter--section-sticky-bar.ec-filter--applied.ec-filter--attribute-Size .form-control__checkbox:checked~.form-control__checkbox-view::after {
        border-color: var(--magpie-green);
        background-color: var(--magpie-green);
    }

    .ec-filter.ec-filter--section-sticky-bar.ec-filter--applied.ec-filter--attribute-Color .form-control__checkbox:checked~.form-control__checkbox-view::after {
        border-color: black;
        background-color: black;
    }

    .ec-filter.ec-filter--section-sticky-bar.ec-filter--applied.ec-filter--attribute-Animal .form-control__checkbox:checked~.form-control__checkbox-view::after {
        border-color: var(--magpie-blue);
        background-color: var(--magpie-blue);
    }

    .ec-filter.ec-filter--section-sticky-bar.ec-filter--applied.ec-filter--attribute-Vehicle .form-control__checkbox:checked~.form-control__checkbox-view::after {
        border-color: var(--magpie-blue);
        background-color: var(--magpie-blue);
    }

    .ec-filter.ec-filter--section-sticky-bar.ec-filter--applied.ec-filter--attribute-Food .form-control__checkbox:checked~.form-control__checkbox-view::after {
        border-color: var(--magpie-blue);
        background-color: var(--magpie-blue);
    }
}