.elementor-2072 .elementor-element.elementor-element-6134ce71 > .elementor-container{max-width:1140px;}.elementor-2072 .elementor-element.elementor-element-6134ce71{margin-top:0px;margin-bottom:0px;padding:15px 15px 0px 15px;}.elementor-2072 .elementor-element.elementor-element-5d30eebb .page-heading{padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-2072 .elementor-element.elementor-element-5d2aa3f7 > .elementor-container{max-width:1170px;}.elementor-2072 .elementor-element.elementor-element-5d2aa3f7{margin-top:0px;margin-bottom:50px;}.elementor-2072 .elementor-element.elementor-element-3edce2ce .etheme-elementor-off-canvas__toggle .elementor-button{background-color:transparent;font-size:77px;fill:#000000;color:#000000;background-image:linear-gradient(180deg, #000000 0%, #000000 100%);border-style:solid;border-color:#E1E1E1;border-radius:0px 30px 30px 0px;padding:15px 15px 15px 15px;}.elementor-2072 .elementor-element.elementor-element-3edce2ce .etheme-elementor-off-canvas__toggle .elementor-button:hover, .elementor-2072 .elementor-element.elementor-element-3edce2ce .etheme-elementor-off-canvas__toggle .elementor-button:hover:focus{background-color:transparent;color:#222222;background-image:linear-gradient(180deg, #000000 0%, #f2295b 100%);}.elementor-2072 .elementor-element.elementor-element-3edce2ce .etheme-elementor-off-canvas__toggle .elementor-button:hover svg, .elementor-2072 .elementor-element.elementor-element-3edce2ce .etheme-elementor-off-canvas__toggle .elementor-button:hover:focus svg{fill:#222222;}.elementor-2072 .elementor-element.elementor-element-3edce2ce{--off-canvas-color:#888888;--widget-checkbox-icon-code:"\e918";}.elementor-2072 .elementor-element.elementor-element-3edce2ce .widget-title, .elementor-2072 .elementor-element.elementor-element-3edce2ce .widgettitle{text-transform:uppercase;}.elementor-2072 .elementor-element.elementor-element-166807ab > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2072 .elementor-element.elementor-element-166807ab{margin-top:0px;margin-bottom:15px;}.elementor-2072 .elementor-element.elementor-element-7331c702{width:auto;max-width:auto;--et_select-arrow-size:.75em;--et_inputs-height:30px;}.elementor-2072 .elementor-element.elementor-element-7331c702 select{width:100%;max-width:170px;}.elementor-2072 .elementor-element.elementor-element-258e0529{width:auto;max-width:auto;}.elementor-2072 .elementor-element.elementor-element-258e0529 > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-2072 .elementor-element.elementor-element-258e0529 .etheme-elementor-grid-list-switcher > .switcher-wrapper a, .elementor-2072 .elementor-element.elementor-element-258e0529 .switch-more > .switcher-wrapper a{font-size:15px;}.elementor-2072 .elementor-element.elementor-element-77fbd057 .products-per-page{justify-content:flex-end;}.elementor-2072 .elementor-element.elementor-element-77fbd057{--et_select-arrow-size:.75em;--et_inputs-height:30px;}.elementor-2072 .elementor-element.elementor-element-64f2ed1f{--cols:3;}.elementor-2072 .elementor-element.elementor-element-64f2ed1f .etheme-product-grid-item{text-align:center;}.elementor-2072 .elementor-element.elementor-element-64f2ed1f .etheme-product-grid-button, .elementor-2072 .elementor-element.elementor-element-64f2ed1f .quantity-wrapper[data-type=advanced] .quantity>span.plus{background-color:#F2F2F2;fill:#222222;color:#222222;}.elementor-2072 .elementor-element.elementor-element-64f2ed1f .etheme-product-grid-button:hover, .elementor-2072 .elementor-element.elementor-element-64f2ed1f .etheme-product-grid-button:focus{background-color:#43A047;color:#FFFFFF;}.elementor-2072 .elementor-element.elementor-element-64f2ed1f .etheme-product-grid-item.type-list{text-align:left;}.elementor-2072 .elementor-element.elementor-element-64f2ed1f .etheme-product-grid-item.type-list .etheme-product-grid-content{align-self:center;}.elementor-2072 .elementor-element.elementor-element-64f2ed1f .etheme-product-grid-image img{width:100%;}.elementor-2072 .elementor-element.elementor-element-64f2ed1f .etheme-product-grid-button:hover svg, .elementor-2072 .elementor-element.elementor-element-64f2ed1f .etheme-product-grid-button:focus svg{fill:#FFFFFF;}.elementor-2072 .elementor-element.elementor-element-64f2ed1f .etheme-product-grid-button{padding:13px 30px 13px 30px;}@media(min-width:768px){.elementor-2072 .elementor-element.elementor-element-12ab53fc{width:25%;}.elementor-2072 .elementor-element.elementor-element-608a4495{width:75%;}.elementor-2072 .elementor-element.elementor-element-10d24bb6{width:70%;}.elementor-2072 .elementor-element.elementor-element-5a006025{width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2072 .elementor-element.elementor-element-12ab53fc{width:100%;}.elementor-2072 .elementor-element.elementor-element-608a4495{width:100%;}}@media(max-width:1024px){.elementor-2072 .elementor-element.elementor-element-5d2aa3f7{margin-top:0px;margin-bottom:20px;}.elementor-2072 .elementor-element.elementor-element-3edce2ce .etheme-elementor-off-canvas__toggle .elementor-button{border-width:1px 1px 1px 0px;}.elementor-2072 .elementor-element.elementor-element-3edce2ce{--off-canvas-width:300px;}.elementor-2072 .elementor-element.elementor-element-3edce2ce .widget-title, .elementor-2072 .elementor-element.elementor-element-3edce2ce .widgettitle{font-size:14px;}.elementor-2072 .elementor-element.elementor-element-64f2ed1f{--cols:2;}}@media(max-width:767px){.elementor-2072 .elementor-element.elementor-element-10d24bb6{width:70%;}.elementor-2072 .elementor-element.elementor-element-5a006025{width:30%;}.elementor-2072 .elementor-element.elementor-element-64f2ed1f{--cols:2;}.elementor-2072 .elementor-element.elementor-element-64f2ed1f .etheme-product-grid-button{padding:13px 15px 13px 15px;}}/* Start custom CSS for woocommerce-etheme_archive_products, class: .elementor-element-64f2ed1f *//* 1. Cố định chiều cao tiêu đề để nút bấm luôn thẳng hàng */
.woocommerce-loop-product__title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #333;
    min-height: 50px; /* Độ cao cố định cho tiêu đề */
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Chỉ hiện tối đa 2 dòng */
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px !important;
}

/* 2. Làm đẹp khung sản phẩm (Product Card) */
.product {
    border: 1px solid #eee; /* Viền nhẹ quanh sản phẩm */
    padding: 5px;
    border-radius: 5px; /* Bo góc */
    transition: all 0.3s ease;
    background: #fff;
}

.product:hover {
    box-shadow: 0px 10px 20px rgba(0,0,0,0.1); /* Hiệu ứng đổ bóng khi di chuột vào */
    border-color: #82b440; /* Đổi màu viền khi hover */
}

/* 3. Làm đẹp nút "Select Options" hoặc "Mua hàng" */
.button.add_to_cart_button, .button.product_type_variable {
    background-color: #82b440 !important; /* Đổi sang màu xanh lá giống trên ảnh */
    color: white !important;
    border-radius: 4px !important;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 20px !important;
    width: 100%; /* Cho nút dài hết khung cho đẹp */
    text-align: center;
}

.button.add_to_cart_button:hover {
    background-color: #6a9634 !important; /* Màu tối hơn khi di chuột */
}

.button-group {
    display: flex;       /* Kích hoạt chế độ hàng ngang */
    gap: 10px;          /* Khoảng cách giữa 2 nút */
    justify-content: center; /* Căn giữa hoặc dùng flex-start để căn trái */
}

/* Tùy chỉnh nút mới cho giống nút cũ */
.buy-now {
    border: 1px solid #333;
    padding: 10px 20px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
}/* End custom CSS */