/* ====================================================== */
/* ====================================================== */
/* THE STRUCTURED CSS SELECTORS INSTEAD OF ORIGINAL ONES  */
/* ================== LANDING & CATNAV ================== */
/* ======================== Bloom ======================= */
/* ====================================================== */
/* ====================================================== */

:root {
    --klevu-buttonRadius: 0;
    --klevu-bgcolor: #fff;
    --klevu-black: #000;
    --klevu-blue: #1a73e8;
    --klevu-product-image-height--desktop: 350px;
    --klevu-product-image-height--mobile: 200px;
    --klevu-products-per-row--desktop: 4;
    --klevu-products-per-row--mobile: 2;
}

/* Main Layout */
.kuSearchResultsPageContainer .kuContainer .kuTabs {
    border-bottom: none;
}

.kuSearchResultsPageContainer .kuLandingNoResults {
    max-width: 1400px;
}

.kuSearchResultsPageContainer [ku-container][data-container-role="main"] {
    width: 1400px;
}

.kuSearchResultsPageContainer
    .kuRecommendationSlider
    .klevuProductItemTop
    .klevuQuickImgWrap {
    border: none;
}

/*  */
.kuSearchResultsPageContainer header[data-block-id="ku_landing_result_header"] {
    display: flex;
    justify-content: flex-end;
}

/* Pagination */
.kuSearchResultsPageContainer .kuPagination {
    float: none;
    text-align: center;
}

.kuSearchResultsPageContainer .kuPagination a.kuCurrent {
    font-size: 16px;
}

.kuSearchResultsPageContainer .kuPagination a {
    border-right: none;
    padding-left: 10px;
}

/* productBlock */
.kuSearchResultsPageContainer
    .kuLandingNoRecordFound
    .klevuNoResultsRecsResultsInner,
.kuSearchResultsPageContainer .kuResults ul {
    display: grid;
    grid-template-columns: repeat(
        var(--klevu-products-per-row--desktop),
        minmax(0, 1fr)
    );
    grid-gap: 10px;
}

.kuSearchResultsPageContainer
    .kuLandingNoRecordFound
    .klevuNoResultsRecsResultsInner {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.kuSearchResultsPageContainer
    .kuLandingNoRecordFound
    .klevuNoResultsRecs-itemWrap,
.kuSearchResultsPageContainer .kuResults ul li {
    padding: 0;
    width: 100% !important;
    float: none;
}

.kuSearchResultsPageContainer
    .kuLandingNoRecordFound
    .klevuNoResultsRecs-itemWrap,
.kuSearchResultsPageContainer .kuResults ul li .kuProdWrap {
    background: white;
    border: none;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.kuSearchResultsPageContainer .kuResults ul li.klevuCMSProduct .kuProdWrap {
    flex-direction: row;
    padding: 20px;
}

.kuSearchResultsPageContainer
    .klevuWrap.contentListActive
    .kuResults
    ul
    li.klevuCMSProduct
    .kuProdWrap {
    border-bottom: 1px solid #eee;
}

.kuSearchResultsPageContainer
    .klevuWrap.contentListActive
    .kuResults
    ul
    li.klevuCMSProduct
    .kuProdWrap
    main {
    width: auto;
    max-width: 30%;
}

.kuSearchResultsPageContainer .kuResults ul li .kuProdWrap .kuProdTop {
    padding: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kuSearchResultsPageContainer
    .kuLandingNoRecordFound
    .klevuNoResultsRecsResultsInner
    .klevuNoResultsRecs-item,
.kuSearchResultsPageContainer
    .kuResults
    ul
    li
    .kuProdWrap
    .kuProdTop
    .klevuImgWrap {
    /*height: var(--klevu-product-image-height--desktop) !important;*/
    height: 220px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.kuSearchResultsPageContainer
    .kuLandingNoRecordFound
    .klevuNoResultsRecsResultsInner
    .klevuNoResultsRecs-item
    a
    img,
.kuSearchResultsPageContainer
    .kuResults
    ul
    li
    .kuProdWrap
    .kuProdTop
    .klevuImgWrap
    a
    img {
    position: relative;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.kuSearchResultsPageContainer
    .klevuWrap.contentListActive
    .kuResults
    ul
    li
    .kuProdWrap
    .kuProdTop
    .klevuImgWrap {
    max-height: 250px;
    max-width: 250px;
}

.kuSearchResultsPageContainer
    .kuLandingNoRecordFound
    .klevuNoResultsRecsResultsInner
    .klevuNoResultsRecs-itemDesc,
.kuSearchResultsPageContainer .kuResults ul li .kuProdWrap .kuProdBottom {
    height: auto;
    padding-bottom: 0;
    text-align: center;
}

.kuSearchResultsPageContainer
    .kuResults
    ul
    li
    .kuProdWrap
    footer
    .kuProdBottom
    .kuCaptionStockOut {
    text-align: center;
}

.kuSearchResultsPageContainer
    .kuLandingNoRecordFound
    .klevuNoResultsRecsResultsInner
    a.klevuNoResultsRecsTitle,
.kuSearchResultsPageContainer .kuResults ul li .kuName a,
.kuSearchResultsPageContainer .klevu-compare-table .kuName a {
    text-decoration: none;
    color: var(--klevu-black);
    text-transform: uppercase;
    font-size: 14px;
}

.kuSearchResultsPageContainer
    .klevuWrap.contentListActive
    .kuResults
    ul
    li
    .kuName,
.kuSearchResultsPageContainer
    .klevuWrap.contentListActive
    .kuResults
    ul
    li
    .kuDesc {
    text-align: left;
}

.kuSearchResultsPageContainer
    .kuLandingNoRecordFound
    .klevuNoResultsRecsResultsInner
    .klevuNoResultsRecs-itemPrice,
.kuSearchResultsPageContainer .klevuNoResultsRecs-itemPrice,
.kuSearchResultsPageContainer .productQuick-Price,
.kuSearchResultsPageContainer .kuPrice,
.kuSearchResultsPageContainer .klevuNoResultsRecs-itemPrice .kuSalePrice,
.kuSearchResultsPageContainer .productQuick-Price .kuSalePrice,
.kuSearchResultsPageContainer .kuPrice .kuSalePrice {
    text-align: center;
    float: none;
}

.kuSearchResultsPageContainer .kuPrice .klevuQuickPriceGreyText {
    font-size: 13px !important;
}

.kuSearchResultsPageContainer .klevuNoResultsRecs-itemPrice .kuOrigPrice,
.kuSearchResultsPageContainer .kuPrice .kuOrigPrice,
.kuSearchResultsPageContainer .kuPrice {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 13px;
}

.kuSearchResultsPageContainer .kuResults ul li .kuProdWrap .kuProdAdditional {
    position: relative;
    border: none;
    top: initial;
    right: initial;
    left: initial;
    width: 100%;
}

.kuSearchResultsPageContainer
    footer[data-block-id="ku_landing_result_item_footer"] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.kuSearchResultsPageContainer .kuTotalVariants {
    text-align: center;
}

.kuSearchResultsPageContainer .kuResults ul li .kuProdWrap .kuProdAdditional,
.kuSearchResultsPageContainer
    .kuResults
    ul
    li:hover
    .kuProdWrap
    .kuProdAdditional {
    visibility: visible;
    opacity: 1;
    box-shadow: none;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: initial;
}

.kuSearchResultsPageContainer .kuProdAdditionalBottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.kuSearchResultsPageContainer .kuProdAdditionalBottomLeft {
    width: 40%;
}

.kuSearchResultsPageContainer .kuProdAdditionalBottomRight {
    width: 60%;
}

.kuSearchResultsPageContainer .kuBtn {
    padding: 3px 5px;
    border-radius: var(--klevu-buttonRadius);
}

.kuSearchResultsPageContainer .kuSwatches .kuSwatchItem .kuSwatchLink {
    border-radius: 15px;
}

.kuSearchResultsPageContainer .kuProdBadgeBottom {
    border: 2px solid black;
}

.klevuLanding .kuFiltersTitleHeading--button {
    display: none;
    visibility: hidden;
}

/* COMPARE FEATURE */

/* this is to cope with an issue on one Shopify theme */
.klevu-compare-table-shown .scroll-trigger {
    animation: initial !important;
    transform: none !important;
    opacity: 1 !important;
}
/* this is to cope with an issue on one Shopify theme END */

.kuSearchResultsPageContainer [ku-container] .klevu-compare,
.kuSearchResultsPageContainer .klevu-compare {
    display: flex;
    justify-content: center;
    align-content: center;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background-color: #fff;
    padding: 3px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--klevu-bgcolor);
    border-radius: var(--klevu-buttonRadius);
}

.kuSearchResultsPageContainer [ku-container] #klevu-compare-button,
.kuSearchResultsPageContainer #klevu-compare-button {
    color: #fff;
    cursor: pointer;
    background-color: var(--klevu-blue);
    border: 0;
    padding: 5px 8px;
}

.kuSearchResultsPageContainer [ku-container] #klevu-compare-button:disabled,
.kuSearchResultsPageContainer #klevu-compare-button:disabled {
    cursor: no-drop;
    opacity: 0.5;
}

.kuSearchResultsPageContainer [ku-container] .klevu-compare__checkbox,
.kuSearchResultsPageContainer .klevu-compare__checkbox {
    margin: 0;
}

.kuSearchResultsPageContainer [ku-container] .klevu-compare__label,
.kuSearchResultsPageContainer .klevu-compare__label {
    margin-left: 5px;
    cursor: pointer;
}

.kuSearchResultsPageContainer
    [ku-container]
    div
    .klevu-compare-widget__selected-amount::before {
    content: ":";
    margin-left: 0;
    margin-right: 5px;
}

.kuSearchResultsPageContainer [ku-container] div #klevu-compare-widget {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 10px auto;
}

.kuSearchResultsPageContainer [ku-container] div .klevu-compare-widget__header {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.kuSearchResultsPageContainer [ku-container] div .klevu-compare-widget__images {
    display: flex;
    align-items: center;
    gap: 0 10px;
    margin: 0;
    padding: 0;
    overflow-x: auto;
}

.kuSearchResultsPageContainer [ku-container] div .klevu-compare-widget__item {
    list-style: none;
    border: 1px solid transparent;
}

.kuSearchResultsPageContainer
    [ku-container]
    div
    .klevu-compare-widget__item:hover {
    list-style: none;
    border: 1px solid #888;
}

.kuSearchResultsPageContainer
    [ku-container]
    div
    .klevu-compare-widget__item-button {
    border: 0;
    background-color: transparent;
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: relative;
}

.kuSearchResultsPageContainer
    [ku-container]
    div
    .klevu-compare-widget__item-button-cross {
    position: absolute;
    font-style: normal;
    top: -5px;
    right: 0;
}

.kuSearchResultsPageContainer #klevu-close-compare {
    background-color: #fff;
    border: 0;
    padding: 15px;
    cursor: pointer;
    z-index: 1;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kuSearchResultsPageContainer #klevu-close-compare:hover {
    border: 1px solid var(--klevu-black);
}

.kuSearchResultsPageContainer #klevu-compare-table tr {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
}

.kuSearchResultsPageContainer #klevu-compare-table thead {
    position: sticky;
    top: 0;
}

.kuSearchResultsPageContainer
    #klevu-compare-table
    tr
    th
    .klevu-compare-widget__item-button {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--klevu-blue);
    color: #fff;
    border: 0;
}

.kuSearchResultsPageContainer
    [ku-container]
    div
    #klevu-compare-widget.klevu-compare-widget--klevu-hidden {
    display: none;
    visibility: hidden;
}

.kuSearchResultsPageContainer .klevu-compare-table {
    display: none;
    visibility: hidden;
    background: #fff;
    max-height: calc(100vh - 10%);
    overflow: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 85vw;
    z-index: 1000;
}

body.klevu-compare-table-shown
    .kuSearchResultsPageContainer
    .klevu-compare-table {
    display: block;
    visibility: visible;
}

body.klevu-compare-table-shown
    .kuSearchResultsPageContainer
    [data-container-role="main"]
    .kuContainer {
    filter: blur(3px);
}

body.klevu-compare-table-shown
    .kuSearchResultsPageContainer
    .klevuWrap::before {
    background-color: #000;
    opacity: 0.5;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    content: "";
    z-index: 1;
}

.kuSearchResultsPageContainer .klevu-compare-table table {
}

.kuSearchResultsPageContainer .klevu-compare-table th {
    position: sticky;
    /* Make th sticky to avoid JavaScript */
    z-index: 1;
    /* border: 1px solid #ccc; */
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.kuSearchResultsPageContainer .klevu-compare-table th:not(:last-child),
.kuSearchResultsPageContainer .klevu-compare-table td:not(:last-child) {
    border-right: 1px solid #ccc;
}

.kuSearchResultsPageContainer .klevu-compare-table td,
.kuSearchResultsPageContainer .klevu-compare-table th {
    padding: 10px;
    min-width: 300px;
    /* Add a minimum width below which no resize is allowed (for small screens). It can be whatever serves the design best */
    text-align: center;
}

.kuSearchResultsPageContainer
    .klevu-compare-table
    .klevu-compare-table__products {
    /* padding-top: 40px; */
    max-height: calc(100vh - 10%);
    overflow: auto;
    padding: 15px;
}

.kuSearchResultsPageContainer
    .klevu-compare-table
    .klevu-compare-table__products
    th,
.kuSearchResultsPageContainer
    .klevu-compare-table
    .klevu-compare-table__products
    td {
    width: 25%;
    max-width: 300px;
    overflow: hidden;
    gap: 10px 0;
    /* Depending on the number of products in comparison, different classes should be used (e.g. 3 products should have a .products-3 class with a width of 33.333%) */
}

.kuSearchResultsPageContainer .klevu-compare-table th {
    background: #fff;
    /* top: -2px; */
    top: 0;
    /* We need this to attach the "stuck" attribute */
}

.kuSearchResultsPageContainer .klevu-compare-table th h4 {
    margin: 15px 0 0;
}

.kuSearchResultsPageContainer .klevu-compare-table th img {
    max-height: calc(
        var(--klevu-product-image-height--desktop) - 50px
    ) !important;
    max-width: 100%;
    object-fit: contain;
    margin: 0 auto;
    display: block;
    transition: height 200ms ease-in-out;
}

.kuSearchResultsPageContainer .klevu-compare-table th .kuName {
    display: block !important;
}

.kuSearchResultsPageContainer .klevu-compare-table th .kuPrice {
    margin-top: auto;
}

.kuSearchResultsPageContainer .klevu-compare-table th .kuBtn,
.kuSearchResultsPageContainer .klevu-compare-table th .kuAddtocart {
    margin: 0;
}

.kuSearchResultsPageContainer
    .klevu-compare-table
    .klevu-compare-table__sticky
    img {
    height: 100px;
}

.kuSearchResultsPageContainer .klevu-compare-table .klevu-compare-table__label {
    font-weight: bold;
    text-align: left;
    min-width: 150px;
    /* Labels should have a strict width, based on the design (150px is just for this demo) */
    width: 150px;
    /* In order to enforce the width we need to apply both a min-width and a width with the same value */
    background: #eee;
}

.kuSearchResultsPageContainer
    .klevu-compare-table
    th.klevu-compare-table__label {
    background: #fff;
    border-color: #fff;
}

.kuSearchResultsPageContainer
    .klevu-compare-table
    .klevu-compare-table__heading {
    background: #ccc;
    width: 100%;
    text-align: left;
    position: relative;
}

.kuSearchResultsPageContainer
    .klevu-compare-table
    .klevu-compare-table__heading
    span {
    position: sticky;
    top: 0;
    left: 10px;
}

.kuSearchResultsPageContainer .klevu-compare-table .spec {
    word-break: break-all;
}

.kuSearchResultsPageContainer #klevu-compare-table .hide {
    display: none;
    visibility: hidden;
}

.kuSearchResultsPageContainer .kuDropdown {
    z-index: auto !important;
}

.kuSearchResultsPageContainer .kuDropdown.kuDropSortBy {
    margin-left: auto;
}

.kuSearchResultsPageContainer .kuDropdown .kuDropdownLabel {
    font-size: 13px !important;
}

.kuSearchResultsPageContainer .kuFilterTagsContainer {
    margin-top: 20px;
}

.kuSearchResultsPageContainer .kuResultsHeadingTitleContainer {
    border: 0;
    /*display: none !important;
    visibility: hidden !important;*/
}

.kuSearchResultsPageContainer #klevu-compare-table .klevu-compare-table-header {
    z-index: 2;
    background-color: #fff;
    position: sticky;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
}

.kuSearchResultsPageContainer #klevu-compare-table .toggle-differences {
    position: sticky;
    top: 5px;
    left: 5px;
    padding: 10px 15px;
    border: 1px solid var(--klevu-black);
}

/* @media all and (max-width: 600px) { */

.kuSearchResultsPageContainer .klevu-compare-table .klevu-compare-table__label {
    display: none;
    /* We want to hide the labels on small screens... */
}

.kuSearchResultsPageContainer .klevu-compare-table .spec::before {
    /* ...and show them above each spec instead. */
    content: attr(spec-title);
    color: #999;
    display: block;
    text-transform: capitalize;
}

/* Compare Ratings */
.kuSearchResultsPageContainer
    .klevu-compare-table
    .klevu-compare-table__products
    td
    [spec-title="rating"] {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
}

.kuSearchResultsPageContainer
    .klevu-compare-table
    .klevu-compare-table__products
    td
    .klevu-compare-rating__wrapper {
    display: block;
    width: 100px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='24px' fill='%23b3b3b3' viewBox='0 -144 936 1008'%3E%3Cpath d='M936 364c0 10-7 20-15 27L717 590l49 281v12c0 14-7 28-23 28-8 0-16-3-22-7L468 771 215 904c-7 4-14 7-22 7-16 0-24-14-24-28 0-4 1-8 1-12l49-281L14 391c-7-7-14-17-14-27 0-17 17-24 32-26l282-41L440 41c6-11 15-23 28-23s22 12 28 23l126 256 283 41c13 2 31 9 31 26z'/%3E%3C/svg%3E%0A");
    background-position: top left;
}

.kuSearchResultsPageContainer
    .klevu-compare-table
    .klevu-compare-table__products
    td
    .klevu-compare-rating__value {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='24px' fill='%23eace17' viewBox='0 -144 936 1008'%3E%3Cpath d='M936 364c0 10-7 20-15 27L717 590l49 281v12c0 14-7 28-23 28-8 0-16-3-22-7L468 771 215 904c-7 4-14 7-22 7-16 0-24-14-24-28 0-4 1-8 1-12l49-281L14 391c-7-7-14-17-14-27 0-17 17-24 32-26l282-41L440 41c6-11 15-23 28-23s22 12 28 23l126 256 283 41c13 2 31 9 31 26z'/%3E%3C/svg%3E%0A");
    height: 24px;
    background-position: top left;
    display: block;
}
/* Compare Ratings END */

/* COMPARE FEATURE END */

.klevuLanding.kuSearchResultsPageContainer
    .kuResults
    ul
    li
    .kuProdWrap
    footer
    .kuProdAdditional
    .kuProdAdditionalData
    .kuSwatches {
    text-align: center;
}

.klevuLanding.kuSearchResultsPageContainer
    .kuResults
    ul
    li
    .kuProdWrap
    footer
    .kuProdAdditional
    .kuProdAdditionalData {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.klevuLanding.kuSearchResultsPageContainer
    .kuResults
    ul
    li
    .kuProdWrap
    footer
    .kuProdAdditional
    .kuProdAdditionalData
    .kuBtn {
    font-size: inherit !important;
}

.klevuLanding.kuSearchResultsPageContainer
    .contentListActive
    .kuResults
    ul
    .klevuCMSProduct
    .kuProdWrap {
    background: white;
    border: none;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.klevuLanding.kuSearchResultsPageContainer
    .contentListActive
    .kuResults
    ul
    .klevuCMSProduct
    .kuProdWrap
    [data-block-id="ku_landing_result_item_info"] {
    max-width: none;
}

.klevuLanding.kuSearchResultsPageContainer
    .contentListActive
    .kuResults
    ul
    .klevuCMSProduct
    .kuProdWrap
    [data-block-id="ku_landing_result_item_footer"] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
}

@media only screen and (max-width: 900px) {
    .kuSearchResultsPageContainer .kuLEFTFilters .kuResults ul li,
    .kuSearchResultsPageContainer .kuRIGHTFilters .kuResults ul li {
        width: 100%;
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        padding: 10px 0;
    }
}

@media only screen and (max-width: 767px) {
    .kuSearchResultsPageContainer .klevu-compare-table th img {
        height: calc(
            var(--klevu-product-image-height--mobile) - 50px
        ) !important;
    }

    .kuSearchResultsPageContainer
        .kuResults
        ul
        li
        .kuProdWrap
        .kuProdTop
        .klevuImgWrap {
        height: var(--klevu-product-image-height--mobile) !important;
    }

    .kuSearchResultsPageContainer
        .contentListActive
        .contentList
        [data-container-id="ku_landing_main_content_left"] {
        max-width: none;
        width: 100%;
        display: block;
    }

    .kuSearchResultsPageContainer .kuDropdown.kuDropSortBy {
        margin: 5px;
    }

    .kuSearchResultsPageContainer
        .kuLandingNoRecordFound
        .klevuNoResultsRecsResultsInner,
    .kuSearchResultsPageContainer .kuResults ul {
        display: grid;
        grid-template-columns: repeat(
            var(--klevu-products-per-row--mobile),
            minmax(0, 1fr)
        );
        grid-gap: 10px;
    }

    .kuSearchResultsPageContainer
        .kuLandingNoRecordFound
        .klevuNoResultsRecsResultsInner {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    /* .klevuLanding.kuSearchResultsPageContainer .contentListActive .kuResults ul .klevuCMSProduct,
  .kuSearchResultsPageContainer .kuResults ul li {
    width: calc(100%/2) !important;
  } */

    .kuSearchResultsPageContainer
        header[data-block-id="ku_landing_result_header"] {
        justify-content: center;
        flex-wrap: wrap;
    }

    .kuSearchResultsPageContainer .kuResultsHeadingTitleContainer {
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .klevuLanding .kuFiltersTitleHeading {
        display: none;
        visibility: hidden;
    }

    .klevuLanding .kuFiltersTitleHeading--button {
        display: block;
        visibility: visible;
        width: 100%;
        height: 30px;
        margin-bottom: 20px;
    }

    .kuSearchResultsPageContainer .kuFilterBox {
        display: none;
        visibility: hidden;
    }

    .klevu-mobile-filters-shown .kuSearchResultsPageContainer .kuFilterBox {
        display: block;
        visibility: visible;
    }

    .kuSearchResultsPageContainer [ku-container][data-container-role="left"] {
        width: 100%;
        display: block;
        max-width: none;
        position: sticky;
        top: 0;
        z-index: 3;
        background-color: #fff;
    }

    .kuSearchResultsPageContainer .kuFilters {
        max-height: 100vh;
        overflow-y: auto;
    }
}

@media only screen and (max-width: 480px) {
    /* .klevuLanding.kuSearchResultsPageContainer .contentListActive .kuResults ul .klevuCMSProduct,
  .kuSearchResultsPageContainer .kuResults ul li {
    width: 100% !important;
  } */

    .kuSearchResultsPageContainer .klevu-compare-table th img {
        max-width: 50vw;
    }
}

/* ================= */
/*  CUSTOM STYLE     */
/* ================= */

.klevuWrap{
    .klevuHeadingText{
        font-weight: 600;
        border-bottom: 1px solid #ddd;
        padding-bottom: .5em;
    }

    .kuClippedOne{
        -webkit-line-clamp: 2;
    }
}

.kuContainer{
    padding: 0;

    .kuFilters{
        .kuFiltersTitleHeading{
            margin-bottom: 1em;
        }

        .noUi-origin.noUi-connect{
            background: var(--btn-primary-background);
        }

        .kuFilterBox{
            margin-bottom: 0;
            padding-bottom: 0;

            .kuFilterHead{
                background-color: #f7f7f7;
                padding: 10px;
                margin-bottom: 0;
                border: 1px solid #ddd;
            }

            &:has(.kuCollapse){
                .kuFilterNames{
                    padding: 1em;
                    padding-left: .5em;
                    padding-right: .5em;
                    border-left: 1px solid #ddd;
                    border-right: 1px solid #ddd;

                    .kuShowOpt{
                        left: 0;
                        right: 0;
                        height: 40px;
                        padding-top: 5px;
                        background: #ddd;

                        &:hover{
                            background: var(--btn-primary-background);
                            color: var(--btn-primary-color);
                        }

                        .kuFilterDot{
                            display: none;
                        }
                    }                    
                }
            }

            &:last-child{
                .kuFilterNames{
                    border-bottom: 1px solid #ddd;
                }
            }

            &:not(:has(.kuFilterNames.kuFilterShowAll)){
                &:has(.kuCollapse){
                    .kuFilterNames{
                        &:has(.kuShowOpt){
                            height: 225px;
                        }

                        .kuShowOpt:before{
                            content: "View More";
                            position: absolute;
                            left: 35%;
                        }
                    }
                }
            }

            &:has(.kuFilterNames.kuFilterShowAll){
                &:has(.kuCollapse){
                    .kuFilterNames{
                        &:has(.kuShowOpt){
                            ul{
                                margin-bottom: 1em;
                            }
                        }
                            

                        .kuShowOpt:before{
                            content: "View Less";
                            position: absolute;
                            left: 35%;
                        }
                    }
                }
            }
        } 
    }

    .kuResults{
        .klevuProduct{
            background: #fbfbfb;
            border: 2px solid #eee;
            padding-left: 5px !important;
            padding-right: 5px !important;

            .kuProdWrap{
                background: none !important;
            }

            .klevu-compare{
                display: none;
            }

            .klevuImgWrap{
                display: block !important;
                margin-bottom: 1em !important;
                background: white;
            }

            .kuProdBottom{
                padding: 0 !important;

                .kuName{
                    height: 50px;
                    min-height: 70px;

                    a{
                        font-weight: 600 !important;
                        display: -webkit-box;
                        -webkit-line-clamp: 3;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        color: #2557aa !important;
                    }
                }

                .kuPrice{
                    font-size: 18px;
                    color: #333;
                    font-weight: 600;

                    .kuSalePrice{
                        font-size: 18px;

                        .klevuQuickPriceGreyText{
                            font-size: 15px !important;
                        }
                    }
                }
            }
                

            .kuProdAdditional{
                background: none !important;

                .kuBtn{
                    display: none !important;
                }

                .button{
                    display: block;
                    margin: auto;
                }
            }
        }
    }

    .kuPagination{
        .kuCurrent, 
        .klevuPaginate {
            border: 1px solid #ddd !important;
            width: 35px;
            height: 30px;
            line-height: 30px;
            
        } 

        .klevuPaginate{
            font-size: 16px !important;
        }

        .kuCurrent{
            font-size: 18px !important;
        }
    }

    header[ku-block]{
        .kuResultsHeadingTitleContainer{
            font-size: 18px;

            .kuResultsNumber{
                margin-right: .30em;
            }
        }
    }

    .kuLandingNoResultsInner{
        .custom404{
            width: 80%;
            margin: auto;
            margin-top: -20px;

            p{
                font-size: 18px;

                &:first-child{
                    margin-bottom: 5px;
                }
            }

            .logos{
                display: flex;
                gap: 30px;
                margin: auto;
                width: max-content;
                margin-top: 3em;
            }
        }
    }

    .kuNoResultsProductRecommendationSlider{
        display: none;
    }
}
    

@media only screen and (min-width: 768px){
    .kuContainer{
        header[ku-block]{
            .kuDropItemsPerpage{
                margin-right: 0;
            }
        }

        .kuFilters{
            .kuFiltersTitleHeading{
                margin-top: 1em;
            }
        }
    }
}

@media only screen and (max-width: 767px){
    .kuContainer{
        header[ku-block]{
            .kuDropItemsPerpage{
                margin-bottom: 1em;
            }

            .kuResultsHeadingTitleContainer{
                margin-bottom: .5em;
            }
        }

        .kuResults{
            .klevuImgWrap{
                height: 180px !important;
            }

            .kuProdBottom{
                .kuName{
                    a{
                        font-size: 13px !important;
                    }
                }

                .kuPrice{
                    .kuSalePrice:has(.klevuQuickPriceGreyText){
                        width: 100%;
                        height: 45px;

                        .klevuQuickPriceGreyText{
                            display: block;
                        }

                        span{
                            display: block;
                        }
                    }
                }
            }

            .kuProdAdditionalData{
                padding: 0 !important;

                button{
                    width: 100% !important;
                }
            }
        }
        
        .kuLandingNoResultsInner{
            .custom404{
                width: 100%;

                .logos{
                    gap: 15px; 
                }
            }
        }
    }

    .klevu-mobile-filters-shown{
        .kuFilters{
            background: #eee;
            margin-bottom: 1em;

            .kuFilterNames{
                background: white;
            }
        }
    }
}

@media only screen and (max-width: 310px){
    .kuContainer{
        .kuLandingNoResultsInner{
            .custom404{
                .logos{
                    display: none;
                }
            }
        }
    }
}