/*SIDEBAR WOO START*/
/* Container styling */

.sidebar_woo_category .widget-title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
    color: #111;
}

/* Base List & Links */
.sidebar_woo_category ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar_woo_category li {
    position: relative;
    list-style: none;
    margin-bottom: 4px;
}

.sidebar_woo_category li.cat-item a {
    text-decoration: none !important;
    text-transform: unset !important;
    color: #333; /* Darker grey for parent */
    font-weight: 500;
    font-size: 15px;
    display: block;
    padding: 8px 12px 8px 24px; /* Space for the left icon */
    border-radius: 6px;
    transition: all 0.2s ease;
}

.sidebar_woo_category li.cat-item a:hover {
    color: #1e6c41 !important; /* Brand Green */
    background-color: #f5f7f9; /* Soft hover effect */
}

/* Subcategories */
.sidebar_woo_category ul.product-categories > li ul.children {
    padding-left: 0;
    margin-top: 2px;
    margin-bottom: 8px;
}

.sidebar_woo_category .children li.cat-item a {
    font-size: 14px !important;
    font-weight: 400; /* Lighter font weight for children */
    color: #666; /* Lighter text color */
    padding-left: 24px; /* Align perfectly under parent text */
}

.sidebar_woo_category .children li.cat-item a:hover {
    background-color: #f5f5f5;
    color: #111 !important;
}

/* Highlight Active WooCommerce Category */
.sidebar_woo_category li.current-cat > a {
    color: #1e6c41 !important;
    background-color: #e8f3ec;
    font-weight: 600;
}

/* Icons (Updated to Neutral Grey) */
.cat-parent:before {
    content: "";
    transition: transform linear 0.2s;
    position: absolute;
    top: 11px; /* Vertically centered with the text */
    left: 8px;
    cursor: pointer;
    width: 12px;
    height: 12px;
    z-index: 1; /* Keep above the link background */
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.75577 0.895731C8.12381 0.463423 8.70421 0.63415 8.83578 1.20973C8.90388 1.50675 8.82224 1.75735 8.63991 1.9725C8.03201 2.69035 7.42707 3.4117 6.82044 4.13105C6.35172 4.68715 5.883 5.24326 5.41216 5.79787C5.11477 6.14831 4.74462 6.14981 4.44765 5.79837C3.37103 4.52441 2.29652 3.24746 1.22033 1.973C1.02404 1.74088 0.946623 1.47131 1.03842 1.15731C1.12557 0.859289 1.31424 0.691058 1.57821 0.655615C1.79777 0.626162 1.97459 0.736486 2.12773 0.919193C2.79951 1.72041 3.47383 2.51813 4.14772 3.31635C4.18706 3.36278 4.84445 4.08911 4.92695 4.18097C4.92821 4.18246 4.93202 4.17847 4.93033 4.17947C4.92695 4.18097 7.06792 1.70394 7.75577 0.895731Z' fill='%23888888' stroke='%23888888' stroke-width='0.5'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
}

.cat-parent.collapsed:before {
    width: 8px;
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.46946 2.19467C1.03715 1.82663 1.20788 1.24623 1.78346 1.11466C2.08048 1.04656 2.33108 1.1282 2.54624 1.31053C3.26408 1.91843 3.98543 2.52337 4.70478 3.13C5.26088 3.59872 5.81699 4.06744 6.3716 4.53827C6.72204 4.83567 6.72354 5.20582 6.3721 5.50279C5.09815 6.57941 3.82119 7.65392 2.54673 8.73011C2.31461 8.9264 2.04504 9.00382 1.73104 8.91202C1.43302 8.82487 1.26479 8.6362 1.22935 8.37223C1.19989 8.15267 1.31022 7.97584 1.49292 7.82271C2.29414 7.15093 3.09186 6.47661 3.89008 5.80272C3.93651 5.76338 4.66284 5.10599 4.7547 5.02349C4.75619 5.02223 4.7522 5.01842 4.7532 5.02011C4.7547 5.02349 2.27767 2.88252 1.46946 2.19467Z' fill='%23888888' stroke='%23888888' stroke-width='0.5'/%3E%3C/svg%3E%0A");
    background-size: 8px;
}

/* Scrollbar tweaks (Modern, thin scrollbar) */
/* Force the container to always scroll */
.sidebar_woo_category ul.product-categories {
    max-height: 360px;
    overflow-y: auto;
    scroll-behavior: smooth;
    padding-right: 10px;
}

/* Force WebKit scrollbars to permanently display */
.sidebar_woo_category ul.product-categories::-webkit-scrollbar {
    width: 4px;

}

.sidebar_woo_category ul.product-categories::-webkit-scrollbar-track {
    background: #f1f1f1;

}

.sidebar_woo_category ul.product-categories::-webkit-scrollbar-thumb {
    background: var(--wp--preset--color--primary-color);
    border-radius: 5px;
}

.sidebar_woo_category ul.product-categories::-webkit-scrollbar-thumb:hover {
    background: #555;
}






/* Keep plugin interactions intact */
li.scb > a {
    pointer-events: none;
}
@media (max-width: 991px) {
    .widget_product_categories {
        order: -1 !important;
    }
}

/*SIDEBAR WOO END*/




/*WOOCOMMERCE-ORDERING START*/

.woocommerce-result-count {
    font-weight: bold;
}

button.bapf_button.bapf_update,
button.bapf_button.bapf_reset {
    width: 100%;
}

button.bapf_button.bapf_update {
    background: var(--wp--preset--color--primary-color) !important;
    color: #fff;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    display: flex !important;
    border: 0;
}

.custom-result-count,
.woocommerce-ordering {
    margin: 0 !important;
}

.woocommerce-ordering option {
    background: #fff;
    border-color: #41c9ff;
    border-radius: 2px;
    line-height: 18px;
    outline: none;
    -webkit-box-shadow: 0 0 3px 1px #c00;
    -moz-box-shadow: 0 0 3px 1px #c00;
    box-shadow: 0 0 3px 1px #c00;
}


/*WOOCOMMERCE-ORDERING END*/


/*PRICE FILTER START*/

.irs--flat .irs-bar {
    background-color: var(--wp--preset--color--primary-color);
}

.irs--flat .irs-from,
.irs--flat .irs-single,
.irs--flat .irs-to {
    background-color: var(--wp--preset--color--primary-color);
}

.irs--flat .irs-handle>i:first-child {
    background-color: var(--wp--preset--color--primary-color);
}

.irs--flat .irs-from::before,
.irs--flat .irs-single::before,
.irs--flat .irs-to::before {
    border-top-color: var(--wp--preset--color--primary-color);
}

.irs--flat .irs-handle.state_hover>i:first-child,
.irs--flat .irs-handle:hover>i:first-child {
    background-color: var(--wp--preset--color--light-primary-color);
}


/*FILTER*/
.bapf_sfilter.bapf_rtnstrs ul li input {
    display: none !important;
}
.bapf_body i.fa.fa-star,
.bapf_body i.fa.fa-star-o {
    display: inline-block;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
    font-style: normal;
    font-weight: normal;
    font-size: 18px; 
    letter-spacing: 2px;
    line-height: 1;
}

.bapf_body i.fa.fa-star::before {
    content: "\2605"; 
    color: #ffcc00; 
}

.bapf_body i.fa.fa-star-o::before {
    content: "\2606"; 
    color: #d3d3d3; 
}

.bapf_body .berocket_aapf_widget_selected_filter   i.fa.fa-star-o {
    display: none;
}

.bapf_body .berocket_aapf_widget_selected_filter  i.fa.fa-star {
    margin: 0 !important;
}
.active_filters_wrapper .bapf_sfa_inline .berocket_aapf_widget_selected_area:has(i.fa.fa-star) ul li a {
    gap: 1px;
}
.bapf_body {
    padding-bottom: 15px;
}

.bapf_body[style="display:none;"],
.bapf_body[style="display: none;"] {
    padding-bottom: 0 !important;
}

#category_filter_close,
#category_filter {
    display: none;
}

.sidebar_woo_category .berocket_single_filter_widget .bapf_hascolarr {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 0px;
}

.sidebar_woo_category .berocket_single_filter_widget .bapf_hascolarrl p {
    text-transform: lowercase;
}

.sidebar_woo_category .berocket_single_filter_widget .bapf_hascolarrl p::first-letter {
    text-transform: uppercase;
}

.bapf_sfilter {
    margin-bottom: 0 !important;
}

.bapf_ckbox_sqchck input[type=checkbox] {
    border: 1px solid #bdbdbd;
    margin-right: 10px !important;
}

.sidebar_woo_category .berocket_single_filter_widget i.bapf_colaps_smb:before {
    content: "" !important;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 15px;
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a807c' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
    transition: transform .2s;
}


.fa-chevron-up:before {
    transform: rotate(-270deg);
}


/*PRICE FILTER END*/


/* filters */

#bapf_4_yes ~ label:before {
    content: "Znižano";
    display: inline-flex;
    width: 100%;
  color: #4b524d;
    font-size: 13.5px;
}
#bapf_4_yes ~ label {
    font-size: 0;
}

.sidebar_woo_category_filter .bapf_sfilter.bapf_ckbox ul li {
    display: flex;
    align-items: center;
    padding-right: 5px !important;
}
.sidebar_woo_category_filter .bapf_sfilter.bapf_ckbox span.roundpcs.pcs {
    margin-left: auto;
        color: #a7aca9;
    font-variant-numeric: tabular-nums;
    margin-left: auto;
    font-size: 12px;
}

.bapf_ckbox_search input {
    background: #f4f4f2;
    border: 1px solid #e7e7e3;
    color: #7a807c;
    border-radius: 8px;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    padding: 7px 10px;
    display: flex;
        color: #121613;
    font-size: 13px;
    }

.bapf_ckbox_search:after {
    width: 13px;
    height: 13px;
    content: "" !important;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -7px;
    color: #777;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a807c' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' style='width: 13px; height: 13px;'%3E%3Ccircle cx='11' cy='11' r='7'%3E%3C/circle%3E%3Cpath d='M20 20l-3.5-3.5'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}
.bapf_ckbox_sqchck input[type=checkbox] {
    vertical-align: middle;
    border: 2px solid #F1EEEE !important;
    width: 25px !important;
    height: 25px !important;
    background: #F7F4F4 !important;
    border-radius: 4px !important;
}

body .bapf_ckbox_sqchck ul li {
    margin-bottom: 8px !important;
}

.bapf_ckbox_sqchck .bapf_body {
    padding-left: 0;
}

.bapf_ckbox_sqchck input[type=checkbox]:checked:after {
    border-bottom: 2px solid #FF4141 !important;
    border-right: 2px solid #FF4141 !important;
    top: 2px !important;
    left: 7px !important;
}

.select-button_wrap {
    background: #f4f4f2;
    border: 1px solid #e7e7e3;
    cursor: pointer;
    border-radius: 10px;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    font-size: 13.5px;
    font-weight: 500;
    position: relative;
    transition: all .15s;
}

.select-button_wrap::before {
    content: "Uredi po:";
    color: #7a807c;
}

@media (max-width:991px) {
    .bapf_loader_page {
        z-index: 9999999999;
    }

    .sb_filter_info {
        padding-bottom: 22px;
        font-size: 20px;
        align-items: center;
    }

    .sidebar_woo_category_filter {
        display: flex;
        flex-direction: column;
        position: fixed;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        z-index: 9999999999 !important;
        background-color: #eee;
        padding: 40px 15px 0 15px;
        height: 100%;
        /* height: 85vh; */
        transition: transform .3s ease 0s;
        transform: translateX(100%);
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .sb_filter_info {
        order: -2 !important;
    }

    .widget_product_categories {
        order: -1 !important;
    }

    #category_filter {
        /* Rectangle 3398 */
        border-radius: 12px;
        background: #1f6b3a;
        color: #fff;
        border-radius: 10px;
        align-items: center;
        gap: 8px;
        padding: 10px 16px;
        font-size: 14px;
        font-weight: 600;
        display: inline-flex;
        justify-content: center;
    }



    #category_filter::before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'%3E%3C/path%3E%3C/svg%3E");
        background-repeat: no-repeat no-repeat;
        background-position: center center;
        background-size: 16px;
        width: 16px;
        height: 16px;
    }



    #category_filter_close {
        display: block;
        position: absolute;
        right: 5px;
        top: 7px;
        border-radius: 4px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    body.sb_active {
        overflow: hidden;
    }

    .bapf_button_berocket .bapf_body,
    .bapf_button_berocket .bapf_body {
        padding: 0 !important;
    }

    .bapf_button_berocket button.bapf_button.bapf_update,
    .bapf_button_berocket button.bapf_button.bapf_reset {
        width: 100%;
    }
}


/* .sidebar_woo_category .bapf_body.force_block {
    display: block !important;
} */



@media (min-width:992px) {
  
    .widget_product_categories {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04); /* Softer, modern shadow */
        background-color: #fff;
        padding: 24px 15px 24px 24px;
        border-radius: 12px;
        margin-top: 28px;
        margin-bottom: 24px;
    }
    
    .sb_filter_info {
        font-size: 18px;
    }

    nav.woocommerce-breadcrumb {
        padding-top: 18px !important;
        padding-bottom: 30px !important;
    }
}


/* new css */

header.woocommerce-products-header .term-description {
    margin-bottom: 10px;
}

.woocommerce-products-header h1:only-child {
    margin-bottom: 0 !important;
}

nav.woocommerce-breadcrumb {
    padding-top: 8px !important;
    margin-bottom: 0 !important;
}

.woocommerce .woocommerce-breadcrumb {
    font-size: 13px;
    border-bottom: 1px solid #e7e7e3;
}

.woocommerce .woocommerce-breadcrumb a {
    color: #949494 !important;
}

@media (min-width:992px) {
    nav.woocommerce-breadcrumb {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }

    header.woocommerce-products-header .term-description {
        margin-bottom: 30px;
    }

}

.active_filters_wrapper {
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    gap:10px;
}

.active_filters_wrapper .berocket_aapf_widget_selected_filter {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.active_filters_wrapper .bapf_sfa_taxonomy,
.active_filters_wrapper .bapf_sfa_unall {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 20px;
    padding: 5px 15px;
    border: 1px solid #e7e7e3;
}

.active_filters_wrapper .berocket_aapf_widget_selected_area {
    font-size: 13px;
}

li.scb>a {
    pointer-events: none;
}

.active_filters_wrapper .bapf_sfa_taxonomy>span:after {
    content: ":";
}

.active_filters_wrapper .bapf_sfilter.bapf_sfa_inline ul:not(.bapf_sfa_unall) {
    padding-left: 0;
    padding-bottom: 0 !important;
}

.active_filters_wrapper .bapf_sfa_inline .berocket_aapf_widget_selected_area ul li a {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    text-decoration: none;
    gap: 5px;
}

.active_filters_wrapper .bapf_sfa_inline .berocket_aapf_widget_selected_area ul {
    margin: 0;
    padding-bottom: 5px !important;
}

.active_filters_wrapper .bapf_sfa_taxonomy span {
    font-weight: 700;
}

.active_filters_wrapper .bapf_sfilter.bapf_sfa_inline .bapf_body {
    padding-bottom: 0;
    padding-left: 22px;
    padding-right: 20px;
}

.active_filters_wrapper .berocket_aapf_widget_selected_filter .fa-times {
    margin-top: 2px;
}

.active_filters_wrapper .berocket_aapf_widget_selected_filter .fa-times:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='7.39355' width='9.04183' height='0.530005' transform='rotate(-45 1 7.39355)' fill='%23363939' stroke='%23363939' stroke-width='0.5'/%3E%3Crect x='1.37608' y='1.00146' width='9.04183' height='0.530005' transform='rotate(45 1.37608 1.00146)' fill='%23363939' stroke='%23363939' stroke-width='0.5'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 9px;
    width: 9px;
    height: 9px;
    display: inline-block;
}

.active_filters_wrapper .afc_l {
    padding-right: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.active_filters_wrapper .berocket_single_filter_widget {
    border-left: 1px solid #B9B9B9;
}

.active_filters_wrapper .afc_title {
    font-weight: 700;
    font-size: 14px;
    color: #3E3F46;
}

.active_filters_wrapper .afc_l .custom-result-count {
    white-space: pre;
    font-weight: 500;
    font-size: 14px;
    color: #B9B9B9;
}


button#select-button {
    background: transparent;
    border: 0;
    text-align: right;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.5;
    color: #3E3F46;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

ul.products:before,
ul.products:after {
    display: none !important;
}

#main#main ul.products {
    display: flex;
    flex-wrap: wrap;
}

#main#main ul.products li.product.type-product {
    margin: 0 !important;
    width: calc(50% - 10px) !important;
    margin-top: 0 !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    margin-bottom: 22px !important;
}

@media(min-width:992px) {
    #main#main ul.products li.product.type-product {
        width: calc(33% - 10px) !important;
    }
    .select-button_wrap {
        position: relative;
        margin-left: auto !important;
      
        min-width: 300px;
        align-self: flex-start;
    }
    
}


@media(max-width:1200px) {
    .active_filters_wrapper {
        flex-wrap: wrap;
    }

    .active_filters_wrapper .afc_l {
        max-width: 20%;
    }

    .active_filters_wrapper .berocket_single_filter_widget {
        max-width: 80%;
    }
}

.select-button_wrap label {
    display: none;
}

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

@media(max-width:991px) {
    .active_filters_wrapper {
        margin-top: 9px;
    }

    .active_filters_wrapper .desktop_title {
        display: none !important;
    }

    .active_filters_wrapper .afc_l {
        max-width: 100%;
        width: 100%;
        order: 1;
        text-align: center;
        margin-bottom: 16px;
        padding-right: 0;
    }

    .active_filters_wrapper .afc_title.mobile_title {
        order: 4;
        width: 100%;
        margin-top: 14px;
    }

    .active_filters_wrapper .berocket_single_filter_widget {
        order: 5;
        border-left: 0 !important;
        margin-top: 10px;
        max-width: 100%;
    }

    .active_filters_wrapper .bapf_sfilter.bapf_sfa_inline .bapf_body {
        padding-left: 0;
        padding-right: 0;
    }

    .select-button_wrap {
        display: none !important;
    }
    .select-button_wrap.btn_wrap_visible {
        display: inline-flex !important;
        order: -1;
    }
    div#category_filter {
        order: 2;
        width: 100%;
    }


.sidebar_woo_category ul.product-categories {
    max-height: 0;
    transition: .3s;
}
.sidebar_woo_category ul.product-categories.toggled {
    max-height: 360px;
}
 

    #select-button {
        color: #3559AB;
        text-transform: uppercase;
        display: inline-block;
        cursor: pointer;
        background-color: transparent;
        border: none;
        margin: 0;
        padding: 0;
        text-align: inherit;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }
}

@media (min-width:992px) {
    .afc_title.mobile_title {
        display: none !important;
    }

    button#select-button {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    button#select-button:after {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg width='7' height='5' viewBox='0 0 7 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.01688 0.226277C6.34467 -0.173235 6.86159 -0.01546 6.97876 0.516453C7.03942 0.790944 6.96671 1.02253 6.80432 1.22136C6.26291 1.88476 5.72413 2.55138 5.18385 3.21615C4.7664 3.73008 4.34894 4.244 3.9296 4.75653C3.66473 5.08039 3.33506 5.08177 3.07057 4.75699C2.11171 3.57968 1.15472 2.3996 0.196229 1.22183C0.0214095 1.00731 -0.0475388 0.75819 0.0342197 0.468013C0.111833 0.192599 0.279871 0.0371314 0.514973 0.004377C0.710514 -0.0228414 0.868002 0.0791124 1.00439 0.247959C1.60269 0.988393 2.20326 1.7256 2.80345 2.46326C2.83849 2.50617 3.42398 3.1774 3.49745 3.26229C3.49858 3.26367 3.50197 3.25998 3.50046 3.2609C3.49745 3.26229 5.40426 0.972247 6.01688 0.225354L6.01688 0.226277Z' fill='black'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat no-repeat;
        background-position: center center;
        background-size: 7px;
        display: inline-block;
        width: 7px;
        height: 5px;
        transform: scale(1.4);
    }
}

.woocommerce nav.woocommerce-pagination ul {
    display: flex;
    justify-content: center;
    border: 0;
    gap: 8px;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: 0;
    min-width: 40px;
    min-height: 40px;

}

.woocommerce nav.woocommerce-pagination li a.prev svg,
.woocommerce nav.woocommerce-pagination li a.next svg {
    width: 14px !important;
    height: 14px !important;
}

.woocommerce nav.woocommerce-pagination ul li span:not(.current):hover,
.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: #f4f4f2 !important;
    color: #121613 !important;
}

.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
    border: 1px solid transparent;
    border-radius: 10px;
    color: #4b524d;
    background: transparent !important;
    padding: 2px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .15s;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #1f6b3a !important;
    color: #fff;
    border-color: #1f6b3a !important;
}

@media (max-width:992px) {
    .woocommerce nav.woocommerce-pagination ul {
        gap: 5px !important;
    }

    button.bapf_button.bapf_reset {
        border: 1.5px solid #d8d8d3;
        color: #4b524d;
        background: #fff;
        border-radius: 12px;
        padding: 10px;
        font-size: 14px;
        font-weight: 600;
    }

    .filter_btn_wrapper .bapf_body {
        padding: 0;
    }

    .bapf_sfilter.bapf_button_berocket .bapf_button.bapf_update {
        font-size: 15px !important;
    }

    .filter_btn_wrapper .bapf_sfilter {
        border-bottom: 0 !important;
    }

    .filter_btn_wrapper {
        z-index: 9999999;
        position: sticky;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        padding: 20px 15px;
        margin-left: -30px;
        margin-right: -15px;
        width: calc(100% + 30px);
        border-top: 1px solid #e7e7e3;
        gap: 10px;
    }

    .filter_btn_wrapper.fb_active:before {
        content: '';
        position: absolute;
        top: -50px;
        width: 100%;
        z-index: 10;
        box-sizing: border-box;
        height: 50px;
        background-image: linear-gradient(transparent, #fff)
    }

    .filter_btn_wrapper>div {
        width: 100%;
        flex-grow: 1;
        margin-bottom: 0 !important;
    }

    .filter_btn_wrapper>div .bapf_sfilter {
        margin-bottom: 0 !important;
    }

    .berocket_single_filter_widget:has(.update_filter_custom) {
        padding: 0;
    }

    

    .berocket_single_filter_widget:has(.update_filter_custom) button {
        font-size: 14px !important;
        font-weight: 700;
    }

    .berocket_single_filter_widget:has(.update_filter_custom) .bapf_body {
        padding-bottom: 0 !important;
    }

    .berocket_single_filter_widget:has(.remove_all_fts) button {
        font-size: 12px !important;
    }

    .berocket_single_filter_widget:has(.remove_all_fts) .bapf_body {
        padding-bottom: 0 !important;
    }

    .filter_btn_wrapper {
        padding: 12px 10px !important;
    }
}


/* Target STRICTLY Firefox */
@-moz-document url-prefix() {

    .sidebar_woo_category .bapf_body ul,
    ul.product-categories {
        scrollbar-width: thin;
        scrollbar-color: var(--wp--preset--color--primary-color) #ffffff;
    }
}


.sb_filter_info {
    border-bottom: 1px solid rgba(148, 148, 148, 0.2);
    margin-bottom: 10px;
    padding-bottom: 3px;
}

p.woocommerce-result-count {
    margin-bottom: 0 !important;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #242424;
}

.bapf_ochild {
    display: none !important;
}



.sidebar_woo_category .berocket_single_filter_widget .bapf_head.bapf_colaps_togl {
    padding-bottom: 12px;
}

.sidebar_woo_category .bapf_body ul {
    max-height: 285px;
    overflow-y: auto;
    scroll-behavior: smooth;
}
.sidebar_woo_category .bapf_rtnstrs_asc .bapf_body ul {
    max-height: auto !important;
    overflow-y: unset !important;
}


.sidebar_woo_category .bapf_body ul::-webkit-scrollbar {
    width: 4px;
}

.sidebar_woo_category .bapf_body ul::-webkit-scrollbar-track {
    background: #f1f1f1;

}

.sidebar_woo_category .bapf_body ul::-webkit-scrollbar-thumb {
    background: var(--wp--preset--color--primary-color);
    border-radius: 5px;
}

.sidebar_woo_category .bapf_body ul::-webkit-scrollbar-thumb:hover {
    background: #555;
}

    .sidebar_woo_category .berocket_single_filter_widget:not(:has(.update_filter_custom, .remove_all_fts, .bapf_filter_hide)){        /* padding: 16px 10px 0 23px; */
        padding: 16px 0 0 0;
        margin-bottom: 8px;
        border-bottom: 1px solid #e7e7e3;
    }

@media (max-width: 991px) {
    .sidebar_woo_category .berocket_single_filter_widget:not(:has(.update_filter_custom, .remove_all_fts, .bapf_filter_hide)){   
        /* padding: 16px 10px 0 23px; */
        padding: 16px 0 0 0;

        margin-bottom: 8px;
    }

    .bapf_sfa_inline .berocket_aapf_widget_selected_area ul li {
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 0px !important;
    }
    .sidebar_woo_category  .widget_product_categories .widget-title {
        font-size: 14px;
        font-weight: 600;
        margin: 0;
        padding: 0px;
        padding: 16px 0 12px 0;
    
    }
    .sidebar_woo_category  .widget_product_categories {
            margin-top: 10px;
    
            margin-bottom: 8px;
            border-bottom: 1px solid #e7e7e3;
    }
    .sidebar_woo_category  .widget_product_categories .widget-title:after {
        content: "" !important;
        background-repeat: no-repeat no-repeat;
        background-position: center center;
        background-size: 15px;
        width: 15px;
        height: 15px;
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a807c' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
        transition: transform .2s;
        position:absolute;
        right:15px;
        
    }

    .sidebar_woo_category  .widget_product_categories:has(.toggled) .widget-title:after {
        transform: rotate(-270deg);
    }
    .cat-parent:before {
        top: 10px;
    }
    .sidebar_woo_category li.cat-item a {
        font-size: 13px;
    }
}



.bapf_sfilter.bapf_ckbox label {
    padding-block: 9px;
    display: inline-flex !important;
    color: #4b524d;
    font-size: 13.5px;
    transition: color .15s;
}

.bapf_sfilter.bapf_ckbox input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    background: transparent !important;
    border-radius: 4px !important;
    margin-right: 10px !important;
    border: 1.5px solid #e7e7e3;
    transition: all .15s;
}

.bapf_sfilter.bapf_ckbox input[type="checkbox"]:checked {
    background-color: #1f6b3a !important;
    border-color: #1f6b3a !important;
}

.bapf_sfilter.bapf_ckbox input[type="checkbox"]:checked::after {
    border-bottom: 2px solid #ffffff !important;
    border-right: 2px solid #ffffff !important;
    top: 0 !important;
    left: 4px !important;
}

.bapf_sfilter.bapf_ckbox input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    padding: 4px;
    position: relative;
}

.bapf_sfilter.bapf_ckbox input[type="checkbox"]:checked::after {
    content: "";
    width: 8px;
    height: 12px;
    border-bottom: 2px solid #333;
    border-right: 2px solid #333;
    display: block;
    position: absolute;
    top: 0;
    left: 4px;
    transform: rotate(45deg);
}

/* 
body .sidebar_woo_category .berocket_single_filter_widget .bapf_ckbox .bapf_body ul li {
    margin-bottom: 8px !important;
} */

.bapf_head p {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 0px;
}

.irs--round .irs-bar {
    top: 36px;
    height: 3px;
    background-color: #1f6b3a;
}

.irs--round .irs-handle {
    top: 28px;
    width: 20px;
    height: 20px;
    border: 2px solid #1f6b3a;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: unset !important;
}

.irs-single,
.irs--round .irs-to,
.irs-single,
.irs--round .irs-from {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: unset !important;
    color: #242424;
    border-radius: 4px;
    font-weight: 400;
}

.irs--round .irs-from::before,
.irs--round .irs-single::before,
.irs--round .irs-to::before {
    content: unset !important;
}

.irs--round .irs-max,
.irs--round .irs-min {
    display: none !important;
}

.bapf_slidr_ready .bapf_body {
    margin-top: 5px;
}

.toggle-button {
    text-decoration-line: underline;
    color: #949494;
    cursor: pointer;
    display: block !important;
}

.secondary-category-description {
    line-height: 1.5;
    margin-top: 80px;
}

.secondary-category-description blockquote {
    margin-left: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-left: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-left: 2px solid var(--wp--preset--color--primary-color);
    font-weight: 600;
    line-height: 1.7;
    ;

}

.secondary-category-description blockquote strong,
b {
    font-weight: inherit;
}

.secondary-category-description h2 {
    margin-bottom: 20px;
}

.custom-sorting-wrapper {
    font-size: 12px;
    font-weight: 400;
}

.additional-description {
    margin-top: 60px;
    font-size: 14px;
    font-weight: 400;
}



.description-intro {
    display: inline-block;
}

#full-description2 {
    display: none;
}

.description-toggle {
    color: #ADAAAA;
    font-size: 15px;
    font-weight: 500;
    padding: 0;
    display: block;
    text-transform: unset;
    margin-left: 10px;
    cursor: pointer;
    margin-left: 0;
    margin-top: 10px;
    text-transform: uppercase;
}


.description-toggle .view-more:after,
.description-toggle .view-less:after {
    content: "";
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    width: 12px;
    height: 12px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 12px;
    margin-left: 5px;
}


.description-toggle .view-more:after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3147 0.362043C10.8766 -0.277175 11.7627 -0.0247359 11.9636 0.826325C12.0676 1.26551 11.9429 1.63605 11.6646 1.95418C10.7364 3.01561 9.8128 4.0822 8.8866 5.14585C8.17096 5.96812 7.45532 6.79039 6.73646 7.61045C6.2824 8.12862 5.71725 8.13083 5.26384 7.61119C3.62006 5.72749 1.97952 3.83936 0.336391 1.95492C0.0367011 1.61169 -0.0814963 1.2131 0.0586605 0.748821C0.191713 0.308159 0.479778 0.0594101 0.88281 0.00700311C1.21802 -0.0365464 1.488 0.12658 1.72181 0.396734C2.74748 1.58143 3.77702 2.76096 4.80591 3.94122C4.86598 4.00987 5.86968 5.08384 5.99563 5.21966C5.99756 5.22187 6.00338 5.21597 6.00079 5.21744C5.99563 5.21966 9.26445 1.55559 10.3147 0.360567L10.3147 0.362043Z' fill='%23ADAAAA'/%3E%3C/svg%3E%0A");

}

.description-toggle .view-less:after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.68535 7.63796C1.12343 8.27718 0.237274 8.02474 0.0364046 7.17368C-0.0675828 6.73449 0.0570729 6.36395 0.335449 6.04582C1.26358 4.98439 2.1872 3.9178 3.1134 2.85415C3.82904 2.03188 4.54467 1.20961 5.26354 0.389546C5.7176 -0.128619 6.28275 -0.130834 6.73616 0.388808C8.37994 2.27251 10.0205 4.16064 11.6636 6.04508C11.9633 6.38831 12.0815 6.7869 11.9413 7.25118C11.8083 7.69184 11.5202 7.94059 11.1172 7.993C10.782 8.03655 10.512 7.87342 10.2782 7.60327C9.25252 6.41857 8.22298 5.23904 7.19409 4.05878C7.13402 3.99013 6.13032 2.91616 6.00437 2.78034C6.00244 2.77813 5.99662 2.78403 5.99921 2.78256C6.00437 2.78034 2.73555 6.44441 1.68535 7.63943L1.68535 7.63796Z' fill='%23ADAAAA'/%3E%3C/svg%3E%0A");

}


/* new css */

.woocommerce-products-header h1 {
    letter-spacing: -.025em;
    margin: 0 0 10px;
    font-size: clamp(22px, 2.8vw, 34px);
    font-weight: 800;
}

.category-description-wrapper {
    color: #7a807c;
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
}

.cat-hero-inline__eyebrow {
    color: #7A8086;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    font-size: 13px;
    display: flex;
}

.category-description-wrapper p:last-child {
    margin-bottom: 0 !important;
}


body:not(.search-results) .woocommerce-products-header {
    border-bottom: 1px solid #e7e7e3;
    margin-bottom: 20px;
    padding: 28px 0 20px;
}

body.search-results .woocommerce-products-header {
    padding-top: 20px;
}

body.search-results .woocommerce-products-header h1 {
    color: #121613;
    letter-spacing: -.02em;
    margin-bottom: 12px !important;
    font-size: 22px;
}

.aws_terms_suggestions {
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    display: flex;
}

.search-summary__sugg-label {
    color: #7a807c;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 500;
}

.aws_term_suggestion {
    text-decoration: none;
    border: 1.5px solid #e7e7e3;
    color: #4b524d;
    cursor: pointer;
    white-space: nowrap;
    background: #fff;
    border-radius: 999px;
    padding: 4px 12px;
    font-size: 12.5px;
    font-weight: 500;
    transition: all .15s;
}

.aws_term_suggestion:hover {
    border-color: #1f6b3a;
    color: #1f6b3a;
}

@media (width<=768px) {
    .search-summary__sugg-label {
        display: inline;
    }
}

.search-summary__suggestions {
    display: flex;
    align-items: center;
    gap: 6px;
    border-bottom: 1px solid #e7e7e3;
    margin-bottom: 20px;
    padding: 0 0 16px
}

.search-catbar__track ul.products {
    margin: 0 !important;
}

.subcats-inline__header {
    align-items: center;
    margin-bottom: 8px;
    display: flex;
}

.subcats-inline__label {
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #7a807c;
    font-size: 11px;
    font-weight: 700;
}

.search-catbar {
    margin-bottom: 20px;
}

.search-catbar__track {
    align-items: center;
    gap: 4px;
    display: flex;
}

.search-catbar__track ul.products {
    scrollbar-width: none;
    flex: 1;
    align-items: center;
    gap: 6px;
    min-width: 0;
    padding: 2px 2px 4px;
    display: flex;
    overflow-x: auto;
}

.search-catbar__track ul.products:-webkit-scrollbar {
    display: none;
}

.search-catbar .product-category {
    width: auto !important;
    margin: 0 !important;
    border: 1.5px solid #e7e7e3;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border-radius: 999px;
    flex-shrink: 0;
    align-items: center;
    gap: 6px;
    padding: 7px 14px !important;
    transition: all .15s;
    display: inline-flex;
}

.search-catbar .product-category h2 {
    color: #4b524d;
    font-size: 13px !important;
    font-weight: 500;
    padding: 0 !important;
    margin:0 !important;
}

.search-catbar .product-category:hover {
    border-color: #d8d8d3 !important;
    color: #121613 !important;
}

.search-catbar .product-category img {
    display: none !important;
}

.search-catbar .product-category .count {
    opacity: .55;
    font-size: 11px;
    font-weight: 700;
}


button.subcat,
button.brand-filter__chip {
    cursor: pointer;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    background: 0 0;
    border: 0;
    padding: 0 !important;
}

.brand-filter__arrow {
    border: 1.5px solid #e7e7e3;
    width: 32px;
    height: 32px;
    color: #4b524d;
    cursor: pointer;
    z-index: 1;
    background: #fff;
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    transition: all .15s;
    display: flex;
    box-shadow: 0 1px 4px #00000014;
}

.brand-filter__arrow:hover {
    border-color: #15892c;
    color: #15892c;
}

.subcat a {
    background: #fff;
    border: 1px solid #e7e7e3;
    border-radius: 14px;
    text-align: left;
    scroll-snap-align: start;
    white-space: nowrap;
    flex: none;
    align-items: center;
    gap: 12px;
    min-width: 220px;
    padding: 12px 18px 12px 14px;
    transition: all .18s;
    display: flex;
    position: relative;
}

.subcat a:hover {
    border-color: #1f6b3a;
    background: #e7f7df;
    transform: translateY(-2px);
}

.subcat__icon {
    background: #e7f7df;
    width: 36px;
    height: 36px;
    color: #1f6b3a;
    border-radius: 10px;
    flex-shrink: 0;
    place-items: center;
    display: grid;
}

.subcat__icon svg {
    width: 18px;
    height: 18px;
}

.subcat__label {
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.2;
}

.subcat__count {
    color: #7a807c;
    margin-top: 2px;
    font-size: 11px;
    font-weight: 500;
    display: block;
}

.subcats-inline {
    margin-bottom: 4px;
}

.subcats-inline__header {
    align-items: center;
    margin-bottom: 8px;
    display: flex;
}

.subcats-inline__label {
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #7a807c;
    font-size: 11px;
    font-weight: 700;
}

.subcats-inline__track {
    align-items: center;
    gap: 4px;
    display: flex;
}

.subcats-inline__row {
    scrollbar-width: none;
    flex: 1;
    gap: 8px;
    min-width: 0;
    padding: 2px 2px 4px;
    display: flex;
    overflow-x: auto;
}

.subcats-inline__row::-webkit-scrollbar {
    display: none;
}

.subcats-inline__row.has-right {
    -webkit-mask-image: linear-gradient(270deg, #0000 0, #000 36px);
    mask-image: linear-gradient(270deg, #0000 0, #000 36px);
}

.subcat--sm a {
    padding: 8px 12px;
}

.subcat--sm .subcat__icon {
    width: 22px;
    height: 22px;
}

@media (width<=768px) {
    .subcat a {
        min-width: auto;
    }

    .subcat {
        white-space: normal;
        gap: 8px;
        padding: 10px 12px;
    }

    .subcat__icon {
        border-radius: 8px;
        flex-shrink: 0;
        width: 30px;
        height: 30px;
    }

    .subcat__icon svg {
        width: 15px;
        height: 15px;
    }

    .subcat__label {
        font-size: 12.5px;
    }

    .subcat__count {
        font-size: 10.5px;
    }
}

.brand-filterimg {
    max-width: 100%;
    display: block;
}

.brand-filter {
    background: #fbfbfa;
    padding: 12px 0 0;
    margin-bottom: 14px;
}

.brand-filter__track {
    align-items: center;
    gap: 4px;
    display: flex;
    position: relative;
}

.brand-filter__row {
    scrollbar-width: none;
    flex: 1;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 2px 2px 4px;
    display: flex;
    overflow-x: auto;
}

.brand-filter__row::-webkit-scrollbar {
    display: none;
}

.brand-filter__row.has-right {
    -webkit-mask-image: linear-gradient(270deg, #0000 0, #000 40px);
    mask-image: linear-gradient(270deg, #0000 0, #000 40px);
}
.brand-filter.brand-filter_global .brand-filter__logo {
    /* your existing styles... */
    opacity: 0;
    transition: opacity 0.3s ease;
}

.brand-filter.brand-filter_global .brand-filter__logo.brand-loaded {
    opacity: 1;
}
button.brand-filter__chip a {
    border: 1.5px solid #e7e7e3;
    cursor: pointer;
    background: #fff;
    border-radius: 10px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 64px;
    padding: 10px 8px;
    transition: border-color .15s, box-shadow .15s, transform .15s;
    display: inline-flex;
    overflow: hidden;
    box-shadow: 0 1px 3px #0000000d;
}

button.brand-filter__chip a:hover {
    border-color: #15892c;
    transform: translateY(-2px);
    box-shadow: 0 3px 10px #00000017;
}

.brand-filter__logo {
    object-fit: contain;
    filter: grayscale(.15)contrast(1.05);
    width: 100%;
    height: 100% !important;
    display: block;
}

.brand-filter__arrow {
    border: 1.5px solid #e7e7e3;
    width: 32px;
    height: 32px;
    color: #4b524d;
    cursor: pointer;
    z-index: 1;
    background: #fff;
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    transition: all .15s;
    display: flex;
    box-shadow: 0 1px 4px #00000014;
}

.brand-filter__arrow:hover {
    border-color: #15892c;
    color: #15892c;
}

.subcats-inline__header {
    align-items: center;
    margin-bottom: 8px;
    display: flex;
}

.subcats-inline__label {
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #7a807c;
    font-size: 11px;
    font-weight: 700;
}

.brand-filter .subcats-inline__header {
    margin-bottom: 10px;
}

.listing--compact .brand-filter {
    border-bottom: none;
}

.brand-filter__arrow {
    transition: opacity 0.25s ease, visibility 0.25s ease;
    opacity: 1;
}

.brand-filter__arrow.is-hidden {
    opacity: 0.4;
    pointer-events: none;
}

.brand-filter__arrow--left:not(.is-hidden)~.subcats-inline__row,
.brand-filter__arrow--left:not(.is-hidden)~.brand-filter__row {
    -webkit-mask-image: linear-gradient(to right, #0000 0, #000 36px, #000 calc(100% - 36px), #0000 100%);
    mask-image: linear-gradient(to right, #0000 0, #000 36px, #000 calc(100% - 36px), #0000 100%);
}

/* Triggers ONLY when BOTH the left and right arrows have the 'is-hidden' class */
.subcats-inline__track:has(.brand-filter__arrow--left.is-hidden):has(.brand-filter__arrow--right.is-hidden) .brand-filter__arrow.is-hidden,
.brand-filter__track:has(.brand-filter__arrow--left.is-hidden):has(.brand-filter__arrow--right.is-hidden) .brand-filter__arrow.is-hidden {
    display: none !important;
}


.cat-brands a {
    color: inherit;
    text-decoration: none;
}

.cat-brands img {
    max-width: 100%;
    display: block;
}

.cat-brands h2 {
    letter-spacing: -.02em;
    margin: 0;
}

.cat-brands {
    background: #f4f4f2;
    border-top: 1px solid #e7e7e3;
    padding: 48px 0;
}

.cat-brands__head {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
}

.cat-brands__head h2 {
    letter-spacing: -.02em;
    font-size: 22px;
    font-weight: 700;
}

.cat-brands__grid {
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    display: grid;
}

.cat-brand {
    background: #fff;
    border: 1px solid #e7e7e3;
    border-radius: 14px;
    color: #121613;
    text-align: left;
    aspect-ratio: auto;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    min-height: 72px;
    padding: 12px;
    transition: all .18s;
    position: relative;
    display: flex !important;
}

.cat-brand:hover {
    border-color: #1f6b3a;
    background: #e7f7df;
    transform: translateY(-2px);
}

.cat-brand__logo {
    background: #f4f4f2;
    border: 1px solid #e7e7e3;
    border-radius: 10px;
    flex: 0 0 48px;
    place-items: center;
    min-width: 48px;
    max-width: 48px;
    display: grid;
    overflow: hidden;
    width: 48px !important;
    height: 48px !important;
}

.cat-brand__meta {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.cat-brand__name {
    letter-spacing: -.01em;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
}

.cat-brand__count {
    color: #7a807c;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 500;
    display: block;
}

.cat-brand:hover .cat-brand__count {
    color: #1f6b3a;
}

@media (width<=1024px) {
    .cat-brands__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (width<=768px) {
    .cat-brands {
        overflow-x: hidden;
    }

    .cat-brands__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cat-brand {
        min-width: 0;
    }
}


.bapf_show_hide {
    color: #1f6b3a;
    align-items: center;
    gap: 5px;
    margin-top: 6px;
    font-size: 12.5px;
    font-weight: 600;
    transition: color .15s;
    display: flex;
}

.bapf_show_hide::after {
    content: "";
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: 12px;
    width: 12px;
    height: 12px;
    transition: .3s;
}

.bapf_sfilter .bapf_show_hide::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' style='width: 12px; height: 12px;'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E");

}

.bapf_sfilter:not(.bapf_fhide) .bapf_show_hide::after {
    transform: rotate(-180deg);
}



.related-cats .wrap {
    max-width: 1280px;
    padding-inline: 16px;
    margin: 0 auto;
}

@media (width>1600px) {
    .related-cats .wrap {
        padding-inline: 80px;
    }

}

.remove_all_fts .bapf_button {
    transition: all .15s;
}

.remove_all_fts .bapf_button:hover {
    border-color: #121613;
    color: #121613;
}


@media (min-width:993px) {
    button.bapf_button.bapf_reset {
        border: 1px solid #e7e7e3;
        width: 100%;
        color: #4b524d;
        background: #fff;
        border-radius: 10px;
        margin-top: 12px;
        padding: 10px;
        font-size: 13px;
        font-weight: 600;
        transition: all .15s;
    }
}