.woocommerce div.product form.cart .button{
    margin-top: 10px;
    padding: 19px 0px;
    background: var(--v247-accent);
    margin-right: 0;
    width: 100%;
    padding-left: 0;
    height: auto;
    line-height: 18px;
    font-weight: 600;
  }

  .woocommerce div.product form.cart .button.wc-buy-now-btn{
    background: #d6101d;
  }


  #sidebar-right .title-group{
    margin: 0;
    font-size: 15px;
    background: #e7e7e7;
    text-transform: uppercase;
    padding: 16px 20px;
  }

  .products .wc-buy-now-btn{
    display: none !important;
  }

  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
      background-color: var(--v247-accent);
  }


  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
    background-color: var(--v247-accent-hover);
}


.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    border: 1px solid #ccc;
    
}

.woocommerce form .form-row input.input-text{
  height: 32px;
}


#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input{
  outline: none !important;
  -webkit-appearance: auto;
}

.woocommerce .star-rating::before{
  color: #d6b46b;
}


.woocommerce table.shop_table td {
    line-height: 2.5em;
}

.woocommerce td.product-name dl.variation p{ 
  margin-bottom: 10px; 
}

.woocommerce table.shop_table tfoot td{
 color:red; 
}

.woocommerce table.shop_table .product-total bdi{
 color:red; 
 font-weight: 700;
}

.woocommerce-info {
    margin-top: 50px;
}

.woocommerce-info a{
    color: red;
  font-weight: 600;
}
  .woocommerce form .form-row .required {
     opacity: 0;
  }


  .products .button:not(.wc-buy-now-btn){
  display:none !important;
}
.tab-content{
  margin-top:10px;
}
.woocommerce ul.products li.product .star-rating, .woocommerce-product-rating .star-rating{
  color: #ecba55;
  font-size: 2.5rem;
  display: inline-block;
  margin-bottom:0;
}

/*
 * Sao đánh giá tự chủ, không phụ thuộc font biểu tượng `star` của WooCommerce.
 * Tránh lỗi trình duyệt/mobile hiển thị chuỗi SSSSS khi font icon chưa tải hoặc
 * bị tối ưu/cache làm mất @font-face. Span phần trăm của WooCommerce vẫn được
 * giữ nguyên nên điểm 0–5 sao tiếp tục hiển thị đúng theo dữ liệu sản phẩm.
 */
.woocommerce .star-rating {
  position: relative;
  overflow: hidden;
  width: 5.6em;
  height: 1.08em;
  line-height: 1;
  font-family: Arial, "Segoe UI Symbol", sans-serif !important;
  letter-spacing: .06em;
  text-align: left;
}
.woocommerce .star-rating::before,
.woocommerce .star-rating span::before {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  font-family: Arial, "Segoe UI Symbol", sans-serif !important;
  font-size: inherit !important;
  line-height: 1 !important;
  letter-spacing: .06em;
  white-space: nowrap;
}
.woocommerce .star-rating::before {
  content: "☆☆☆☆☆" !important;
  color: #d6b46b;
}
.woocommerce .star-rating span {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.08em;
  overflow: hidden;
  padding-top: 0 !important;
  text-indent: -999em;
}
.woocommerce .star-rating span::before {
  text-indent: 0;
  content: "★★★★★" !important;
  color: #ecba55;
}


.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  text-align:center;
}

/* Tên sản phẩm dùng một nguồn chung cho Trang chủ, Shop, danh mục và sản phẩm liên quan. */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  display: block;
  margin: 0;
  padding: 10px 10px 4px;
  overflow: hidden;
  color: var(--v247-heading-muted);
  font-family: var(--v247-font-family);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: var(--v247-heading-transition);
}
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title,
.woocommerce ul.products li.product a:focus-visible .woocommerce-loop-product__title {
  color: var(--v247-heading-hover);
  text-decoration: none;
}

.woocommerce ul.products li.product .price{
  color: #f00;
  font-size: 1.1em;
  font-weight: 500;
  margin-top: 2px;
  margin-bottom: 0;
  line-height: 1.3;
}


.img-wg-tt{
  width: 394px;
  height: auto;
}


/*
 * Bề mặt cột nội dung Shop/Product không còn gắn vào class lưới .col-lg-9.
 * Mỗi module tự quản lý background/border tại đúng phạm vi để tránh ảnh hưởng trang khác.
 */
.woocommerce .woocommerce-result-count {
    margin: 0 0 1em;
    display: none;
}



/*wp247 sản phẩm kiểu2*/
/*Kieu tieu de 1*/
/*wp247 sản phẩm kiểu2*/


.description{
  word-break: break-all;
}

.manh-img-hat{
  height: auto !important;
}


#menu-mobile ul li a img{
  width: 31px;
    display: block;
    margin: 0 auto;
}

.woocommerce span.onsale{
  border-radius: 0px;
  background-color: #F44336;
  min-height:unset;
  line-height:unset;
  top: 12px !important;
  right: 12px !important;
}

.quantity {
        display: flex;
        align-items: center;
        border: 1px solid #ccc; /* Tạo viền bao quanh */
    }

    .quantity button {
        background-color: #f0f0f0; /* Màu nền xám nhạt */
        border: none;
        padding: 8px 12px; /* Điều chỉnh kích thước nút */
        cursor: pointer;
    }

    .quantity input.qty {
        width: 30px; /* Điều chỉnh độ rộng ô nhập liệu */
        text-align: center;
        border: none; /* Loại bỏ viền mặc định */
        outline: none; /* Loại bỏ viền focus */
    }


  .woocommerce ul.products li.product .price ins, #navbar li > ul.submenu-level2-children > li:hover > a,
  .woocommerce div.product p.price ins, .woocommerce div.product span.price ins{
    text-decoration: none;
  }
  .woocommerce ul.products li.product .price del{
    font-size: 1.4rem;
  }
  .woocommerce ul.products li.product .price del, .woocommerce div.product p.price del, .woocommerce div.product span.price del{
    color: #5e5e5e;
  }
  .woocommerce .products ul,.woocommerce ul.products {
    margin: 0 0 0em;
  }
  .woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img {
  width: 100%;
  }
/* MOBILE ONLY (≤ 767px) */

/* Thành phần giao diện được tách khỏi PHP. */
.v247-side-title { border-bottom: 1px solid var(--v247-panel-divider); padding-bottom: 10px; text-align: center; }
.v247-mobile-search-toggle { border: 0; background: transparent; color: inherit; }
.v247-not-found { padding: 60px 15px; text-align: center; }
.fancybox-bg { opacity: 0.8 !important; }
body.manh-ios-locked { position: fixed !important; width: 100% !important; height: 100% !important; overflow: hidden !important; }
.fancybox-container, .fancybox-button, .fancybox-close-small { pointer-events: auto !important; }

@media screen and (max-width: 768px) {
	.fancybox-slide--html { display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; padding: 60px 15px 80px !important; }
	.fancybox-slide--html .fancybox-content { position: relative !important; display: flex !important; flex-direction: column !important; width: 100% !important; max-width: 400px !important; max-height: calc(100vh - 150px) !important; margin: 0 !important; overflow: hidden !important; border-radius: 12px !important; }
	.fancybox-slide--html .fancybox-close-small { top: 0 !important; right: 0 !important; z-index: 999 !important; border-radius: 0 12px 0 12px !important; background: rgba(255, 255, 255, 0.92) !important; }
	.fancybox-content > div:not(.fancybox-close-small) { width: 100% !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important; }
	.fancybox-content input, .fancybox-content textarea, .fancybox-content select { box-sizing: border-box !important; max-width: 100% !important; font-size: 16px !important; }
}

@keyframes v247CartShake {
	0%, 100% { transform: scale(1) rotate(0); }
	20%, 60% { transform: scale(1.3) rotate(12deg); }
	40%, 80% { transform: scale(1.3) rotate(-12deg); }
}
.v247-cart-shake { display: inline-block !important; z-index: 9999; transform-origin: center; animation: v247CartShake 0.9s ease-in-out; }

@media (prefers-reduced-motion: reduce) {
	.v247-cart-shake { animation: none !important; }
}

/*
 * Trạng thái tập trung khi bấm chuột/chạm.
 * Bootstrap cũ đặt viền đen 5px cho mọi thẻ liên kết khi nhận focus.
 * Chỉ bỏ viền do thao tác chuột/chạm; vẫn giữ viền xanh cho người dùng bàn phím.
 */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
[role="button"]:focus:not(:focus-visible),
[tabindex]:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--v247-accent);
  outline-offset: 2px;
}

/* QA cuối: menu desktop/mobile không dùng gạch chân ở bất kỳ trạng thái tương tác nào. */
.navbar-main a,
.navbar-main a:hover,
.navbar-main a:focus,
.navbar-main a:focus-visible,
.navbar-main a:active,
#menu-mobile a,
#menu-mobile a:hover,
#menu-mobile a:focus,
#menu-mobile a:focus-visible,
#menu-mobile a:active {
  text-decoration: none !important;
}

/* QA-05: media trong SEO danh mục và mô tả dài sản phẩm không được vượt khung. */
.woocommerce-Tabs-panel--description .manh-content,
.woocommerce div.product .woocommerce-Tabs-panel--description .manh-content {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-x: hidden;
}

/* Thu cả wrapper legacy có width cố định trước khi xử lý chính ảnh. */
.woocommerce-Tabs-panel--description .manh-content div,
.woocommerce-Tabs-panel--description .manh-content section,
.woocommerce-Tabs-panel--description .manh-content article,
.woocommerce-Tabs-panel--description .manh-content figure,
.woocommerce-Tabs-panel--description .manh-content .wp-caption,
.woocommerce-Tabs-panel--description .manh-content .wp-block-image,
.woocommerce-Tabs-panel--description .manh-content .gallery,
.woocommerce div.product .woocommerce-Tabs-panel--description .manh-content div,
.woocommerce div.product .woocommerce-Tabs-panel--description .manh-content section,
.woocommerce div.product .woocommerce-Tabs-panel--description .manh-content article,
.woocommerce div.product .woocommerce-Tabs-panel--description .manh-content figure,
.woocommerce div.product .woocommerce-Tabs-panel--description .manh-content .wp-caption,
.woocommerce div.product .woocommerce-Tabs-panel--description .manh-content .wp-block-image,
.woocommerce div.product .woocommerce-Tabs-panel--description .manh-content .gallery {
  box-sizing: border-box;
  max-width: 100% !important;
}

/* Legacy editor thường lưu wrapper với style width: ...px. */
.woocommerce-Tabs-panel--description .manh-content [style*="width"],
.woocommerce div.product .woocommerce-Tabs-panel--description .manh-content [style*="width"] {
  box-sizing: border-box;
  max-width: 100% !important;
}

.woocommerce-Tabs-panel--description .manh-content img,
.woocommerce div.product .woocommerce-Tabs-panel--description .manh-content img {
  box-sizing: border-box;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Nội dung cũ đôi khi bọc ảnh trong bảng có width cố định. */
.woocommerce-Tabs-panel--description .manh-content table,
.woocommerce div.product .woocommerce-Tabs-panel--description .manh-content table {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
}
.woocommerce-Tabs-panel--description .manh-content td,
.woocommerce-Tabs-panel--description .manh-content th,
.woocommerce div.product .woocommerce-Tabs-panel--description .manh-content td,
.woocommerce div.product .woocommerce-Tabs-panel--description .manh-content th {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}

/* CLONE-READY-02B: hàng sao SVG độc lập font WooCommerce. */
.v247-rating-stars{
  --v247-rating-size:18px;
  --v247-rating-color:#f3c11a;
  position:relative;
  display:inline-block;
  width:calc(var(--v247-rating-size) * 5);
  height:var(--v247-rating-size);
  line-height:1;
  vertical-align:middle;
  overflow:hidden;
}
.v247-rating-stars__base,
.v247-rating-stars__fill{
  position:absolute;
  top:0;
  left:0;
  display:flex;
  width:calc(var(--v247-rating-size) * 5);
  height:var(--v247-rating-size);
  margin:0;
  padding:0;
  line-height:1;
}
.v247-rating-stars__base svg,
.v247-rating-stars__fill svg{
  display:block;
  flex:0 0 var(--v247-rating-size);
  width:var(--v247-rating-size);
  height:var(--v247-rating-size);
}
.v247-rating-stars__base{
  color:var(--v247-rating-color);
}
.v247-rating-stars__base svg path{
  fill:transparent;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linejoin:round;
}
.v247-rating-stars__fill{
  width:var(--v247-rating-fill,0%);
  overflow:hidden;
  color:var(--v247-rating-color);
}
.v247-rating-stars__fill svg path{
  fill:currentColor;
  stroke:currentColor;
  stroke-width:1.1;
  stroke-linejoin:round;
}

/* Card: sao luôn nằm giữa đúng từng sản phẩm và không float/chồng giá. */
.woocommerce ul.products li.product .v247-rating-stars,
.woocommerce-page ul.products li.product .v247-rating-stars{
  display:block;
  float:none;
  clear:both;
  margin:6px auto 8px;
}

/* Chi tiết: sao tách khỏi font/star-rating legacy, không đè chữ hoặc giá. */
.single-product .summary.entry-summary .v247-single-product-rating{
  display:block;
  float:none;
  clear:both;
  margin:0 0 10px;
  line-height:1;
}
.single-product .summary.entry-summary .v247-single-product-rating .v247-rating-stars{
  --v247-rating-size:19px;
  display:block;
  margin:0;
}

@media only screen and (max-width:767.98px){
  .single-product .summary.entry-summary .v247-product-rating-price .v247-single-product-rating{
    display:flex;
    order:2;
    flex:0 0 auto;
    align-items:center;
    margin:0 !important;
  }
  .single-product .summary.entry-summary .v247-product-rating-price .v247-rating-stars{
    --v247-rating-size:17px;
    margin:0;
  }
}