:root {
    --color-primary: $black;
    --skin-primary-color-1: var(--color-primary);
    --skin-primary-color-2: var(--color-primary)
}

.aspect-ratio-1-1 {
    aspect-ratio: 1
}

.aspect-ratio-4-3 {
    aspect-ratio: 1.3333333333
}

.aspect-ratio-3-2 {
    aspect-ratio: 1.5
}

.aspect-ratio-5-3 {
    aspect-ratio: 1.6666666667
}

.aspect-ratio-16-9 {
    aspect-ratio: 1.7777777778
}

.aspect-ratio-3-1 {
    aspect-ratio: 3
}

.aspect-ratio-2-3 {
    aspect-ratio: .6666666667
}

.aspect-ratio-5-7 {
    aspect-ratio: .7142857143
}

.aspect-ratio-4-5 {
    aspect-ratio: .8
}

.aspect-ratio-4-1 {
    aspect-ratio: 4
}

.aspect-ratio-16-10 {
    aspect-ratio: 1.6
}

.category-tile {
    position: relative
}

    .category-tile h1, .category-tile h2 {
        bottom: 1.875rem;
        color: #fff;
        font-size: 1.75rem;
        left: 1.875rem;
        position: absolute
    }

    .category-tile:before {
        background-image: linear-gradient(180deg,transparent 60%,rgba(0,0,0,.5));
        content: "";
        height: 100%;
        position: absolute;
        width: 100%
    }

.filter-results {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    color: #000;
    gap: 10px;
    max-height: 72px;
    padding: 0;
    text-align: left
}

@media(max-width:1439.98px) {
    .filter-results {
        padding-right: 16px
    }
}

@media(min-width:1200px) {
    .filter-results {
        border: 1px solid rgba(0,0,0,.122);
        padding: 24px 56px 24px 72px;
        text-align: center
    }

        .filter-results:hover {
            border: 1px solid #000;
            cursor: pointer
        }
}

@media(max-width:1199.98px) {
    .filter-results .sticky-filters .sort-by-dropdown:after {
        margin-left: 0
    }
}

.filter-results .filter-column-content {
    gap: 8px;
    position: relative
}

.refinement-active {
    background-color: #81d8d0;
    border: 3px solid #fff;
    border-radius: 12px;
    display: inline-block;
    height: 12px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 12px
}

.ais-container .visual-attribute-text {
    background-color: #fbf9f7;
    transition: background-color .3s ease-in-out
}

    .ais-container .visual-attribute-text .refinement-btn {
        background-color: transparent;
        transition: unset
    }

        .ais-container .visual-attribute-text .refinement-btn:hover {
            cursor: pointer;
            text-decoration: none
        }

    .ais-container .visual-attribute-text:hover {
        background-color: #f4f0ea
    }

    .ais-container .visual-attribute-text.ais-HierarchicalMenu-item--selected, .ais-container .visual-attribute-text.ais-RefinementList-item--selected {
        background-color: #f4f0ea;
        position: relative
    }

        .ais-container .visual-attribute-text.ais-HierarchicalMenu-item--selected:after, .ais-container .visual-attribute-text.ais-RefinementList-item--selected:after {
            background-color: #000;
            bottom: 0;
            content: "";
            display: inline-block;
            height: 2px;
            left: 0;
            position: absolute;
            width: 100%
        }

.ais-container .collapsible-xxl:not(.collapsible-transition) .ais-Panel-body {
    padding: 0 0 20px
}

@media(min-width:1200px) {
    .ais-container .collapsible-xxl:not(.collapsible-transition) .ais-Panel-body {
        padding: 0 0 40px
    }
}

.filter-column, .sort-result-count-container {
    flex: 1
}

.result-count {
    display: flex;
    margin: 8px 0 40px;
    min-width: 100%;
    text-align: center;
    white-space: nowrap
}

@media(min-width:1200px) {
    .result-count {
        margin: 0 40px;
        min-width: 100px;
        text-align: left
    }

        .result-count.ais-Stats {
            margin-left: 0
        }
}

@media(max-width:1199.98px) {
    .result-count {
        justify-content: center;
        margin-bottom: 0
    }
}

.result-title-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
    justify-content: center;
    padding: 72px 24px;
    width: 100%
}

@media(max-width:719.98px) {
    .result-title-container {
        padding: 32px
    }
}

@media(min-width:1200px) {
    .aa-Detached .ais-container:not(.no-results) .result-title-container, .aa-Detached .result-title-container.not-empty {
        padding-right: 17px
    }
}

.result-title-container.not-empty {
    margin-bottom: 12px;
    padding: 0
}

@media(min-width:1200px) {
    .result-title-container.not-empty {
        margin-bottom: 0
    }
}

.tabs-wrapper {
    gap: 32px
}

    .tabs-wrapper .nav-item {
        padding: 0
    }

.tabs-wrapper--link {
    border-bottom: 1px solid transparent;
    color: #000;
    padding-bottom: 23px
}

@media(max-width:1199.98px) {
    .tabs-wrapper--link {
        margin-top: 24px
    }
}

.tabs-wrapper--link.active {
    border-color: #000
}

.tabs-wrapper--link:hover {
    border-color: #000;
    text-decoration: none
}

.tabs-wrapper--link:active {
    border-color: #51c3c0;
    color: #51c3c0
}

.search-input-wrapper {
    align-items: center;
    align-self: stretch;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.122);
    display: flex;
    justify-content: space-between;
    padding: 20px 48px;
    position: relative;
    width: 100%
}

@media(max-width:719.98px) {
    .search-input-wrapper {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 22px 4px
    }
}

.search-input-wrapper .result-title--icon-wrapper {
    align-items: baseline;
    display: flex;
    opacity: .4;
    position: absolute;
    right: 8px
}

    .search-input-wrapper .result-title--icon-wrapper svg {
        vertical-align: sub
    }

    .search-input-wrapper .result-title--icon-wrapper.multiple-lines-search {
        top: 64px
    }

@media(max-width:719.98px) {
    .search-input-wrapper .result-title--icon-wrapper.multiple-lines-search {
        right: 4px;
        top: 60px
    }
}

.result-title:not(.result-title-plp) {
    align-items: end;
    background-color: transparent;
    border: 0;
    color: #666;
    justify-content: center;
    overflow-wrap: break-word;
    padding: 0;
    width: 100%;
    z-index: 10
}

@media(max-width:1199.98px) {
    .result-title:not(.result-title-plp) {
        margin: 0 auto
    }

        .result-title:not(.result-title-plp) .result-title--results {
            line-height: 28px
        }
}

@media(max-width:719.98px) {
    .result-title:not(.result-title-plp) {
        width: 223px
    }
}

.result-title:not(.result-title-plp):hover {
    border-color: #000
}

.result-title:not(.result-title-plp) .result-title--results {
    text-transform: capitalize
}

.result-title:not(.result-title-plp) .result-title--query {
    color: #000;
    text-transform: capitalize
}

@media(max-width:1199.98px) {
    .result-title:not(.result-title-plp) .result-title--query {
        line-height: 28px;
        max-width: 223px
    }
}

.result-title:not(.result-title-plp):focus .result-title--icon-wrapper {
    opacity: 1
}

.result-title:not(.result-title-plp) .result-title--text {
    align-self: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-bottom: 0;
    width: 100%
}

@media(max-width:1199.98px) {
    .result-title:not(.result-title-plp) .result-title--text {
        max-width: 280px
    }
}

.result-title-plp {
    margin-bottom: 0;
    padding: 0 24px
}

@media(max-width:719.98px) {
    .result-title-plp {
        padding: 32px 56px 0
    }
}

.grid-header {
    flex-wrap: wrap
}

@media(min-width:1200px) {
    .grid-header {
        display: grid !important;
        grid-template-columns: 215px 190px 1fr 405px;
        margin-top: 32px
    }
}

.grid-header:not(.grid-header-plp) {
    border-bottom: 1px solid rgba(0,0,0,.122);
    justify-content: space-between;
    margin-bottom: 48px;
    margin-top: 0
}

@media(max-width:1199.98px) {
    .grid-header:not(.grid-header-plp) {
        border-bottom: 0;
        padding: 0 !important
    }
}

@media(max-width:1199.98px) {
    .grid-header:not(.grid-header-plp):has(#content-tab-link.active) {
        margin-bottom: 0
    }
}

.grid-header:not(.grid-header-plp):has(#content-tab-link.active) .filter-column, .grid-header:not(.grid-header-plp):has(#content-tab-link.active) .sort-column {
    visibility: hidden
}

@media(max-width:1199.98px) {
    .sticky-filters:has(#content-tab-link.active) .grid-header {
        display: none !important
    }
}

.grid-header-plp .result-count {
    border: 0;
    margin-right: 0
}

.refinement-item {
    display: inline-block;
    margin: 0 12px 12px 0
}

    .refinement-item.visual-attribute {
        margin: 0 8px 20px 0;
        width: calc(33% - 8px)
    }

@media(min-width:720px) {
    .refinement-item.visual-attribute {
        width: calc(20% - 8px)
    }
}

.refinement-item.visual-attribute .refinement-btn {
    display: inline-block;
    padding: 0;
    width: 100%
}

    .refinement-item.visual-attribute .refinement-btn.selected {
        background-color: #f4f0ea;
        position: relative
    }

        .refinement-item.visual-attribute .refinement-btn.selected:after {
            background-color: #000;
            bottom: 0;
            content: "";
            display: inline-block;
            height: 2px;
            left: 0;
            position: absolute;
            width: 100%
        }

    .refinement-item.visual-attribute .refinement-btn[disabled] {
        cursor: not-allowed;
        opacity: .4;
        pointer-events: none
    }

    .refinement-item.visual-attribute .refinement-btn:hover {
        cursor: pointer
    }

.refinement-item.visual-attribute-transparent .refinement-btn {
    background-color: transparent
}

    .refinement-item.visual-attribute-transparent .refinement-btn.selected, .refinement-item.visual-attribute-transparent .refinement-btn:hover {
        background-color: #f4f0ea
    }

.refinement-item.visual-attribute-large {
    width: calc(33% - 8px)
}

    .refinement-item.visual-attribute-large .refinement-btn {
        position: relative
    }

        .refinement-item.visual-attribute-large .refinement-btn:before {
            background-color: #000;
            content: "";
            display: inline-block;
            height: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            transition: opacity .5s ease-in-out;
            width: 100%
        }

        .refinement-item.visual-attribute-large .refinement-btn:hover:before {
            opacity: .2
        }

        .refinement-item.visual-attribute-large .refinement-btn.selected:before {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23000'/%3E%3Cpath d='m14 7.5-5.271 5L6 9.773' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E");
            border-radius: 20px;
            height: 20px;
            left: auto;
            opacity: 1;
            right: 10px;
            top: 10px;
            width: 20px
        }

.category-item {
    background-color: #fbf9f7;
    margin-bottom: 12px;
    padding: 6px 16px 20px;
    width: 100%
}

    .category-item .category-item {
        background-color: transparent;
        display: inline-block;
        padding: 0;
        width: auto
    }

    .category-item:has(.cat-refinements-visuals) {
        margin-bottom: 0;
        margin-right: 0
    }

    .category-item .cat-refinements-visuals {
        margin-bottom: 12px;
        margin-right: 12px;
        position: relative
    }

    .category-item .pseudo-checkbox, .category-item .pseudo-checkbox.selected, .category-item .pseudo-checkbox:hover {
        background-color: transparent;
        text-decoration: none
    }

    .ais-HierarchicalMenu-list--child .category-item .refinement-btn, .category-item .refinement-btn:not(.pseudo-checkbox) {
        background-color: #fff;
        position: relative
    }

        .ais-HierarchicalMenu-list--child .category-item .refinement-btn.selected:after, .category-item .refinement-btn:not(.pseudo-checkbox).selected:after {
            background-color: #000;
            bottom: 0;
            content: "";
            display: inline-block;
            height: 2px;
            left: 0;
            position: absolute;
            width: 100%
        }

        .ais-HierarchicalMenu-list--child .category-item .refinement-btn:hover, .category-item .refinement-btn:not(.pseudo-checkbox):hover {
            background-color: #fff;
            cursor: pointer
        }

        .ais-HierarchicalMenu-list--child .category-item .refinement-btn .pseudo-checkbox-inner, .category-item .refinement-btn:not(.pseudo-checkbox) .pseudo-checkbox-inner {
            display: none
        }

    .category-item .content {
        padding-left: 12px
    }

@media(min-width:1200px) {
    .category-item .content {
        padding-left: 40px
    }
}

.visual-attribute-text {
    display: inline-block;
    padding: 12px 16px
}

.refinement-btn {
    background-color: #fbf9f7;
    border: 0;
    color: #000;
    display: inline-block;
    padding: 12px;
    transition: background-color .3s ease-in-out
}

    .refinement-btn.selected, .refinement-btn:hover {
        background-color: #f4f0ea
    }

    .refinement-btn:hover {
        cursor: pointer
    }

    .refinement-btn img {
        max-width: 100%
    }

.refinement-btn-legend {
    display: block;
    margin: 12px 0
}

.refinement-count {
    background-color: #fbf9f7;
    border-radius: 50%;
    height: 28px;
    line-height: 30px !important;
    margin-left: auto;
    margin-right: 16px;
    opacity: 0;
    pointer-events: none;
    text-align: center;
    transition: opacity .3s ease-in-out;
    width: 28px
}

    .refinement-count.show {
        opacity: 1
    }

.title.refinement-panel-title {
    background-color: transparent;
    border: 0;
    color: #000;
    margin-right: 4px;
    padding: 16px 0;
    width: 100%
}

@media(min-width:1200px) {
    .title.refinement-panel-title {
        padding: 32px 0
    }
}

@media(max-width:1199.98px) {
    .title.refinement-panel-title {
        height: 72px;
        padding: 24px 0
    }
}

.title.refinement-panel-title:after {
    margin-right: 0;
    transition: all .4s ease-in-out
}

.refinement-panel-price {
    padding-bottom: 32px
}

.refinement-price-slider {
    padding: 0 12px 15px
}

    .refinement-price-slider .rheostat-tooltip {
        text-wrap: nowrap;
        background-color: #fff;
        border: 1px solid rgba(0,0,0,.122);
        border-radius: 20px;
        margin: 0;
        padding: 4px 8px;
        top: 40px;
        transform: none
    }

    .refinement-price-slider .rheostat {
        margin: 12px 0
    }

    .refinement-price-slider .rheostat-handle {
        height: 17px;
        width: 17px
    }

    .refinement-price-slider .rheostat-background, .refinement-price-slider .rheostat-progress {
        border: 0;
        height: 1px !important
    }

    .refinement-price-slider .rheostat-background {
        background-color: rgba(0,0,0,.122)
    }

    .refinement-price-slider .rheostat-handle-upper .rheostat-tooltip {
        right: 0
    }

.refinements {
    margin-top: 16px
}

@media(min-width:1200px) {
    .refinements {
        margin-top: 0
    }
}

.visual-attribute {
    list-style-type: none
}

.visual-attribute-img {
    aspect-ratio: 1/1
}

.price-range {
    margin: 12px 6px 12px 0
}

@media(min-width:1200px) {
    .price-range {
        margin: 12px 0
    }

    .filters-modal .modal-footer .row {
        margin-left: -6px;
        margin-right: -6px
    }
}

.filters-modal #clearFiltersBtn {
    border-color: rgba(0,0,0,.12)
}

.filters-modal .modal-scroll {
    height: calc(100vh - 260px)
}

@supports(-webkit-touch-callout:none) {
    .filters-modal .modal-scroll {
        height: calc(100vh - 335px)
    }
}

@media(min-width:1200px) {
    .filters-modal .modal-scroll {
        height: calc(100vh - 300px);
        padding-right: 8px
    }
}

.filters-modal .refinement-check .pseudo-checkbox-inner:before {
    border-radius: 50%
}

.filters-modal .pseudo-checkbox .pseudo-checkbox-inner:after {
    margin-left: 8px
}

.filters-modal-plp .collapsible-transition .collapsible-body {
    padding: 0 0 20px
}

.filters-modal-plp .modal-header {
    padding-top: 24px
}

@media(min-width:1200px) {
    .filters-modal-plp .modal-header {
        padding-bottom: 0
    }
}

.filters-modal-plp .modal-content {
    overflow-y: auto !important
}

.filters-modal-plp .modal-scroll {
    height: calc(100vh - 300px)
}

@media(min-width:1200px) {
    .filters-modal-plp .modal-scroll {
        height: calc(100vh - 314px)
    }
}

.filters-modal-plp .modal-footer {
    justify-content: center;
    padding: 12px 6px !important
}

@media(min-width:1200px) {
    .filters-modal-plp .modal-footer {
        padding: 20px 42px !important
    }
}

.filters-modal-plp .modal-footer .btn.btn-primary {
    padding: 23px 32px 21px
}

.filters-modal-plp .modal-footer .btn.btn-secondary {
    padding: 21px 32px
}

.filters-modal-plp .refinement-category .cat-container-selected .category-item {
    background-color: #f4f0ea
}

.filters-modal-plp .refinement-category .refinement-item .values .refinement-btn.selected {
    background-color: #fff
}

    .filters-modal-plp .refinement-category .refinement-item .values .refinement-btn.selected .pseudo-checkbox-inner:before {
        display: none
    }

    .filters-modal-plp .refinement-category .refinement-item .values .refinement-btn.selected:after {
        background-color: #000;
        bottom: 0;
        content: "";
        display: inline-block;
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%
    }

.ais-container-plp .grid-header, .search-container.sticky-filters .grid-header {
    height: -moz-fit-content;
    height: fit-content
}

@media(min-width:1200px) {
    .ais-container-plp .grid-header, .search-container.sticky-filters .grid-header {
        margin: 0 auto;
        padding-bottom: 24px;
        padding-top: 24px
    }

    .ais-container-plp .grid-header-plp, .search-container.sticky-filters .grid-header-plp {
        padding: 32px 24px
    }

        .ais-container-plp .grid-header-plp .sort-result-count-container, .search-container.sticky-filters .grid-header-plp .sort-result-count-container {
            max-height: 72px
        }

            .ais-container-plp .grid-header-plp .sort-result-count-container button, .search-container.sticky-filters .grid-header-plp .sort-result-count-container button {
                height: 72px;
                width: 215px
            }
}

.ais-container-plp.sticky-filters .stuck .sort-result-count-container button, .search-container.sticky-filters .stuck .sort-result-count-container button {
    width: 100%
}

@media(max-width:1199.98px) {
    .sticky-filters .filter-results {
        padding-right: 0
    }
}

@media(min-width:1200px) {
    .sticky-filters .filter-column {
        gap: 40px;
        padding: 0
    }

        .sticky-filters .filter-column ul {
            margin-top: 14px
        }

        .sticky-filters .filter-column .refinement-check {
            margin: 0
        }

            .sticky-filters .filter-column .refinement-check .refinement-btn {
                align-items: center;
                display: flex
            }
}

@media(min-width:1200px)and (min-width:1200px) {
    .sticky-filters .filter-column .refinement-check .refinement-btn {
        min-height: 24px;
        padding-left: 0
    }
}

.sticky-filters .grid-header {
    align-items: center;
    background-color: #fff;
    height: 72px;
    position: sticky;
    top: 0;
    transition: top .4s ease-in-out;
    width: 100%;
    z-index: 8
}

@media(max-width:1439.98px) {
    .sticky-filters .grid-header {
        padding: 24px 16px !important
    }
}

@media(min-width:1200px) {
    .sticky-filters .grid-header {
        align-items: unset;
        border-bottom: unset
    }
}

@media(max-width:1439.98px) {
    .sticky-filters .grid-header .grid-header {
        top: 56px;
        z-index: 9
    }

    .sticky-filters .grid-header .result-count {
        margin-bottom: 0
    }
}

@media(min-width:1920px) {
    .sticky-filters .grid-header .filter-column, .sticky-filters .grid-header .sort-column {
        padding: 0
    }
}

.sticky-filters .grid-header.scrolling-up {
    z-index: 1
}

    .sticky-filters .grid-header.scrolling-up.stuck {
        z-index: 2
    }

@media(min-width:1200px) {
    .sticky-filters .grid-header__stick-filter--animating {
        transform: translate3d(0,-400px,0) !important;
        transition: none !important
    }
}

.sticky-filters .grid-header:has(.sort-column.custom-dropdown.custom-dropdown--active):not(.stuck) {
    z-index: 11
}

.sticky-filters .grid-header.sticky-filters-mobile {
    max-height: 72px;
    padding-bottom: 24px;
    padding-top: 24px;
    top: 56px;
    transition: top .4s ease-in-out
}

@media(min-width:1200px) {
    .sticky-filters .grid-header.sticky-filters-mobile {
        top: 56px
    }
}

.sticky-filters .grid-header.sticky-filters-mobile:before {
    background: rgba(0,0,0,.122);
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 1px;
    width: 100%
}

.sticky-filters .grid-header.sticky-filters-mobile:has(>#algolia-searchbox-placeholder:first-child):after {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 12px;
    left: 0;
    position: absolute;
    top: -6px;
    width: 100%
}

.sticky-filters .grid-header.sticky-filters-desktop {
    padding: 24px 32px
}

    .sticky-filters .grid-header.sticky-filters-desktop .sort-result-count-container {
        display: flex !important
    }

        .sticky-filters .grid-header.sticky-filters-desktop .sort-result-count-container .sort-column .sort-by-dropdown {
            border: unset
        }

@media(max-width:1199.98px) {
    .sticky-filters .grid-header.sticky-filters-desktop .sort-result-count-container .sort-column .sort-by-dropdown:after {
        margin-left: 0
    }
}

.sticky-filters .grid-header.sticky-filters-desktop .sort-result-count-container .sort-column .custom-dropdown__option--value {
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0
}

.sticky-filters .grid-header.sticky-filters-desktop .filter-results {
    border: unset;
    min-width: unset;
    padding: 0
}

@media(min-width:1200px) {
    .sticky-filters .grid-header.stuck {
        max-height: 72px;
        padding: 0 24px !important
    }
}

@media(max-width:1439.98px) {
    .sticky-filters .grid-header.stuck {
        border-bottom: 1px solid rgba(0,0,0,.122)
    }
}

.sticky-filters .grid-header.stuck.grid-header-plp {
    padding: 24px 16px !important
}

@media(min-width:1200px) {
    .sticky-filters .grid-header.stuck.grid-header-plp {
        grid-template-columns: auto 170px 1fr 485px;
        padding: 24px !important;
        width: 100vw
    }

        .sticky-filters .grid-header.stuck.grid-header-plp .result-count {
            margin: 0 8px
        }

            .sticky-filters .grid-header.stuck.grid-header-plp .result-count.ais-Stats {
                margin-left: 0
            }
}

@media(min-width:1920px) {
    .sticky-filters .grid-header.stuck.grid-header-plp {
        margin-left: calc(-50vw - -960px);
        padding-left: calc(50vw - 929px) !important;
        padding-right: calc(50vw - 931px) !important
    }
}

.sticky-filters .grid-header.stuck.grid-header-plp .personalizable-checkbox {
    height: 24px
}

    .sticky-filters .grid-header.stuck.grid-header-plp .personalizable-checkbox .refinement-list {
        margin: 0;
        padding: 0
    }

.sticky-filters .grid-header.stuck.grid-header-plp .sort-result-count-container {
    max-height: 24px
}

    .sticky-filters .grid-header.stuck.grid-header-plp .sort-result-count-container .custom-dropdown__option {
        height: auto
    }

    .sticky-filters .grid-header.stuck.grid-header-plp .sort-result-count-container .custom-dropdown__option--value {
        padding: 0 32px 0 0;
        width: auto
    }

    .sticky-filters .grid-header.stuck.grid-header-plp .sort-result-count-container .custom-dropdown__dropdown {
        top: 40px
    }

    .sticky-filters .grid-header.stuck.grid-header-plp .sort-result-count-container .sort-by-dropdown {
        display: flex;
        gap: 6px
    }

        .sticky-filters .grid-header.stuck.grid-header-plp .sort-result-count-container .sort-by-dropdown:after {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");
            background-position: 50%;
            background-repeat: no-repeat;
            height: 24px;
            margin: 0;
            min-width: 24px;
            position: relative;
            right: 32px;
            width: 24px !important
        }

@media(max-width:1920.98px) {
    .sticky-filters .grid-header.stuck.grid-header-plp.sticky-filters-desktop {
        width: 100%
    }
}

.sticky-filters .grid-header.stuck .result-title-container {
    animation: fadeOut .1s ease-in-out forwards
}

    .sticky-filters .grid-header.stuck .result-title-container h1 {
        display: none
    }

@media(max-width:1199.98px) {
    .sticky-filters .grid-header.stuck .result-count {
        display: none
    }
}

.sticky-filters .grid-header.stuck .result-title {
    opacity: 0;
    transition: all .2s ease-in-out
}

@media(max-width:1439.98px) {
    .sticky-filters .grid-header.stuck .filter-column, .sticky-filters .grid-header.stuck .sort-result-count-container {
        padding-top: unset
    }
}

.sticky-filters .grid-header .result-title-container {
    animation: fadeInEntrance .5s ease-in-out forwards
}

    .sticky-filters .grid-header .result-title-container h1 {
        display: block
    }

.sticky-filters.ais-container:not(.ais-container-plp) {
    border-top: unset;
    padding-top: 0
}

@media(max-width:1199.98px) {
    .sticky-filters.ais-container:not(.ais-container-plp) .result-count {
        border-bottom: 1px solid rgba(0,0,0,.122);
        margin: 0
    }
}

.sticky-filters.ais-container:not(.ais-container-plp) .sort-select {
    padding: unset !important
}

.sticky-filters.ais-container:not(.ais-container-plp) .filter-results {
    gap: 6px;
    padding: unset
}

    .sticky-filters.ais-container:not(.ais-container-plp) .filter-results:active, .sticky-filters.ais-container:not(.ais-container-plp) .filter-results:hover {
        color: #009cad
    }

        .sticky-filters.ais-container:not(.ais-container-plp) .filter-results:active .filter-column-icon, .sticky-filters.ais-container:not(.ais-container-plp) .filter-results:hover .filter-column-icon {
            stroke: #009cad
        }

.sticky-filters .navigation-fixed {
    background-color: #fff;
    padding-top: 96px
}

@media(min-width:1200px) {
    .sticky-filters .filter-column-icon {
        margin-left: unset
    }
}

.sticky-filters .sort-select {
    background-color: unset
}

@media(max-width:1199.98px) {
    .sticky-filters .sort-select {
        background: 0 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }
}

.sticky-filters .sort-by-dropdown .custom-dropdown__option--value, .sticky-filters .sort-select {
    text-align: center
}

.sticky-filters .refinement-btn {
    padding: 0 0 0 12px
}

.plp-full-container {
    position: relative
}

.sort-by-dropdown .custom-dropdown__option[disabled] {
    display: none
}

@media(max-width:1199.98px) {
    .sort-by-dropdown .custom-dropdown__dropdown {
        width: 287px
    }
}

@media(min-width:720px) {
    .grid-header.stuck .sort-by-dropdown .custom-dropdown__dropdown {
        width: 287px
    }
}

.refinement-check {
    margin: 0 32px
}

    .refinement-check .refinement-btn {
        align-items: center;
        background-color: transparent;
        display: flex;
        justify-content: center;
        text-decoration: none
    }

    .refinement-check .pseudo-checkbox .pseudo-checkbox-inner {
        height: 24px;
        margin-right: 15px;
        width: 16px
    }

@media(max-width:1199.98px) {
    .refinement-check .pseudo-checkbox .pseudo-checkbox-inner {
        height: 16px
    }
}

.refinement-check .pseudo-checkbox-inner:before {
    border-color: rgba(0,0,0,.4);
    border-radius: 0;
    border-width: 1.5px;
    box-shadow: 0 1px 1px -1px rgba(0,0,0,.122);
    height: 20px;
    padding: unset;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}

@media(min-width:1200px) {
    .refinement-check .pseudo-checkbox-inner:before {
        height: 18px;
        width: 18px
    }

    .refinement-check .pseudo-checkbox-inner:after {
        margin-left: 7px !important
    }
}

.personalizable-checkbox .refinement-btn:hover .pseudo-checkbox-inner:before {
    border-color: #000
}

.refinement-button-text {
    display: none
}

@media(max-width:1199.98px) {
    .filters-modal .refinement-personalizable {
        position: relative
    }

        .filters-modal .refinement-personalizable .refinement-button-text {
            width: 100%
        }

        .filters-modal .refinement-personalizable .refinement-list {
            width: auto
        }

        .filters-modal .refinement-personalizable .refinement-btn {
            display: flex;
            justify-content: end;
            left: 0;
            padding: 16px 0;
            position: absolute;
            top: 0;
            width: 100%
        }
}

@media(max-width:1199.98px)and (max-width:1199.98px) {
    .filters-modal .refinement-personalizable .refinement-btn {
        max-width: 20px;
        position: relative
    }
}

@media(max-width:1199.98px) {
    .filters-modal .refinement-personalizable .pseudo-checkbox-inner {
        margin-right: 10px
    }
}

.filters-modal .refinement-check-text {
    display: none
}

.filters-modal .refinement-check {
    margin-left: auto;
    margin-right: 0
}

.filters-modal .refinement-list {
    margin: 0;
    padding: 0;
    width: 100%
}

    .filters-modal .refinement-list .refinement-check {
        margin-left: 15px;
        margin-right: 0
    }

@media(max-width:1199.98px) {
    .filters-modal .refinement-list .refinement-check {
        margin-left: 16px;
        margin-right: 6px
    }
}

.filters-modal .refinement-button-text {
    display: inline-block
}

.filters-modal .refinement-btn {
    padding: 0
}

.algolia-price-container {
    margin-bottom: 56px
}

.toggleable-refinement .ais-Panel-header {
    display: none
}

.ais-ToggleRefinement:hover .ais-ToggleRefinement-labelText:before {
    border-color: #000
}

.ais-ToggleRefinement .ais-ToggleRefinement-label {
    cursor: pointer;
    display: flex;
    margin: 0;
    padding: 0
}

.ais-ToggleRefinement .ais-ToggleRefinement-checkbox {
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

    .ais-ToggleRefinement .ais-ToggleRefinement-checkbox:focus + .ais-ToggleRefinement-labelText, .ais-ToggleRefinement .ais-ToggleRefinement-checkbox:focus-visible + .ais-ToggleRefinement-labelText {
        border-radius: 2px;
        outline: 2px solid #009cad
    }

    .ais-ToggleRefinement .ais-ToggleRefinement-checkbox:checked + .ais-ToggleRefinement-labelText:before {
        background-color: #000;
        border-color: #000
    }

    .ais-ToggleRefinement .ais-ToggleRefinement-checkbox:checked + .ais-ToggleRefinement-labelText:after {
        bottom: 2px;
        left: 7px;
        opacity: 1
    }

@media(max-width:1439.98px) {
    .ais-ToggleRefinement .ais-ToggleRefinement-checkbox:checked + .ais-ToggleRefinement-labelText:after {
        left: auto;
        right: 8px
    }
}

.ais-ToggleRefinement .ais-ToggleRefinement-labelText {
    position: relative;
    width: 100%
}

    .ais-ToggleRefinement .ais-ToggleRefinement-labelText:before {
        border: 1px solid rgba(0,0,0,.4);
        content: "";
        cursor: pointer;
        display: inline-block;
        height: 18px;
        position: absolute;
        transition: background-color .3s ease;
        vertical-align: middle;
        width: 18px
    }

@media(max-width:1439.98px) {
    .ais-ToggleRefinement .ais-ToggleRefinement-labelText:before {
        height: 20px;
        width: 20px
    }
}

.ais-ToggleRefinement .ais-ToggleRefinement-labelText:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    bottom: 0;
    content: "";
    display: block;
    height: 8px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(45deg);
    width: 4px
}

.ais-ToggleRefinement .ais-ToggleRefinement-innerLabel {
    color: inherit;
    pointer-events: none;
    text-decoration: none
}

.ais-ToggleRefinement--rounded {
    color: #000;
    padding: 24px 8px 0 0
}

    .ais-ToggleRefinement--rounded .ais-ToggleRefinement-labelText {
        padding-right: 40px
    }

        .ais-ToggleRefinement--rounded .ais-ToggleRefinement-labelText:before {
            border-radius: 50%;
            right: 0
        }

        .ais-ToggleRefinement--rounded .ais-ToggleRefinement-labelText:after {
            left: auto;
            right: 8px;
            top: -2px
        }

@media(max-width:1439.98px) {
    .ais-ToggleRefinement--rounded .ais-ToggleRefinement-labelText:after {
        top: 0
    }
}

.ais-ToggleRefinement--rounded .ais-ToggleRefinement-checkbox:checked + .ais-ToggleRefinement-labelText:after {
    bottom: 5px
}

.ais-ToggleRefinement--squared {
    padding: 0 0 0 12px
}

    .ais-ToggleRefinement--squared .ais-ToggleRefinement-labelText {
        align-items: center;
        display: flex;
        height: 24px;
        min-height: 20px;
        padding-left: 30px;
        text-transform: uppercase
    }

        .ais-ToggleRefinement--squared .ais-ToggleRefinement-labelText:before {
            left: 0
        }

        .ais-ToggleRefinement--squared .ais-ToggleRefinement-labelText:after {
            left: 8px;
            right: auto
        }

        .ais-ToggleRefinement--squared .ais-ToggleRefinement-labelText:active:before, .ais-ToggleRefinement--squared .ais-ToggleRefinement-labelText:hover:before {
            border-color: #000
        }

@media(max-width:1199.98px) {
    .refinement-personalizable {
        border-bottom: 1px solid rgba(0,0,0,.122)
    }
}

#product-search-results .filters-modal-algolia .modal-header {
    padding-top: 24px
}

@media(min-width:1200px) {
    #product-search-results .filters-modal-algolia .modal-header {
        padding-bottom: 0
    }
}

@media(max-width:1439.98px) {
    #product-search-results .filters-modal-algolia .modal-body {
        padding-right: 16px
    }
}

#product-search-results .filters-modal-algolia .custom-overflow-algolia {
    overflow-x: hidden;
    overflow-y: auto
}

#product-search-results .filters-modal-algolia .modal-content {
    overflow-y: auto !important
}

#product-search-results .filters-modal-algolia .modal-scroll {
    height: calc(100vh - 314px)
}

@media(max-width:1439.98px) {
    #product-search-results .filters-modal-algolia .modal-scroll {
        scrollbar-width: thin
    }
}

#product-search-results .filters-modal-algolia .modal-footer {
    border-top: 1px solid var(--Light-Grey-03,rgba(0,0,0,.12));
    padding: 16px
}

@media(min-width:1200px) {
    #product-search-results .filters-modal-algolia .modal-footer {
        padding: 24px 48px
    }
}

.ais-container-plp .grid-header {
    height: auto
}

.ais-container-plp .ais-personalizable-toggle {
    margin-top: 22px
}

.ais-container-plp .stuck .ais-personalizable-toggle {
    margin-top: 0
}

.ais-container-plp .stuck .result-count {
    max-height: 24px
}

.ais-container-plp .ais-recommendations-container {
    display: none
}

.modal.filters-modal {
    --collapsed-height: 88px;
    --collapsed-height-mobile: 72px
}

    .modal.filters-modal .modal-body {
        padding-right: 0
    }

@media(min-width:1200px) {
    .stuck .sort-column {
        padding-left: 8px
    }

    .stuck .filter-results {
        padding-right: 8px !important
    }
}

@media(max-width:1199.98px) {
    .ais-DynamicWidgets {
        display: flex;
        flex-direction: column
    }

    .ais-DynamicWidgets-widget:has(.refpanel-isServiceable) {
        border-bottom: 1px solid rgba(0,0,0,.122);
        order: -1
    }

        .ais-DynamicWidgets-widget:has(.refpanel-isServiceable) .ais-ToggleRefinement {
            height: 72px;
            padding: 24px 8px 24px 0
        }
}

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.noUi-target {
    position: relative
}

.noUi-base, .noUi-connects {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect, .noUi-origin {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: 0 0;
    transform-style: flat;
    width: 100%;
    will-change: transform;
    z-index: 1
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 1px
}

    .noUi-horizontal .noUi-handle {
        height: 17px;
        right: -5px;
        top: -8px;
        width: 17px
    }

.noUi-connects {
    background-color: rgba(0,0,0,.122)
}

.noUi-connect {
    background: #000
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-handle {
    background: #fff;
    border: 1px solid #000;
    border-radius: 17px;
    cursor: default
}

[disabled] .noUi-connect {
    opacity: .4
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
    cursor: not-allowed
}

.noUi-tooltip {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.122);
    border-radius: 20px;
    display: block;
    padding: 4px 8px;
    position: absolute;
    text-align: center;
    top: 40px;
    white-space: nowrap;
    width: -moz-max-content;
    width: max-content
}

.noUi-handle-upper .noUi-tooltip {
    left: auto;
    right: -5px
}

.noUi-handle.noUi-handle-upper {
    left: auto;
    right: -16px
}

.algolia-filter-range-inputs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px
}

.algolia-filter-range-input {
    field-sizing: content;
    align-items: center;
    border: 1px solid var(--Light-Grey-03,rgba(0,0,0,.12));
    border-radius: 40px;
    box-sizing: content-box;
    caret-color: #009cad;
    display: flex;
    justify-content: center;
    padding: 8px 16px;
    transition: border .3s ease-in-out
}

    .algolia-filter-range-input:active, .algolia-filter-range-input:focus, .algolia-filter-range-input:hover {
        border: 1px solid #000;
        outline: 0
    }

.algolia-filter-range-input-cw {
    pointer-events: none
}

.filter-range-cont:after, .filter-range-cont:before {
    background-color: rgba(0,0,0,.122);
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    top: 0;
    width: 16px
}

.filter-range-cont:before {
    left: -16px
}

.filter-range-cont:after {
    right: -16px
}

.filter-range-cont .noUi-base:after, .filter-range-cont .noUi-base:before {
    background-color: rgba(0,0,0,.122);
    content: "";
    display: inline-block;
    height: 5px;
    position: absolute;
    top: -2px;
    width: 1px
}

.filter-range-cont .noUi-base:before {
    left: -16px
}

.filter-range-cont .noUi-base:after {
    right: -16px
}

.filters-modal-algolia .noUi-horizontal, .modal.immersive-modal.cw-modal .noUi-horizontal {
    margin: 0 17px 8px
}

    .filters-modal-algolia .noUi-horizontal .noUi-handle, .modal.immersive-modal.cw-modal .noUi-horizontal .noUi-handle {
        right: -2px
    }

    .filters-modal-algolia .noUi-horizontal .noUi-handle-upper, .modal.immersive-modal.cw-modal .noUi-horizontal .noUi-handle-upper {
        right: -16px
    }

.filters-modal-algolia .price-range, .modal.immersive-modal.cw-modal .price-range {
    margin: 0;
    padding: 0
}

.algolia-price-container .refinement-panel-title {
    padding-bottom: 24px
}

    .algolia-price-container .refinement-panel-title:focus-visible {
        outline: 0
    }

.algolia-price-container .algolia-filter-range-inputs {
    margin-bottom: 28px
}

.algolia-price-container .algolia-filter-range-input {
    padding: 12px 16px
}

.ais-HierarchicalMenu-subtitle, img.ais-RefinementImg {
    display: none
}

@media(min-width:720px) {
    .refpanel-bucketingCategoryNames.ais-Panel--images .ais-RefinementList-list, .refpanel-designerAndCollectionFilter.ais-Panel--images .ais-RefinementList-list {
        grid-template-columns: repeat(4,1fr)
    }
}

.ais-HierarchicalMenu-label {
    color: #000
}

.ais-Panel--images .ais-RefinementList-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px;
    width: 100%
}

.ais-Panel--images img.ais-RefinementImg {
    display: block;
    transition: background-color .4s ease-in-out
}

.ais-Panel--images .ais-HierarchicalMenu-item, .ais-Panel--images .ais-RefinementList-item {
    background: 0 0;
    border: 0;
    margin: 0 0 16px;
    padding: 0 4px 16px;
    text-align: center;
    width: 33.3%
}

@media(min-width:720px) {
    .ais-Panel--images .ais-HierarchicalMenu-item, .ais-Panel--images .ais-RefinementList-item {
        width: 20%
    }
}

@media(max-width:1199.98px) {
    .ais-Panel--images .ais-HierarchicalMenu-item.last-row-mobile, .ais-Panel--images .ais-RefinementList-item.last-row-mobile {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

@media(min-width:720px) {
    .ais-Panel--images .ais-HierarchicalMenu-item.last-row-desktop, .ais-Panel--images .ais-RefinementList-item.last-row-desktop {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.ais-Panel--images .ais-HierarchicalMenu-item:hover, .ais-Panel--images .ais-RefinementList-item:hover {
    background-color: transparent
}

@media(any-hover:hover) {
    .ais-Panel--images .ais-HierarchicalMenu-item:hover .img-placeholder-elem, .ais-Panel--images .ais-RefinementList-item:hover .img-placeholder-elem {
        background-color: #000;
        opacity: .06
    }
}

.ais-Panel--images .refinement-btn {
    position: relative;
    width: 100%
}

.ais-Panel--images .ais-RefinementList-label {
    padding-top: 12px
}

.ais-Panel--images .ais-HierarchicalMenu-label {
    padding-top: 16px
}

.ais-Panel--images .ais-HierarchicalMenu-label, .ais-Panel--images .ais-RefinementList-label {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%
}

    .ais-Panel--images .ais-HierarchicalMenu-label:before, .ais-Panel--images .ais-RefinementList-label:before {
        background-color: #000;
        content: "";
        display: inline-block;
        height: 2px;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: opacity .3s ease-in-out;
        width: 100%
    }

.ais-Panel--images .ais-RefinementImg {
    left: 0;
    position: absolute;
    width: 100%
}

.ais-Panel--images .visual-attribute-text.ais-RefinementList-item--selected {
    background-color: transparent
}

    .ais-Panel--images .visual-attribute-text.ais-RefinementList-item--selected .ais-RefinementList-label:before {
        opacity: 1
    }

    .ais-Panel--images .visual-attribute-text.ais-RefinementList-item--selected:after {
        display: none
    }

.ais-Panel--images .img-placeholder-elem {
    aspect-ratio: 1/1;
    background-color: #fbf9f7;
    display: block;
    width: 100%
}

.modal.filters-modal .ais-Panel--images .ais-Panel-body.collapsible-body, .modal.filters-modal .hierarchical-refinement .ais-Panel-body.collapsible-body {
    padding: 0 0 32px
}

.hierarchical-refinement .refinement-item-enh {
    border-bottom: 1px solid rgba(0,0,0,.122);
    padding: 0 4px;
    transition: border-color .4s ease-in-out
}

    .hierarchical-refinement .refinement-item-enh:hover {
        border-color: #000
    }

.hierarchical-refinement .pseudo-checkbox .pseudo-checkbox-inner:before {
    border: 1.5px solid rgba(0,0,0,.122)
}

.hierarchical-refinement .refinement-btn-enh:hover {
    text-decoration: none
}

.hierarchical-refinement .refinement-hierarchical-btn {
    align-items: center;
    background-color: transparent;
    border: 0;
    display: flex;
    letter-spacing: -.26px;
    padding: 16px 4px;
    text-align: left;
    width: 100%
}

    .hierarchical-refinement .refinement-hierarchical-btn svg {
        margin-right: 8px
    }

.hierarchical-refinement .pseudo-checkbox .pseudo-checkbox-inner:after {
    margin-left: 7px;
    margin-top: 7px
}

.hierarchical-refinement .refinement-item-nested {
    display: inline-block
}

.hierarchical-refinement .refinement-hierarchical-enh.expanded .ais-HierarchicalMenu-item:last-of-type {
    border-bottom: 0
}

.hierarchical-refinement .ais-HierarchicalMenu-item:hover {
    cursor: pointer
}

.hierarchical-refinement .refinement-btn-enh {
    display: flex;
    padding: 16px 0
}

.hierarchical-refinement .pseudo-checkbox-inner {
    margin-right: 11px
}

.hierarchical-refinement .icon-check {
    display: none
}

.hierarchical-refinement.ais-Panel--images .icon-check {
    display: block;
    position: absolute;
    right: 8px;
    top: 8px
}

.hierarchical-refinement.ais-Panel--images .refinement-list-enh {
    display: flex;
    flex-flow: wrap;
    margin-left: -4px;
    margin-right: -4px
}

.hierarchical-refinement.ais-Panel--images .ais-HierarchicalMenu-item {
    border: 0;
    padding: 0 4px 16px;
    width: 33.3%
}

@media(min-width:720px) {
    .hierarchical-refinement.ais-Panel--images .ais-HierarchicalMenu-item {
        width: 25%
    }
}

@media(max-width:1199.98px) {
    .hierarchical-refinement.ais-Panel--images .ais-HierarchicalMenu-item.last-row-mobile {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

@media(min-width:720px) {
    .hierarchical-refinement.ais-Panel--images .ais-HierarchicalMenu-item.last-row-desktop {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.hierarchical-refinement.ais-Panel--images .ais-HierarchicalMenu-item--selected {
    background-color: transparent
}

    .hierarchical-refinement.ais-Panel--images .ais-HierarchicalMenu-item--selected:after {
        display: none
    }

.hierarchical-refinement.ais-Panel--images .refinement-item-sub {
    order: 2;
    width: 100%
}

    .hierarchical-refinement.ais-Panel--images .refinement-item-sub .ais-HierarchicalMenu-list {
        margin-left: 0;
        padding-left: 0
    }

.hierarchical-refinement.ais-Panel--images .pseudo-checkbox-inner {
    display: none
}

.hierarchical-refinement.ais-Panel--images .refinement-btn-enh {
    flex-flow: column;
    padding: 0;
    position: relative
}

.hierarchical-refinement.ais-Panel--images .ais-HierarchicalMenu-subtitle {
    display: block;
    padding: 56px 4px 24px
}

.refinement-hierarchical-btn.disabled, .refinement-hierarchical-btn.refinement-hierarchical-less {
    display: none
}

.ais-Panel:not(.ais-Panel--images) .ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
    padding: 8px 0 16px 16px
}

@media(min-width:1200px) {
    .modal.filters-modal .modal-body {
        padding-right: 0
    }

    .modal.filters-modal .custom-scrollbar {
        overflow-y: scroll;
        padding-right: 37px
    }
}

.modal.filters-modal .custom-scrollbar::-webkit-scrollbar {
    width: 11px
}

.modal.filters-modal .custom-scrollbar::-webkit-scrollbar-thumb {
    border-right: 8px solid #fff
}

.ais-RefinementList-showMore--disabled {
    display: none
}

.refinement-show-more {
    align-items: center;
    background: 0 0;
    border: 0;
    color: var(--Black,#000);
    display: flex;
    padding: 16px 4px 0;
    text-align: left;
    width: 100%
}

    .refinement-show-more svg {
        margin-right: 8px
    }

.collapsible-body .ais-RefinementList {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    direction: rtl;
    text-align: right;
}

.refpanel-designerAndCollectionFilter.ais-Panel--images .visual-attribute-text {
    border: 0;
    padding: 0 4px 16px;
    width: 33.3%
}

@media(min-width:720px) {
    .refpanel-designerAndCollectionFilter.ais-Panel--images .visual-attribute-text {
        width: 25%
    }
}

@media(max-width:1199.98px) {
    .refpanel-designerAndCollectionFilter.ais-Panel--images .visual-attribute-text.last-row-mobile {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

@media(min-width:720px) {
    .refpanel-designerAndCollectionFilter.ais-Panel--images .visual-attribute-text.last-row-desktop {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.minicart-toast-wrapper {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9
}

    .minicart-toast-wrapper .minicart-toast {
        border: 0;
        border-bottom: 1px solid rgba(0,0,0,.12);
        border-radius: 0;
        box-shadow: none;
        max-width: unset;
        transition: transform .45s cubic-bezier(0,.64,.44,1);
        width: 100%
    }

        .minicart-toast-wrapper .minicart-toast.fade:not(.show) {
            opacity: 1;
            transform: translateY(calc(-105px + var(--header-height-for-toast)))
        }

        .minicart-toast-wrapper .minicart-toast.fade.show {
            transform: translateY(var(--header-height-for-toast))
        }

            .minicart-toast-wrapper .minicart-toast.fade.show.header-space {
                transform: translateY(0)
            }

    .minicart-toast-wrapper .minicart-toast-body {
        background-color: #fff;
        display: flex;
        flex-direction: row;
        gap: 16px;
        padding: 16px
    }

    .minicart-toast-wrapper .minicart-toast-body__image-wrapper--image {
        height: 72px;
        width: 72px
    }

    .minicart-toast-wrapper .minicart-toast-body__info-wrapper {
        display: flex;
        flex-direction: column;
        gap: 2px;
        overflow: hidden;
        padding: 4px 0
    }

    .minicart-toast-wrapper .minicart-toast-body--colection, .minicart-toast-wrapper .minicart-toast-body--name {
        color: #000;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .minicart-toast-wrapper .minicart-toast-body--price {
        color: #000
    }

    .minicart-toast-wrapper.algolia-search-page {
        z-index: 9
    }

@media(max-width:1199.98px) {
    .minicart-toast-wrapper.algolia-search-page {
        z-index: 10
    }
}

.minicart-toast-wrapper.algolia-search-page .minicart-toast.show {
    transform: translateY(calc(var(--header-height-for-toast)))
}

.minicart-toast-wrapper.custom-z-index {
    z-index: 10002
}

[data-hide-results] {
    display: none
}

.ais-container:not(.ais-container-plp) {
    border-top: 1px solid rgba(0,0,0,.122)
}

@media(min-width:1200px) {
    .ais-container:not(.ais-container-plp) {
        border-top: 0
    }
}

@media(max-width:1439.98px) {
    .ais-container:not(.ais-container-plp) .result-count {
        max-height: 72px
    }
}

.ais-container:not(.ais-container-plp) .progress-carousel-wrapper .progressbar-wrapper {
    margin-top: 72px
}

.ais-container:not(.ais-container-plp) .grid-header {
    border-bottom: unset;
    display: flex !important;
    margin-bottom: 0;
    padding-bottom: 24px !important;
    padding-top: 24px !important
}

@media(min-width:1200px) {
    .ais-container:not(.ais-container-plp) .grid-header {
        border-bottom: 1px solid rgba(0,0,0,.122);
        margin-bottom: 48px;
        margin-left: 24px;
        margin-right: 24px;
        width: unset
    }
}

.ais-container:not(.ais-container-plp) .grid-header .sort-by-dropdown {
    align-items: center;
    border: unset;
    display: flex;
    gap: 6px
}

    .ais-container:not(.ais-container-plp) .grid-header .sort-by-dropdown .custom-dropdown__dropdown {
        top: calc(100% + 16px);
        width: 287px
    }

    .ais-container:not(.ais-container-plp) .grid-header .sort-by-dropdown:hover {
        border: unset
    }

    .ais-container:not(.ais-container-plp) .grid-header .sort-by-dropdown:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        content: "";
        height: 24px;
        left: auto;
        margin: 0;
        min-width: 24px;
        position: relative;
        right: 32px;
        width: 24px !important
    }

    .ais-container:not(.ais-container-plp) .grid-header .sort-by-dropdown .custom-dropdown__option--value {
        padding-bottom: unset;
        padding-right: 32px;
        padding-top: unset
    }

@media(min-width:720px) {
    .ais-container:not(.ais-container-plp) .grid-header .sort-by-dropdown .custom-dropdown__option--value {
        border: unset;
        padding-left: 8px
    }
}

.ais-container:not(.ais-container-plp) .grid-header .sort-by-dropdown:hover:after {
    width: 24px
}

.ais-container:not(.ais-container-plp) .grid-header .filter-results {
    border: unset;
    min-width: unset;
    padding-bottom: 0;
    padding-top: 0
}

@media(min-width:720px) {
    .ais-container:not(.ais-container-plp) .grid-header .filter-results {
        padding-right: 8px
    }
}

.ais-container:not(.ais-container-plp) .grid-header.sticky-filters-desktop {
    margin-left: 0;
    margin-right: 0;
    padding-left: 32px !important;
    padding-right: 32px !important;
    width: 100%
}

@media(min-width:1921px) {
    .ais-container:not(.ais-container-plp) .grid-header.sticky-filters-desktop {
        margin-left: 24px;
        margin-right: 24px;
        width: unset
    }
}

@media(min-width:1200px) {
    .ais-container:not(.ais-container-plp) .grid-header.sticky-filters-desktop.stuck {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
        padding-top: 24px !important
    }
}

@media(min-width:1920px) {
    .ais-container:not(.ais-container-plp) .grid-header.sticky-filters-desktop.stuck {
        margin-left: calc(-50vw - -960px) !important;
        padding-left: calc(50vw - 929px) !important;
        padding-right: calc(50vw - 940px) !important;
        width: 100vw
    }
}

@media(max-width:1920.98px) {
    .ais-container:not(.ais-container-plp) .grid-header.sticky-filters-desktop.stuck {
        width: 100%
    }
}

.ais-container:not(.ais-container-plp) .grid-header.sticky-filters-mobile {
    border-bottom: 1px solid rgba(0,0,0,.122)
}

.ais-container:not(.ais-container-plp) .grid-header .filter-column-icon {
    position: unset
}

.ais-container:not(.ais-container-plp) .no-results-header {
    display: none !important;
    opacity: 0
}

@media(max-width:1199.98px) {
    .ais-container.ais-container-plp .sort-by-dropdown, .search-container .sort-by-dropdown {
        align-items: center;
        border: unset;
        display: flex;
        gap: 4px;
        justify-content: center
    }

        .ais-container.ais-container-plp .sort-by-dropdown:after, .search-container .sort-by-dropdown:after {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 14-3.5-4h7L12 14Z' fill='%23000'/%3E%3C/svg%3E");
            background-position: 50%;
            background-repeat: no-repeat;
            content: "";
            height: 24px;
            margin: 0;
            min-width: 24px;
            position: relative;
            width: 24px !important
        }

        .ais-container.ais-container-plp .sort-by-dropdown:hover:after, .search-container .sort-by-dropdown:hover:after {
            width: 24px
        }
}

@media(min-width:1200px) {
    .no-results.ais-container .grid-header {
        padding-bottom: 28px !important
    }
}

.no-results [data-hide-noresults] {
    display: none
}

.no-results [data-hide-results] {
    display: block
}

.no-results .result-title {
    margin-top: 40px
}

@media(min-width:1200px) {
    .no-results .result-title {
        margin-top: 32px
    }
}

.no-results .recommendations-container {
    margin-top: 72px
}

    .no-results .recommendations-container .section-title {
        margin-top: 0
    }

.no-results .progress-carousel-wrapper {
    margin-bottom: 0
}

.no-results .grid-header {
    display: none !important
}

.search-no-results .no-results-text {
    border-bottom: 1px solid rgba(0,0,0,.122);
    margin: 8px 0;
    padding: 72px 24px 96px
}

@media(min-width:1200px) {
    .search-no-results .no-results-text {
        padding: 72px 0 144px
    }
}

.search-no-results .no-results-text--items {
    margin: 0 0 16px !important;
    padding-top: 40px
}

@media(min-width:1200px) {
    .search-no-results .no-results-text--items {
        padding-top: 24px
    }
}

.search-no-results .no-results-text button {
    background: 0 0;
    border: 0;
    padding: 0
}

.category-no-results .search-no-results .no-results-text {
    border-bottom: 0
}

.search-no-results {
    border-bottom: 1px solid rgba(0,0,0,.122)
}

@media(min-width:1200px) {
    .search-no-results {
        margin: 0
    }
}

.search-no-results .no-results-text {
    border-bottom: 0;
    margin: 0;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 0
}

@media(min-width:1200px) {
    .search-no-results .no-results-text {
        padding-top: 0
    }
}

.search-no-results .no-results-text-subtitle {
    padding-bottom: 4px
}

.search-no-results .result-title--query, .search-no-results .result-title--results {
    line-height: 32px
}

.search-previous-load, .search-results-load {
    display: block;
    margin: 24px 0 48px;
    width: 50%
}

@media(min-width:1200px) {
    .search-previous-load, .search-results-load {
        width: 448px
    }
}

.search-previous-load[disabled], .search-results-load[disabled] {
    display: none
}

.ais-container .search-previous-load, .ais-container .search-results-load {
    margin: 72px 0 48px
}

@media(max-width:1439.98px) {
    .search-product-grid {
        margin: 0;
        width: 100vw
    }
}

@media(min-width:1200px) {
    .search-product-grid .product-tile {
        padding-bottom: 48px
    }
}

.product-grid {
    padding: 0 0 72px
}

@media(min-width:1200px) {
    .product-grid .row, .product-grid.row {
        margin-left: -12px;
        margin-right: -12px
    }
}

.product-grid .col, .product-grid [class*=col-] {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%
}

@media(min-width:1200px) {
    .product-grid .col, .product-grid [class*=col-] {
        padding-left: 12px;
        padding-right: 12px;
        position: relative;
        width: 100%
    }
}

.product-grid .back-to-top-standalone {
    margin-top: 40px
}

@media(min-width:1200px) {
    .product-grid .back-to-top-standalone {
        margin-top: 24px
    }

    .search-product-grid {
        padding: 0 24px
    }
}

.grid-load-info {
    margin: 40px 0 8px
}

@media(min-width:1200px) {
    .grid-load-info {
        margin-top: 48px
    }
}

.ais-container .grid-load-info {
    bottom: 109px;
    left: 0;
    right: 0
}

.grid-load-info.load-info-plp {
    margin-top: 40px
}

@media(min-width:1200px) {
    .grid-load-info.load-info-plp {
        margin-top: 24px
    }
}

#algolia-hits-placeholder > div {
    display: flex;
    flex-direction: column
}

    #algolia-hits-placeholder > div > p {
        display: flex;
        justify-content: center;
        margin: 112px 0 0;
        order: 2
    }

@media(min-width:1200px) {
    #algolia-hits-placeholder > div > p {
        margin-top: 48px
    }
}

#algolia-hits-placeholder > div .product-grid {
    order: 1
}

#algolia-hits-placeholder > div .search-results-load {
    order: 3;
    padding: 22px 32px;
    z-index: unset
}

@media(max-width:1199.98px) {
    #algolia-hits-placeholder > div .search-results-load {
        margin-top: 82px
    }
}

#algolia-hits-placeholder .search-previous-load {
    margin: 14px auto 32px;
    padding: 22px 32px
}

@media(max-width:1439.98px) {
    #algolia-hits-placeholder .search-previous-load {
        width: 90%
    }
}

#algolia-hits-placeholder .product-tile {
    padding-bottom: 16px
}

@media(min-width:1200px) {
    #algolia-hits-placeholder .product-tile {
        padding-bottom: 38px
    }
}

#algolia-hits-placeholder .pdp-link-collection, #algolia-hits-placeholder .pdp-link-name {
    margin-top: 16px
}

@media(min-width:1200px) {
    #algolia-hits-placeholder .pdp-link-collection, #algolia-hits-placeholder .pdp-link-name {
        margin-top: 24px
    }
}

#algolia-hits-placeholder .price {
    margin-bottom: 16px
}

#algolia-hits-placeholder .ais-InfiniteHits > p:first-of-type {
    margin-top: 0
}

#algolia-hits-placeholder .ais-InfiniteHits .ais-InfiniteHits-list {
    list-style: none
}

@media(min-width:1200px) {
    #algolia-hits-placeholder .ais-InfiniteHits .ais-InfiniteHits-list {
        margin-bottom: 24px
    }
}

@media(max-width:1199.98px) {
    #algolia-hits-placeholder .ais-InfiniteHits .ais-InfiniteHits-item .product-tile {
        padding-bottom: 32px
    }
}

#algolia-hits-placeholder .ais-InfiniteHits .ais-InfiniteHits-item .price {
    margin: 0
}

@media(max-width:1199.98px) {
    #algolia-hits-placeholder .ais-InfiniteHits .ais-InfiniteHits-item .pdp-link-collection {
        margin-bottom: 8px
    }
}

#algolia-hits-placeholder .ais-InfiniteHits .ais-InfiniteHits-item .pdp-link-name {
    margin-bottom: 12px;
    margin-top: 0
}

@media(min-width:1200px) {
    #algolia-hits-placeholder .ais-InfiniteHits .ais-InfiniteHits-item .pdp-link-name {
        margin-bottom: 16px
    }

    #algolia-hits-placeholder .ais-InfiniteHits .ais-InfiniteHits-item .product-tile {
        padding-bottom: 48px
    }

        #algolia-hits-placeholder .ais-InfiniteHits .ais-InfiniteHits-item .product-tile .tile-body {
            padding: 0 24px
        }
}

.grid-header-plp .sort-column {
    background-color: unset
}

@media(min-width:1200px) {
    .sort-column {
        max-width: calc(100% - 120px)
    }
}

.sort-column .custom-dropdown__option:hover:not(.custom-dropdown__option--value) {
    background-color: #fbf9f7
}

.sort-by-dropdown .custom-dropdown__dropdown {
    left: 18px;
    min-width: 100%
}

.sort-by-dropdown {
    max-width: 50vw
}

@media(min-width:1200px) {
    .sort-by-dropdown {
        border: 1px solid rgba(0,0,0,.122);
        max-width: 230px;
        min-width: auto;
        text-align: center
    }

        .sort-by-dropdown:hover {
            border: 1px solid #000;
            cursor: pointer
        }
}

.sort-by-dropdown:after {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 14-3.5-4h7L12 14Z' fill='%23000'/%3E%3C/svg%3E");
    background-position: -8px 0;
    bottom: 0;
    content: "";
    height: 24px;
    left: auto;
    margin: auto;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: transform .5s ease-out;
    width: 8px
}

@media(min-width:1200px) {
    .sort-by-dropdown:after {
        left: 100%;
        margin-left: -72px;
        pointer-events: none
    }
}

.sort-by-dropdown .custom-dropdown__dropdown {
    left: 0
}

.sort-by-dropdown .custom-dropdown__option--value:hover, .sort-by-dropdown.custom-dropdown--active > .custom-dropdown__option {
    border-bottom: unset
}

@media(max-width:1199.98px) {
    .sort-by-dropdown .custom-dropdown__option--value {
        padding-right: 0
    }
}

.sort-by-dropdown .custom-dropdown__option {
    font-family: Santral Book,Verdana,Sans-Serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    letter-spacing: -.28px !important;
    line-height: 20px !important;
    text-decoration: none !important
}

@media(min-width:1200px) {
    .sort-by-dropdown .custom-dropdown__option:focus-visible {
        border-radius: 2px;
        box-shadow: none;
        outline: 2px solid #009cad;
        outline-offset: -4px
    }
}

@media(min-width:1200px)and (max-width:719.98px) {
    .sort-by-dropdown .custom-dropdown__option:focus-visible {
        outline: 0 !important
    }
}

.stuck .sort-by-dropdown:after {
    left: auto
}

.sort-select {
    max-width: 50vw
}

@media(min-width:1200px) {
    .sort-select {
        max-width: 215px
    }
}

.sort-by-dropdown .custom-dropdown__option--value, .sort-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    color: #000;
    display: inline-block;
    font-family: Santral Semibold,Verdana,Sans-Serif !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    letter-spacing: .88px !important;
    line-height: 16px !important;
    opacity: 1;
    padding: 0;
    text-align: left;
    -moz-text-align-last: left;
    text-align-last: left;
    text-decoration: none !important;
    text-transform: uppercase !important
}

@media(min-width:1200px) {
    .sort-by-dropdown .custom-dropdown__option--value, .sort-select {
        background: 0 0;
        max-width: 100%;
        padding: 24px 72px 24px 62px;
        -moz-text-align-last: unset;
        text-align-last: unset;
        width: auto
    }
}

@media(min-width:1200px)and (min-width:1200px) {
    .sort-by-dropdown .custom-dropdown__option--value:focus-visible, .sort-select:focus-visible {
        border: 2px solid #009cad !important;
        border-radius: 2px;
        box-shadow: none !important;
        outline: 0
    }

        .sort-by-dropdown .custom-dropdown__option--value:focus-visible:before, .sort-select:focus-visible:before {
            display: none
        }

        .sort-by-dropdown .custom-dropdown__option--value:focus-visible:after, .sort-select:focus-visible:after {
            border: 2px solid #fbf9f7;
            border-radius: 2px;
            bottom: -4px;
            content: "";
            display: block;
            left: -4px;
            position: absolute;
            right: -4px;
            top: -4px;
            z-index: -1
        }
}

.sort-by-dropdown .custom-dropdown__option--value:after, .sort-by-dropdown .custom-dropdown__option--value:before, .sort-select:after, .sort-select:before {
    display: none
}

.custom-dropdown--active.sort-by-dropdown:after {
    transform: rotate(180deg)
}

.plp-bottom {
    border-top: 1px solid rgba(0,0,0,.122);
    padding: 0 8px
}

@media(min-width:1200px) {
    .plp-bottom {
        padding: 0 12px
    }
}

.plp-bottom .plp-bottom-wrapper {
    padding-inline: 16px
}

@media(min-width:720px) {
    .plp-bottom .plp-bottom-wrapper {
        padding-inline: 0
    }
}

.plp-bottom .categoryLinks, .plp-bottom .categoryLinksGroup {
    align-items: center;
    align-self: stretch;
    display: flex;
    gap: 32px;
    justify-content: center
}

@media(min-width:1200px) {
    .plp-bottom .categoryLinks, .plp-bottom .categoryLinksGroup {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

.plp-bottom .categoryLinksGroup {
    flex-direction: column
}

@media(min-width:1200px) {
    .plp-bottom .categoryLinksGroup {
        flex-direction: row
    }
}

.plp-bottom .categoryLinks {
    flex-direction: column
}

@media(min-width:1200px) {
    .plp-bottom .categoryLinkWrapper {
        flex: 0 1 calc(25% - 32px)
    }
}

.plp-bottom .categoryLink {
    color: #000;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 4px
}

    .plp-bottom .categoryLink:after, .plp-bottom .categoryLink:before {
        bottom: -1px
    }

    .plp-bottom .categoryLink:active {
        color: #81d8d0
    }

.plp-storepage .tf-image-and-text .tf-image-component {
    height: 480px
}

.ais-container, .search-container {
    margin: auto;
    max-width: 1920px
}

    .ais-container .ais-HierarchicalMenu-list .ais-HierarchicalMenu-list, .search-container .ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
        padding-left: 12px
    }

@media(min-width:1200px) {
    .ais-container .ais-HierarchicalMenu-list .ais-HierarchicalMenu-list, .search-container .ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
        padding-left: 40px
    }
}

.ais-container .ais-HierarchicalMenu-item--parent .ais-HierarchicalMenu-item--parent > div .refinement-btn, .search-container .ais-HierarchicalMenu-item--parent .ais-HierarchicalMenu-item--parent > div .refinement-btn {
    margin-bottom: 12px
}

.back-to-top-custom {
    background-color: transparent;
    border: 0;
    color: #000;
    padding: 0;
    text-transform: uppercase
}

.back-to-top-icon {
    height: 24px;
    margin-right: 6px;
    width: 24px
}

.back-to-top-standalone {
    margin-top: 12px
}

.back-to-top-algolia {
    margin-bottom: 72px;
    margin-right: 13.5px
}

@media(max-width:1199.98px) {
    .back-to-top-algolia {
        margin-top: 12px
    }
}

.no-results .back-to-top-algolia {
    display: none
}

.content-tab-wrapper {
    display: grid;
    gap: 32px 8px;
    grid-template-columns: repeat(2,minmax(0,1fr));
    padding: 24px 8px
}

@media(min-width:1200px) {
    .content-tab-wrapper {
        gap: 48px 24px;
        padding: 0 24px
    }
}

.content-tab-wrapper__link {
    text-decoration: none !important
}

.content-tab-wrapper__banner--icon, .content-tab-wrapper__banner--img {
    height: 126px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media(min-width:1200px) {
    .content-tab-wrapper__banner--icon, .content-tab-wrapper__banner--img {
        height: 244px;
        width: 342px
    }
}

.content-tab-wrapper__banner--icon {
    align-items: center;
    background-color: #f4f0ea;
    display: flex;
    justify-content: center
}

    .content-tab-wrapper__banner--icon .icon {
        height: 48px;
        opacity: .24;
        width: 48px
    }

.content-tab-wrapper__content {
    padding: 32px 24px;
    width: 100%
}

.content-tab-wrapper__item {
    background-color: #fbf9f7;
    display: flex;
    flex-direction: column;
    height: 100%
}

@media(min-width:1200px) {
    .content-tab-wrapper__item {
        flex-direction: row
    }
}

.content-tab-wrapper__category {
    color: #000;
    margin-bottom: 8px;
    opacity: .5
}

@media(max-width:1439.98px) {
    .content-tab-wrapper__category {
        text-align: center
    }
}

.content-tab-wrapper__title {
    color: #000;
    margin-bottom: 16px;
    word-break: break-word
}

@media(max-width:1199.98px) {
    .content-tab-wrapper__title {
        text-align: center
    }
}

.content-tab-wrapper__description {
    -webkit-line-clamp: 2;
    box-orient: vertical;
    color: #000;
    display: box;
    max-width: 400px;
    opacity: .6;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(max-width:1199.98px) {
    .content-tab-wrapper__description {
        text-align: center
    }
}

.shop-by-category {
    margin-bottom: 0;
    padding-bottom: 24px
}

@media(min-width:1200px) {
    .shop-by-category {
        padding-bottom: 48px
    }
}

.shop-by-category .section-title {
    margin-top: 96px
}

@media(max-width:1439.98px) {
    .shop-by-category .section-title {
        margin-top: 72px
    }
}

.is-initialized .shop-by-category-tile {
    margin: 0 8px
}

@media(min-width:1200px) {
    .is-initialized .shop-by-category-tile {
        margin: 0 12px
    }
}

.shop-by-category-tile-title {
    margin-bottom: 48px;
    margin-top: 24px
}

@media(min-width:1200px) {
    .shop-by-category-tile-title {
        margin-bottom: 12px;
        margin-top: 32px
    }
}

.shop-by-category-tile img {
    width: 100%
}

.shop-by-category-discover {
    margin: 0 0 48px
}

@media(min-width:1200px) {
    .shop-by-category-discover {
        margin: 60px 0 48px
    }
}

.shop-by-category .progressbar-wrapper {
    margin: 12px auto 48px
}

@media(min-width:1200px) {
    .shop-by-category .progressbar-wrapper {
        margin: 72px auto 0
    }
}

.show-more .btn-secondary {
    margin: 24px 0 0;
    padding-bottom: 22px;
    padding-top: 22px;
    width: unset;
    z-index: 0
}

@media(min-width:1200px) {
    .show-more .btn-secondary {
        width: 448px
    }
}

.show-previous {
    margin-left: 8.5px;
    margin-right: 8.5px
}

    .show-previous .btn-secondary {
        margin: 14px 0 32px;
        padding-bottom: 21px;
        padding-top: 21px;
        width: 100%;
        z-index: 0
    }

@media(min-width:1200px) {
    .show-previous .btn-secondary {
        margin: 0 0 48px;
        width: 448px
    }
}

.search-container .grid-header {
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 16px
}

@media(min-width:1200px) {
    .search-container .grid-header {
        padding: 32px 24px !important
    }
}

.contentProductLargeSelectionWrapper {
    border-bottom: 1px solid rgba(0,0,0,.12);
    padding-bottom: 0 !important
}

.hide-search-bar .aa-DetachedOverlay {
    display: none
}

#algolia-page-title-placeholder {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0;
    max-width: 684px;
    padding: 0 48px;
    width: 100%
}

@media(max-width:719.98px) {
    #algolia-page-title-placeholder {
        padding: 0
    }
}

@media(min-width:1440px) {
    #algolia-page-title-placeholder {
        max-width: 47.5vw
    }
}

#algolia-page-title-placeholder .ais-Stats {
    width: 100%
}

.no-results-title .search-suggestion-container {
    align-content: flex-start;
    align-items: flex-start;
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    width: 100%
}

@media(max-width:719.98px) {
    .no-results-title .search-suggestion-container {
        align-self: stretch
    }
}

.no-results-title .search-suggestion-container__suggestion-link {
    background-color: #fbf9f7;
    padding: 13px 16px 11px;
    transition: background-color .3s ease-in-out
}

    .no-results-title .search-suggestion-container__suggestion-link:hover {
        background-color: #f4f0ea
    }

.plp-storepage .product-tile {
    padding-bottom: 48px
}

@media(max-width:1199.98px) {
    .plp-storepage .product-tile {
        padding-bottom: 32px
    }
}

@media(max-width:1439.98px) {
    .search-container.plp-mobile-view {
        padding-top: 0
    }
}

@media(max-width:1199.98px) {
    .search-container.plp-mobile-view .filter-column, .search-container.plp-mobile-view .sort-result-count-container {
        padding-top: 20px
    }

    .search-container.plp-mobile-view .grid-header-plp {
        padding: 0
    }

        .search-container.plp-mobile-view .grid-header-plp .result-title-container {
            padding: 8px 16px 0
        }
}

.sort-result-count-container .sort-column {
    gap: 40px
}

@media(max-width:1199.98px) {
    .sort-result-count-container .sort-column #algolia-stats-placeholder {
        display: none
    }
}

.grid-footer .back-to-top-custom {
    margin-top: 48px
}

.grid-footer button.back-to-top-custom {
    padding: 0
}

.custom-select-container {
    display: inline-block;
    position: relative;
    width: 100%
}

.sort-select {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.custom-select-display {
    align-items: center;
    background-color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    z-index: 1
}

.dropdown-arrow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m11.47 15.03-5-5 1.06-1.06L12 13.44l4.47-4.47 1.06 1.06-5 5-.53.53-.53-.53Z' fill='%23000'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 24px;
    margin-left: 9px;
    pointer-events: none;
    width: 24px
}

.algolia-tiles-placeholders {
    display: none
}

.plp-storepage-ais .filter-column, .plp-storepage-ais .result-count, .plp-storepage-ais .sort-column {
    transition: opacity .3s ease-in-out
}

.plp-storepage-ais .svg-plp-loading {
    visibility: hidden;
    z-index: -1
}

@media(max-width:1199.98px) {
    .plp-storepage-ais:not(.plp-storepage-loaded) .grid-header-plp {
        min-height: 100px
    }
}

.plp-storepage-ais:not(.plp-storepage-loaded) .back-to-top-algolia {
    display: none
}

.plp-storepage-ais:not(.plp-storepage-loaded) .filter-column, .plp-storepage-ais:not(.plp-storepage-loaded) .result-count, .plp-storepage-ais:not(.plp-storepage-loaded) .sort-column {
    opacity: unset
}

.plp-storepage-ais:not(.plp-storepage-loaded) .algolia-tiles-placeholders {
    display: block
}

.plp-storepage-ais:not(.plp-storepage-loaded) .svs-img {
    opacity: .01
}

.plp-storepage-ais:not(.plp-storepage-loaded) .ais-InfiniteHits-item .image-container-svs, .plp-storepage-ais:not(.plp-storepage-loaded) .algolia-tile-placeholder .image-container-svs {
    background-color: #fff;
    height: 100%;
    left: 12px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    width: calc(100% - 24px)
}

    .plp-storepage-ais:not(.plp-storepage-loaded) .ais-InfiniteHits-item .image-container-svs:before, .plp-storepage-ais:not(.plp-storepage-loaded) .algolia-tile-placeholder .image-container-svs:before {
        animation: sweepMove 1.8s linear 1ms infinite;
        background: linear-gradient(90deg,hsla(36,31%,94%,0) 0,hsla(36,31%,94%,.5) 25%,#f4f0ea 50%,hsla(36,31%,94%,.5) 75%,hsla(36,31%,94%,0));
        content: "";
        height: 200%;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-100%,-100%) rotate(45deg);
        transform-origin: center;
        width: 600px;
        will-change: transform;
        z-index: 5
    }

@media(min-width:1200px) {
    .plp-storepage-ais:not(.plp-storepage-loaded) .ais-InfiniteHits-item .image-container-svs:before, .plp-storepage-ais:not(.plp-storepage-loaded) .algolia-tile-placeholder .image-container-svs:before {
        width: 1200px
    }
}

.plp-storepage-ais:not(.plp-storepage-loaded) .ais-InfiniteHits-item .image-container-svs:after, .plp-storepage-ais:not(.plp-storepage-loaded) .algolia-tile-placeholder .image-container-svs:after {
    background: linear-gradient(135deg,#f4f0ea,#fbf9f7 .01%,#faf7f5 99.99%);
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4
}

.plp-storepage-ais:not(.plp-storepage-loaded) .ais-InfiniteHits-item .tile-body, .plp-storepage-ais:not(.plp-storepage-loaded) .algolia-tile-placeholder .tile-body {
   /* visibility: hidden*/
}

.plp-storepage-ais:not(.plp-storepage-loaded) .ais-InfiniteHits-item .svg-plp-loading, .plp-storepage-ais:not(.plp-storepage-loaded) .algolia-tile-placeholder .svg-plp-loading {
    bottom: 0;
    height: 40px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    visibility: visible;
    width: 40px;
    z-index: 6
}

@media(min-width:1200px) {
    .plp-storepage-ais:not(.plp-storepage-loaded) .ais-InfiniteHits-item .svg-plp-loading, .plp-storepage-ais:not(.plp-storepage-loaded) .algolia-tile-placeholder .svg-plp-loading {
        height: 64px;
        width: 64px
    }
}

.plp-storepage-ais:not(.plp-storepage-loaded) .algolia-tile-placeholder {
    aspect-ratio: 2/3;
    padding-bottom: 16px
}

@media(min-width:1200px) {
    .plp-storepage-ais:not(.plp-storepage-loaded) .algolia-tile-placeholder {
        aspect-ratio: 5/6;
        padding-bottom: 38px;
        width: auto
    }
}

@media(max-width:1199.98px) {
    .plp-storepage-ais:not(.plp-storepage-loaded) .algolia-tile-placeholder:nth-of-type(odd) .image-container {
        margin-right: 4px
    }
}

.plp-storepage-ais:not(.plp-storepage-loaded) .algolia-tile-placeholder .image-container {
    aspect-ratio: 1/1;
    height: auto;
    width: calc(100% - 2px)
}

@media(min-width:1200px) {
    .plp-storepage-ais:not(.plp-storepage-loaded) .algolia-tile-placeholder .image-container {
        width: 100%
    }
}

.plp-storepage-ais:not(.plp-storepage-loaded) #algolia-hits-placeholder {
    display: none
}

.plp-storepage-ais:not(.plp-storepage-loaded) .grid-header-plp:not(.stuck) {
    min-height: 136px
}

@media(max-width:1199.98px) {
    .plp-storepage-ais:not(.plp-storepage-loaded) .grid-header-plp:not(.stuck) {
        min-height: 72px
    }
}

@keyframes sweepMove {
    0% {
        transform: translate(-50%,-50%) rotate(45deg) translateX(-100%)
    }

    44% {
        transform: translate(-50%,-50%) rotate(45deg) translateX(50%)
    }

    to {
        transform: translate(-50%,-50%) rotate(45deg) translateX(100%)
    }
}

.errorpage-carousel {
    margin-bottom: 40px
}

@media(min-width:1200px) {
    .errorpage-carousel {
        margin-bottom: 72px
    }
}

.js-shop-by-category .section-title {
    text-align: center
}

@media(min-width:1200px) {
    div[role=main].main-pd-edit-cont {
        padding-top: calc(max(var(--header-height,162px),162px) + max(var(--slider-height,40px),40px))
    }
}

.plp-storepage .ais-plp-editmode #algolia-hits-placeholder {
    display: block
}

.algolia-tile-edit-placeholder {
    aspect-ratio: 2/3;
    padding-bottom: 16px
}

@media(min-width:1200px) {
    .algolia-tile-edit-placeholder {
        aspect-ratio: 5/6;
        padding-bottom: 38px
    }
}

.algolia-tile-edit-placeholder:after {
    background-color: #fafafa;
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%
}

@media(max-width:1439.98px) {
    .plp-storepage .grid-header-plp-mobile .result-count {
        border: 0;
        margin-bottom: 24px;
        margin-top: 0;
        text-align: center
    }

    .plp-storepage .grid-header-plp-mobile .result-title-container {
        margin-bottom: 0
    }
}

@media(max-width:1199.98px) {
    .ais-InfiniteHits-list.row.product-grid {
        -moz-column-gap: 4px;
        column-gap: 4px;
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        row-gap: 0;
        width: 100%
    }

    .col-12.col-lg-12.plist-region, .col-12.col-lg-4.plist-region, .col-12.col-lg-8.plist-region {
        grid-column: span 2;
        grid-row: span 1;
        padding-left: 0;
        padding-right: 0
    }

    .plp-storepage .grid-header-plp-mobile .result-count {
        margin-bottom: 16px;
        margin-top: 12px
    }
}

.qv-modal .contentProductLargeSelectionWrapper {
    border-bottom: 0
}

@media(min-width:1200px) {
    .image-tile-link:focus-visible {
        outline: 2px auto #009cad;
        position: relative;
        z-index: 1
    }
}