.elementor-276 .elementor-element.elementor-element-050336e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-276 .elementor-element.elementor-element-ebc8cf8{--display:flex;}.elementor-276 .elementor-element.elementor-element-f1978d3{--display:flex;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-276 .elementor-element.elementor-element-699804b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#000000;}.elementor-276 .elementor-element.elementor-element-699804b .elementor-heading-title a:hover, .elementor-276 .elementor-element.elementor-element-699804b .elementor-heading-title a:focus{color:#2EC121;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-276 .elementor-element.elementor-element-d48d82f .price{color:#F0012F;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-276 .elementor-element.elementor-element-ab82172 .cart button, .elementor-276 .elementor-element.elementor-element-ab82172 .cart .button{background-color:#159C14;transition:all 0.2s;}.elementor-276 .elementor-element.elementor-element-ab82172 .quantity .qty{transition:all 0.2s;}.elementor-widget-woocommerce-product-meta .product_meta .detail-container:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-276 .elementor-element.elementor-element-dffa1fd{--display:flex;}.elementor-276 .elementor-element.elementor-element-7a0831d{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-276 .elementor-element.elementor-element-75c3aae{--display:flex;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-276 .elementor-element.elementor-element-4696f4b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-276 .elementor-element.elementor-element-4696f4b.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-276 .elementor-element.elementor-element-ebc8cf8{--width:50%;}.elementor-276 .elementor-element.elementor-element-f1978d3{--width:50%;}}@media(max-width:1024px){.elementor-276 .elementor-element.elementor-element-4696f4b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-276 .elementor-element.elementor-element-4696f4b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-eb96874 */.elementor-276 .elementor-element.elementor-element-eb96874 img {
  width: 100% !important;
  height: 630px !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}

.elementor-276 .elementor-element.elementor-element-eb96874 .woocommerce-product-gallery__trigger {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-short-description, class: .elementor-element-676a3df *//* ===== LÀM NỀN XÁM CHO PHẦN MÔ TẢ NGẮN (SHORT DESCRIPTION) ===== */
.elementor-widget-woocommerce-product-short-description,
.woocommerce-product-details__short-description {
    background-color: #f7f7f7 !important; /* Màu nền xám nhạt nhẹ nhàng, sang trọng */
    padding: 10px 10px !important;         /* Tạo khoảng cách đệm từ chữ ra đến viền góc */
    border-radius: 8px !important;         /* Bo tròn nhẹ 4 góc cho mượt mà */
    margin-bottom: px !important;        /* Tạo khoảng cách vừa phải từ khối này xuống nút mua */
}

/* Chỉnh khoảng cách các dòng chữ hoặc dấu gạch đầu dòng bên trong khung xám cho đẹp */
.elementor-widget-woocommerce-product-short-description p,
.elementor-widget-woocommerce-product-short-description ul {
    margin: 0 !important;
    line-height: 1.6 !important;           /* Giúp khoảng cách giữa các dòng chữ thoáng hơn */
    color: #333333 !important;             /* Đổi màu chữ thành đen xám rõ nét */
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-ab82172 */.elementor-276 .elementor-element.elementor-element-ab82172 form.cart {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.elementor-276 .elementor-element.elementor-element-ab82172 .quantity input.qty {
  width: 55px !important;
  height: 40px !important;
  border: 1px solid #dddddd !important;
  text-align: center !important;
  font-size: 16px !important;
}

.elementor-276 .elementor-element.elementor-element-ab82172 .single_add_to_cart_button {
  min-width: 200px !important;
  height: 35px !important;
  background: #39a91f !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  border: none !important;
  font-size: 0 !important;
  box-shadow: none !important;
}

.elementor-276 .elementor-element.elementor-element-ab82172 .single_add_to_cart_button::after {
  content: "Thêm vào giỏ hàng";
  font-size: 16px !important;
  color: #ffffff !important;
  font-weight: 500 !important;
}

.elementor-276 .elementor-element.elementor-element-ab82172 .single_add_to_cart_button:hover {
  background: #2f9419 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-data-tabs, class: .elementor-element-893794f *//* Khung tổng Product Data Tabs - nhỏ gọn hơn */
.elementor-276 .elementor-element.elementor-element-893794f {
  max-width: 100% !important;
  margin: 24px auto 32px !important;
}

/* Thanh tab trên cùng */
.elementor-276 .elementor-element.elementor-element-893794f .woocommerce-tabs ul.tabs,
.elementor-276 .elementor-element.elementor-element-893794f ul.tabs {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #dddddd !important;
  list-style: none !important;
}

.elementor-276 .elementor-element.elementor-element-893794f .woocommerce-tabs ul.tabs::before,
.elementor-276 .elementor-element.elementor-element-893794f .woocommerce-tabs ul.tabs::after,
.elementor-276 .elementor-element.elementor-element-893794f ul.tabs::before,
.elementor-276 .elementor-element.elementor-element-893794f ul.tabs::after {
  display: none !important;
}

/* Từng tab */
.elementor-276 .elementor-element.elementor-element-893794f .woocommerce-tabs ul.tabs li,
.elementor-276 .elementor-element.elementor-element-893794f ul.tabs li {
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #dddddd !important;
  border-bottom: none !important;
  background: #f5f5f5 !important;
  border-radius: 0 !important;
}

.elementor-276 .elementor-element.elementor-element-893794f .woocommerce-tabs ul.tabs li a,
.elementor-276 .elementor-element.elementor-element-893794f ul.tabs li a {
  display: block !important;
  padding: 11px 22px !important;
  color: #333333 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* Tab active màu xanh */
.elementor-276 .elementor-element.elementor-element-893794f .woocommerce-tabs ul.tabs li.active,
.elementor-276 .elementor-element.elementor-element-893794f ul.tabs li.active {
  background: #5ba23a !important;
  border-color: #5ba23a !important;
}

.elementor-276 .elementor-element.elementor-element-893794f .woocommerce-tabs ul.tabs li.active a,
.elementor-276 .elementor-element.elementor-element-893794f ul.tabs li.active a {
  color: #ffffff !important;
}

/* Khung nội dung bên dưới */
.elementor-276 .elementor-element.elementor-element-893794f .woocommerce-Tabs-panel,
.elementor-276 .elementor-element.elementor-element-893794f .panel {
  margin: 0 !important;
  padding: 24px 22px 30px !important;
  border: 1px solid #dddddd !important;
  border-top: none !important;
  background: #ffffff !important;
}

/* Tiêu đề Reviews / Đánh giá */
.elementor-276 .elementor-element.elementor-element-893794f #reviews #comments h2,
.elementor-276 .elementor-element.elementor-element-893794f #reviews h2,
.elementor-276 .elementor-element.elementor-element-893794f .woocommerce-Reviews-title {
  color: #5ba23a !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin: 0 0 10px !important;
}

/* Dòng chưa có đánh giá */
.elementor-276 .elementor-element.elementor-element-893794f #reviews #comments .woocommerce-noreviews,
.elementor-276 .elementor-element.elementor-element-893794f #reviews .woocommerce-noreviews {
  color: #111111 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  margin: 0 0 32px !important;
}

/* Khung review / đăng nhập */
.elementor-276 .elementor-element.elementor-element-893794f #review_form_wrapper {
  border: 2px solid #5ba23a !important;
  padding: 22px 26px !important;
  margin-top: 18px !important;
  background: #ffffff !important;
}

/* Tiêu đề trong khung review */
.elementor-276 .elementor-element.elementor-element-893794f #review_form #reply-title,
.elementor-276 .elementor-element.elementor-element-893794f #review_form_wrapper .comment-reply-title {
  display: block !important;
  color: #5ba23a !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 0 14px !important;
}

/* Text trong review */
.elementor-276 .elementor-element.elementor-element-893794f #review_form_wrapper p,
.elementor-276 .elementor-element.elementor-element-893794f #review_form_wrapper label,
.elementor-276 .elementor-element.elementor-element-893794f #review_form_wrapper .comment-notes {
  color: #111111 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

/* Link đăng nhập */
.elementor-276 .elementor-element.elementor-element-893794f #review_form_wrapper a {
  color: #5ba23a !important;
  text-decoration: none !important;
}

.elementor-276 .elementor-element.elementor-element-893794f #review_form_wrapper a:hover {
  color: #3f8d24 !important;
}

/* Sao đánh giá */
.elementor-276 .elementor-element.elementor-element-893794f #review_form .stars a {
  color: #d72d62 !important;
  font-size: 22px !important;
}

/* Ô nhập review */
.elementor-276 .elementor-element.elementor-element-893794f #review_form textarea,
.elementor-276 .elementor-element.elementor-element-893794f #review_form input[type="text"],
.elementor-276 .elementor-element.elementor-element-893794f #review_form input[type="email"] {
  width: 100% !important;
  border: 1px solid #999999 !important;
  border-radius: 0 !important;
  padding: 10px 12px !important;
  font-size: 15px !important;
  color: #111111 !important;
  background: #ffffff !important;
}

/* Nút gửi đánh giá */
.elementor-276 .elementor-element.elementor-element-893794f #review_form input[type="submit"],
.elementor-276 .elementor-element.elementor-element-893794f #review_form .submit {
  background: #5ba23a !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 10px 24px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.elementor-276 .elementor-element.elementor-element-893794f #review_form input[type="submit"]:hover,
.elementor-276 .elementor-element.elementor-element-893794f #review_form .submit:hover {
  background: #3f8d24 !important;
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-276 .elementor-element.elementor-element-893794f .woocommerce-tabs ul.tabs li a,
  .elementor-276 .elementor-element.elementor-element-893794f ul.tabs li a {
    padding: 10px 14px !important;
    font-size: 14px !important;
  }

  .elementor-276 .elementor-element.elementor-element-893794f .woocommerce-Tabs-panel,
  .elementor-276 .elementor-element.elementor-element-893794f .panel {
    padding: 22px 16px 28px !important;
  }

  .elementor-276 .elementor-element.elementor-element-893794f #reviews #comments h2,
  .elementor-276 .elementor-element.elementor-element-893794f #reviews h2,
  .elementor-276 .elementor-element.elementor-element-893794f .woocommerce-Reviews-title {
    font-size: 24px !important;
  }

  .elementor-276 .elementor-element.elementor-element-893794f #reviews #comments .woocommerce-noreviews,
  .elementor-276 .elementor-element.elementor-element-893794f #reviews .woocommerce-noreviews {
    font-size: 16px !important;
    margin-bottom: 26px !important;
  }

  .elementor-276 .elementor-element.elementor-element-893794f #review_form_wrapper {
    padding: 22px 16px !important;
  }

  .elementor-276 .elementor-element.elementor-element-893794f #review_form #reply-title,
  .elementor-276 .elementor-element.elementor-element-893794f #review_form_wrapper .comment-reply-title {
    font-size: 22px !important;
  }

  .elementor-276 .elementor-element.elementor-element-893794f #review_form_wrapper p,
  .elementor-276 .elementor-element.elementor-element-893794f #review_form_wrapper label,
  .elementor-276 .elementor-element.elementor-element-893794f #review_form_wrapper .comment-notes {
    font-size: 15px !important;
  }
}
/* ==================================================
   FIX TAB ĐÁNH GIÁ BỊ NHẢY SANG PHẢI / TRÀN NGANG
   Dán cuối Custom CSS của Product Data Tabs
================================================== */

/* Ép toàn bộ widget không được rộng quá khung */
.elementor-276 .elementor-element.elementor-element-893794f {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Ép mọi phần tử tính padding vào trong width */
.elementor-276 .elementor-element.elementor-element-893794f,
.elementor-276 .elementor-element.elementor-element-893794f *,
.elementor-276 .elementor-element.elementor-element-893794f *::before,
.elementor-276 .elementor-element.elementor-element-893794f *::after {
  box-sizing: border-box !important;
}

/* Không cho panel tab bị lệch */
.elementor-276 .elementor-element.elementor-element-893794f .woocommerce-Tabs-panel,
.elementor-276 .elementor-element.elementor-element-893794f .panel,
.elementor-276 .elementor-element.elementor-element-893794f #tab-description,
.elementor-276 .elementor-element.elementor-element-893794f #tab-reviews,
.elementor-276 .elementor-element.elementor-element-893794f #reviews {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  padding-left: 28px !important;
  padding-right: 28px !important;

  left: 0 !important;
  right: auto !important;
  transform: none !important;

  overflow-x: hidden !important;
  float: none !important;
}

/* Fix riêng khung đánh giá */
.elementor-276 .elementor-element.elementor-element-893794f #reviews,
.elementor-276 .elementor-element.elementor-element-893794f #comments,
.elementor-276 .elementor-element.elementor-element-893794f #review_form_wrapper,
.elementor-276 .elementor-element.elementor-element-893794f #review_form,
.elementor-276 .elementor-element.elementor-element-893794f #respond,
.elementor-276 .elementor-element.elementor-element-893794f .comment-respond {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin-left: 0 !important;
  margin-right: 0 !important;

  left: 0 !important;
  transform: none !important;

  overflow-x: hidden !important;
}

/* Khung review không được vượt ra ngoài */
.elementor-276 .elementor-element.elementor-element-893794f #review_form_wrapper {
  padding: 28px 32px !important;
  border: 2px solid #5ba23a !important;
}

/* Textarea là nguyên nhân hay làm tràn ngang */
.elementor-276 .elementor-element.elementor-element-893794f #review_form textarea,
.elementor-276 .elementor-element.elementor-element-893794f #review_form input[type="text"],
.elementor-276 .elementor-element.elementor-element-893794f #review_form input[type="email"],
.elementor-276 .elementor-element.elementor-element-893794f #review_form input[type="url"] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* Không cho nội dung dài làm vỡ layout */
.elementor-276 .elementor-element.elementor-element-893794f #reviews,
.elementor-276 .elementor-element.elementor-element-893794f #reviews * {
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* Ẩn thanh kéo ngang bên trong widget nếu có */
.elementor-276 .elementor-element.elementor-element-893794f .woocommerce-tabs,
.elementor-276 .elementor-element.elementor-element-893794f .wc-tabs-wrapper {
  overflow-x: hidden !important;
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-276 .elementor-element.elementor-element-893794f .woocommerce-Tabs-panel,
  .elementor-276 .elementor-element.elementor-element-893794f .panel,
  .elementor-276 .elementor-element.elementor-element-893794f #tab-description,
  .elementor-276 .elementor-element.elementor-element-893794f #tab-reviews,
  .elementor-276 .elementor-element.elementor-element-893794f #reviews {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .elementor-276 .elementor-element.elementor-element-893794f #review_form_wrapper {
    padding: 22px 16px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dffa1fd *//* ===== 1. KHUNG BAO NỘI DUNG PHÍA DƯỚI ===== */
.woocommerce-tabs .woocommerce-Tabs-panel,
.woocommerce-tabs .panel,
.elementor-276 .elementor-element.elementor-element-dffa1fd .elementor-tabs-content-wrapper,
.elementor-276 .elementor-element.elementor-element-dffa1fd .elementor-tab-content {
    /* Đóng viền xám mảnh chuẩn màu viền của Tab Đánh giá */
    border: 1px solid #acacac !important; 
    
    /* Dịch khung nội dung lên 1px để đè khít lên đường viền đáy của thanh Tab */
    margin-top: -1px !important; 
    
    /* Khoảng đệm bên trong để chữ cách biệt với viền */
    padding: 30px !important; 
    
    /* Bo góc nhẹ hai cạnh đáy dưới */
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 1 !important;
}

/* ===== 2. ĐẢM BẢO THANH TAB PHÍA TRÊN NẰM SÁT SÀN ===== */
.woocommerce-tabs ul.tabs,
.elementor-276 .elementor-element.elementor-element-dffa1fd .elementor-tabs-wrapper {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    position: relative !important;
    z-index: 2 !important; /* Đẩy thanh tab lên trên để xử lý đè viền */
}

/* ===== 3. XỬ LÝ RIÊNG CHO TAB ĐANG ĐƯỢC CHỌN (MÔ TẢ) ĐỂ NỐI LIỀN MẠCH ===== */
.woocommerce-tabs ul.tabs li.active,
.elementor-276 .elementor-element.elementor-element-dffa1fd .elementor-tab-title.elementor-active {
    /* Ép tab đang hoạt động có viền dưới trùng màu nền (hoặc không viền) để thông suốt với hộp dưới */
    border-bottom-color: #61a63c !important; /* Nếu tab màu xanh thì dùng màu xanh, hoặc transparent */
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-4696f4b *//* 
   CARD SẢN PHẨM
 */

.elementor-widget-woocommerce-products ul.products li.product {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    text-align: center;
}

/* ==================================================
   ẢNH SẢN PHẨM
================================================== */

.elementor-widget-woocommerce-products ul.products li.product img {
    display: block;
    margin: 0 auto;
}

/* ==================================================
   KHỐI NỀN XANH NHẠT BÊN DƯỚI
================================================== */

/* TÊN */
.elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title {

    background: #f3f7f4;

    margin: 0 12px;
    padding: 22px 16px 10px;

    border-radius: 16px 16px 0 0;

    color: #61A63C !important;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.4;
}

/* GIÁ */
.elementor-widget-woocommerce-products ul.products li.product .price {

    background: #f3f7f4;

    margin: 0 12px;
    padding: 0 16px 18px;

    display: block;

    color: #111 !important;
    font-size: 22px;
    font-weight: 700;
}

/* WRAP NÚT */
.elementor-widget-woocommerce-products ul.products li.product .button.add_to_cart_button {

    background-color: #61A63C !important;
    color: #fff !important;

    border-radius: 999px !important;
    border: none !important;

    padding: 13px 28px 13px 48px !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;

    position: relative !important;

    display: inline-block !important;
    float: none !important;

    margin: 0 12px 18px !important;

    box-shadow: none !important;
}

/* NỀN XANH PHÍA SAU NÚT */
.elementor-widget-woocommerce-products ul.products li.product .button.add_to_cart_button::after {

    content: "";

    position: absolute;

    left: -69px;
    right: -69px;
    top: -18px;
    bottom: -18px;

    background: #f3f7f4;

    border-radius: 0 0 16px 16px;

    z-index: -1;
}

/* ICON GIỎ HÀNG */
.elementor-widget-woocommerce-products ul.products li.product .button.add_to_cart_button::before {

    content: "👜";

    position: absolute;

    left: 18px;
    top: 50%;

    transform: translateY(-50%);

    font-size: 14px;
}

/* XÓA ICON WOOCOMMERCE */
.elementor-widget-woocommerce-products ul.products li.product .button.add_to_cart_button::marker,
.elementor-widget-woocommerce-products ul.products li.product .button.add_to_cart_button::after {
    list-style: none;
}

/* HIỆU ỨNG HOVER NÚT */
.elementor-widget-woocommerce-products ul.products li.product .button.add_to_cart_button:hover {
    background-color: #4d872e !important;
    box-shadow: 0 4px 10px rgba(97, 166, 60, 0.3) !important;
}
/* ================================
   SỬA KHỐI XANH MỜ SẢN PHẨM
================================ */

/* Cho card làm mốc để đặt nền xanh mờ */
.elementor-widget-woocommerce-products ul.products li.product {
    position: relative !important;
    overflow: visible !important;
    z-index: 1 !important;
}

/* Tạo 1 khối xanh mờ duy nhất phía sau tên + giá + nút */
.elementor-widget-woocommerce-products ul.products li.product::after {
    content: "" !important;
    position: absolute !important;

    left: 12px !important;
    right: 12px !important;
    bottom: 0 !important;

    height: 210px !important;

    background: #f3f7f4 !important;
    border-radius: 16px !important;

    z-index: -1 !important;
}

/* Bỏ nền riêng của tên sản phẩm */
.elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title {
    background: transparent !important;
    margin: 0 12px !important;
    padding: 26px 16px 10px !important;
    border-radius: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Bỏ nền riêng của giá */
.elementor-widget-woocommerce-products ul.products li.product .price {
    background: transparent !important;
    margin: 0 12px !important;
    padding: 0 16px 18px !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Không dùng ::after của button để tạo nền nữa */
.elementor-widget-woocommerce-products ul.products li.product .button.add_to_cart_button::after {
    content: none !important;
    display: none !important;
}

/* Đưa nút lên trên nền xanh mờ */
.elementor-widget-woocommerce-products ul.products li.product .button.add_to_cart_button {
    position: relative !important;
    z-index: 2 !important;
    margin: 0 auto 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* Đổi chữ ADD TO CART thành tiếng Việt */
.elementor-widget-woocommerce-products ul.products li.product .button.add_to_cart_button {
    font-size: 0 !important;
    color: transparent !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

/* Bỏ icon cũ nếu đang bị lệch */
.elementor-widget-woocommerce-products ul.products li.product .button.add_to_cart_button::before {
    content: "👜  THÊM VÀO GIỎ HÀNG" !important;

    position: static !important;
    transform: none !important;

    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}/* End custom CSS */