.elementor-18431 .elementor-element.elementor-element-f52cccf{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-18431 .elementor-element.elementor-element-f52cccf:not(.elementor-motion-effects-element-type-background), .elementor-18431 .elementor-element.elementor-element-f52cccf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18431 .elementor-element.elementor-element-1cf043ef{text-align:center;}.elementor-18431 .elementor-element.elementor-element-6e6b8ab{--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;--justify-content:space-between;--align-items:flex-start;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-18431 .elementor-element.elementor-element-6e6b8ab:not(.elementor-motion-effects-element-type-background), .elementor-18431 .elementor-element.elementor-element-6e6b8ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18431 .elementor-element.elementor-element-6e6b8ab.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18431 .elementor-element.elementor-element-aad5153{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-18431 .elementor-element.elementor-element-aad5153.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18431 .elementor-element.elementor-element-3d8f8b4{width:var( --container-widget-width, 116.339% );max-width:116.339%;--container-widget-width:116.339%;--container-widget-flex-grow:0;}.elementor-18431 .elementor-element.elementor-element-3d8f8b4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-18431 .elementor-element.elementor-element-3d8f8b4 > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-18431 .elementor-element.elementor-element-3d8f8b4 h2.wl_filter_title{color:#3A8F3E;border-style:solid;border-width:1px 1px 1px 1px;padding:10px 10px 10px 10px;}.elementor-18431 .elementor-element.elementor-element-3d8f8b4 .woolentor-filter-wrap ul li a{padding:10px 10px 10px 10px;}.elementor-18431 .elementor-element.elementor-element-3d8f8b4 .woolentor-filter-wrap ul li{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-18431 .elementor-element.elementor-element-3d8f8b4 .woolentor-filter-wrap ul > li:hover > i{color:#2C7932;}.elementor-18431 .elementor-element.elementor-element-3d8f8b4 .woolentor-filter-wrap ul li a:hover{color:#2C7932;}.elementor-18431 .elementor-element.elementor-element-476f5b0{--display:flex;}.elementor-18431 .elementor-element.elementor-element-476f5b0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18431 .elementor-element.elementor-element-e135702.elementor-wc-products ul.products li.product{text-align:left;--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px;padding:10px 10px 10px 10px;box-shadow:0px 0px 1px 0px rgba(0,0,0,0.5);}.elementor-18431 .elementor-element.elementor-element-e135702.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-18431 .elementor-element.elementor-element-e135702.elementor-wc-products ul.products li.product .price{color:#FF0000;}.elementor-18431 .elementor-element.elementor-element-e135702.elementor-wc-products ul.products li.product .price ins{color:#FF0000;}.elementor-18431 .elementor-element.elementor-element-e135702.elementor-wc-products ul.products li.product .price ins .amount{color:#FF0000;}.elementor-18431 .elementor-element.elementor-element-e135702.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:#3A683D;border-color:#FFFFFF;font-size:15px;}.elementor-18431 .elementor-element.elementor-element-e135702.elementor-wc-products .added_to_cart{color:#FF8181;}.elementor-18431 .elementor-element.elementor-element-e135702.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-18431 .elementor-element.elementor-element-32f2d267{--display:flex;}@media(max-width:1024px){.elementor-18431 .elementor-element.elementor-element-e135702.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-18431 .elementor-element.elementor-element-aad5153{--width:18.657%;}.elementor-18431 .elementor-element.elementor-element-476f5b0{--width:69%;}}@media(max-width:767px){.elementor-18431 .elementor-element.elementor-element-aad5153{--width:289px;}.elementor-18431 .elementor-element.elementor-element-e135702.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-e135702 *//* 1. Xóa chữ nhãn 'Dung tích' thừa thãi */
.elementor-18431 .elementor-element.elementor-element-e135702 .wpc-variations-swatches .wpc-attribute-label,
.elementor-18431 .elementor-element.elementor-element-e135702 .wpc-variations-swatches .wpc-label,
.elementor-18431 .elementor-element.elementor-element-e135702 .wpc-variations-swatches label,
.elementor-18431 .elementor-element.elementor-element-e135702 .wpc-variations-swatches .reset_variations {
    display: none !important;
}

/* 2. Căn các nút ra giữa thẻ sản phẩm, tạo khoảng thở */
.elementor-18431 .elementor-element.elementor-element-e135702 .wpc-variations-swatches {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 8px 0 12px 0 !important;
}

.elementor-18431 .elementor-element.elementor-element-e135702 .wpc-variations-swatches .wpc-swatches {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Style nút dung tích: Dáng viên thuốc (pill), viền xanh xám thanh lịch */
.elementor-18431 .elementor-element.elementor-element-e135702 .wpc-variations-swatches .wpc-swatch,
.elementor-18431 .elementor-element.elementor-element-e135702 .wpc-variations-swatches span.wpc-swatch-item {
    background: #f7faf8 !important;
    border: 1px solid #c9d8ce !important;
    color: #2e5b3c !important;
    border-radius: 20px !important; /* Bo cong mềm mại */
    padding: 5px 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    min-width: unset !important;
    height: auto !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

/* 4. Hiệu ứng khi lướt chuột qua (Hover) */
.elementor-18431 .elementor-element.elementor-element-e135702 .wpc-variations-swatches .wpc-swatch:hover {
    border-color: #2e5b3c !important;
    background-color: #eaf3ec !important;
    transform: translateY(-1px) !important;
}

/* 5. Nút khi đang được chọn (Selected/Active) */
.elementor-18431 .elementor-element.elementor-element-e135702 .wpc-variations-swatches .wpc-swatch.wpc-swatch-selected,
.elementor-18431 .elementor-element.elementor-element-e135702 .wpc-variations-swatches .wpc-swatch.active {
    background-color: #2e5b3c !important; /* Nền xanh đậm chuẩn thương hiệu */
    border-color: #2e5b3c !important;
    color: #ffffff !important;           /* Chữ đổi sang màu trắng */
    box-shadow: 0 2px 6px rgba(46, 91, 60, 0.3) !important;
}/* End custom CSS */