.plp-header {
    text-align: center;
}

.section.plp-header {
    position: sticky;
    z-index: 6;
    width: 100%;
    top: 6rem;
}

body.search .section.plp-header:not(:has(.no-products)) {
    top: 11.4rem;
    display: flex;
    flex-wrap: wrap;
}

body.error-page .section.plp-header:has(.no-products) {
    top: 3rem;
}

.sidebar-plp {
  display: none;
}

.sidebar li.active > a {
    color: var(--color-primary-100);
}

.main:has(.plp-category-title.no-products) {
    padding-bottom: 0;
}

.section.plp-header .default-content-wrapper, .section.algolia-product-listing-container .algolia-product-listing-wrapper {
    max-width: 160rem;
}

.section.plp-header .minicart-wrapper {
    position: relative;
    display: inline-block;
}

.plp-category-title {
    text-align: center;
    font-size: var( --font-size-9);
    font-style: normal;
    font-weight: var(--font-weight-4);
    line-height: 130%;
    padding-bottom: 0;
    padding-top: var(--space-space-16);
    margin: 0;
}

body .plp-category-title .view-all {
    cursor: pointer;
    display: flex;
    gap: var(--space-space-4);
}

body .plp-category-title .view-all::after {
    content: '';
    background-image: url('/icons/arrow-right-black.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 1.6rem;
    height: 1.6rem;
    transform: rotate(90deg);
}

body .plp-category-title .view-all a {
    display: flex;
    font: var(--type-plp-text-font);
    background-size: 0 .1rem, 100% .1rem;
    background-position: 0 100%, 100% 100%;
    text-underline-position: from-font;
}

body.search .plp-category-title {
    padding-top: 5.6rem;
    padding-bottom: 0;
}

.plp-category-title.no-products {
    padding-bottom: 0;
    font-size: var(--space-space-5x);
}

.plp-header .plp-subcategories {
    display: none;
    gap: var(--space-space-15);
    margin-bottom: 0;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.plp-header .plp-subcategory {
    padding: 0.6rem 0.9rem;
    border: 1px solid var(--color-secondary-20);
    font-size: var(--font-size-3);
    font-style: normal;
    font-weight: var(--font-weight-4);
    line-height: 130%;
    white-space: nowrap;
}

.algolia-product-listing .products-container {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-space-16);
    touch-action: pan-y;
}

.algolia-product-listing .product-item {
    width: calc(50% - var(--space-space-8));
    position: relative;
    overflow: hidden;
    touch-action: pan-y;
}

.algolia-product-listing  .products-container .product-item a {
    display: inline-block;
    margin: 0 var(--space-space-0-1);
}

.product-category-container {
    display: flex;
    gap: var(--space-space-12);
    height: var(--space-space-34);
}

.category-item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: var(--space-space-2x) var(--space-space-2x);
    white-space: nowrap;
    border: var(--spacing-xxxsmall) solid var(--color-secondary-20);
    background: var(--color-neutral-50);
}

.category-item:hover {
    color: unset;
}

.category-item.selected {
    border: var(--spacing-xxxsmall) solid var(--color-brand-700);
    background: var(--color-neutral-50);

}

.category-item-text {
    width: auto;
    text-align: center;
}

.category-container {
    display: flex;
    width: 100%;
    height: var(--space-space-34);
    gap: var(--space-space-12);
    overflow-x: auto;
    padding-bottom: var(--space-space-6);
}

.algolia-product-listing .join-aura-banner .join-aura-banner-footer a {
    text-decoration: underline;
    color: var(--color-aura-primary-100);
}

.algolia-product-listing .products-container .product-item-info {
    p,a {
        text-overflow: ellipsis;
        overflow: hidden;
        position: relative;
        white-space: nowrap;
        font-size: var(--text-s);
        margin: 0;
    }

    h6 {
        font-weight: var(--font-weight-4);
        font-size: var(--text-m);
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    a {
        display: block;
        font-size: var(--text-m);
        margin: 0 0 var(--space-space-8);
        letter-spacing: 0;
    }

    a:hover {
        color: var(--color-brand-700);
        text-decoration: underline;
    }

    margin-bottom: var(--space-space-4);
}

.algolia-product-listing .products-container .product-item-info p.product-item-collection {
    margin: 0 0 var(--space-space-3x);
    color: var(--color-text-dark);
}

.algolia-product-listing .join-aura-banner .join-aura-banner-body p,
.algolia-product-listing .join-aura-banner .join-aura-banner-footer p {
  margin: var(--space-space-0x);
  text-align: center;
  color: var(--aura-color-text-main);
  font-weight: var(--font-weight-4);
  font-size: var(--font-size-2);
}

.algolia-product-listing .item-count-mobile .result-count-mobile p {
    color: var(--color-text-dark);
    font-size: var(--font-size-2);
    margin: 0;
}

.algolia-product-listing .products-pager-container .pager-progress > p {
    font-size: var(--font-size-2);
    letter-spacing: var(--spacing-xxxsmall);
    margin-bottom: .2rem;
    color: var(--color-text-dark);
}

.algolia-product-listing .products-pager-container .pager-progress {
    flex-direction: column;
}

.algolia-product-listing .products-container .product-item-info .product-item-price {
    display: flex;
    flex-direction: column;
}

.algolia-product-listing .products-container .product-item-info .plp-member-price {
    display: flex;
}

.algolia-product-listing .products-container .product-item-info .plp-member-price-container {
    display: flex;
    gap: var(--space-space-6);
    background-color: var(--color-tertiary-100);
    font-size: var(--font-size-2);
    padding: 0 var(--space-space-1x);
    margin: var(--space-space-1x) 0;
}

.algolia-product-listing .products-container .product-item-info .strikethrough p {
        color: var(--color-text-dark);
        text-decoration: line-through;
}

.algolia-product-listing .products-container .product-item-info .strikethrough p.item-price-discounted {
    color: var(--color-primary-100);
}

.plp-header .filters-body-container .filters-values-ul .star-filled {
    background: url('/icons/rating-star-filled.svg') no-repeat;
}

.plp-header .filters-body-container .filters-values-ul .star-empty {
    background: url('/icons/rating-star.svg') no-repeat;
}

.plp-header .filters-body-container .filters-values-ul .filter-item-rating .star-filled,
.plp-header .filters-body-container .filters-values-ul .filter-item-rating .star-empty  {
    display: inline-block;
    width: var(--space-space-20);
    height: var(--space-space-20);
    background-size: contain;
}

.algolia-product-listing .products-container .product-item-info .review-rating-stars {
    display: inline-flex;
    margin: 0 0 var(--font-size-2);

    a {
        margin: 0;
    }

    span {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 1.6rem;
    }

    .star-container {
        display: flex;
        justify-content: center;
        margin-inline-end: var(--space-space-4);
    }

    .star-empty {
        background: url('/icons/rating-star.svg') no-repeat;
    }

    .star-filled {
        background: url('/icons/rating-star-filled.svg') no-repeat;
    }

    .star-empty, .star-filled {
        display: inline-block;
        width: 1.6rem;
        height: 1.6rem;
        background-size: contain;
    }

    .rating-count {
        font-size: var(--font-size-3);
        line-height: 130%;
    }
}

.wishlist-wrapper .algolia-product-listing .products-container .product-item-info .review-rating-stars {
    display: none;
}

.algolia-product-listing .products-container .product-item-info .product-item-discount-price {
    display: flex;
    flex-wrap: wrap;

    p {
        margin-inline-end: .4rem;
        letter-spacing: 0;
    }
}

.algolia-product-listing .products-container .product-item-info .product-item-promotion {
    color: var(--color-primary-100);
    white-space: normal;
}

.algolia-product-listing .products-container .product-item-info .item-price-discounted {
    color: var(--color-primary-100);
    font-family: var(--type-base-font-family-semibold);
}

.algolia-product-listing .products-container .product-item-info .item-price-original-slashed {
    color: var(--color-text-dark);
    text-decoration: line-through;
}

.algolia-product-listing .products-container .product-item-info .item-price-discount-value {
    font-size: var(--font-size-2);
    line-height: var(--line-height-xxs);
    padding: var(--space-space-1x);
    display: inline;
    margin-right: var(--space-space-8);
    margin-bottom: 0;
    margin-top: var(--space-space-4);
    color: var(--color-primary-100);
}

.algolia-product-listing .products-container .product-item-info .item-price-discount-value.promotion-link{
  z-index: 1;
}

.algolia-product-listing .product-listing .grid-layout-selectors {
    display: none;
}

.plp-header .filters-body .item-count-container .grid-layout-selectors {
    display: none;
}

.plp-header .filters-body .item-count-container .result-count {
    display: none;
}

.algolia-product-listing .item-count-mobile {
    display: flex;
    justify-content: center;
    padding: var(--space-space-12);
}

.algolia-product-listing .filters-body .item-count-container .result-count > p {
    font-size: var(--font-size-2);
    margin-bottom: 0;
    color: var(--color-text-dark);
}

.algolia-product-listing .product-item .wishlist-icon {
    background: url('/icons/wishlist-empty-plp.svg') no-repeat;
    width: 2.8rem;
    height: 2.8rem;
    background-size: contain;
    z-index: 1;
}

.algolia-product-listing .product-item .wishlist-icon.in-wishlist {
    background: url('/icons/wishlist-filled-plp.svg') no-repeat;
    background-size: contain;
}

.algolia-product-listing .product-item .wishlist-icon.disabled {
    background: url('/icons/ic-loader.svg') no-repeat;
    background-size: contain;
}

.algolia-product-listing .product-item .wishlist-button-wrapper {
    cursor: pointer;
}

.algolia-product-listing .product-item .product-image-container {
    position: relative;
    line-height: 0;
    margin-bottom: 0.8rem;
    overflow: hidden;
    z-index: 1;
}

.algolia-product-listing .product-item .product-image-container > a[data-link="pdp"] {
    width: 100%;
    margin: 0;
}

.algolia-product-listing .product-item .product-image-container .item-images.slide-left{
    transform: translateX(0);
}

.algolia-product-listing .product-item .product-carousel-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255 255 255 / 25%);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.4rem;

    button.product-image-btn {
        margin: 0 .6rem;
        min-width: unset;
        height: .5rem;
        width: .5rem;
        background-color: var(--color-neutral-white);
        border: 1px solid var(--color-secondary-100);
        border-radius: 50%;
        padding: 0;
    }

    button.product-image-btn.selected {
        background-color: var(--color-icon-base);
    }
}

.algolia-product-listing .product-item .product-image-container:hover .product-carousel-buttons {
    transform: translateY(0);
    opacity: 1;
}

.algolia-product-listing .product-item .item-images {
    display: inline-flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
}

.algolia-product-listing .product-item .item-images > img {
    height: auto;
    width: 100%;
    aspect-ratio: auto 450 / 675;
    display: block;
    flex-shrink: 0;
}

.algolia-product-listing .corner-align {
    position: absolute;
    top: .625rem;
    inset-inline-end: .625rem;
    font-size: 0;
}

.algolia-product-listing .products-pager-container {
    display: flex;
    flex-direction: column;
}

.algolia-product-listing .products-pager-container.hidden {
    display: none;
}

.algolia-product-listing .products-pager-container > div {
    display: flex;
    justify-content: center;
}

.algolia-product-listing .products-pager-container .pager-progress > * {
    display: flex;
    justify-content: center;
}

.algolia-product-listing .products-pager-container .pager-progress .progress-bar-container {
    margin: 0 auto 1.2rem;
    border-radius: 2px;
    height: .4rem;
    width: 13.4rem;
    background: var(--color-neutral-40);
    justify-content: flex-start;

    .progress-bar {
        border-radius: .4rem;
        height: 100%;
        background: var(--color-secondary-100);
    }
}

.algolia-product-listing .products-pager-container .pager-button {
    height: 4.8rem;
    font-size: var(--font-size-4);
    background: var(--color-secondary-100);
    margin: 0;
    justify-content: center;
}

.algolia-product-listing .products-pager-container .pager-button-container.hidden  {
    display: none;
}

.algolia-product-listing .product-item .product-label-wrapper {
    .product-label {
        position: absolute;
        margin: var(--space-space-8) 0;
        z-index: 1;
    }

    .product-label.label-preview {
        background-color: var(--color-brand-800);
        height: 2.4rem;
        line-height: 2.2rem;
        color: var(--color-brand-300);
        font-size: 14px;
        padding: 0 8px;
    }

    .product-label img {
        width: 8rem;
    }

    .product-label.top-left {
        left: 0;
        top: 0;
    }

    .product-label.top-right {
        right: 0;
        top: 0;
    }

    .product-label.bottom-left {
        bottom: 0;
        left: 0;
        margin-bottom: var(--space-space-32);
    }

    .product-label.bottom-right {
        bottom: 0;
        right: 0;
        margin-bottom: var(--space-space-32);
    }
}

[dir='rtl'] .algolia-product-listing .product-item .product-label-wrapper {
    .product-label.top-left {
        right: 0;
        left:unset;
    }

    .product-label.top-right {
        left: 0;
        right: unset;
    }

    .product-label.bottom-left {
        right: 0;
        left: unset;
    }

    .product-label.bottom-right {
        left: 0;
        right: unset;
    }
}

/* Early Access to Sale */

.main-wrapper > div:has(.is-early-access-banner) {
    flex: 0 1 100%; 
}

.algolia-product-listing .color-swatch-container.square {
    position: relative;
    display: flex;
    justify-content: start;
    margin-bottom: var(--space-space-3x);

    button {
        all: unset;
        position: absolute;
        top: 0;
        bottom: 0;
        cursor:pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    button.swatch-carousel-right {
        right: 0;
        background: linear-gradient(to left, rgb(255 255 255) 50%, rgba(255 255 255 / 0%) 100%);
    }

    button.swatch-carousel-left {
        left: 0;
        background: linear-gradient(to right, rgb(255 255 255) 50%, rgba(255 255 255 / 0%) 100%);
        z-index: 1;
    }

    button.hidden {
        display: none;
    }

    button .icon {
        justify-content: center;
        align-items: center;
        display: flex;
        height: 2.4rem;
        width: 2.4rem;

        img {
            height: 1.8rem;
            width: 1rem;
        }
    }
}

.algolia-product-listing .color-swatch-container.circle {
    position: relative;
    display: flex;
    justify-content: start;
    margin-bottom: var(--space-space-3x);

    button {
        all: unset;
        position: absolute;
        top: 0;
        bottom: 0;
        cursor:pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    button.swatch-carousel-right {
        right: 0;
        background: linear-gradient(to left, rgb(255 255 255) 50%, rgba(255 255 255 / 0%) 100%);
    }

    button.swatch-carousel-left {
        left: 0;
        background: linear-gradient(to right, rgb(255 255 255) 50%, rgba(255 255 255 / 0%) 100%);
        z-index: 1;
    }

    button.hidden {
        display: none;
    }

    button .icon {
        justify-content: center;
        align-items: center;
        display: flex;
        height: 2.4rem;
        width: 2.4rem;

        img {
            height: 1.8rem;
            width: 1rem;
        }
    }
}

[dir='rtl'] .algolia-product-listing .color-swatch-container.square button.swatch-carousel-right {
    left: 0;
    right: auto;

    .icon-swatch-arrow-right img {
        transform: rotate(180deg);
     }
}

[dir='rtl'] .algolia-product-listing .color-swatch-container.circle button.swatch-carousel-right {
    left: 0;
    right: auto;

    .icon-swatch-arrow-right img {
        transform: rotate(180deg);
     }
}

[dir='rtl'] .algolia-product-listing .color-swatch-container.square button.swatch-carousel-left {
    right: 0;
    left: auto;

     .icon-swatch-arrow-left img {
        transform: rotate(180deg);
     }
}

[dir='rtl'] .algolia-product-listing .color-swatch-container.circle button.swatch-carousel-left {
    right: 0;
    left: auto;

     .icon-swatch-arrow-left img {
        transform: rotate(180deg);
     }
}

.algolia-product-listing .color-swatch-container.square .swatch-selection {
    display: flex;
    gap: .4rem;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    cursor: pointer;

    ::-webkit-scrollbar {
        display: none;
    }
}

.algolia-product-listing .color-swatch-container.circle .swatch-selection {
    display: flex;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    align-items: center;
    justify-content: center;

    ::-webkit-scrollbar {
        display: none;
    }
}

.algolia-product-listing .color-swatch-container.square .swatch-selection .swatch.selected {
    border: 1px solid var(--color-secondary-100);
    pointer-events: none;
}

.algolia-product-listing .color-swatch-container.circle .swatch-selection .swatch.selected {
    border: 1px solid var(--color-secondary-100);
    pointer-events: none;
}

.algolia-product-listing .color-swatch-container.square .swatch-selection .swatch.out-of-stock {
    /* TODO: implement */
}

.algolia-product-listing .color-swatch-container.circle .swatch-selection .swatch.out-of-stock {
    /* TODO: implement */
}

.algolia-product-listing .color-swatch-container.square .swatch-selection .swatch {
    width: 3.6rem;
    height: 3.6rem;
    position: relative;

    > div {
        width: 3.2rem;
        height: 3.2rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border: 1px solid rgb(217 217 217 / 75%);
    }
}

.algolia-product-listing .color-swatch-container.circle .swatch-selection .swatch {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    position: relative;

    > div {
        width: .8rem;
        height: .8rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%;
    }

    .swatch-overflow-count {
        font-size: 1.2rem;
        margin: 0;
        color: var(--text-text-dark, #777);
    }

    .swatch-overflow-count:hover {
        color: var(--text-text-dark, #777);
    }
}

.algolia-product-listing .color-swatch-container .swatch-selection:hover {
    cursor: pointer;
}

.algolia-product-listing .color-swatch-container.circle .swatch-selection .swatch:has(.swatch-overflow-count) {
    width: auto;
    height: 1.4rem;
}

.algolia-product-listing .color-swatch-container.circle .swatch-selection .swatch:not(:has(.swatch-overflow-count)) {
    border-radius: 50%;
    border: 1px solid transparent;
    transition: border-color 0.4s ease-in-out;
}

.algolia-product-listing .color-swatch-container.circle .swatch-selection .swatch.border {
    > div {
        border: 1px solid var(--color-neutral-30);
    }
}

.algolia-product-listing .color-swatch-container.circle .swatch-selection .swatch:not(:has(.swatch-overflow-count)):hover {
    border-radius: 50%;
    border: 1px solid var(--color-secondary-100);
    transition: border-color 0.2s ease-in-out;
}

.algolia-product-listing .products-container .product-item .product-item-link{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
  display: inline-block;
}

.plp-header .filters-body .filters-icon .all-filters-text {
    display: none;
}

.plp-header .filters-body li.page-filters {
    display: none;
}

.plp-header .filters-body .filters-icon {
    display: none;
}

.plp-header .filters-icon-mobile,
.plp-header .filter-facet-icon-mobile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-space-4);
    width: 100%;
    padding: var(--space-space-8);
    cursor: pointer;
    border: 1px solid #000;
    flex: 1 1 45%;
    position: relative;
}

.plp-header .filter-facet-icon-mobile {
    margin-right: var(--space-space-12);
}

[dir='rtl'] .plp-header .filter-facet-icon-mobile {
    margin-inline: 0 var(--space-space-12);
}

.filters-icon-mobile-text{
    display: block;
}

.no-category-chips{
    display: none;
}

.plp-header:has(.plp-subcategories) .filters-icon-mobile {
    margin-left: 0;
}

[dir='rtl'] .plp-header:has(.plp-subcategories) .filters-icon-mobile {
    margin-right: 0;
}

.plp-header .filters-body .filters-icon::before, .plp-header .filters-icon-mobile::before {
    content: "";
    background-image: url("/icons/filters.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    width: 1.6rem;
    height: 1.6rem;
    margin: 0;
    display: inline-block;
}

.plp-header .filter-facet-icon-mobile::after {
    content: "";
    background-image: url("/icons/chevron-down.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    width: var(--space-space-16);
    height: var(--space-space-16);
    margin: 0;
    display: inline-block;
}

.plp-header .filter-facet-icon-mobile.active::after {
    background-image: url("/icons/chevron-up.svg");
}

/* filters */

.section.plp-header .filters-popup {
    right: 0;
    top: 0;
    transition: transform 200ms cubic-bezier(.4,0,1,1);
    transform: translateX(100%);
    position: fixed;
    overflow-y: auto;
    height: 100%;
    max-width: 36rem;
    width: 100%;
    background-color: var(--color-neutral-50);
    z-index: 100;
}

html[dir='rtl'] .section.plp-header .filters-popup {
    transform: translateX(-100%);
    left: 0;
    right: unset;
}

.plp-header .filters-popup.active, html[dir='rtl'] .plp-header .filters-popup.active {
    transition: transform 400ms cubic-bezier(0,0,.2,1);
    transform: translateX(0);
}

.plp-header .filters-popup .filters-popup-title-container {
    border-bottom: 1px solid var(--color-text-light);
    display: flex;
    width: 100%;
    background-color: var(--color-neutral-50);
    height: 5rem;
    font-size: var(--font-size-6);
}

.plp-header .filters-popup .filters-popup-title-container .filters-popup-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-radius: 0;
    width: 100%;
    z-index: 22;
}

.plp-header .filters-popup .filters-popup-title-container .filters-popup-title-values {
    box-shadow: 0 2px 10px #0000001a;
}

.plp-header .filters-popup .filters-popup-title-container .hide {
    display: none;
}

.plp-header .filters-popup .filters-popup-title-container .filters-popup-title .filters-title {
    margin: auto;
    letter-spacing: 0;
}

.plp-header .filters-popup .filters-popup-title-container .filters-popup-title .filter-title-main {
    padding-left: 3rem;
}

html[dir='rtl'] .plp-header .filters-popup .filters-popup-title-container .filters-popup-title .filter-title-main {
    padding-left: unset;
    padding-right: 3rem;
}

.page-filters .main-filter-chose-values {
    display: none;
}

.plp-header .filters-popup .filters-body-container .filters-body-main-ul .main-filter-chose-values {
    color: var(--color-text-dark);
    flex-shrink: 1;
    margin-inline: auto 0.2rem;
    content: " ";
    font-size: var(--font-size-2);
    text-transform: capitalize  ;
}

.plp-header .filters-popup .filters-body-container .filters-body-main-ul .main-filter-title-span {
    margin-right: 1rem;
}

.plp-header .filters-popup .filters-popup-title-container .filters-popup-title .filters-popup-title-close {
    width: 1.2rem;
    height: 1.2rem;
    filter: invert(100%);
    margin-inline-end: 1.5rem;
    background: url('/icons/close-icon.svg') center right / 100% no-repeat;
}

.plp-header .filters-popup .filters-body-container .filters-body-main-ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.plp-header .page-filters ul li {
    padding: var(--space-space-16) var(--space-space-12);
    width: 100%;
    max-width: 34rem;
    display: flex;
    box-sizing: border-box;
    align-items: center;
}

.section.plp-header .lhs-category-facets li {
    list-style: none;
    margin: 0;
    padding: var(--space-space-8) var(--space-space-10);
    cursor: pointer;
}

.plp-header .page-filters .filters-values-ul > li:first-child {
    margin-top: -0.6rem;
}

.plp-header .filters-popup .filters-body-container .filters-body-main-ul:first-child {
    margin-top: 0;
}

.plp-header .filters-popup .filters-body-container .filters-body-main-ul > li {
    padding: var(--space-space-12) var(--space-space-2x);
    width: 100%;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    font-size: var(--font-size-3);
    letter-spacing: 0;
    border-bottom: 1px solid var(--color-neutral-40);
    text-align: start;
}

.plp-header .filters-popup .filters-body-container .filters-body-main-ul > li.hide {
    display: none;
}

.plp-header .filters-popup .filters-body-container .filters-body-main-ul > li::after {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("/icons/chevron-right.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-inline: 0;
}

html[dir='rtl'] .plp-header .filters-popup .filters-body-container .filters-body-main-ul > li::after {
    background-image: url("/icons/chevron-left.svg");
}

.plp-header .filters-popup .filters-popup-title-container .filters-popup-title .filters-values-back-chevron {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: var(--space-space-12);
    background: url("/icons/arrow-left.svg") center right / 100% no-repeat;
}

html[dir='rtl'] .plp-header .filters-popup .filters-popup-title-container .filters-popup-title .filters-values-back-chevron {
    margin-left: unset;
    margin-right: var(--space-space-12);
    background: url("/icons/arrow-right.svg") center right / 100% no-repeat;
}

.page-filters .filters-values-ul {
    position: absolute;
    top: 0;
    left: -0.5rem;
    background: var(--color-neutral-50);
    z-index: 2;
    width: 36rem;
    visibility: hidden;
    max-height: 25rem;
    padding: var(--space-space-6) 0;
    border: 1px solid var(--color-brand-200);
    overflow-y: auto;
    list-style-type: none;
    margin-top: 1.6rem;
}

.page-filters.active-values .filters-values-ul {
    overflow-y: auto;
    height: auto;
    max-height: 25rem;
    visibility: visible;
    transition: all 0.4s ease-in-out;
}

html[dir='rtl'] .page-filters .filters-values-ul {
    left: unset;
    right: -0.5rem;
}

.plp-header .filters-popup .filters-body-container .filters-body-main-ul .filters-values-ul {
    right: 0;
    list-style-type: none;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    padding: 0;
    position: fixed;
    top: 5rem;
    bottom: 11.5rem;
    width: 100%;
    max-width: 45rem;
    z-index: 21;
    overflow-y: auto;
    margin: 0;
    background-color: var(--color-neutral-50);
    transform: translateZ(0);
    color: #000;
}

.plp-header .filters-popup .filters-body-container .filters-body-main-ul .filters-values-ul.active-values {
    visibility: visible;
}

.plp-header .filters-popup .filters-body-container .filters-body-main-ul .filters-values-ul > li.filter-item {
    padding: 1.2rem 0.8rem;
    display: flex;
    font-size: var(--font-size-3);
    align-items: center;
    border-bottom: 1px solid var(--color-text-light);
}

.plp-header .filters-values-ul .filter-count {
    color: var(--color-text-dark);
    margin-inline-start: 0.9rem;
    font-size: var(--font-size-3);
}

.plp-header .filters-values-ul .filter-count-stars {
    margin-right: var(--spacing-xsmall);
}

.plp-header .filters-popup .filters-body-container .filters-body-main-ul .filters-values-ul > li.filter-item:first-child {
    margin-top: 0;
}

.plp-header .filters-popup .filters-body-container .filters-body-main-ul .filters-values-ul .top-space {
    margin-top: 0;
}

.plp-header .filters-popup .filters-body-container .filters-body-main-ul .filters-values-ul > li.filter-item.hide {
    display: none;
}

.plp-header .filters-values-ul > li::before {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("/icons/checkbox.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-inline-end: 0.5rem;
}

.plp-header .filters-values-ul > li[data-filter-attr-name="final_price"]::before {
    background-image: url("/icons/radio-icon.svg");
}

.plp-header .filters-body .filters-values-ul > li.filter-item-color::before, .plp-header .filters-popup .filters-body-container .filters-body-main-ul .filters-values-ul > li.filter-item-color::before {
    all: unset;
}

.page-filters ul li.filter-radio::before {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("/icons/radio-icon.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-right: var(--space-space-2x-2);
}

.plp-header .filters-popup .filters-body-container .filters-body-main-ul .filters-values-ul > li.filter-radio::before {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("/icons/radio-icon.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.page-filters ul li.filter-radio-active::before {
    background-image: url("/icons/radio-active.svg");
}

.page-filters ul li.filter-radio-active {
    color: var(--color-text-dark);
    font-size: var(--font-size-3);
}

.plp-header .filters-popup .filters-body-container .filters-body-main-ul .filters-values-ul > li.filter-radio-active::before {
    background-image: url("/icons/radio-active.svg");
}

.plp-header .filters-popup .filters-body-container .filters-body-main-ul .filters-values-ul > li.filter-radio-active, .filters-values-ul > li.active-checkbox, .filters-values-ul > li.active-checkbox-price-range {
    color: var(--color-text-dark);
    font-size: var(--font-size-3);
}

.plp-header .filters-values-ul > li[data-filter-attr-name="final_price"].filter-item.active-checkbox-price-range::before{
    background-image: url("/icons/radio-active.svg");
}

.filters-values-ul > li.active-checkbox::before, .plp-header .filters-popup .filters-body-container .filters-body-main-ul .filters-values-ul > li.active-checkbox::before{
    background-image: url("/icons/checkbox-checked.svg");
}

.filters-body .filter-item.active-checkbox-price-range::before, .plp-header .filters-popup .filters-body-container .filters-body-main-ul .filters-values-ul > li.active-checkbox-price-range::before{
    background-image: url("/icons/radio-active.svg");
}

.filters-values-ul > li.active-checkbox::after, .plp-header .filters-popup .filters-body-container .filters-body-main-ul .filters-values-ul > li.active-checkbox::after, .filters-values-ul > li.active-checkbox-price-range::after {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("/icons/right-checked.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-inline-start: auto;
}

.plp-header .filters-popup .filters-popup-footer-container {
    width: 100%;
    max-width: 44rem;
    background-color: var(--color-neutral-50);
    height: 11.2rem;
    box-shadow: 0 -4px 4px #0000000a;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
    padding: 16px 12px;
    gap: 11px;
    position: fixed;
    z-index: 22;
}

.plp-header .filters-popup .filters-popup-footer-container .count-of-found-items {
    text-align: center;
    width: 100%;
    font-size: var(--font-size-2);
}

.plp-header .filters-popup .filters-popup-footer-container .buttons-container {
    display: flex;
    justify-content: center;
    gap: 2rem;
    width: 100%;
}

.plp-header .filters-popup .filters-popup-footer-container .buttons-container .button-filters {
    background: var(--color-neutral-50);
    border: 1px solid #000;
    border-radius: 0;
    flex: none;
    text-align: center;
    max-width: 16rem;
    padding: 1rem;
    vertical-align: middle;
    flex-grow: 1;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.plp-header .filters-popup .filters-popup-footer-container .buttons-container .button-filters.disable{
    pointer-events: none;
    color: var(--color-brand-200);
    border: 1px solid var(--color-neutral-60);
}

.plp-header .filters-popup .filters-popup-footer-container .buttons-container .button-apply-all {
    background: #000;
    color: var(--color-neutral-50);
}

.plp-header .filters-popup .filters-body-container {
    height: calc(100% - 5rem - 11.5rem);
    overflow: hidden scroll;;
}

.plp-header .filters-body li.page-filters.hide {
    display: none;
}

/** Filters main page */

.plp-header .filters-body {
    display: block;
    list-style-type: none;
    margin: 0;
    padding-left: 0;
}

.plp-header .filters-body .page-filters {
    position: relative;
    cursor: pointer;
    font-size: var(--font-size-3);
    letter-spacing: 0;
    font-style: normal;
    font-weight: 400;
    color: #222;
    line-height: 130%;
}

.plp-header .filters-body .page-filters .filters-values-ul .filter-item.hide {
    display: none;
}

.plp-header .page-filters span.main-filter-title-span::after {
    content: "";
    width: 0.8rem;
    height: 0.4rem;
    background: url("/icons/filter-chevron-down.svg") center right / 100% no-repeat;
    display: inline-block;
    margin-inline-start: 0.9rem;
    vertical-align: middle;
    margin-top: -0.2rem;
    transition: transform .4s ease-in-out;
}

.plp-header .page-filters.active-values span.main-filter-title-span::after {
    transform: translateY(-10%) rotate(180deg);
}

.fullscreen-loader {
    display: none;
    background-image: url("/icons/ic-loader.svg");
    background-repeat: no-repeat;
    background-color: #ffffff80;
    background-size: 4.5rem;
    inset: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000;
    padding: .25rem;
    opacity: .9;
    border-radius: .4375rem;
    background-position: center center;
}

.fullscreen-loader.active {
    display: block;
}

html[dir='rtl'] .fullscreen-loader.active {
    animation: hide-spinner 1s forwards;
}

@keyframes hide-spinner {
    0% {
        opacity: 1;
        visibility: visible;
    }

    100% {
         visibility: hidden;
    }
}

.plp-header .main-page-filters-chosen-values, .main-page-filters-chosen-values-container {
    display: flex;
    gap: 1rem;
    flex-wrap: nowrap;
    padding: 1.2rem 0;
    list-style-type: none;
    align-items: center;
    overflow-y: auto;
    margin: 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.plp-header .main-page-filters-chosen-values::-webkit-scrollbar, .main-page-filters-chosen-values-container::-webkit-scrollbar {
    display: none;
}

.plp-header .main-page-filters-chosen-values-container.hide {
    display: none;
}

.plp-header .main-page-filters-chosen-values-container .clear-filters-button-on-main-page {
    margin-inline-start: auto;
    cursor: pointer;
    text-decoration: underline;
    flex-shrink: 0;
    font-size: var(--font-size-3);
}

.plp-header .main-page-filters-chosen-value {
    padding: 1.1rem;
    white-space: nowrap;
    background: var(--color-neutral-40);
    font-size: var(--font-size-2);
    color: var(--color-secondary-100);
    display: flex;
    align-items: center;
    cursor: pointer;
    text-transform: capitalize;
    letter-spacing: 0;
}

.plp-header .main-page-filters-chosen-value::after {
    content: "";
    width: 2rem;
    height: 0.8rem;
    filter: invert(100%);
    margin-inline-start: 1.3rem;
    background: url("/icons/close-icon.svg") center right / 100% no-repeat;
}

.plp-header .filters-values-ul .filter-item-color {
    text-transform: capitalize;
}

.plp-header .filters-values-ul .filter-item-color .color-span {
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--color-neutral-200);
    margin-inline-end: 0.7rem;
}

.plp-header .selected-filters-text {
    display: none;
}

.plp-header .main-page-filters-chosen-values-container .shadow-div {
    position: absolute;
    width: 5rem;
    background: linear-gradient(90.09deg, transparent 2.75%, #fff 98.13%);
    right: 6rem;
    height: 5rem;
}

[dir='rtl'] .plp-header .main-page-filters-chosen-values-container .shadow-div {
    left: 6rem;
    right: auto;
}

.plp-header .logo-on-sticky-filters {
    display: none;
}

.plp-header .sticky-right-part {
    display: none;
}

/* sections */

.filters-popup-overlay {
    position: fixed;
    inset: 15rem 0;
    z-index: 14;
    background-color: #000;
    visibility: hidden;
    opacity: 0;
}

.filters-popup-overlay.overlay-open,
.filters-popup-overlay.active {
    opacity: 0.6;
    visibility: visible;
    height: 100%;
}

main > div.lhs-category-facets {
    display: none;
}

.section.plp-header .lhs-category-facets .facet-category-title {
    display: none;
}

.section.plp-header .lhs-category-facets.show {
    max-height: none;
    border: 0.1rem solid var(--color-neutral-40);
    position: absolute;
    left: 0;
    width: auto;
    right:0
}

.section.plp-header .lhs-category-facets {
    position: absolute;
    z-index: 2;
    background-color: var(--color-neutral-white);
    top: var(--space-space-40);
    max-height: 0;
    overflow: hidden;
    list-style: none;
    padding: 0;
    border: none;
}

.section.plp-header .lhs-category-facets .facetListContainer li.facet-list.selected::after,
.section.plp-header .lhs-category-facets .facetListContainer li.facet-list.default::after {
    content: '';
    display: inline-block;
    background: url('/icons/tick.svg') no-repeat;
    background-size: contain;
    width: var(--space-space-15);
    aspect-ratio: 1 / 1;
    margin-left: var(--space-space-8);
    vertical-align: middle;
    right: var(--space-space-10);
    position: absolute;
}

[dir='rtl'] .section.plp-header .lhs-category-facets .facetListContainer li.facet-list.selected::after,
[dir='rtl'] .section.plp-header .lhs-category-facets .facetListContainer li.facet-list.default::after {
    left: 0;
    right: unset;
}

.section.plp-header .lhs-category-facets .facetListContainer li.facet-list {
    list-style: none;
    font: var(--type-details-4-font);
    padding: var(--space-space-8) var(--space-space-10);
    cursor: pointer;
    border-bottom: 0.1rem solid var(--color-text-light);
    text-align: start;
}

.section.plp-header .lhs-category-facets .facetListContainer li.facet-list .facet-title {
    margin-right: var(--space-space-10);
}

.lhs-category-facets .facetListContainer ul {
    margin-top: 0;
    padding-left: 0;
    margin-bottom: 0;
    padding-right: 0;
}

[dir='rtl'] .section.plp-header .lhs-category-facets .facetListContainer li.facet-list .facet-count {
    margin-right: var(--space-space-3);
}

@media (width >= 1024px) {
    .section.plp-header {
        position: unset;
        width: auto;
    }

    .sidebar-main .section.plp-header .product-category-container {
        display: none;
    }

    body.search .section.algolia-product-listing-container {
        padding-top: unset;
    }

    body.search .plp-category-title {
        padding-top: var(--space-space-16);
        padding-bottom: 0;
    }

    .filters-popup-overlay.overlay-open,
    .filters-popup-overlay.active {
        /* Ensure overlay spans full screen */
        opacity: 0.6;
        visibility: visible;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--color-background-overley);
    }
}

.promotions-container{
    display: flex;
    flex-wrap: wrap;
}

.icon-aura-logo {
    background-image: url('/icons/aura-icon.svg');
    background-repeat: no-repeat;
    height: 1.51rem;
    width: 2rem;
}

.plp-aura-price-container {
    color: var(--color-primary-aura-100);
    font: var(--type-details-semibold-5-font);
    display: flex;
    align-items: center;
}

.plp-aura-price--label{
    font-size: var(--font-size-2);
    font-weight: var(--font-weight-2);
    margin-left: var(--space-space-3);
}

/* Join Aura Banner CSS */

.algolia-product-listing .join-aura-banner {
    border-radius: 8px;
    border: 1px solid #DBDBE8;
    background: linear-gradient(180deg, var(--color-neutral-50) 0%, #F5F5FF 100%);
    padding: var(--space-space-20);
    justify-content: space-between;
    align-items: center;
    font-family: var(--type-aura-font-family);
  }

.algolia-product-listing .join-aura-banner .join-aura-banner-header h3 {
    margin: var(--space-space-0x);
    text-align: center;
    font-weight: 700;
    font-size: var(--font-size-5);
    background: linear-gradient(135deg, var(--color-aura-primary-10) 0%, var(--color-primary-aura-100) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--type-aura-font-family-bold);
  }

.algolia-product-listing .join-aura-banner .join-aura-banner-footer p span:nth-child(4) {
    display: flex;
    justify-content: center;
  }

.products-container .product-item .product-item-info .plp-aura-price-container .plp-aura-price--text{
    line-height: var(--aura-line-height-140);
}

.products-container .product-item .product-item-info .plp-aura-price-container .plp-aura-price--label{
    line-height: var(--line-height-xs);
}

.main-wrapper.noLHN .sidebar-plp {
  display: none;
}

.algolia-product-listing .products-container .product-item .product-badge-wrapper {
    width: max-content;
    font: var(--type-details-2-font);
    font-weight: var(--font-weight-5);
    line-height: 130%;
    display: inline;
    position: absolute;
    z-index: 2;
}

.algolia-product-listing .products-container .product-item .product-badge-wrapper .product-badge {
    margin: 0;
    padding: var(--space-space-1x);
}

@media(width >= 768px){
     /* Join Aura Banner CSS */
   .algolia-product-listing .join-aura-banner {
    padding: var(--space-space-40) var(--space-space-20);
  }

   .algolia-product-listing .join-aura-banner .join-aura-banner-header h3 {
    font-size: var(--font-size-6);
    line-height: var(--line-height-2-6);
  }

   .algolia-product-listing .join-aura-banner .join-aura-banner-body p,
   .algolia-product-listing .join-aura-banner .join-aura-banner-footer p {
    font-size: var(--font-size-3);
    line-height: 1.8rem;
  }

   .algolia-product-listing .join-aura-banner .join-aura-banner-footer p a {
    font-size: var(--font-size-4);
  }

  .algolia-product-listing .join-aura-banner .join-aura-banner-footer p span:nth-child(4) {
    display: unset;
  }

  .main-wrapper.noLHN {
    .plp-header {
      padding: var(--space-space-8) 0;
    }
  
    .section.algolia-product-listing-container {
      padding: 0;
    }
  }
}

@media (width >= 1024px) {
    .sidebar-plp {
        display: block;
        padding-left: var(--space-space-36);
    }

    .plp-header .filter-facet-icon-mobile{
        display: none;
    }

    main > div.lhs-category-facets {
        display: block;
        position: absolute;
        width: 25%;
        padding: var(--space-space-4) var(--space-space-16) var(--space-space-40) var(--space-space-40);
    }

    html[dir='rtl'] main > div.lhs-category-facets {
        padding: var(--space-space-4) var(--space-space-40) var(--space-space-40) var(--space-space-40);
    }

    main:has(.lhs-category-facets) > div:not(.lhs-category-facets) {
        margin-left: 25%;
        display: flex;
        flex-direction: column;
    }

    .lhs-category-facets .facetListContainer li.facet-list {
        display: flex;
        justify-content: space-between;
    }

    html[dir='rtl'] main:has(.lhs-category-facets) > div:not(.lhs-category-facets) {
        margin-right: 25%;
        margin-left: unset;
    }

    .lhs-category-facets .facet-category-title {
        font: var(--type-details-semibold-4-font);
        padding: var(--space-space-4) 0;
    }

    .lhs-category-facets .facetListContainer li.facet-list .facet-count {
        font: var(--type-details-2-font);
        color: var(--color-text-dark);
    }

    .lhs-category-facets .facetListContainer li.facet-list.selected .facet-title::after,
    .lhs-category-facets .facetListContainer li.facet-list.default .facet-title::after {
        content: '';
        display: inline-block;
        background: url('/icons/tick.svg') no-repeat;
        background-size: contain;
        width: var(--space-space-15);
        aspect-ratio: 1 / 1;
        margin-left: var(--space-space-8);
        vertical-align: middle;
    }

    html[dir='rtl'] .lhs-category-facets .facetListContainer li.facet-list.selected .facet-title::after,
    html[dir='rtl'] .lhs-category-facets .facetListContainer li.facet-list.default .facet-title::after {
        margin-right: var(--space-space-8);
    }

    main > div.lhs-category-facets li {
        list-style: none;
        margin: 0;
        padding: var(--space-space-8) var(--space-space-10);
        padding-left: 0;
        cursor: pointer;
    }

    html[dir='rtl'] main > div.lhs-category-facets li {
        padding-right: 0;
    }

    main:has(.main-page-filters-chosen-values-container) {
        padding-top: 0;
    }

    main:has(.lhs-category-facets) {
        position: relative;
    }

    main:has(.main-page-filters-chosen-values-container:not(.hide)) {
        padding-top: 0;
    }

    html[dir='rtl'] .sidebar-plp {
        padding-left: 0;
        padding-right: var(--space-space-36);
    }

    .sidebar-main {
        width: calc(100vw - 35vw);
        flex: 1;
        margin-left: -6.4rem;
    }

    html[dir='rtl'] .sidebar-main {
        margin-left: 0;
        margin-right: -6.4rem;
    }

    .algolia-product-listing .products-container {
        justify-content: unset;

        .product-item .item-images img {
            width: 100%;
            height: auto;
            flex-shrink: 0;
        }
    }

    .main-page-filters-chosen-values, .main-page-filters-chosen-values-container {
        flex-wrap: wrap;
        overflow-y: hidden;
    }

    .algolia-product-listing  .product-listing {
        width: 160rem;
    }

    .plp-header .sticky-right-part {
        display: none;
    }

    .section.plp-header .plp-subcategories {
        margin-bottom: 4rem;
        justify-content: center;
    }

    .plp-header .filters-icon-mobile {
        display: none;
    }

    .section.plp-header .sticky {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 2;
        max-width: 100%;
    }

    .plp-header .sticky .logo-on-sticky-filters {
        display: block;
        background-image: url("/icons/logo.svg");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 5.3rem;
        height: 3.5rem;
    }

    .plp-header .sticky .sticky-filters-wrapper {
        display: flex;
        background: var(--color-neutral-50);
        height: 9.6rem;
        max-width: 100%;
        align-items: center;
        padding: 0.8rem 4rem;
        justify-content: space-between;
        box-shadow: 0 0.2rem 1rem #0000001a;
    }

    .plp-header .sticky .sticky-logo-container {
        flex: 0 1 auto;
    }

    .plp-header .sticky .sticky-right-part {
        flex: 0 1 auto;
        display: flex;
        gap: 1rem;
    }

    .plp-header .sticky .wishlist-icon {
        background-image: url("/icons/wishlist-empty.svg");
        background-repeat: no-repeat;
    }

    .plp-header .sticky .cart-icon {
        background-image: url("/icons/cart.svg");
        background-repeat: no-repeat;
        height: var(--space-space-26);
        width: var(--space-space-26);
        background-position: right;
    }

    [dir='rtl'] .plp-header .sticky .cart-icon {
        background-position: left;
    }

    .main-page-filters-chosen-values-container  .shadow-div {
        display: none;
    }

    .plp-header .filters-body li.page-filters {
        display: block;
    }

    .plp-header .filters-body .filters-icon .all-filters-text {
        display: inline-block;
        font-size: var(--font-size-3);
        letter-spacing: 0;
    }

    .plp-header .filters-body .filters-icon {
        display: flex;
        align-items: center;
        width: 12rem;
        height: 3rem;
        cursor: pointer;
        border: unset;
        padding: unset;
        margin-top: -0.5rem;
        gap:var(--space-space-4);
    }

    .plp-header .filters-body .filters-icon.hide {
            display: none;
    }

    .plp-header .filters-body {
        display: flex;
        gap: var(--space-space-10);
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .plp-header .sticky .filters-body {
        flex: 1 1 auto;
        justify-content: center;
    }

    .plp-header .selected-filters-text {
        display: inline-block;
        font-size: var(--font-size-3);
        letter-spacing: 0;
        margin-right: 0.3rem;
    }

    .plp-header .main-page-filters-chosen-values, .main-page-filters-chosen-values-container {
        flex-wrap: wrap;
    }

    .products-container.columns-3 {
        display: grid;
        grid-gap: var(--space-space-32);
        grid-template-columns: repeat(3, calc(33% - var(--space-space-18)));
    }

    .products-container.columns-3 .product-item {
        width: 100%;
        max-width: 51.2rem;
    }

    .products-container.columns-4 {
        display: grid;
        grid-gap: var(--space-space-32);
        grid-template-columns: repeat(4, calc(25% - var(--space-space-24)));
    }

    .products-container.columns-4 .product-item {
        width: 100%;
        max-width: 37.6rem;
    }

    .page-filters.active-values .filters-values-ul {
        max-height: 50rem;
    }

    .algolia-product-listing .item-count-mobile {
        display: none;
    }

    .algolia-product-listing .products-container .product-item-info .product-item-price {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }

    .algolia-product-listing .products-container .product-item-info .product-item-discount-price {
        align-items: baseline;
    }

    .algolia-product-listing .products-container .product-item-info .plp-member-price-container {
        font-size: var(--font-size-3);
    }

    .algolia-product-listing .color-swatch-container.square {
        margin-bottom: var(--space-space-3x);

        button {
            position: static;
            height: 2.4rem;
            width: 2.4rem;
            margin-top: auto;
            margin-bottom: auto;
        }
    }

    .algolia-product-listing .color-swatch-container.circle {
        margin-bottom: var(--space-space-3x);

        button {
            position: static;
            height: 2.4rem;
            width: 2.4rem;
            margin-top: auto;
            margin-bottom: auto;
        }
    }

    .algolia-product-listing .color-swatch-container.square .swatch-selection {
        gap: 0;
        cursor: default;
    }

    .algolia-product-listing .color-swatch-container.circle .swatch-selection {
        gap: 0;
        cursor: pointer;
    }

    .algolia-product-listing .color-swatch-container.square .swatch-selection .swatch {
        margin-inline-end: 0.5rem;
        width: 4rem;
        height: 4rem;
        cursor: pointer;
    }

    .algolia-product-listing .product-item .wishlist-icon {
        width: 3.2rem;
        height: 3.2rem;
    }

    .algolia-product-listing .product-item .product-carousel-buttons {
        transform: translateY(100%);
        opacity: 0;
        transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
        height: 3.2rem;

        button.product-image-btn {
            margin: 0 .8rem;
            height: .8rem;
            width: .8rem;
        }
    }

    .algolia-product-listing .product-item .product-image-container:hover .product-carousel-buttons {
        transform: translateY(0);
        opacity: 1;
    }

    .algolia-product-listing .product-item .product-label-wrapper {
        .product-label.bottom-left {
            margin-bottom: var(--spacing-xbig);
        }

        .product-label.bottom-right {
            margin-bottom: var(--spacing-xbig);
        }
    }

    .plp-header .filters-body .item-count-container {
        display: flex;
        flex-direction: row;
        align-items: normal;
        justify-content: end;
        margin-inline-start: auto;

        .result-count {
            display: block;
        }

        .result-count p {
            margin-top: var(--space-space-4);
            margin-bottom: 0;
            font-size: var(--font-size-2);
        }

        .grid-layout-selectors img {
            cursor: pointer;
        }
    }

    .plp-header .sticky .filters-body .item-count-container {
        display: none;
    }

    .plp-header .filters-body .item-count-container .grid-layout-selectors {
        display: inline-flex;

        > div {
            margin-inline-start: 1.5rem;
        }

        .three-column-grid img svg path {
            fill: red;
        }
    }

    .plp-header .filters-popup .filters-body-container .filters-body-main-ul > li,
    .plp-header .filters-popup .filters-body-container .filters-body-main-ul .filters-values-ul > li.filter-item {
        padding: var(--space-space-16) var(--space-space-2x);
    }

    .plp-header .main-page-filters-chosen-values {
        padding: 0;
    }

    .main-page-filters-chosen-values-container {
        padding: var(--space-space-24) 0 0;
    }

    .main-wrapper.full-width-title {
        flex-flow: row wrap;
    }

    .main-wrapper.full-width-title > .plp-category-title {
        flex: 1 0 100%;
        padding: var(--space-space-12) 0;
    }

    .products-container .product-item .product-item-info .plp-aura-price-container .plp-aura-price--label{
        line-height: var(--line-height-m);
    }

    .algolia-product-listing .products-container .product-item-info .plp-member-price-container.logged-in {
        font: var(--type-details-semibold-3-font);
    }
}

@media (width < 1024px) {
    .plp-category-title{
        font-size: var( --font-size-8);
    }

    .header-wrapper {
        z-index: 7;
    }

    .plp-header {
        position: sticky;
        background: var(--color-neutral-white);
        padding: var(--space-space-12) var(--space-space-12) var(--space-space-8);
    }

    .plp-header:has(.filters-popup):has(.active) {
        position: static;
    }

    .plp-header:has(.filter-facet-icon-mobile):has(.active):has(.filters-popup:not(.active)) {
        position: absolute;
    }

    body:not(.search-active) .plp-header.sticky-fixed {
        position: fixed;
        width: 100%;
    }

    .header-wrapper:has(.sign-in-widget) {
        z-index: 12;
        transition: z-index 0s ease;
    }

    .header-wrapper:has(.popup-main-menu-overlay):has(.active) {
        z-index: 12;
        transition: z-index .5s ease;
    }

    .plp-header .main-page-filters-chosen-values-container {
        padding-top: var(--space-space-8);
        padding-bottom: 0;
        flex: 1 1 100%;
    }

    .algolia-product-listing .product-item-info .product-item-discount-price .item-price-discount-value {
       width: 100%;
    }
}

@media (width >= 1680px) {
    .sidebar-plp {
        padding-left: unset;
        margin: initial;
    }
}

@media (hover: hover) and (pointer: fine) {
   .algolia-product-listing .product-item .wishlist-icon:not(.in-wishlist):hover {
        background: url('/icons/wishlist-filled-plp.svg') no-repeat;
        background-size: contain;
    }
}

/* bat specific code goes here */

/* Always keep .bat scope for brand specific override
Example:
.bat h2 {
  color: var(--color-token);
}
*/

.bat .filters-values-ul .search-icon {
  background-image: url('/icons/search.svg');
  background-repeat: no-repeat;
  background-position: center;
  width: var(--sf-width-2-4);
  height: var(--sf-width-2-4);
  align-self: center;
  background-size: cover;
  flex: 0 0 auto;
}

.bat .filters-values-ul .search-field {
  display: flex;
  gap: var(--space-space-12);
  border-bottom: var(--shape-border-width-1) solid var(--color-neutral-30);
  padding: var(--space-space-12);
  margin-top: 0;
  height: var(--container-height);
}

.bat .filters-values-ul .search-input {
  border: none;
  font: var(--type-body-1-default-font);
  padding: 0;
  margin: 0;
  align-self: center;
}

.bat .filters-values-ul .letter-divider {
  text-align: start;
  padding: var(--space-space-2) var(--space-space-16);
  background: var(--color-neutral-20);
  font: var(--type-details-semibold-3-font);
}

.bat .page-filters.active-values .filters-values-ul {
  padding: 0;
}

.bat input.searchBox.search-input::placeholder {
  font: var(--type-body-1-default-font);
}

.bat .plp-header .page-filters ul li {
  padding: var(--space-space-16);
  text-align: left;
}

.bat .plp-header .filters-values-ul .filter-count {
  color: var(--color-secondary-b);
  margin-inline-start: var(--space-space-8);
}

.bat .plp-header .filters-values-ul > li::before {
  margin-inline-end: var(--space-space-8);
  min-width: 2.4rem;
}

.bat .filters-values-ul > li.active-checkbox {
  background: var(--color-neutral-40);
  color: var(--color-text-main);
}

.bat .filters-values-ul > li.active-checkbox::after {
  display: none;
}

.bat .algolia-product-listing .products-pager-container {
  padding: var(--space-space-24) var(--space-space-12);
}

.bat .algolia-product-listing .products-pager-container .pager-progress > p {
  margin: 0;
}

.bat .algolia-product-listing .products-pager-container .pager-button {
  height: var(--container-height);
  font-size: var(--font-size-4);
  background: var(--color-white);
  margin: 0;
  justify-content: center;
  color: var(--color-text-main);
}

.bat .filters-body li[data-attribute="final_price"] .filters-values-ul {
  max-height: unset;
  height: 33rem;
  overflow-y: hidden;
}

.bat .algolia-product-listing .products-pager-container .pager-progress .progress-bar-container {
  margin-bottom: var(--space-space-4x);

  .progress-bar {
    border-radius: var(--shape-border-radius-7);
    height: 100%;
    background: var(--color-primary-a);
  }
}

.bat .plp-category-title {
  color: var(--color-secondary-a);
  font: var(--type-heading-2);
  margin: 0;
  text-align: center;
  font-size: var(--font-size-7);
  padding-bottom: var(--space-space-12);
  padding-top: var(--space-space-12);
}

.bat .plp-header .main-page-filters-chosen-values-container .clear-filters-button-on-main-page {
  color: var(--color-secondary-b);
}

.bat .slider-container {
  position: relative;
  padding: var(--space-space-24) var(--space-space-16);
}

.bat .slider-container > .price-label-container {
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--space-space-16);
  position: relative;
}

.bat .slider-container > .slider-content {
  padding-bottom: var(--space-space-24);
  margin: 0;
  text-align: center;
  font: var(--type-details-4-font);
  color: var(--color-text-main);
}

.bat .min-pricelabel-container input,
.bat .max-pricelabel-container input {
  border: none;
  margin: 0;
  padding: 0;
  height: auto;
}

.bat .min-pricelabel-container span,
.bat .max-pricelabel-container span {
  text-align: start;
  display: block;
  padding: var(--space-space-8) var(--space-space-8) 0;
  font: var(--type-details-2-font);
  color: var(--color-secondary-b);
}

.bat .price-container span {
  padding: 0;
  align-self: center;
  font: var(--type-body-1-default-font);
}

.bat .min-pricelabel-container .price-container span,
.bat .max-pricelabel-container .price-container span {
  color: var(--color-text-light);
}

.bat .min-pricelabel-container,
.bat .max-pricelabel-container {
  width: 35%;
  border: 0.14rem solid var(--color-secondary-30);
  font: var(--type-details-2-font);
  color: var(--color-text-main);
}

.bat input[type="range"] {
  appearance: none;
  width: 100%;
  height: var(--grid-08-gutters);
  background:lightgrey;
  position: absolute;
  padding-bottom: var(--space-space-24);
}

.bat .price-buttons-container {
  display: flex;
  gap: var(--space-space-8);
  position: absolute;
  padding: var(--space-space-24) 0 var(--space-space-24);
  max-width: 90%;
  width: 100%;
}

.bat .hide-price-button {
  display: none;
}

.bat .price-buttons-container button {
  margin: 0;
  width: 100%;
}

.bat input[type="range"]::-webkit-slider-runnable-track {
  height: var(--space-space-8);
  background: transparent;
}

.bat input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  height: var(--space-space-24);
  width: var(--space-space-24);
  border-radius: 50%;
  background: var(--color-white);
  border:var(--space-space-2) solid var(--color-primary-a);
  cursor: pointer;
  position: relative;
  z-index: 2;
  transform : translate(0%, -35%);
}

.bat .range-progress {
  position: absolute;
  height: var(--grid-08-gutters);
  background-color: var(--color-brand-750);
  z-index: 1;
  width: 100%;
  padding: 0;
  bottom: var(--space-space-32);
  top: 30%;
}

.bat .range-progress.disabled {
  background-color: unset;
}

.bat .button-filters.button-clear-price-filter.disable {
  color: var(--color-text-main);
  border: 1px solid var(--color-neutral-60);
  background: var(--color-neutral-50);
}

.bat .plp-header .filters-popup .filters-popup-title-container {
  border-bottom: none;
  box-shadow: 0 1px 6px 0 #00000014;
}

.bat .plp-header .filters-body-container .filters-values-ul .star-filled {
  filter: invert(28%) sepia(78%) saturate(1450%) hue-rotate(190deg) brightness(85%) contrast(80%);
}

.bat .plp-header .filters-body-container .filters-values-ul .filter-item-rating .star-filled,
.plp-header .filters-body-container .filters-values-ul .filter-item-rating .star-empty {
  height: 1.6rem;
  width: 1.6rem;
}

.plp-header .filters-popup .filters-popup-title-container .filters-popup-title .filters-popup-title-close {
  background: url('/icons/close-icon-white.svg') no-repeat;
  filter: invert(35%) sepia(75%) saturate(15000%) hue-rotate(190deg) brightness(90%) contrast(90%);
  background-size: 100% 100%;
  height: 2.4rem;
  width: 2.4rem;
}

.bat .plp-header .filters-popup .filters-body-container .filters-body-main-ul > li {
  border-bottom: none;
  padding: var(--space-space-12);
  font: var(--type-details-3-font);
  color: var(--color-text-main);
}

.bat .plp-header .filters-popup .filters-body-container .filters-body-main-ul > li::after {
  background-size: unset;
  filter: brightness(0) saturate(100%) invert(0%);
  background-position: center;
}

html[dir='rtl'] .bat .plp-header .filters-popup .filters-body-container .filters-body-main-ul > li::after {
  background-size: 70% 100%;
}

.bat .plp-header .filters-popup .filters-popup-title-container .filters-popup-title .filters-title {
  font: var(--type-details-semibold-6-font);
  color: var(--color-secondary-a);
}

.bat .plp-header .filters-popup .filters-body-container .filters-body-main-ul .main-filter-chose-values {
  font: var(--type-details-3-font);
  color: var(--color-text-main);
}

.bat .plp-header .filters-popup .filters-popup-footer-container .count-of-found-items {
  font: var(--type-details-semibold-3-font);
  color: var(--color-secondary-b);
}

.bat .plp-header .filters-popup .filters-popup-footer-container {
  padding: var(--space-space-2) var(--space-space-12) var(--space-space-4) var(--space-space-12);
  gap: var(--space-space-12);
  height: 10.6rem;
  max-width: unset;
}

.bat .plp-header .filters-popup .filters-popup-footer-container .buttons-container {
  gap: var(--space-space-16);
  text-transform: uppercase;
  font-weight: var(--font-weight-6);
}

.bat .plp-header .filters-popup .filters-popup-footer-container .buttons-container .button-filters {
  padding: var(--space-space-12) var(--space-space-16);
}

.bat .plp-header .filters-popup .filters-popup-footer-container .buttons-container .button-filters.disable {
  color: var(--color-secondary-30);
  border-color: var(--color-button-disabled-default-fill);
}

.bat .plp-header .filters-popup .filters-body-container .filters-body-main-ul .filters-values-ul > li.filter-item.filter-radio-active {
  background-color: var(--color-neutral-40);
  color: var(--color-text-main);
}

.bat .range-progress.error-price-select {
  bottom: var(--spacing-xlarge-71)
}

.bat .min-max-slider-container {
  padding: 0 0 var(--spacing-medium);
  position: relative;
}

.bat .min-max-slider-container input {
  border: 0;
  padding: 0;
  margin: 8px 0;
}

.bat .price-container {
  display: flex;
  padding: 0 var(--space-space-8) var(--space-space-8);
  gap: var(--grid-04-gutters);
}

.reset-price {
  text-decoration: underline;
  text-align: center;
  font: var(--type-details-2-font);
  color: var(--color-secondary-b);
  margin: 0;
  padding-top: var(--spacing-medium);
}

.bat .algolia-product-listing .products-container .product-item-info .product-item-price {
  margin-bottom: var(--space-space-4);
}

.bat .algolia-product-listing .product-item .product-image-container > a[data-link="pdp"] {
  margin: 0 calc( -1 *var(--space-space-2)); /* fix to avoid 1px overlap between images */
}

.plp-header .page-filters span.main-filter-title-span:not(:has(.main-filter-title-span-default))::after,
.plp-header .page-filters span.main-filter-title-span-default::after
 {
    content: "";
    width: 0.8rem;
    height: 0.4rem;
    background: url("/icons/filter-chevron-down.svg") center right / 100% no-repeat;
    display: inline-block;
    margin-inline-start: 0.9rem;
    vertical-align: middle;
    margin-top: -0.2rem;
    transition: transform .4s ease-in-out;
}

.bat .plp-header .page-filters span.main-filter-title-span:has(.main-filter-title-span-default)::after {
  content : none;
}

.plp-header .page-filters.active-values span.main-filter-title-span:not(:has(.main-filter-title-span-default))::after,
.plp-header .page-filters.active-values span.main-filter-title-span-default::after {
    transform: translateY(-10%) rotate(180deg);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

@media (width < 768px) {
  .bat .listing-banner-wrapper .multi-column-category-carousel.carousel-wrapper {
    padding: 0 0 0 var(--space-space-12);
    margin: var(--space-space-32) 0;
  }

  .bat .filter-chips {
    margin-left: unset !important;
    width: calc(100% - var(--space-space-52)) !important;
  }

  .bat .range-progress.error-price-select {
    bottom: var(--spacing-xlarge-71);
  }

  .bat .algolia-product-listing .products-pager-container {
    margin-top: var(--space-space-20);
  }

  .bat .algolia-product-listing .products-pager-container .pager-progress > p {
    font-size: var(--font-size-1);
  }

  html[dir='rtl'] .bat .plp-header .filter-chips {
    width: calc(100% - var(--space-space-64)) !important;
  }

  html[dir='rtl'] .bat .plp-header .filter-chips ul li:first-child {
    margin-right: 0;
  }
}

.bat .plp-header.filter-chips-head .sticky-filters-container ul.filters-body li.page-filters[data-attribute="attr_fragrance_category"],
.bat .plp-header.filter-chips-head .sticky-filters-container.sticky ul.filters-body li.page-filters.hide[data-attribute="attr_fragrance_category"] {
  display: none;
}

.bat .plp-header.filter-chips-head .sticky-filters-container.sticky ul.filters-body li.page-filters[data-attribute="attr_fragrance_category"] {
  display: block;
}

.bat .algolia-product-listing .products-container .product-item-info .product-item-info-top .review-rating-stars {
  margin-top: var(--space-space-2x);
  margin-bottom: 0;
}

.bat {
  .filter-chips {
    display: flex;
    justify-content: flex-start;

    &.hide {
      display: none;
    }
  }

  .filter-chips ul.filters-values-ul {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: var(--space-space-8) 0;
  }

  .filter-chips ul.filters-values-ul li.filter-item {
    list-style: none;
    font: var(--type-body-2-default-font);
    padding: var(--space-space-8) var(--space-space-12);
    border: 1px solid var(--color-secondary-30);
    margin-right: var(--space-space-8);
    cursor: pointer;
    color: var(--color-text-main);
    height: var(--space-space-36);
  }

  .filter-chips ul.filters-values-ul li.filter-item.active-checkbox.hide {
    display: none;
  }

  .filter-chips ul.filters-values-ul li.filter-item.hide {
    display: none;
  }

  .plp-header .filter-chips ul.filters-values-ul li.filter-item .filter-count {
    display: none;
  }

  .plp-header .main-page-filters-chosen-value.hide {
    display: none;
  }

  .filter-chips ul.filters-values-ul li.filter-item.active-checkbox {
    background: var(--color-tertiary-c);
    font: var(--type-body-2-default-font);
    color: var(--color-white);
    padding: var(--space-space-8) var(--space-space-12);
    border: 1px solid var(--color-tertiary-c);
    display: inline-flex;
    align-items: center;
  }
  
  .plp-header .filter-chips .filters-values-ul > li::before {
    display: none;
  }

  .filter-chips ul.filters-values-ul > li.active-checkbox::after {
    content: "";
    display: inline-block;
    width: var(--space-space-16);
    height: var(--space-space-16);
    margin-inline-start: var(--space-space-8);
    background: url("/icons/close-icon-white.svg") center right / 100% no-repeat;
  }

  .filters-icon-mobile-text {
    display: none;
  }

  &.search {
    .plp-header .plp-category-title.no-products {
      text-align: center;
      color: var(--color-text-main);
      padding-top: var(--space-space-16);
      padding-bottom: 1.2rem;
      font-size: var(--font-size-7);
    }

    .plp-header .plp-category-title.no-products::before {
      content: "";
      display: flex;
      width: var(--space-space-32);
      height: var(--space-space-32);
      background: url('/icons/bag.svg') no-repeat;
      align-content: center;
      align-items: center;
      margin: 0 auto;
      padding-bottom: var(--space-space-12);
    }

    .section.plp-header:has(.plp-category-title.no-products) {
      padding: 0 var(--space-space-40)  0 var(--space-space-40);
    }

    .section.algolia-product-listing-container {
      padding: var(--space-space-32) var(--space-space-40)  0 var(--space-space-40);
    }

    .section.recommendations-container .default-content-wrapper p {
      padding-bottom: var(--space-space-48);
      margin-bottom: var(--space-space-32);
      color: var(--color-secondary-b);
    }

    .section.recommendations-container .default-content-wrapper h3 {
      padding-top: var(--space-space-32);
      margin-top: 0;
      margin-bottom: var(--space-space-12);
      font: var(--type-heading-2);
    }

    .products-container.columns-4 {
      grid-template-columns: repeat(5, calc(20% - var(--space-space-26)));
    }

  }
}

.bat .sidebar-plp .sidebar.dynamic .sidebar-item.level-2 > li > a:active {
  color: var(--color-text-main);
}

.bat .plp-header .filters-popup .filters-body-container .filters-body-main-ul .filters-values-ul > li.filter-item {
  border: none;
  padding: var(--space-space-12);
  font: var(--type-details-3-font);
}

html[dir='rtl'] .bat .algolia-product-listing .product-item .product-item-info .promotions-container .product-item-promotion {
  margin-right: 0;
  margin-left: var(--space-space-4);
}

.bat.appear .listing-banner-wrapper .fragment-wrapper > .section:has(.banner) {
  padding: 0 var(--space-space-12);
}

.bat .marketing-tile.width-full {
  width: 100%;
}

.bat .marketing-tile.width-quarter,
.bat .marketing-tile.width-half {
  width: 48%;
}

.bat .marketing-tile .banner .banner-bg img {
  max-height: 34.5rem;
}

.bat .marketing-tile.width-full .banner.with-image .banner-bg .mobile-bg img {
  aspect-ratio: 1 / 1 auto;
}

.bat .marketing-tile .section.banner-container {
  padding: 0;
  margin-bottom: 0;
}

.bat .marketing-tile .section.banner-container .banner-bg {
  width: 100%;
  height: 100%;
}

.bat .marketing-tile .section.banner-container .block.active {
  margin: 0;
}

.bat .marketing-tile .section.banner-container,
.bat .marketing-tile .banner-wrapper,
.bat .marketing-tile .banner.block,
.bat .marketing-tile > div {
    height: 100%;
}

.bat .marketing-tile {
  margin-bottom: var(--grid-gutter);
}

.bat .listing-banner-wrapper .banner .banner-content {
  padding: 0;
}

html[dir='rtl'] .bat.search .filter-chips ul.filters-values-ul li.filter-item:first-child {
  margin-right: 0;
}

.bat .plp-header .main-page-filters-chosen-values-container .shadow-div {
  right: 5rem
}

[dir='rtl'] .bat .plp-header .main-page-filters-chosen-values-container .shadow-div {
  left: 4.5rem;
  right: auto;
  background: linear-gradient(90.09deg, #fff 2.75%, transparent 98.13%);
}

html[dir='rtl'] .bat .plp-header .main-page-filters-chosen-values-container .shadow-div {
  left: 4rem;
  background : linear-gradient(270.09deg, transparent 2.75%, #fff 98.13%);
}

.bat .marketing-tile .banner.vertical-banner.block .banner-content-wrapper {
  width: calc(100% - var(--space-space-24));
  margin: 0 0 var(--space-space-12) 0;
}

.bat .empty-product-container {
  padding: var(--space-space-48) 0;
  margin: 0 auto;
  text-align: center;
}

.bat .empty-product-container .plp-category-title {
  text-align: center;
  font-size: var(--font-size-6);
  line-height: var(--line-height-l-2);
}

.bat .empty-product-container p.sub-text {
  margin: 0 0 var(--space-space-12) 0;
}

.bat .empty-product-container button {
  margin-top: var(--space-space-12);
}

@media (width >= 768px) {
  .bat .empty-product-container {
    padding: var(--space-space-48) var(--space-space-40);
  }

  .bat .empty-product-container .plp-category-title {
    text-align: center;
    font-size: var(--font-size-7);
    line-height: var(--line-height-l-2);
  }

  .bat .listing-banner-wrapper .multi-column-category-carousel.carousel-wrapper {
    padding: 0;
    margin: var(--space-space-32) auto;
  }

  .bat .listing-banner-wrapper .multi-col-cat-carousel.carousel {
    gap: var(--space-space-12);
  }

  .bat .listing-banner-wrapper .multi-col-cat-carousel .carousel-item-columns-container {
    border: 1px solid var(--color-stroke);
  }

  .bat .listing-banner-wrapper .multi-col-cat-carousel.carousel .carousel-item .custom-action {
    font: var(--type-details-semibold-4-font);
    text-decoration: none;
    margin-bottom: var(--space-space-8);
  }

  .bat .listing-banner-wrapper .multi-column-category-carousel button.carousel-nav-left {
    background: linear-gradient(90deg, var(--color-white) 31.36%, var(--color-opacity-0) 98.13%);
    border-radius: 0;
    height: 100%;
    width: var(--space-space-40);
    top: 0;
    left: 0;
  }

  .bat .listing-banner-wrapper .multi-column-category-carousel button.carousel-nav-right {
    background: linear-gradient(90deg, var(--color-opacity-0) 2.75%, var(--color-white) 69.52%);
    border-radius: 0;
    height: 100%;
    width: var(--space-space-40);
    top: 0;
    right: 0;
  }

  .bat .listing-banner-wrapper .multi-column-category-carousel span.icon-chevron-right,
  .bat .listing-banner-wrapper .multi-column-category-carousel span.icon-chevron-left {
    background-color: var(--color-white);
    mask: none;
    border-radius: 50%;
    padding: var(--spacing-xxsmall-2);
    width: var(--space-space-32);
    height: var(--space-space-32);
    filter: drop-shadow(0 var(--space-space-2) var(--space-space-10) var(--color-shadow-80));
    border: 1px solid var(--color-stroke);
  }

  .bat .marketing-tile > div > div:not(:first-child) {
    display: none;
  }

  .bat .marketing-tile .banner .banner-bg img {
    max-height: 53rem;
  }

  .bat .marketing-tile.width-full .banner-bg .desktop-bg img,
  .bat .marketing-tile.width-half .banner-bg .desktop-bg img {
    aspect-ratio: 1 / 1 auto;
  }

  .bat .listing-banner-wrapper .multi-column-category-carousel button.carousel-nav-button .icon img {
    height: var(--space-space-20);
    width: var(--space-space-20);
    visibility: visible;
  }

  .bat .marketing-tile.width-full {
    grid-column: span 4;
  }

  .bat .marketing-tile.width-half {
    grid-column: span 2;
  }
}

.bat .plp-header .main-page-filters-chosen-value::after {
  margin-inline-start: var(--space-space-8);
  background: url('/icons/close-x-cancel.svg') center right / 100% no-repeat;
  height: 1.6rem;
  width: 1.6rem;
  filter: invert(36%) sepia(97%) saturate(2100%) hue-rotate(193deg) brightness(90%) contrast(89%);
}

.bat .plp-header .page-filters .filters-values-ul > li:first-child {
  margin-top: unset;
}

.bat .plp-header .page-filters .filters-values-ul > li:first-child::before {
  filter: brightness(0) saturate(100%) invert(0%);
}

.bat .plp-header .page-filters ul li.filter-radio-active.filter-item.filter-radio {
  background-color: var(--color-neutral-40);
  color: var(--color-text-main);
}

.bat .plp-header .filters-values-ul .filter-count-stars {
  margin-right: unset;
}

.bat .page-filters ul li.filter-radio-active::before {
  filter: brightness(0) saturate(100%) invert(0%);
}

.plp-header .filters-popup .filters-body-container .filters-body-main-ul .filters-values-ul > li.filter-radio-active::before {
  filter: brightness(0) saturate(100%) invert(0%);
}

.bat .fullscreen-loader {
  background-color: transparent;
  animation: spin 1s linear infinite;
}

.bat .cart-button-wrapper > button.increase-quantity-button:disabled {
  background-image: url('/icons/plus-disabled.svg');
}

.bat .cart-button-wrapper > button.decrease-quantity-button:disabled {
  background-image: url('/icons/minus-disabled.svg');
}

@media (width < 1024px) {
  .bat.search .section.plp-header {
    padding: var(--space-space-8) 0 var(--space-space-8) var(--space-space-12);
  }

  .bat.search .section.plp-header:not(:has(.no-products)) {
    top: var(--space-space-50);
  }

  html[dir='rtl'] .bat.search .section.plp-header{
    padding-left: 0;
    padding-right: var(--space-space-12);
    padding-top: var(--space-space-12);
  }

  .bat.search .section.plp-header:has(.plp-category-title.no-products) {
    padding-bottom: 0;
    position: unset;
  }

  .bat .algolia-product-listing .item-count-mobile {
    padding: var(--space-space-8) var(--space-space-12);
    margin-bottom: var(--space-space-48);
  }

  .bat {
    &:not(.search-active) .plp-header {
      overflow: hidden;
      display: block;
      top: var(--space-space-50);
      padding: var(--space-space-8) 0 var(--space-space-8) var(--space-space-12);
    }

    &.search {
      .plp-category-title {
        font-size: var(--font-size-7);
        padding-right: var(--space-space-12);
        padding-bottom: 0;
        padding-top: var(--space-space-28);
      }

      .plp-header .plp-category-title.no-products {
        padding-top: var(--space-space-48);
        padding-right: var(--space-space-12);
        font-size: var(--font-size-6);
      }

      .section.algolia-product-listing-container {
        padding-left: var(--space-space-12);
        padding-right: var(--space-space-12);
        padding-top: var(--space-space-8);
      }

      .algolia-product-listing .item-count-mobile {
        padding: var(--space-space-8) var(--space-space-12);
        margin-bottom: var(--space-space-16);
        padding-top: 0;
      }

      .algolia-product-listing .item-count-mobile .result-count-mobile p {
        color: var(--color-secondary-b);
      }

      .algolia-product-listing .products-container {
        gap: var(--space-space-12);
        padding-top: var(--space-space-32);
        padding-bottom: var(--space-space-20);
      }

      .algolia-product-listing .products-pager-container {
        padding-top: var(--space-space-8);
        padding-bottom: var(--space-space-8);
      }

      .section.recommendations-container .default-content-wrapper p {
        padding-left: var(--space-space-12);
        padding-right: var(--space-space-12);
      }

      .section.recommendations-container .default-content-wrapper h3 {
        padding-top: var(--space-space-16);
        padding-left: var(--space-space-12);
        text-align: start;
        font-size: var(--font-size-5);
      }
    }

    .filters-popup-overlay.overlay-open, .filters-popup-overlay.active {
      z-index: 110;
    }

    .plp-header .filters-icon-mobile {
      width: var(--space-space-40);
      display: inline-flex;
      float: left;
      padding: var(--space-space-8) var(--space-space-12);
      height: var(--space-space-36);
      border: solid 1px var(--color-secondary-30);
      margin-right: var(--space-space-12);
    }

    .section.plp-header .filters-popup {
      height: calc(100% - 3.8rem);
    }

    .filter-chips {
      width: calc(100% - 10.3rem);
      display: inline-flex;
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch; /* Enables smooth scrolling on iOS */
      scrollbar-width: none; /* Hides scrollbar in Firefox */
      -ms-overflow-style: none; /* Hides scrollbar for IE and Edge */
      margin-left: -5.6rem;
    }

    .filter-chips::-webkit-scrollbar {
      display: none; /* Hides the scrollbar in WebKit-based browsers */
    }

    .plp-header .main-page-filters-chosen-values-container {
      width: 100%;
    }

    .plp-header .main-page-filters-chosen-values-container .clear-filters-button-on-main-page {
      padding: var(--space-space-8);
      z-index: 1;
    }

    .plp-header .sticky-filters-container.sticky ul.filters-body li.page-filters[data-attribute="attr_fragrance_category"] {
      display: none;
    }

    .filter-chips ul.filters-values-ul {
      padding: 0;
    }

    .plp-header .filters-icon-mobile::before {
      background-image: url("/icons/filters-blue.svg");
    }

    .filter-chips-head.stickyheader-box-shadow {
      box-shadow: 0 var(--space-space-2) var(--space-space-10) 0 var(--color-shadow-80);
    }
  }

  .bat .plp-header:has(.filters-popup):has(.active) {
    position: sticky;
  }

  .bat .sidebar-main .plp-category-title {
    padding-bottom: 0;
  }

  html[dir='rtl'] .bat:not(.search-active) .plp-header {
    padding-left: 0;
  }

  html[dir='rtl'] .bat {
    &.search {
      .plp-category-title {
        padding-left: 0;
        padding-right: 0;
        padding-top: var(--space-space-28);
      }

      .plp-header .plp-category-title.no-products {
        padding-left: var(--space-space-12);
        padding-right: 0;
      }

      .section.recommendations-container .default-content-wrapper h3 {
        padding-left: 0;
        padding-right:  var(--space-space-12);
      }

      .plp-header .filters-icon-mobile {
        float: right;
        margin-right: 0;
        margin-left: var(--space-space-8);
      }
    }

    &.promotions-page {
      .plp-header .filters-icon-mobile {
        float: right;
        margin-right: var(--space-space-12);
        margin-left: var(--space-space-8);
      }
    }
  }

  body.bat.no-scroll .plp-header.filter-chips-head,
  .bat.no-scroll .plp-header:has(.filters-popup):has(.active) {
    z-index: unset;
    top: var(--space-space-48);
    position: relative;
  }

  body.bat.search.no-scroll .plp-header:has(.filters-popup):has(.active),
  body.bat.no-scroll.search .section.plp-header:not(:has(.no-products)) {
    z-index: unset;
    position: relative;
  }

  html[dir='rtl'] .bat.search .filter-chips ul.filters-values-ul li.filter-item:first-child {
    margin-left: 0;
  }

  html[dir='rtl'] .bat .plp-header:has(.plp-subcategories) .filters-icon-mobile {
    float: right;
    margin-right: var(--space-space-12);
    margin-left: var(--space-space-12);
  }

  html[dir='rtl'] .bat .plp-header .filter-chips {
    float: right;
    width: calc(100% - var(--space-space-52));
    margin-left: 0 !important;
  }

  .bat .plp-header .filters-popup.active, html[dir='rtl'] .bat .plp-header .filters-popup.active {
    top: var(--space-space-48);
    max-width: unset;
    z-index: 111;
  }

  html[dir='rtl'] .bat .plp-header .main-page-filters-chosen-values-container {
    width: 100%;
    height: auto;
    padding-right: var(--space-space-12);
  }

  html[dir='rtl'] .bat.search .plp-header .main-page-filters-chosen-values-container {
    padding-right: 0;
  }

  .bat .sidebar-main .section.algolia-product-listing-container {
    padding: 0 var(--space-space-4x) var(--space-space-4x);
  }

  .bat .section:empty {
    padding: 0;
    margin-top: var(--space-space-8);
  }
}

.bat .plp-header.filter-chips-head .filters-body-main-ul li[data-attribute="sorting"] .main-filter-title-span-default {
  display: none;
}

.bat .filters-popup.active .filters-body-container {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; /* Enables smooth scrolling on iOS */
  scrollbar-width: none; /* Hides scrollbar in Firefox */
  -ms-overflow-style: none; /* Hides scrollbar for IE and Edge */
}

.bat .filters-popup.active .filters-body-container::-webkit-scrollbar {
  display: none; /* Hides the scrollbar in WebKit-based browsers */
}

@media (width >= 1024px) {
  .bat {
    .plp-header .sticky .sticky-logo-container {
      width: 28.8rem;
    }

    .plp-header .filters-body .item-count-container .result-count p {
      color: var(--color-secondary-b);
      font-size: var(--font-size-3);
    }

    .plp-header .sticky .logo-on-sticky-filters {
      background-size: contain;
      width: 100%;
      height: var(--space-space-28);
    }

    .plp-header .sticky .filters-body li:is(:nth-child(5), :nth-child(6), :nth-child(7)) > ul {
      left: -7.2rem;
    }

    .plp-header .sticky .filter-chips {
      display: none;
    }
  }

  .bat .plp-header .filters-body .item-count-container {
      order: 3;
  }

  .bat .plp-category-title {
    text-align: initial;
    font: var(--type-heading-2);
    margin: 0;
  }

  .bat.promotions-page .plp-category-title {
    padding: var(--space-space-16) var(--space-space-24);
  }

  .bat .section.plp-header .sticky {
    z-index: 3;
  }

  .bat .plp-header .filters-body .filters-icon {
    order: 1;
    width: unset;
    border: 1px solid var(--color-secondary-30);
    padding: var(--space-space-12) var(--space-space-8);
    color: var(--color-text-main);
    align-self: center;
    margin-top: unset;
    gap: var(--space-space-8);
    height: 3.6rem;
  }

  .bat .plp-header .filters-body {
    gap: var(--space-space-16);
    padding: var(--space-space-8) var(--space-space-0x);
  }

  .bat .plp-header .filters-body li.page-filters {
    order: 2;
    align-self: center;
    padding: var(--space-space-2) var(--space-space-0x);
    color: var(--color-secondary-b);
  }

  .bat .plp-header .page-filters ul li {
    max-width: unset;
  }

  .bat .plp-header .filters-body .item-count-container .grid-layout-selectors {
    display: none;
  }

  .bat .main-page-filters-chosen-values-container {
    padding: var(--space-space-12) 0;
    gap: var(--space-space-8);
  }

  .bat .plp-header .main-page-filters-chosen-value {
    height: 3.6rem;
    font: var(--type-details-3-font);
    color: var(--color-text-main);
  }

  .plp-header .selected-filters-text {
    margin-right: 0;
  }

  .bat .plp-header .selected-filters-text  {
    font: var(--type-details-2-font);
  }

  .bat .plp-header .filters-body li[data-attribute="sorting"].page-filters > .main-filter-title-span::after {
    content: none;
  }

  .bat .plp-header .filters-body li.page-filters.active-values > .main-filter-title-span:not(:has(.main-filter-title-span-default)),
  .bat .plp-header .filters-body li.page-filters.active-values > .main-filter-title-span > .main-filter-title-span-default,
  .bat .plp-header .filters-body li[data-attribute="sorting"].page-filters.active-values .main-filter-title-span-default {
    color: var(--color-primary-a);
    font: var(--type-body-2-strong-font);
  }

  .bat .plp-header .filters-body li[data-attribute="sorting"].page-filters.active-values > .main-filter-title-span {
    color: var(--color-secondary-a);
    font-weight: var(--font-weight-4);
  }
  
  .bat .page-filters.active-values .filters-values-ul {
    margin-top: var(--space-space-36);
    max-width: 33.6rem;
    max-height: var(--embed-width-28);
  }

  [dir='rtl'] .bat .plp-header .sticky .sticky-logo-container {
    width: var(--sf-width-23);
  }

  [dir='rtl'] .bat .plp-header .sticky .logo-on-sticky-filters {
    background-image: url('/icons/logo-ar.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: var(--space-space-52);
  }

  html[dir='rtl'] .sidebar-plp {
    padding-right: var(--space-space-40);
  }

  .plp-header .sticky .wishlist-icon {
    background-size: contain;
  }

  .plp-header .sticky .cart-icon {
    background-size: contain;
  }

  .bat .sidebar-main {
    margin-left: 0;
    margin-top: 0;
    padding-right: var(--space-space-40);
  }

  .bat .sidebar-main .section.plp-header,
  html[dir='rtl'] .bat .sidebar-main .section.plp-header {
    padding: 0 0 var(--space-space-32) 0;
  }

  .bat .sidebar-main .section.algolia-product-listing-container {
    padding: 0;
  }

  html[dir='rtl'] .bat .sidebar-main {
    margin: 0;
    padding-left: var(--space-space-40);
  }

  .bat .main-wrapper.noLHN .sidebar-main {
    padding: 0 var(--space-space-40);
    max-width: 192rem;
  }

  .bat.search .recommendations-container:not(:has(.carousel-item)) {
    padding: 0 var(--space-space-40);
  }

  .bat .plp-header .sticky .sticky-right-part {
    position: relative;
  }

  .bat .plp-header .filters-popup .filters-popup-footer-container {
    bottom: 0;
  }
  
  html[dir='rtl'] .bat .filter-chips ul.filters-values-ul li.filter-item:first-child {
    margin-right: 0;
  }

  body.bat.search .plp-category-title {
    padding: var(--space-space-12) var(--space-space-40) 0;
    margin-top: var(--space-space-32);
  }

  body.bat.search .section.plp-header:not(:has(.no-products)) {
    padding-left: var(--space-space-40);
    padding-right: var(--space-space-40);
    padding-bottom: var(--space-space-8);
  }

  .bat .marketing-tile.width-quarter, .bat .marketing-tile.width-half, .bat .marketing-tile.width-full {
    width: 100%;
  }

}

.bat .algolia-product-listing .products-container .product-item .product-item-link {
  display: none;
}

.bat .product-category-container {
  display: none;
}