.elementor-1352 .elementor-element.elementor-element-06634da{--display:flex;--background-transition:0.3s;--padding-top:2%;--padding-right:2%;--padding-bottom:2%;--padding-left:2%;}.elementor-1352 .elementor-element.elementor-element-06634da:not(.elementor-motion-effects-element-type-background), .elementor-1352 .elementor-element.elementor-element-06634da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-1352 .elementor-element.elementor-element-06634da, .elementor-1352 .elementor-element.elementor-element-06634da::before{--border-transition:0.3s;}.elementor-1352 .elementor-element.elementor-element-72c9eb1{--display:flex;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;--padding-top:20px;--padding-right:20px;--padding-bottom:20px;--padding-left:20px;}.elementor-1352 .elementor-element.elementor-element-72c9eb1:not(.elementor-motion-effects-element-type-background), .elementor-1352 .elementor-element.elementor-element-72c9eb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1352 .elementor-element.elementor-element-72c9eb1, .elementor-1352 .elementor-element.elementor-element-72c9eb1::before{--border-transition:0.3s;}@media(max-width:767px){.elementor-1352 .elementor-element.elementor-element-06634da{--padding-top:20px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-1352 .elementor-element.elementor-element-72c9eb1{--border-radius:0px 0px 0px 0px;--border-top-left-radius:0px;--border-top-right-radius:0px;--border-bottom-right-radius:0px;--border-bottom-left-radius:0px;}}@media(min-width:768px){.elementor-1352 .elementor-element.elementor-element-06634da{--content-width:2000px;}}/* Start custom CSS for html, class: .elementor-element-0fac04f *//* Tổng thể */
.container {
    display: flex;
    padding: 0px;
}

/* Định dạng nút danh mục bên trái */
.category-buttons {
    flex: 1;
    display: flex;
    flex-flow: row wrap;
    gap: .625rem;
}

.category-btn {
    background-color: #f44336;
    color: white;
    padding: 10px 10px;
    border: none;
    cursor: pointer;
    font-size: 12px;
}

.category-btn:hover {
    background-color: #d32f2f;
}

/* Định dạng banner */
.category-banner {
    flex: 3;
    padding-left: 20px;
}

.category-item img {
    width: 100%;
    height: auto;
    /*display: none;*/
}

.category-item.active img {
    display: block;
}

/* Định dạng sản phẩm */
.category-content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.products img {
    width: 150px;
    height: auto;
    border: 1px solid #ddd;
}

button.category-btn {
    flex: 0 0 calc(50% - 0.41667rem);
    max-width: calc(50% - .41667rem);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-06634da */a.button.product_type_simple {
    display: none!important;
}

ul.products.elementor-grid.columns-5:before {
    content: unset!important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: auto!important;
    padding: 0;
    margin: 0;
    float: none!important;
}

@media only screen and (max-width: 768px) {
    .category-banner {
        flex: 0 0 auto;
        flex: 0 0 100%;
        max-width: 100%;
        order: -1;
        padding-left:0px;
    }
    .container {
    flex-wrap: wrap;
    gap: 1rem;
    padding:0px;
}

.category-buttons {
    flex: 0 0 100%;
    max-width: 100%;
}


.category-buttons {
    flex: 0 0 100%;
    max-width: 100%;
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    margin: 0 0 0em!important;
}
}/* End custom CSS */