/* Minification failed. Returning unminified contents.
(1006,22): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-bg-primary'
(1007,28): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-border-subtle'
(1008,25): run-time error CSS1039: Token not allowed after unary operator: '-sn-radius-2'
(1011,17): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-bg-active'
(1014,20): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-20'
(1015,18): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-20'
(1017,22): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-20'
(1018,21): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-20'
(1023,17): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-20'
(1071,22): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-bg-primary'
(1093,17): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-bg-active'
(1098,22): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-border-subtle'
(1130,15): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-12'
(1138,21): run-time error CSS1039: Token not allowed after unary operator: '-sn-font-size-body-b1'
(1139,23): run-time error CSS1039: Token not allowed after unary operator: '-sn-line-height-body'
(1147,22): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-bg-primary'
(1148,28): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-border-subtle'
(1149,25): run-time error CSS1039: Token not allowed after unary operator: '-sn-radius-pill'
(1154,20): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-20'
(1155,18): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-20'
(1157,22): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-20'
(1158,21): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-20'
(1161,17): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-20'
(1166,25): run-time error CSS1039: Token not allowed after unary operator: '-sn-radius-pill'
(1167,32): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-bg-primary'
(1170,18): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-8'
(1173,17): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-8'
(1207,22): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-bg-primary'
(1235,24): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-10'
(1342,22): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-bg-neutral-2'
(1344,25): run-time error CSS1039: Token not allowed after unary operator: '-sn-radius-pill'
(1345,17): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-text-primary'
(1347,23): run-time error CSS1039: Token not allowed after unary operator: '-sn-font-sans'
(1348,21): run-time error CSS1039: Token not allowed after unary operator: '-sn-font-size-label-2'
(1349,15): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-10'
(1353,22): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-44'
(1354,19): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-10'
(1354,46): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-16'
(1363,20): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-16'
(1364,18): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-16'
(1367,17): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-16'
(1375,22): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-bg-inverse-primary'
(1376,17): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-text-inverse-primary'
(1381,22): run-time error CSS1039: Token not allowed after unary operator: '-sn-focus-ring'
(1388,22): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-44'
(1394,22): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-24'
(1399,22): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-bg-inverse-primary'
(1400,28): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-border-primary'
(1401,25): run-time error CSS1039: Token not allowed after unary operator: '-sn-radius-pill'
(1402,17): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-text-inverse-primary'
(1404,23): run-time error CSS1039: Token not allowed after unary operator: '-sn-font-sans'
(1405,21): run-time error CSS1039: Token not allowed after unary operator: '-sn-font-size-label-1'
(1408,22): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-44'
(1410,19): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-10'
(1410,46): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-24'
(1417,22): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-bg-primary'
(1418,17): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-text-primary'
(1423,22): run-time error CSS1039: Token not allowed after unary operator: '-sn-focus-ring'
(1434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1435,22): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-bg-primary'
(1436,17): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-text-primary'
(1441,35): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-border-subtle'
(1442,19): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-24'
(1446,17): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-text-primary'
(1447,23): run-time error CSS1039: Token not allowed after unary operator: '-sn-font-heading'
(1448,21): run-time error CSS1039: Token not allowed after unary operator: '-sn-font-size-heading-h5'
(1449,23): run-time error CSS1039: Token not allowed after unary operator: '-sn-font-weight-900'
(1470,22): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-bg-primary'
(1471,32): run-time error CSS1039: Token not allowed after unary operator: '-sn-color-border-subtle'
(1473,15): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-12'
(1475,19): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-16'
(1475,46): run-time error CSS1039: Token not allowed after unary operator: '-sn-spacing-24'
 */
/*! nouislider - 14.0.3 - 10/10/2019 */
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}html:not([dir="rtl"]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit !important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir="rtl"]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:before,.noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub{background:#aaa}.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}
.ais-ClearRefinements {
    margin: 1em 0;
}

.ais-SearchBox {
    margin: 1em 0;
}

.ais-Pagination {
    margin-top: 1em;
}

.ais-InstantSearch {
    max-width: 1400px;
    overflow: hidden;
    margin: 0 auto;
}
/* .ais-Hits-item { margin-bottom: 1em; width: calc(50% - 1rem); } */
/* .ais-Hits-item img { margin-right: 1em; } */
/* .hit-name { margin-bottom: 0.5em; } */
/* .hit-description { color: #888; font-size: 14px; margin-bottom: 0.5em; } */


.container-filters {
    flex: 1;
    /*margin-right: 55px;*/
    max-width: 260px;
}

/*.container-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-height: 80px;
}*/

.container-results {
    flex: 3;
}

.container-options {
    border-bottom: 1px solid #ebecf3;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
    padding: 30px 0;
}

    .container-options .container-option:not(:first-child) {
        margin-left: 48px;
    }

    .container-options select {
        min-width: 100px;
    }

.container-footer {
    margin: 4rem 0;
}

.searching-text {
    color: #000;
    font-size: 24px !important;
    font-weight: 700;
}

/* Clear refinements container */

.clear-filters {
    align-items: center;
    display: flex;
}

    .clear-filters svg {
        margin-right: 8px;
    }

/* Panel */

/*.container-body .ais-Panel {
    border-top: 1px solid #ebecf3;
    padding-bottom: 2rem;
    padding-top: 2rem;
}*/

/*.ais-Panel-header {
    font-family: Hind, sans-serif;
}*/

/* Search box */

.header .ais-SearchBox {
    height: 64px;
    width: 740px;
}

    .header .ais-SearchBox .ais-SearchBox-input {
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0 4px 48px 0 rgba(0, 0, 0, 0.2);
        font-family: Hind, sans-serif;
        height: 64px;
        /*
    The "Hind" font family is vertically off-balance.
    Adding 4px of padding top makes it more vertically aligned.
  */
        padding: 4px 48px 0 64px;
    }

.header .ais-SearchBox-submit {
    padding: 0 1rem 0 2rem;
    width: 64px;
}

.header .ais-SearchBox .ais-SearchBox-input::placeholder {
    color: rgba(33, 36, 61, 0.24);
    opacity: 1; /* Firefox */
}

.ais-SearchBox-input:-ms-input-placeholder {
    color: rgba(33, 36, 61, 0.24);
}

.ais-SearchBox-input::-ms-input-placeholder {
    color: rgba(33, 36, 61, 0.24);
}

.ais-SearchBox-submit {
    color: #e2a400;
}

.ais-RefinementList .ais-SearchBox-input {
    font-family: Hind, sans-serif;
    /*
    The "Hind" font family is vertically off-balance.
    Adding some padding top makes it more vertically aligned.
  */
    padding-top: 2px;
}

/* Hits */

.hit {
    color: #606060;
    font-size: 15px;
    /* line-height: 0; */
    position: relative;
}

    .hit h1 {
        font-weight: 800;
        text-transform: uppercase;
        font-size: 15px;
        line-height: 16px;
    }

.hit-category {
    color: #21243d;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
    opacity: 0.7;
    text-transform: uppercase;
}

.hit-description {
    margin-top: 2px;
}

.hit-info-container {
    overflow-wrap: break-word;
    word-break: break-word;
}

.hit-image-container {
    align-items: center;
    display: flex;
    /* height: 174px; */
    justify-content: center;
    margin: auto;
    /* width: 174px; */

    border: 1px solid #f0f0f0;
    padding: 30px;
    margin-bottom: 10px;
}

.hit-image {
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

.hit .discount-label {
    background-color: #00b4cd;
    padding: 5px 10px;
    color: #fff;
    font-weight: 700;
    margin-top: 10px;
    position: absolute;
    top: 0;
    left: 1px;
    font-size: 14px;
    line-height: 18px;
}

.hit .product-home-heart {
    position: absolute;
    top: 10px;
    right: 10px;
}

    .hit .product-home-heart img {
        width: 25px;
    }

.hit-em {
    color: #e2a400;
    font-size: 11px;
    font-weight: 600;
}

.hit-current-price {
    color: #00b4cd;
    font-weight: 800;
}

.hit-strike {
    text-decoration: line-through;
}

.hit-rating {
    /* border: 1px solid rgba(226, 164, 0, 0.5); */
    /* border-radius: 4px; */
    /* margin-left: 4px; */
    /* padding: 0 4px; */
    margin: 5px 0 5px 0;
}


.star-rating, .back-stars, .front-stars {
    display: flex;
}

.star-rating {
    font-size: 11px;
}

.back-stars {
    color: #d0d0d0;
    position: relative;
}

/*.front-stars {
    color: #f50;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all .5s;
}*/

.hit-btn-add-to-cart {
    margin: 20px 0;
    width: 100%;
    border-radius: 0;
    font-weight: 700;
    font-size: 15px;
    background-color: #7e7e7e;
    border: 1px solid #7e7e7e;
}

    .hit-btn-add-to-cart:hover, .hit-btn-add-to-cart:active, .hit-btn-add-to-cart:not(:disabled):not(.disabled):active {
        background-color: #00b4cd;
        border: 1px solid #00b4cd;
    }

    .hit-btn-add-to-cart:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
    }

    .hit-btn-add-to-cart:hover, .hit-btn-add-to-cart:active, .hit-btn-add-to-cart:not(:disabled):not(.disabled):active {
        background-color: #00b4cd;
        border: 1px solid #00b4cd;
    }

.hits-empty-state {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: auto;
    max-width: 300px;
}

.hits-empty-state-title {
    font-family: Hind;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 0;
    text-align: center;
}

.hits-empty-state-description {
    color: rgba(35, 37, 51, 0.6);
    font-size: 0.875rem;
    text-align: center;
}

.hits-empty-state .ais-ClearRefinements {
    margin-top: 1rem;
}

.hits-empty-state .ais-ClearRefinements-button--disabled {
    display: none;
}

.hits-empty-state .ais-ClearRefinements-button {
    background: rgba(10, 8, 41, 0.04);
    border-radius: 3px;
    color: #21243d;
    min-height: 48px;
    padding: 16px 24px;
}

/* ToggleRefinement */

.ais-ToggleRefinement-label {
    /*display: flex;*/
    flex-direction: row-reverse;
    justify-content: space-between;
}

/*.ais-ToggleRefinement-checkbox {
    font: inherit;
    margin-left: 1rem;
    margin-right: 0;
    position: relative;
}*/

    /*.ais-ToggleRefinement-checkbox:checked::before {
        color: #e2a400;
    }

    .ais-ToggleRefinement-checkbox::before {
        align-items: center;
        color: rgba(33, 36, 61, 0.32);
        content: 'No';
        display: flex;
        font-size: 0.8rem;
        height: 16px;
        position: absolute;
        right: 38px;
    }

    .ais-ToggleRefinement-checkbox:checked::before {
        content: 'Yes';
    }*/

.ais-ToggleRefinement-count {
    display: none;
}

/* RatingMenu */

/*.ais-RatingMenu-item:not(.ais-RatingMenu-item--selected) {
    opacity: 0.5;
}

.ais-RatingMenu-starIcon {
    margin-right: 0.5rem;
}*/

/* Hide all mobile-specific design on desktop */

@media (min-width: 900px) {
    [data-layout='mobile'] {
        display: none;
    }
}

@media (max-width: 767px) {
    [data-layout='desktop'] {
        display: none;
    }
}

@media (min-width: 768px) {
    [data-layout='mobile'] {
        display: none;
    }
}


.ais-HierarchicalMenu-showMore {
	background-color: #00b4cd !important
}

.ais-HierarchicalMenu-showMore:hover {
	background-color: #ff5500 !important
}
/* Global */

[class^='ais-'] {
    /*box-sizing: border-box;
    font-size: 0.9rem;*/
}

a[class^='ais-'] {
    color: #21243d;
    text-decoration: none;
}

/*
  We need to target the root element because Angular InstantSearch
  creates web components which are not targetable with the `*` selector.
*/
[class^='ais-'][class$='--disabled'],
/*
  We need to target all elements for widgets containing
  multiple sub elements (e.g. RangeSlider)
*/
[class^='ais-'][class$='--disabled'] * {
    /*cursor: not-allowed;*/
}

.ais-Breadcrumb,
.ais-ClearRefinements,
.ais-CurrentRefinements,
.ais-ClearRefinements-button,
.ais-GeoSearch,
.ais-HierarchicalMenu,
.ais-Hits,
.ais-Results,
.ais-HitsPerPage,
.ais-ResultsPerPage,
.ais-InfiniteHits,
.ais-InfiniteResults,
.ais-Menu,
.ais-MenuSelect,
.ais-NumericMenu,
.ais-NumericSelector,
.ais-Pagination,
.ais-Panel,
.ais-PoweredBy,
.ais-RangeInput,
.ais-RangeSlider,
.ais-RatingMenu,
.ais-RefinementList,
.ais-SearchBox,
.ais-SortBy,
.ais-SortBy-select,
.ais-HitsPerPage-select,
.ais-Stats,
.ais-ToggleRefinement {
    /*color: #21243d;
    font-size: 0.75rem;*/
}

/* Highlighting */

.ais-Highlight-highlighted,
.ais-Snippet-highlighted {
    background: rgba(226, 164, 0, 0.4);
}

/* Hits */

.ais-Hits-list {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr;
}

@media (min-width: 680px) {
    .ais-Hits-list {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 900px) {
    .ais-Hits-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (min-width: 1200px) {
    .ais-Hits-list {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

/* Menus */

.ais-RefinementList-item,
.ais-Menu-item,
.ais-HierarchicalMenu-item,
.ais-RatingMenu-item {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .ais-RefinementList-item,
    /*
 The refinement list item in InstantSearch.js contains a wrapping `div` because of
 the template behavior. We therefore need to apply the styles to all the elements
 in a refinement list.
*/
    .ais-RefinementList-item *,
    .ais-RatingMenu-item {
        cursor: pointer;
    }

.ais-HierarchicalMenu-link,
.ais-RatingMenu-item,
.ais-RefinementList-item {
    /*padding-bottom: 1rem;*/
}

.ais-RatingMenu-starIcon--full {
    fill: #e2a400;
}

.ais-RatingMenu-starIcon--empty {
    fill: rgba(0, 0, 0, 0.08);
}

/* Panel */

.ais-Panel--collapsible {
    position: relative;
}

.ais-Panel--collapsed .ais-Panel-body,
.ais-Panel--collapsed .ais-Panel-footer {
    display: none;
}

.ais-Panel-collapseButton {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    position: absolute;
    right: 0;
}

.ais-Panel-header {
    border: none;
    color: #21243d;
    font-size: 0.678rem;
    font-weight: 600;
    letter-spacing: 0.08rem;
    line-height: 1.6;
    padding-bottom: 1rem;
    text-transform: uppercase;
}

/* Search box */

.ais-SearchBox-form {
    position: relative;
}

.ais-SearchBox-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(65, 66, 71, 0.06);
    border: none;
    border-radius: 3px;
    color: rgba(33, 36, 61, 0.8);
    font-family: inherit;
    min-height: 54px;
    outline: none;
    padding-left: 56px;
    width: 100%;
}

    .ais-SearchBox-input::placeholder {
        color: rgba(33, 36, 61, 0.5);
        opacity: 1; /* Firefox */
    }

    .ais-SearchBox-input:-ms-input-placeholder {
        color: rgba(33, 36, 61, 0.5);
    }

    .ais-SearchBox-input::-ms-input-placeholder {
        color: rgba(33, 36, 61, 0.5);
    }

.ais-SearchBox-reset,
.ais-SearchBox-loadingIndicator,
.ais-SearchBox-submit {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
}

    .ais-SearchBox-reset[hidden],
    .ais-SearchBox-loadingIndicator[hidden] {
        display: none;
    }

.ais-SearchBox-submit {
    left: 0;
}

.ais-SearchBox-reset,
.ais-SearchBox-loadingIndicator {
    right: 0;
}

.ais-SearchBox-resetIcon {
    width: 10px;
    height: 10px;
}

/* SFFV search box */

.ais-RefinementList .ais-SearchBox-input {
    border-radius: 3px;
    color: rgba(33, 36, 61, 0.8);
    font-size: 0.8rem;
    min-height: 40px;
    padding: 0 44px;
}

.ais-RefinementList .ais-SearchBox-form {
    margin-bottom: 1rem;
}

/* Menus */

.ais-HierarchicalMenu-link,
.ais-RatingMenu-link,
.ais-RefinementList-label {
	align-items: center;
	display: flex;
	/*color: #606060;*/
	font-size: 16px;
}

.ais-RefinementList-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(65, 66, 71, 0.08);
    border: none;
    border-radius: 2px;
    height: 1rem;
    margin: 0;
    position: relative;
    width: 1rem;
}

    .ais-RefinementList-item--selected .ais-RefinementList-checkbox {
        background-color: #e2a400;
    }

        .ais-RefinementList-item--selected .ais-RefinementList-checkbox::after {
            background-color: #fff;
            border-radius: 4px;
            content: '';
            height: 4px;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translateX(-2px) translateY(-2px);
            width: 4px;
        }

.ais-HierarchicalMenu-count,
.ais-Menu-count,
.ais-RefinementList-count,
.ais-ToggleRefinement-count,
.ais-RatingMenu-count {
	padding: .1rem .4rem;
	font-size: .8rem;
	color: #000;
	border-radius: 8px;
}

.ais-RatingMenu-link {
	color: #000;
}

.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore {
    margin-top: 1rem;
}

.ais-HierarchicalMenu-list {
    font-weight: normal;
}

.ais-HierarchicalMenu-link::before {
    /*align-items: center;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%2390919E' fill-rule='nonzero' d='M0 4l4-4 4 4z'/%3E%3C/svg%3E%0A");
    display: flex;
    height: 8px;
    justify-content: center;
    margin-right: 1rem;
    width: 8px;*/
}

.ais-HierarchicalMenu-item--selected .ais-HierarchicalMenu-link::before {
    transform: rotate(180deg);
}

.ais-HierarchicalMenu-item--selected
.ais-HierarchicalMenu-item:not(.ais-HierarchicalMenu-item--selected)
.ais-HierarchicalMenu-link::before {
    transform: rotate(0);
}

/* ClearRefinements */

.ais-ClearRefinements,
.ais-ClearRefinements-button {
    color: rgba(33, 36, 61, 0.7);
}

.ais-ClearRefinements-button--disabled {
    color: rgba(33, 36, 61, 0.5);
}

/* ToggleRefinement */

/*.ais-ToggleRefinement-label {
    cursor: pointer;
    display: flex;
}*/

/*.ais-ToggleRefinement-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(65, 66, 71, 0.08);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    height: 16px;
    margin-right: 16px;
    min-width: 30px;
    transition: background 150ms ease-out;
}*/

    .ais-ToggleRefinement-checkbox:checked {
        background: #e2a400;
    }

    /*.ais-ToggleRefinement-checkbox::after {
        background-image: linear-gradient(to top, #f5f5fa, #fff);
        border-radius: 100%;
        box-shadow: 0 4px 11px 0 rgba(37, 44, 97, 0.15), 0 2px 3px 0 rgba(93, 100, 148, 0.2);
        content: '';
        height: 16px;
        position: absolute;
        transition: transform 150ms ease-out;
        width: 16px;
    }

    .ais-ToggleRefinement-checkbox:checked::after {
        transform: translateX(100%);
    }*/

/* Selectors */

.ais-SortBy,
.ais-HitsPerPage {
    position: relative;
}

    /*.ais-SortBy::after,
    .ais-HitsPerPage::after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M14-5v16H-2V-5z'/%3E%3Cpath fill='%23000' stroke='%23FFF' stroke-width='.5' d='M2.228 1.332a.664.664 0 0 0-.942.001.665.665 0 0 0-.002.941l4.247 4.247c.259.26.679.26.938 0l4.247-4.247a.664.664 0 0 0-.002-.94.666.666 0 0 0-.942-.002L6 5.105 2.228 1.332z'/%3E%3C/g%3E%3C/svg%3E%0A");
        display: inline-block;
    }*/

/*.ais-SortBy-select,
.ais-HitsPerPage-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: #21243d;
    font-family: inherit;
}*/

/* Sliders */

.ais-RangeSlider .rheostat-horizontal {
    cursor: pointer;
    width: calc(100% - 10px);
}

.ais-RangeSlider .rheostat-background {
    background-color: rgba(65, 66, 71, 0.08);
    border: none;
    border-radius: 3px;
    height: 3px;
}

.ais-RangeSlider .rheostat-progress {
    background-color: #e2a400;
    border-radius: 3px;
    height: 3px;
    top: 0;
    max-width: 100%;
}

.ais-RangeSlider .rheostat-tooltip {
    /*font-weight: bold;*/
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ais-RangeSlider .rheostat-handle {
    background-image: linear-gradient(to top, #f5f5fa, #fff);
    border: none;
    box-shadow: 0 4px 11px 0 rgba(37, 44, 97, 0.15), 0 2px 3px 0 rgba(93, 100, 148, 0.2);
    margin-left: -5px;
    top: -9px;
}

.ais-RangeSlider .rheostat-marker {
    background-color: rgba(65, 66, 71, 0.08);
}

/* RangeInput */

.ais-RangeInput-input {
    background: none;
    border: none;
    border-bottom: 1px solid #ebecf3;
    color: #21243d;
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    min-width: none;
    padding: 0;
    padding-bottom: 3px;
}

.ais-RangeInput-label:first-of-type {
    margin-right: 6px;
}

.ais-RangeInput-label:last-of-type {
    margin-left: 6px;
}

/* Pagination */

.ais-Pagination-list {
    justify-content: center;
}

.ais-Pagination-item,
.ais-Pagination-link {
    align-items: center;
    display: flex;
    justify-content: center;
}

.ais-Pagination-item {
    height: 38px;
    width: 38px;
}

.ais-Pagination-item {
    /*background-color: rgba(65, 66, 71, 0.08);*/
    border-radius: 4px;
    color: #414247;
}

.ais-Pagination-item--selected {
    background-color: #e2a400;
    background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0) );
    font-weight: bold;
}

.ais-Pagination-item--firstPage,
.ais-Pagination-item--previousPage,
.ais-Pagination-item--nextPage,
.ais-Pagination-item--lastPage {
    background: none;
}

.ais-Pagination-item--disabled {
    opacity: 0.33;
}

.ais-Pagination-item--selected a {
    color: #fff;
}

.ais-Pagination-item.ais-Pagination-item--page {
    margin-right: 4px;
}

.ais-Pagination-item.ais-Pagination-item--previousPage {
    margin-right: 1rem;
}

.ais-Pagination-item.ais-Pagination-item--nextPage {
    margin-left: calc(1rem - 4px);
}

.ais-Pagination-link {
    height: 100%;
    width: 100%;
}


.ais-Hits-item, .ais-InfiniteHits-item, .ais-InfiniteResults-item, .ais-Results-item {
    width: unset;
    padding: 0;
    border: unset;
    box-shadow: unset;
}

.ais-RefinementList-labelText {
    color: #000 !important;
    font-size: 16px !important;
    padding-left: 10px !important;
}

.ais-ToggleRefinement-labelText {
    color: #000 !important;
    font-size: 16px !important;
    padding-left: 10px !important;
}

.ais-HierarchicalMenu-label {
    color: #000 !important;
    font-size: 14px !important;
}

.ais-Pagination-item--selected .ais-Pagination-link {
    color: #fff;
    background-color: #00b4cd !important;
    border: 1px solid #00b4cd !important;
}

.ais-RangeSlider .rheostat-background {
    height: 6px !important;
}

.ais-RangeSlider .rheostat-progress {
    background-color: #000 !important;
    height: 6px !important;
    top: 0 !important;
}

.ais-RangeSlider .rheostat-handle {
    background-image: linear-gradient(to top, #000, #000) !important;
    border-color: #000 !important;
    top: -7px !important;
}

.rheostat-tooltip {
    top: 25px !important;
	font-size: 16px;
    color: #000;
}

.ais-RangeSlider .rheostat {
    margin-bottom: 60px !important;
    margin-top: 20px !important;
    overflow: visible;
}

.ais-RatingMenu-starIcon--full {
    /*fill: #ff5500 !important;*/
}

.ais-RatingMenu-starIcon--empty {
    fill: #d0d0d0 !important;
}

.ais-RefinementList-checkbox,
.ais-ToggleRefinement-checkbox {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: var(--sn-color-bg-primary, #fff) !important;
    border: 1px solid var(--sn-color-border-subtle, #d1d1d1) !important;
    border-radius: var(--sn-radius-2, 2px) !important;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--sn-color-bg-active, #f6f6f6);
    cursor: pointer;
    display: inline-grid;
    flex: 0 0 var(--sn-spacing-20, 20px);
    height: var(--sn-spacing-20, 20px) !important;
    margin: 0 !important;
    min-height: var(--sn-spacing-20, 20px);
    min-width: var(--sn-spacing-20, 20px);
    place-content: center;
    position: relative;
    transition: background-color 120ms ease-out, border-color 120ms ease-out, box-shadow 120ms ease-out;
    vertical-align: middle;
    width: var(--sn-spacing-20, 20px) !important;
}

.ais-RefinementList-checkbox::after,
.ais-ToggleRefinement-checkbox::after,
.ais-RefinementList-item--selected .ais-RefinementList-checkbox::after {
    background: transparent !important;
    border: solid currentColor !important;
    border-radius: 0 !important;
    border-width: 0 2px 2px 0 !important;
    content: '';
    display: block;
    height: 10px !important;
    left: auto !important;
    position: static !important;
    top: auto !important;
    transform: rotate(45deg) scale(0) !important;
    transition: transform 120ms ease-out;
    width: 6px !important;
}

.ais-RefinementList-checkbox:checked,
.ais-RefinementList-item--selected .ais-RefinementList-checkbox,
.ais-ToggleRefinement-checkbox:checked {
    background: #262626 !important;
    border-color: transparent !important;
}

.ais-RefinementList-checkbox:checked::after,
.ais-RefinementList-item--selected .ais-RefinementList-checkbox::after,
.ais-ToggleRefinement-checkbox:checked::after {
    transform: rotate(45deg) scale(1) !important;
}

.ais-RefinementList-checkbox[aria-invalid="true"],
.ais-RefinementList-checkbox.is-error,
.ais-RefinementList-checkbox.has-error,
.ais-RefinementList-item.is-error .ais-RefinementList-checkbox,
.ais-RefinementList-item.has-error .ais-RefinementList-checkbox,
.ais-RefinementList-label.is-error .ais-RefinementList-checkbox,
.ais-RefinementList-label.has-error .ais-RefinementList-checkbox,
.ais-ToggleRefinement-checkbox[aria-invalid="true"],
.ais-ToggleRefinement-checkbox.is-error,
.ais-ToggleRefinement-checkbox.has-error,
.ais-ToggleRefinement.is-error .ais-ToggleRefinement-checkbox,
.ais-ToggleRefinement.has-error .ais-ToggleRefinement-checkbox,
.ais-ToggleRefinement-label.is-error .ais-ToggleRefinement-checkbox,
.ais-ToggleRefinement-label.has-error .ais-ToggleRefinement-checkbox {
    background: var(--sn-color-bg-primary, #fff) !important;
    border-color: #b43f28 !important;
}

.ais-RefinementList-checkbox[aria-invalid="true"]:checked,
.ais-RefinementList-checkbox.is-error:checked,
.ais-RefinementList-checkbox.has-error:checked,
.ais-RefinementList-item.is-error .ais-RefinementList-checkbox:checked,
.ais-RefinementList-item.is-error.ais-RefinementList-item--selected .ais-RefinementList-checkbox,
.ais-RefinementList-item.has-error .ais-RefinementList-checkbox:checked,
.ais-RefinementList-item.has-error.ais-RefinementList-item--selected .ais-RefinementList-checkbox,
.ais-RefinementList-label.is-error .ais-RefinementList-checkbox:checked,
.ais-RefinementList-label.has-error .ais-RefinementList-checkbox:checked,
.ais-ToggleRefinement-checkbox[aria-invalid="true"]:checked,
.ais-ToggleRefinement-checkbox.is-error:checked,
.ais-ToggleRefinement-checkbox.has-error:checked,
.ais-ToggleRefinement.is-error .ais-ToggleRefinement-checkbox:checked,
.ais-ToggleRefinement.has-error .ais-ToggleRefinement-checkbox:checked,
.ais-ToggleRefinement-label.is-error .ais-ToggleRefinement-checkbox:checked,
.ais-ToggleRefinement-label.has-error .ais-ToggleRefinement-checkbox:checked {
    background: #b43f28 !important;
    border-color: transparent !important;
    color: var(--sn-color-bg-active, #f6f6f6);
}

.ais-RefinementList-checkbox:disabled,
.ais-ToggleRefinement-checkbox:disabled {
    background: var(--sn-color-border-subtle, #d1d1d1) !important;
    border-color: transparent !important;
    cursor: not-allowed;
    opacity: 1;
}

.ais-RefinementList-checkbox:disabled:checked,
.ais-RefinementList-item--selected .ais-RefinementList-checkbox:disabled,
.ais-ToggleRefinement-checkbox:disabled:checked {
    color: #6d6d6d;
}

.ais-RefinementList-checkbox:focus-visible,
.ais-ToggleRefinement-checkbox:focus-visible {
    box-shadow: 0 0 0 2px #92c0ab;
    outline: none;
}

.ais-Pagination-list {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
}

.ais-HitsPerPage-select,
.ais-SortBy-select {
    background-color: #f2f4f4 !important;
}

#sort-by .ais-SortByRadio-list {
    display: flex;
    flex-direction: column;
    gap: var(--sn-spacing-12, 12px);
}

#sort-by .ais-SortByRadio-label {
    align-items: center;
    color: #000;
    cursor: pointer;
    display: flex;
    font-size: var(--sn-font-size-body-b1, 16px);
    line-height: var(--sn-line-height-body, 150%);
    margin-bottom: 0;
}

#sort-by .ais-SortByRadio-label input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--sn-color-bg-primary, #fff);
    border: 1px solid var(--sn-color-border-subtle, #d1d1d1);
    border-radius: var(--sn-radius-pill, 9999px);
    box-shadow: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-grid;
    flex: 0 0 var(--sn-spacing-20, 20px);
    height: var(--sn-spacing-20, 20px);
    margin: 0;
    min-height: var(--sn-spacing-20, 20px);
    min-width: var(--sn-spacing-20, 20px);
    place-content: center;
    transition: background-color 120ms ease-out, border-color 120ms ease-out, box-shadow 120ms ease-out;
    width: var(--sn-spacing-20, 20px);
}

#sort-by .ais-SortByRadio-label input[type="radio"]::after {
    background: #000;
    border-radius: var(--sn-radius-pill, 9999px);
    box-shadow: 0 0 0 2px var(--sn-color-bg-primary, #fff);
    content: '';
    display: block;
    height: var(--sn-spacing-8, 8px);
    transform: scale(0);
    transition: transform 120ms ease-out;
    width: var(--sn-spacing-8, 8px);
}

#sort-by .ais-SortByRadio-label input[type="radio"]:checked {
    background: #262626;
    border-color: transparent;
}

#sort-by .ais-SortByRadio-label input[type="radio"]:checked::after {
    transform: scale(1);
}

#sort-by .ais-SortByRadio-label input[type="radio"]:focus-visible {
    box-shadow: 0 0 0 2px #92c0ab;
    outline: none;
}

#sort-by .ais-SortByRadio-label input[type="radio"]:disabled {
    background: #d1d1d1;
    border-color: transparent;
    cursor: not-allowed;
    opacity: 1;
}

#sort-by .ais-SortByRadio-label input[type="radio"]:disabled::after {
    background: #888;
    box-shadow: none;
}

#sort-by .ais-SortByRadio-label input[type="radio"][aria-invalid="true"],
#sort-by .ais-SortByRadio-label input[type="radio"].is-error,
#sort-by .ais-SortByRadio-label input[type="radio"].has-error,
#sort-by .ais-SortByRadio-label.is-error input[type="radio"],
#sort-by .ais-SortByRadio-label.has-error input[type="radio"] {
    background: var(--sn-color-bg-primary, #fff);
    border-color: #b43f28;
}

#sort-by .ais-SortByRadio-label input[type="radio"][aria-invalid="true"]:checked,
#sort-by .ais-SortByRadio-label input[type="radio"].is-error:checked,
#sort-by .ais-SortByRadio-label input[type="radio"].has-error:checked,
#sort-by .ais-SortByRadio-label.is-error input[type="radio"]:checked,
#sort-by .ais-SortByRadio-label.has-error input[type="radio"]:checked {
    background: #b43f28;
    border-color: transparent;
}

#sort-by .ais-SortByRadio-label input[type="radio"][aria-invalid="true"]:checked::after,
#sort-by .ais-SortByRadio-label input[type="radio"].is-error:checked::after,
#sort-by .ais-SortByRadio-label input[type="radio"].has-error:checked::after,
#sort-by .ais-SortByRadio-label.is-error input[type="radio"]:checked::after,
#sort-by .ais-SortByRadio-label.has-error input[type="radio"]:checked::after {
    background: #000;
    box-shadow: none;
}

#sort-by .ais-SortByRadio-label input[type="radio"]:disabled + .ais-SortByRadio-labelText {
    color: #000;
    cursor: not-allowed;
}

#sort-by .ais-SortByRadio-labelText {
    padding-left: var(--sn-spacing-10, 10px);
}

.ais-RatingMenu-label {
    color: #000 !important;
    font-size: 16px !important;
	margin-right: 10px;
}

.ais-ClearRefinements {
    text-align: right;
}

.ais-RefinementList-count::before,
.ais-HierarchicalMenu-count::before {
    content: '(';
}

.ais-RefinementList-count::after,
.ais-HierarchicalMenu-count::after {
    content: ')';
}

.ais-RefinementList-count,
.ais-HierarchicalMenu-count {
    background-color: transparent !important;
}

.ais-RefinementList-label {
    margin-bottom: 0;
}

.ais-Panel-header {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    text-transform: unset !important;
}

.aa-Panel {
    z-index: 9999;
}

.aa-Label svg,
.aa-LoadingIndicator svg,
.aa-SubmitButton,
.aa-SubmitIcon {
    color: #000;
}

.aa-SubmitButton {
    padding-top: 8px;
}

.aa-Form {
	border: 1px solid #000;
}

.aa-Form:focus-within {
    box-shadow: none;
    outline: none;
}

.aa-ItemLink:hover {
    -webkit-text-decoration: none;
    color: #000;
    text-decoration: none;
}

.aa-SourceHeaderTitle {
    color: #000;
}

.aa-SourceHeaderLine {
    border-bottom: 1px solid #000;
}

.ais-Stats-text {
    font-size: 16px;
    color: #000;
}

.aa-InputWrapperPrefix,
.aa-DetachedSearchButtonIcon {
    order: 4;
}

.aa-InputWrapper {
    order: 3;
}

.aa-Input,
.aa-DetachedSearchButton {
    padding-left: 15px;
}

.aa-DetachedSearchButtonPlaceholder,
.aa-DetachedSearchButtonQuery {
    width: 100%;
}

.aa-SourceNoResults {
    text-align: center;
}

.product-list-algolia .btn-modal-filters {
    align-items: center;
    background: var(--sn-color-bg-neutral-2, #e5e5e5) !important;
    border: 1px solid transparent !important;
    border-radius: var(--sn-radius-pill, 9999px) !important;
    color: var(--sn-color-text-primary, #000) !important;
    display: inline-flex;
    font-family: var(--sn-font-sans, inherit);
    font-size: var(--sn-font-size-label-2, 14px);
    gap: var(--sn-spacing-10, 10px);
    height: auto;
    justify-content: center;
    line-height: 1.2;
    min-height: var(--sn-spacing-44, 44px);
    padding: var(--sn-spacing-10, 10px) var(--sn-spacing-16, 16px) !important;
    transition: background-color 120ms ease-out, color 120ms ease-out, box-shadow 120ms ease-out;
    white-space: nowrap;
}

.product-list-algolia .btn-modal-filters::after {
    background-color: currentColor;
    content: '';
    display: block;
    flex: 0 0 var(--sn-spacing-16, 16px);
    height: var(--sn-spacing-16, 16px);
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMjg3NSAyQzAuNTc4MTI1IDIgMCAyLjU3ODEyIDAgMy4yODc1QzAgMy42MTI1IDAuMTIxODc1IDMuOTI1IDAuMzQzNzUgNC4xNjU2M0wzLjI1IDcuMjkzNzVWMTEuMjMxMkMzLjI1IDExLjY1IDMuNDU5MzcgMTIuMDQzNyAzLjgxMjUgMTIuMjc1TDYuMTcxODggMTMuODMxM0M2LjMzNzUgMTMuOTQwNiA2LjUzNDM4IDE0IDYuNzM0MzggMTRDNy4yOTY4OCAxNCA3Ljc1MzEzIDEzLjU0MzcgNy43NTMxMyAxMi45ODEyVjcuMjkzNzVMMTAuNjU5NCA0LjE2NTYzQzEwLjg4MTMgMy45MjgxMyAxMS4wMDMxIDMuNjE1NjIgMTEuMDAzMSAzLjI4NzVDMTEgMi41NzgxMiAxMC40MjE5IDIgOS43MTI1IDJIMS4yODc1Wk00LjU1IDYuNDkwNjJMMS43NzUgMy41SDkuMjI4MTJMNi40NTMxMiA2LjQ5MDYyQzYuMzI1IDYuNjI4MTIgNi4yNTMxMyA2LjgxMjUgNi4yNTMxMyA3VjEyLjA4NzVMNC43NTMxMyAxMS4wOTY5TDQuNzUgN0M0Ljc1IDYuODA5MzcgNC42NzgxMyA2LjYyODEyIDQuNTUgNi40OTA2MlpNMTAuNzUgMTIuMjVDMTAuMzM0NCAxMi4yNSAxMCAxMi41ODQ0IDEwIDEzQzEwIDEzLjQxNTYgMTAuMzM0NCAxMy43NSAxMC43NSAxMy43NUgxNS4yNUMxNS42NjU2IDEzLjc1IDE2IDEzLjQxNTYgMTYgMTNDMTYgMTIuNTg0NCAxNS42NjU2IDEyLjI1IDE1LjI1IDEyLjI1SDEwLjc1Wk0xMCA4QzEwIDguNDE1NjMgMTAuMzM0NCA4Ljc1IDEwLjc1IDguNzVIMTUuMjVDMTUuNjY1NiA4Ljc1IDE2IDguNDE1NjMgMTYgOEMxNiA3LjU4NDM3IDE1LjY2NTYgNy4yNSAxNS4yNSA3LjI1SDEwLjc1QzEwLjMzNDQgNy4yNSAxMCA3LjU4NDM3IDEwIDhaTTEyLjc1IDIuMjVDMTIuMzM0NCAyLjI1IDEyIDIuNTg0MzggMTIgM0MxMiAzLjQxNTYyIDEyLjMzNDQgMy43NSAxMi43NSAzLjc1SDE1LjI1QzE1LjY2NTYgMy43NSAxNiAzLjQxNTYyIDE2IDNDMTYgMi41ODQzOCAxNS42NjU2IDIuMjUgMTUuMjUgMi4yNUgxMi43NVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=") center / contain no-repeat;
    mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMjg3NSAyQzAuNTc4MTI1IDIgMCAyLjU3ODEyIDAgMy4yODc1QzAgMy42MTI1IDAuMTIxODc1IDMuOTI1IDAuMzQzNzUgNC4xNjU2M0wzLjI1IDcuMjkzNzVWMTEuMjMxMkMzLjI1IDExLjY1IDMuNDU5MzcgMTIuMDQzNyAzLjgxMjUgMTIuMjc1TDYuMTcxODggMTMuODMxM0M2LjMzNzUgMTMuOTQwNiA2LjUzNDM4IDE0IDYuNzM0MzggMTRDNy4yOTY4OCAxNCA3Ljc1MzEzIDEzLjU0MzcgNy43NTMxMyAxMi45ODEyVjcuMjkzNzVMMTAuNjU5NCA0LjE2NTYzQzEwLjg4MTMgMy45MjgxMyAxMS4wMDMxIDMuNjE1NjIgMTEuMDAzMSAzLjI4NzVDMTEgMi41NzgxMiAxMC40MjE5IDIgOS43MTI1IDJIMS4yODc1Wk00LjU1IDYuNDkwNjJMMS43NzUgMy41SDkuMjI4MTJMNi40NTMxMiA2LjQ5MDYyQzYuMzI1IDYuNjI4MTIgNi4yNTMxMyA2LjgxMjUgNi4yNTMxMyA3VjEyLjA4NzVMNC43NTMxMyAxMS4wOTY5TDQuNzUgN0M0Ljc1IDYuODA5MzcgNC42NzgxMyA2LjYyODEyIDQuNTUgNi40OTA2MlpNMTAuNzUgMTIuMjVDMTAuMzM0NCAxMi4yNSAxMCAxMi41ODQ0IDEwIDEzQzEwIDEzLjQxNTYgMTAuMzM0NCAxMy43NSAxMC43NSAxMy43NUgxNS4yNUMxNS42NjU2IDEzLjc1IDE2IDEzLjQxNTYgMTYgMTNDMTYgMTIuNTg0NCAxNS42NjU2IDEyLjI1IDE1LjI1IDEyLjI1SDEwLjc1Wk0xMCA4QzEwIDguNDE1NjMgMTAuMzM0NCA4Ljc1IDEwLjc1IDguNzVIMTUuMjVDMTUuNjY1NiA4Ljc1IDE2IDguNDE1NjMgMTYgOEMxNiA3LjU4NDM3IDE1LjY2NTYgNy4yNSAxNS4yNSA3LjI1SDEwLjc1QzEwLjMzNDQgNy4yNSAxMCA3LjU4NDM3IDEwIDhaTTEyLjc1IDIuMjVDMTIuMzM0NCAyLjI1IDEyIDIuNTg0MzggMTIgM0MxMiAzLjQxNTYyIDEyLjMzNDQgMy43NSAxMi43NSAzLjc1SDE1LjI1QzE1LjY2NTYgMy43NSAxNiAzLjQxNTYyIDE2IDNDMTYgMi41ODQzOCAxNS42NjU2IDIuMjUgMTUuMjUgMi4yNUgxMi43NVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=") center / contain no-repeat;
    width: var(--sn-spacing-16, 16px);
}

.product-list-algolia .btn-modal-filters:hover,
.product-list-algolia .btn-modal-filters:focus,
.product-list-algolia .btn-modal-filters:active,
.product-list-algolia .btn-modal-filters.active,
.product-list-algolia .btn-modal-filters.show {
    background: var(--sn-color-bg-inverse-primary, #000) !important;
    color: var(--sn-color-text-inverse-primary, #fff) !important;
}

.product-list-algolia .btn-modal-filters:focus,
.product-list-algolia .btn-modal-filters:focus-visible {
    box-shadow: var(--sn-focus-ring, 0 0 0 0.2rem rgba(0, 0, 0, 0.24)) !important;
    outline: none;
}

.product-list-algolia .product-results-stats {
    align-items: center;
    display: inline-flex;
    min-height: var(--sn-spacing-44, 44px);
}

.product-list-algolia #pagination.ais-LoadMore {
    display: flex;
    justify-content: center;
    margin-top: var(--sn-spacing-24, 24px);
}

.product-list-algolia .ais-LoadMore-button {
    align-items: center;
    background: var(--sn-color-bg-inverse-primary, #000) !important;
    border: 1px solid var(--sn-color-border-primary, #000) !important;
    border-radius: var(--sn-radius-pill, 9999px) !important;
    color: var(--sn-color-text-inverse-primary, #fff) !important;
    display: inline-flex;
    font-family: var(--sn-font-sans, inherit);
    font-size: var(--sn-font-size-label-1, 16px);
    justify-content: center;
    line-height: 1.2;
    min-height: var(--sn-spacing-44, 44px);
    min-width: 160px;
    padding: var(--sn-spacing-10, 10px) var(--sn-spacing-24, 24px) !important;
    transition: background-color 120ms ease-out, border-color 120ms ease-out, color 120ms ease-out, opacity 120ms ease-out;
}

.product-list-algolia .ais-LoadMore-button:hover,
.product-list-algolia .ais-LoadMore-button:focus,
.product-list-algolia .ais-LoadMore-button:active {
    background: var(--sn-color-bg-primary, #fff) !important;
    color: var(--sn-color-text-primary, #000) !important;
}

.product-list-algolia .ais-LoadMore-button:focus,
.product-list-algolia .ais-LoadMore-button:focus-visible {
    box-shadow: var(--sn-focus-ring, 0 0 0 0.2rem rgba(0, 0, 0, 0.24)) !important;
    outline: none;
}

.product-list-algolia .ais-LoadMore-button:disabled,
.product-list-algolia .ais-LoadMore-button[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: 0.65;
}

.product-filters-offcanvas {
    --bs-offcanvas-width: min(100vw, 420px);
    background: var(--sn-color-bg-primary, #fff);
    color: var(--sn-color-text-primary, #000);
}

.product-filters-offcanvas__header {
    align-items: center;
    border-bottom: 1px solid var(--sn-color-border-subtle, #d1d1d1);
    padding: var(--sn-spacing-24, 24px);
}

.product-filters-offcanvas__title {
    color: var(--sn-color-text-primary, #000);
    font-family: var(--sn-font-heading, inherit);
    font-size: var(--sn-font-size-heading-h5, 24px);
    font-weight: var(--sn-font-weight-900, 800);
    line-height: 1.2;
    margin: 0;
}

.product-filters-offcanvas__body {
    padding: 24px 36px;
}

.product-filters-offcanvas .container-filters {
    flex: initial;
    max-width: none;
    width: 100%;
}

.product-filters-offcanvas .container-body {
    padding: 0;
}

.product-filters-offcanvas__footer {
    align-items: center;
    background: var(--sn-color-bg-primary, #fff);
    border-top: 1px solid var(--sn-color-border-subtle, #d1d1d1);
    display: grid;
    gap: var(--sn-spacing-12, 12px);
    grid-template-columns: 1fr 1fr;
    padding: var(--sn-spacing-16, 16px) var(--sn-spacing-24, 24px);
}

.product-filters-offcanvas__footer .ais-ClearRefinements {
    margin: 0;
    text-align: left;
}

.product-filters-offcanvas__footer .btn {
    width: 100%;
}

body.product-filters-backdrop-open::before {
    background: rgba(0, 0, 0, 0.5);
    content: '';
    inset: 0;
    position: fixed;
    z-index: 1040;
}

@media (max-width: 767px) {
    .product-filters-offcanvas .container-filters {
        background: transparent;
        border-radius: 0;
        left: auto;
        max-width: none;
        padding-bottom: 0;
        position: static;
        top: auto;
        transform: none;
        transition: none;
        width: 100%;
        z-index: auto;
    }

    .product-filters-offcanvas .container-body {
        padding: 0;
    }
}