.body-c_container {
    /* border: 1px solid; */
}

.body-c {
    display: flex;
    flex-direction: row;
    gap: 24px;
    padding: 1% 3%;
}

.side-bar {
    min-height: 40vh;
    /* min-width: max(20vw, 200px); */
    min-width: min(max(20vw, 200px),300px);
    max-width: min(20vw, 300px);
    /* border: 1px solid; */
    /* background: rgb(214, 212, 212); */
    display: none;
}

.side-bar.active {
    display: block;
}

.close-side-bar {
    position: absolute;
    z-index: 1;
    left: 0;
    padding: 6px 6px 4px 4px;
    background: inherit;
    top: 45vh;
    box-shadow: none;
}

.mobile-view {
    display: none;
}

.process-filter-icons {
    display: flex;
    position: absolute;
    right: 2%;
    transform: translateY(-4.7vh);
    font-size: 13px;
    font-weight: 600 !important;
    z-index: 1;
}

.process-filter-icons button {
    border: none;
    background-color: inherit;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    transition: 0.2s ease;
}

.process-filter-icons .sub-menu button:hover {
    background-color: inherit;
    color: inherit;
    transform: scale(1.01);
}

.process-filter-icons .sub-menu .content {
    z-index: 2;
}

.process-filter-icons .sub-menu:hover .content {
    min-width: 195px;
    right: -2vw;
    /* /* min-width: unset; */
    width: unset;
}

.process-filter-icons .content-sub {
    /* margin: auto; */
    font-size: 13px;
    font-weight: 400;
    padding: 6px 15px 10px 25px;
}

.main-content {
    min-height: 40vh;
    width: 100%;
    /* border: 1px solid; */
}

.body-c_container .keyword-heading {
    /* text-align: center; */
    font-size: 2rem !important;
    max-width: 1302px;
    margin: auto;
}

.body-c_container .product_list {
    /* display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 1.5rem;
    grid-column-gap: 2vw;
    grid-row-gap: 3vw; */
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: var(--gap-amt, 24px);
    /* justify-content: center; */
    max-width: 1473px;
    margin: auto;
    margin-top: 2rem;
}

.product-item {
    --number-of-items-in-row-list-page: 3;
    --gap-amt: 24px;
}

.body-c_container .product-item {
    /* max-width: min(calc(100% / 3.2), 308.33px); */
    --items: var(--number-of-items-in-row-list-page);
    --gaps: max(calc(var(--items) - 1), 1);
    --total-gap: calc(var(--gaps) * var(--gap-amt, 24px));
    --item-width: calc((100% - var(--total-gap)) / var(--items));

    width: 308.33px; /* fallback */
    width: min(var(--item-width), 308.33px);
    max-width: min(calc(calc(100% - calc(max(calc(var(--number-of-items-in-row-list-page)-1), 1) * var(--gap-amt, 24px))) / var(--number-of-items-in-row-list-page)), 308.33px);
    /* min-width: unset; */
    min-width: 294px;
    margin-left: unset !important;
    display: flex;
    flex-direction: column;

}

.ready-to-ship {
    margin-top: 9px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--gold-color-replacement, hsla(38deg, 19%, 39%, 0.995));
    /* color: hsl(180deg 25% 10%); */
}

.ready-to-ship span:not(:first) {
    font-size: 11px;
    border-left: 2px solid;
    padding-left: 10px;
    margin-left: 10px;
}

.body-c_container .item-title {
    font-size: 17px;
    font-weight: 500;
}

.body-c_container .item-price-info {
    color: var(--gold-color-replacement, hsl(38deg, 33%, 23%));
    font-weight: 500;
    font-size: 14px;
    margin-top: 2px;
}

.filter-window {
    background-color: #fff;
    color: var(--gold-color-replacement, hsl(38deg, 33%, 23%));
    margin-top: 2rem;
    border-radius: 8px;
    padding: 5% 10% 20% 10%;
    position: sticky;
    top: 10px;
    box-shadow: 1px 0px 0px 1px #f3eeee;
}

.side-bar .header {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-family: "Barlow Condensed", sans-serif;
    text-align: center;
    margin: 0 0 2rem 0;
}

.filter-title {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 1.075rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    margin-top: 20px;
}

.filter-title::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: linear-gradient(0deg, rgb(212, 168, 168), transparent 90%);
    margin-bottom: 10px;
}

.subcat-wrapper {
    display: inline-flex;
    align-items: center;
}

.subcat-wrapper label {
    padding: 10px 10px 7px 5px;
    font-size: 14px;
    line-height: 20px;
}

.body-c .item-img {
    height: -webkit-fill-available;
    display: flex;
    align-items: center;
}

.body-c .item-img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}


.item-img.skeleton {
    width: 100%;
    height: 400px;
}

.end-of-list {
    margin: 2rem 0 0;
    padding-top: 0.75rem;
    width: 100%;
}

.item-title>div {
    font-family: Poppins, sans-serif;
    font-size: 13px;
    color: gray;
    padding-top: 6px;
    line-height: 22px;
}


.subcat-wrapper.skeleton>input {
    visibility: hidden;
}

.subcategories_filter_Section,
#subcategories_filter_Section {
    display: flex;
    flex-direction: column;
    max-height: 280px;
    overflow: hidden;
    overflow-y: scroll;
}

.subcategories_filter_Section::-webkit-scrollbar,
#subcategories_filter_Section::-webkit-scrollbar {
    width: 0px;
}


.null-list-info span, .null-list-info {
    font-family: Poppins, sans-serif;
    font-weight: 300;
    width: 100%;
    text-transform: uppercase;
    background: linear-gradient(-8deg, #e73c5a 40%, transparent 70%, pink);
    -webkit-mask-clip: text;
    background-clip: text;
    -webkit-background-clip: text;
    color: rgb(128 128 128 / 58%);
}

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

.redirect-btn-wrapper {
    position: relative;
    padding: 1rem;
}

.apply-btn {
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Barlow Condensed", Quicksand, sans-serif;
    font-size: 1.15rem;
    border: 3px solid #f5eaea;
    /* background: linear-gradient(93deg, rgb(245 211 211), transparent); */
    padding: 0.5rem 2rem;
    text-decoration: none !important;
    color: #6d6353 !important;
    opacity: 0.5;
    width: 100%;
    margin-top: 1rem;
    pointer-events: none;
    transition: background 300ms ease 100ms;
    display: block;
    text-align: center;
}

.apply-btn.activated {
    opacity: 1;
    /* color: hsl(38, 18%, 48%) !important; */
    border: 2px solid var(--gold-color-ht, #fe696a); /*rgb(253 104 108 / 51%); */
    pointer-events: auto;
    cursor: pointer;
    /* box-shadow: 1px 1px 1px 0px rgb(253 104 108 / 25%); */
    /* box-shadow: 1px 1px 1px 0px var(--gold-color-ht, #fe696a); */
}

.apply-btn:hover {
    /* animation-play-state: running; */
    background: radial-gradient(#fff, #eee);
}

.fixed_pos {
    position: fixed;
}

.keyword-show {
    font-size: 1rem;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    color: inherit;
    display: flex;
    align-items: flex-start;
    padding-top: 0.11rem;
}

.keyword-show svg {
    width: 12px;
    height: 12px;
}

.keyword-show #keyword {
    font-size: 120%;
    font-weight: 500;
}


.header-subcategories-list3 {

}

.header-subcategories-list3 span {
    margin-left: 10px;
}

.expandable {
    max-height: 0;
    overflow: hidden;
    transition: max-height 200ms cubic-bezier(0.075, 0.82, 0.165, 1) 0s, all 800ms ease 0s;
}

.expanded {
    max-height: 280px;
    overflow-y: auto;
}

.corarea-expanded svg {
    transform: rotate(180deg);
}

span.badge.badge-category-added {
    font-size: 1rem;
    padding: 0.25rem 0.5rem;
    margin: 1rem 1rem 0 0;
    border: 1px solid var(--gold-color-ht);
}

@media screen and (min-width: 1500px) {
    .process-filter-icons {
        right: unset;
        left: 82%;
        font-size: 14px;
    }
}

@media screen and (max-width: 1100px) {
    .body-c_container .product-item {
        --number-of-items-in-row-list-page: 2 !important;

    }
}

@media screen and (max-width: 893px) {
    .body-c_container .product-item {
        --number-of-items-in-row-list-page: 2 !important;
        min-width: calc(100%/2.2);
    }
}

@media screen and (max-width: 800px) {
    .side-bar {
        display: none !important;
    }

    .side-bar.active {
        position: fixed;
        z-index: 2;
        display: block !important;
        /* min-width: unset; */
        max-width: unset;
        /* width: 40vw; */
        width: 100%;
        height: 100vw;
        /* background-color: #fff; */
    }

    .filter-window {
        /* width: 80%;
        margin: auto;
        transform: translate(-10px,10vh); */

        /* width: unset; */
        position: fixed;
        top: 13vh;
        max-height: 83vh;
        overflow: hidden;
        overflow-y: scroll;
    }

    .close-side-bar {
        display: none;
        top: 0vh;
        left: 90%;
        width: 40px;
        height: 40px;
        float: right;
    }

    .mobile-view {
        display: block;
    }

    .subcat-wrapper {
        margin-left: 15px;
    }

    input.input-checkbox {
        margin-right: 5px;
    }

    .body-c_container .keyword-heading {
        text-align: left;
        font-size: 1.5rem !important;
    }

    .process-filter-icons {
        transform: translateY(-2.7vh);
    }
}

@media screen and (max-width: 700px) {
    .process-filter-icons .sub-menu:hover .content {
        left: unset;
        right: 0vw;
    }
}

@media screen and (max-width: 700px) {
    .body-c_container .product_list {
        justify-content: center;
    }
    .body-c_container .product-item {
        --number-of-items-in-row-list-page: 2 !important;
        min-width: calc(100%/2.2);
        /* margin: auto; */
    }

    .body-c_container .product-item:nth-child(6n-1),
    .body-c_container .product-item:not(:nth-child(2n)):last-child  {
        min-width: 100%;
    }
}


@media screen and (max-width: 600px) {
    .filter-window {
        width: 100%;
    }

    .double_slider {
        max-width: unset !important;
    }
}

@media screen and (max-width: 500px) {
    .filter-window {
        /* width: 100%;
        top: 14vh; */
        width: 100%;
        height: 100%;
        top: 10vh;
        margin-top: 0;
    }

    .body-c_container .product-item {
        --number-of-items-in-row-list-page: 2 !important;
        min-width: calc(100%/2.2);
        /* margin: auto; */
    }
}