.elementor-555 .elementor-element.elementor-element-0be89b3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-555 .elementor-element.elementor-element-60b0c83{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-555 .elementor-element.elementor-element-b02e3bb.elementor-element{--align-self:center;}.elementor-555 .elementor-element.elementor-element-b02e3bb .elementor-heading-title{font-size:15px;font-weight:500;line-height:25px;}.elementor-555 .elementor-element.elementor-element-fef54c7 .elementor-heading-title{font-size:20px;}.elementor-555 .elementor-element.elementor-element-348a4b7.elementor-element{--align-self:stretch;}.elementor-555 .elementor-element.elementor-element-43959ec{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-555 .elementor-element.elementor-element-2efbf27{--divider-border-style:solid;--divider-color:#D6D6D6;--divider-border-width:1px;}.elementor-555 .elementor-element.elementor-element-2efbf27 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-555 .elementor-element.elementor-element-2efbf27 .elementor-divider-separator{width:100%;}.elementor-555 .elementor-element.elementor-element-2efbf27 .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-555 .elementor-element.elementor-element-46e3477{--grid-columns:5;--grid-row-gap:12px;--grid-column-gap:12px;}.elementor-555 .elementor-element.elementor-element-46e3477 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-555 .elementor-element.elementor-element-46e3477 .e-loop-item > .elementor-section, .elementor-555 .elementor-element.elementor-element-46e3477 .e-loop-item > .elementor-section > .elementor-container, .elementor-555 .elementor-element.elementor-element-46e3477 .e-loop-item > .e-con, .elementor-555 .elementor-element.elementor-element-46e3477 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-555 .elementor-element.elementor-element-46e3477{--grid-columns:2;}}@media(max-width:767px){.elementor-555 .elementor-element.elementor-element-46e3477{--grid-columns:2;--grid-row-gap:10px;--grid-column-gap:10px;}}/* Start custom CSS for container, class: .elementor-element-0be89b3 */.category-submenu {
    display: flex;
    gap: 10px;
    width: 100%;
    flex-wrap: wrap;
    font-size: 13px;
}
.category-submenu a {
    flex: 0 0 auto; 
    white-space: nowrap;
    padding: 5px 10px;
    background-color: #fefeff;
    border: 1px solid #e1e1e1;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s;
    display: inline-block; 
}

@media (max-width: 468px) {
    .category-submenu {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        -ms-overflow-style: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin-top: 5px;
        padding-bottom: 5px; /* Thêm padding dưới để hiển thị scrollbar */
    }
    
    /* Hiển thị thanh cuộn */
    .category-submenu::-webkit-scrollbar {
        height: 5px;
        display: block;
    }
    
    .category-submenu::-webkit-scrollbar-thumb {
        background-color: #c1c1c1;
        border-radius: 10px;
    }
    
    .category-submenu::-webkit-scrollbar-track {
        background-color: #f1f1f1;
        border-radius: 10px;
    }
}

/* Price Range Buttons */
.price-filter-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size:13px;
}

.price-filter-wrapper a {
    padding: 5px 10px;
    border: 1px solid #e0e0e0;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.price-filter-wrapper a:hover,
.price-filter-wrapper a.active {
    background-color: var(--theme-palette-color-3);
    border-color: var(--theme-palette-color-3);
}

/* Sorting Buttons */
.sorting-filter-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 13px;
}

.sorting-filter-wrapper a {
    padding: 5px 10px;
    border: 1px solid #e0e0e0;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.sorting-filter-wrapper a:hover,
.sorting-filter-wrapper a.active {
    background-color: var(--theme-palette-color-3);
    border-color: var(--theme-palette-color-3);
}

/* Active Filters */
.active-filters-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.active-filters-wrapper span {
    margin-right: 10px;
    font-weight: 500;
    font-size: 14px;
}

.active-filter-tag {
    display: inline-flex;
    align-items: center;
    background-color: #f0f0f0;
    padding: 5px 10px;
    border-radius: 4px;
    margin-right: 10px;
}

.active-filter-tag .remove-filter {
    color: #dc3545;
    margin-left: 5px;
    text-decoration: none;
    font-weight: bold;
}

.clear-all-filters {
    color: #dc3545;
    text-decoration: none;
    margin-left: 10px;
}/* End custom CSS */