ul.products.container.columns-3 {
    display: flex;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem
}

.filters-searchbox-inner {
    position: relative;
    margin: 0;
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: flex-end;
    overflow: visible;
    padding-left: 1rem
}

input.filters-searchbox {
    height: 1.25rem;
    width: 100%;
    border-radius: .375rem;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 1rem 1.5rem 1rem 1rem
}

input.filters-searchbox:focus {
    outline-width: 0
}

@media (min-width:1024px) {
    input.filters-searchbox {
        height: 1.5rem
    }
}

input.filters-searchbox {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
}

.filters-searchbox-clear-btn.icon-close {
    display: none
}

.filters-searchbox-inner span.icon-search {
    position: absolute;
    right: .375rem;
    --tw-translate-y: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 600;
    color: #00000070
}

@media (min-width:1024px) {
    .filters-searchbox-inner span.icon-search {
        font-size: .9rem
    }
}

#filter-data {
    position: fixed;
    top: 0;
    z-index: 10;
    display: inline-block;
    height: 100vh;
    width: 100vw;
    border-radius: .75rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 9rem 1rem 1rem
}

@media (min-width:1024px) {
    #filter-data {
        position: relative;
        height: -moz-fit-content;
        height: fit-content;
        width: 25%;
        overflow: visible;
        padding-top: 1rem
    }
}

.filters-container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding-top: 1.5rem
}

@media (min-width:1024px) {
    .filters-container {
        padding-top: 2rem
    }
}

.filter-row-header {
    font-weight: 700
}

.filter-row-header:before {
    margin-left: .75rem
}

.filter-row-header-container {
    position: relative;
    margin-bottom: .75rem;
    display: flex;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    border-radius: .75rem;
    background-color: #ffffff00;
    padding: .75rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    color: #000000b0
}

@media (min-width:1024px) {
    .filter-row-header-container {
        padding-top: .875rem;
        padding-bottom: .875rem
    }
}

.toggled .filter-row-header-container {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

.daily-toggle-filter {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    color: #000000b0
}

/* Last toggle in the group keeps the original gap before the filter rows below. */
.daily-onsale-filter {
    margin-bottom: 2rem
}

.daily-toggle-filter .switch {
    position: relative;
    display: inline-block;
    height: 34px;
    width: 60px
}

.daily-toggle-filter .switch input {
    height: 0;
    width: 0;
    opacity: 0
}

.daily-toggle-filter .slider {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    cursor: pointer;
    background-color: rgb(221 221 221/var(--tw-bg-opacity))
}

.daily-toggle-filter .slider,
.daily-toggle-filter .slider:before {
    position: absolute;
    --tw-bg-opacity: 1;
    transition: .4s
}

.daily-toggle-filter .slider:before {
    left: .25rem;
    bottom: .25rem;
    height: 26px;
    width: 26px;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    content: ""
}

.daily-toggle-filter input:checked+.slider {
    --tw-bg-opacity: 1;
    background-color: rgb(251 103 39/var(--tw-bg-opacity))
}

.daily-toggle-filter input:focus+.slider {
    box-shadow: 0 0 1px #fb6727
}

.daily-toggle-filter input:checked+.slider:before {
    transform: translateX(26px)
}

.daily-toggle-filter .slider.round,
.daily-toggle-filter .slider.round:before {
    border-radius: 9999px
}

.filters-toggle-btns {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    padding-left: 1rem;
    text-align: left;
    font-weight: 900
}

.filters-toggle-btns:before {
    position: relative;
    font-size: .875rem;
    line-height: 1.25rem;
    transition: transform .4s ease
}

.toggled .filters-toggle-btns:before {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.filters-row {
    position: relative
}

#filter-data>span {
    margin-top: -1.75rem;
    margin-right: 1rem;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding-left: .75rem;
    padding-right: .75rem;
    font-size: 13px;
    font-weight: 900;
    color: #000000b0
}

@media (max-width:1024px) {
    #filter-data>span {
        display: none
    }
}

@media (min-width:1024px) {
    #filter-data>span {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.filters-checkbox-container {
    display: flex;
    max-height: 0;
    flex-direction: column;
    gap: .75rem;
    overflow: hidden;
    padding-right: .75rem;
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: #00000070;
    transition: max-height .4s ease, padding-block .4s ease, background-color .4s ease
}

.toggled .filters-checkbox-container {
    max-height: 18rem;
    overflow: auto;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.filters-checkbox-inner-container {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

.filters-checkbox-inner-container:hover {
    --tw-text-opacity: 1;
    color: rgb(251 103 39/var(--tw-text-opacity))
}

.filters-checkbox {
    position: absolute;
    right: 0;
    z-index: 2;
    margin: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    padding: 0;
    opacity: 0
}

.filters-checkbox-inner-container .filters-checkbox[type=checkbox]:checked~label {
    --tw-text-opacity: 1;
    color: rgb(251 103 39/var(--tw-text-opacity))
}

.filters-checkbox-inner-container label {
    display: block;
    height: 100%;
    width: 100%
}

.price-filter-container .filter-row-header-container {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245/var(--tw-bg-opacity))
}

#active-filters {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .25rem;
    justify-self: start;
    padding-top: 1rem;
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.filters-values {
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(251 103 39/var(--tw-bg-opacity));
    padding: .25rem .375rem
}

.active-filter-prefix {
    display: none
}

.active-filters-remove-all {
    position: absolute;
    left: 0;
    top: -1rem;
    cursor: pointer;
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(251 103 39/var(--tw-bg-opacity));
    padding: .25rem;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.active-filters-remove-all:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(13 29 45/var(--tw-bg-opacity))
}

@media (min-width:1024px) {
    .active-filters-remove-all {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

#active-filters .icon-close:before {
    font-weight: 900
}

.filters-values.out-of-stock-filter {
    cursor: no-drop;
    --tw-text-opacity: 1;
    color: rgb(179 184 185/var(--tw-text-opacity))
}

.filters-row:has(.header-pa_brand) .filters-values-container, .filters-row:has(.header-manual-category) .filters-values-container {
    padding-left: 0.75rem;
    gap: .375rem
}

.filters-row:has(.header-pa_brand) .filters-values-container .filters-checkbox-inner-container label, .filters-row:has(.header-manual-category) .filters-values-container .filters-checkbox-inner-container label {
    width: fit-content;
    border-radius: 10px;
    border: 1px solid #00000070;
    padding: .375rem .75rem
}

.filters-row:has(.header-pa_brand) .filters-checkbox[type=checkbox]:checked~label, .filters-row:has(.header-manual-category) .filters-checkbox[type=checkbox]:checked~label {
    --tw-border-opacity: 1;
    border-color: rgb(251 103 39/var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(251 103 39/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.mobile-filters-overlay {
    position: fixed;
    right: -100vw;
    top: 0;
    z-index: 101;
    height: 100vh;
    width: -moz-fit-content;
    width: fit-content;
    overflow-y: scroll;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 3rem 1rem 1rem;
    transition: .4s ease;
    box-shadow: -350px 0 0 350px rgba(0, 0, 0, .43)
}

.mobile-filters-overlay.active-fab {
    right: 0
}

.mobile-filters-overlay #filter-data {
    height: 100vh;
    width: 21rem
}

.filters-apply {
    position: fixed;
    bottom: 2.5rem;
    z-index: 10;
    display: block;
    width: 100%;
    text-align: center
}

.filters-apply button {
    width: 100%;
    border-radius: .75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(251 103 39/var(--tw-bg-opacity));
    padding: .75rem;
    text-align: center;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.range-container {
    direction: rtl
}

.range-container,
.range-inner {
    position: relative;
    width: 100%
}

.range-inner {
    display: block;
    height: 1rem
}

.range-labels {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: .625rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #00000070
}

.range-progress,
.range-progress-back {
    position: absolute;
    bottom: 0;
    z-index: 1;
    height: .25rem;
    border-radius: .5rem;
    transition: left .4s ease, right .4s ease
}

.range-progress {
    --tw-bg-opacity: 1;
    background-color: rgb(251 103 39/var(--tw-bg-opacity))
}

.range-progress-back {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 249/var(--tw-bg-opacity))
}

.range-container input[type=range] {
    pointer-events: none;
    position: absolute;
    top: .375rem;
    z-index: 2;
    margin: 0;
    width: 100%;
    background-color: transparent;
    -webkit-appearance: none
}

input[type=range]::-moz-range-thumb {
    height: 1rem;
    width: 1rem;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(251 103 39/var(--tw-bg-opacity));
    -webkit-appearance: none;
    pointer-events: all;
    -moz-transition: background-color .4s ease;
    transition: background-color .4s ease
}

input[type=range]::-webkit-slider-thumb {
    height: 1rem;
    width: 1rem;
    cursor: pointer;
    appearance: none;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(251 103 39/var(--tw-bg-opacity));
    -webkit-appearance: none;
    pointer-events: all;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease
}

.filters-close-btn {
    text-align: end
}

@media (min-width:1024px) {
    .filters-close-btn {
        display: none
    }
}


/* colors */
.filters-row#pa_color .filters-checkbox-inner-container::after {
    content: "";
    border: 1px solid #ddd;
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    right: 0px;
    top: -2px;
}
.filters-row#pa_color .filters-checkbox-inner-container:has(.filters-checkbox[type=checkbox]:checked)::after{
    border-color: #5f5f5f;
}

.filters-row#pa_color .filters-checkbox-inner-container::before {
    content: "";
    margin-inline: 2px 0.7rem;
    border-radius: 6px;
    min-width: 22px;
    min-height: 22px;
}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-blue)::before{background: #1e90ff;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-sky-blue)::before{background: #87ceeb;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-dark-blue)::before{background: #0000ff;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-blue-patterned)::before{background: linear-gradient(109deg, #1e90ff, #444444, #1e90ff, #444, #1e90ff, #444, #1e90ff, #444, #1e90ff);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-blue-carbon-fiber)::before{background: linear-gradient(109deg, #1e90ff, #1162af, #1e90ff, #1162af, #1e90ff, #1162af, #1e90ff, #1162af, #1e90ff, #1162af, #1e90ff, #1162af, #1e90ff,#1162af, #1e90ff, #1162af, #1e90ff);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-blue-jean)::before{background: linear-gradient(109deg, #416B8C 50%, #4aa6ff 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-blue-yellow)::before{background: linear-gradient(109deg, #f0de00 50%, #6ccff7 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-blue-green)::before{background: linear-gradient(109deg, #20da20 50%, #1e90ff 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-blue-pink)::before{background: linear-gradient(109deg, #ffbff4 50%, #6ccff7 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-blue-red)::before{background: linear-gradient(109deg, #ff0000 50%, #1e90ff 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-blue-black)::before{background: linear-gradient(109deg, #000000 50%, #4aa6ff 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-blue-orange)::before{background: linear-gradient(109deg, #ffa500 50%, #6ccff7 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-blue-silver)::before{background: linear-gradient(109deg, #cccccc 50%, #6ccff7 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-steel)::before{background: #738595;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-steel-carbon-fiber)::before{background: linear-gradient(109deg, #738595, #5d6368, #738595, #5d6368, #738595, #5d6368, #738595, #5d6368, #738595, #5d6368, #738595, #5d6368, #738595, #5d6368, #738595, #5d6368, #738595);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-brown-leather-steel)::before{background: linear-gradient(109deg, #c38253 50%, #738595 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-black-leather-steel)::before{background: linear-gradient(109deg, #252525 50%, #738595 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-purple)::before{background: #800080;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-light-purple)::before{background: #9d8dfc;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-purple-patterned)::before{background: linear-gradient(109deg, #800080, #979797, #800080, #979797, #800080, #979797, #800080, #979797, #800080);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-purple-carbon-fiber)::before{background: linear-gradient(109deg, #800080, #390039, #800080, #390039, #800080, #390039, #800080, #390039, #800080, #390039, #800080, #390039, #800080, #390039, #800080, #390039, #800080);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-purple-green)::before{background: linear-gradient(109deg, #00af00 50%, #800080 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-purple-pink)::before{background: linear-gradient(109deg, #ffa8b7 50%, #800080 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-purple-orange)::before{background: linear-gradient(109deg, #ffa500 50%, #800080 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-transparent)::before{background: linear-gradient(109deg, #e7e7e7, #ffffff, #dedede);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-black-leather)::before{background: linear-gradient(109deg, #000000, #373737, #000000);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-gunmetal-leather)::before{background: linear-gradient(109deg, #696969, #858585, #696969);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-rose-gold)::before{background: #e5c4bb;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-rose-gold-patterned)::before{background: linear-gradient(109deg, #e5c4bb, #eeeeee, #e5c4bb, #eeeeee, #e5c4bb, #eeeeee, #e5c4bb, #eeeeee, #e5c4bb);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-fluid-black-and-white)::before{background: linear-gradient(109deg, #565656, #ececec, #565656, #ececec, #565656, #ececec, #565656);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-fluid-rainbow)::before{background: linear-gradient(109deg, #f5afff, #a6a0ff, #a4dbff, #abff9c, #ffffa4, #ffdea2, #ffb2b2);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-yellow)::before{background: #ffff00;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-transparent-yellow)::before{background: linear-gradient(109deg, #f0de00, #ffffff, #f0e131);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-yellow-patterned)::before{background: linear-gradient(109deg, #ffff00, #c4c4c4, #ffff00, #c4c4c4, #ffff00, #c4c4c4, #ffff00, #c4c4c4, #ffff00);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-yellow-purple)::before{background: linear-gradient(109deg, #800080 50%, #ffff00 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-yellow-green)::before{background: linear-gradient(109deg, #008000 50%, #ffff00 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-yellow-red)::before{background: linear-gradient(109deg, #ff0000 50%, #ffff00 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-dark-red)::before{background: #b62523;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-green)::before{background: #008000;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-dark-green)::before{background: #006400;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-light-green)::before{background: #90ee90;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-green-patterned)::before{background: linear-gradient(109deg, #008000, #979797, #008000, #979797, #008000, #979797, #008000, #979797, #008000);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-green-carbon-fiber)::before{background: linear-gradient(109deg, #008000, #004400, #008000, #004400, #008000, #004400, #008000, #004400, #008000, #004400, #008000, #004400, #008000, #004400, #008000, #004400, #008000);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-navy-blue)::before{background: #000080;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-white)::before{background: #fff;border: 1px solid #eee;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-white-patterned)::before{background: linear-gradient(109deg, #ffffff, #979797, #ffffff, #979797, #ffffff, #979797, #ffffff, #979797, #ffffff);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-white-blue)::before{background: linear-gradient(109deg, #ffffff 50%, #6ccff7 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-white-steel)::before{background: linear-gradient(109deg, #738595 50%, #ffffff 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-white-purple)::before{background: linear-gradient(109deg, #800080 50%, #ffffff 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-white-green)::before{background: linear-gradient(109deg, #008000 50%, #ffffff 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-pink)::before{background: #ffc0cb;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-light-pink)::before{background: #ff69b4;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-transparent-pink)::before{background: linear-gradient(109deg, #ffc0cb, #ffe8e8, #ffc0cb);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-pink-patterned)::before{background: linear-gradient(109deg, #ffbff4, #adadad, #ffbff4, #adadad, #ffbff4, #adadad, #ffbff4, #adadad, #ffbff4);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-pink-yellow)::before{background: linear-gradient(109deg, #fae86f 50%, #ffc0cb 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-pink-green)::before{background: linear-gradient(109deg, #008000 50%, #ffc0cb 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-gold)::before{background: #f9d200;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-grey)::before{background: #808080;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-aqua)::before{background: #00ffff;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-red)::before{background: #ff0000;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-red-patterned)::before{background: linear-gradient(109deg, #ff0000, #444444, #ff0000, #444, #ff0000, #444, #ff0000, #444, #ff0000);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-red-green)::before{background: linear-gradient(109deg, #008000 50%, #ff0000 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-red-black)::before{background: linear-gradient(109deg, #000000 50%, #ff0000 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-red-silver)::before{background: linear-gradient(109deg, #c0c0c0 50%, #ff0000 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-brown)::before{background: #a24c0e;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-dark-brown)::before{background: #7c3400;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-light-brown)::before{background: #c38253;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-brown-steel)::before{background: linear-gradient(109deg, #738595 50%, #a24c0e 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-lemon)::before{background: #bffe28;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-black)::before{background: #000;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-black-blue-black-purple)::before{background: linear-gradient(109deg, #800080, #800080, #000000, #6ccff7, #6ccff7);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-transparent-black)::before{background: linear-gradient(109deg, #2e2e2e, #c4c4c4, #2e2e2e);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-black-patterned)::before{background: linear-gradient(109deg, #000000, #979797, #000000, #979797, #000000, #979797, #000000, #979797, #000000);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-black-carbon-fiber)::before{background: #202020;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-black-carbon-fiber-black-red)::before{background: linear-gradient(109deg, #424242, #131313, #ff0000, #ff0000);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-black-steel)::before{background: linear-gradient(109deg, #738595 50%, #000 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-black-yellow)::before{background: linear-gradient(109deg, #ffff00 50%, #000000 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-black-white)::before{background: linear-gradient(109deg, #ffffff 50%, #000000 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-black-gold)::before{background: linear-gradient(109deg, #f9d200 50%, #000000 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-black-silver)::before{background: linear-gradient(109deg, #c0c0c0 50%, #000000 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-black-black-green)::before{background: linear-gradient(109deg, #424242, #131313, #008000, #008000);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-orange)::before{background: #ffa500;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-orange-patterned)::before{background: linear-gradient(109deg, #ffa500, #979797, #ffa500, #979797, #ffa500, #979797, #ffa500, #979797, #ffa500);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-orange-yellow)::before{background: linear-gradient(109deg, #ffff00 50%, #ffa500 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-orange-green)::before{background: linear-gradient(109deg, #008000 50%, #ffa500 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-silver)::before{background: #c0c0c0;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-silver-patterned)::before{background: linear-gradient(109deg, #c0c0c0, #8e8e8e, #c0c0c0, #8e8e8e, #c0c0c0, #8e8e8e, #c0c0c0, #8e8e8e, #c0c0c0);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-gunmetal)::before{background: #696969;}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-gunmetal-patterned)::before{background: linear-gradient(109deg, #4f4f4f, #8e8e8e, #4f4f4f, #8e8e8e, #4f4f4f, #8e8e8e, #4f4f4f, #8e8e8e, #4f4f4f);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-gunmetal-carbon-fiber)::before{background: linear-gradient(109deg, #696969, #505050, #696969, #505050, #696969, #505050, #696969, #505050, #696969, #505050, #696969, #505050, #696969, #505050, #696969, #505050, #696969);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-gunmetal-silver)::before{background: linear-gradient(109deg, #c0c0c0 50%, #696969 50%);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-transparent-gunmetal)::before{background: linear-gradient(109deg, #696969, #e1e1e1, #696969);}
.filters-row#pa_color .filters-checkbox-inner-container:has(#checkbox-pa_color-rainbow)::before{background: linear-gradient(109deg, #de00ff, #6055ff, #009bff, #27ff00, #ffff00, #ffa500, #fb0202);}