.wpcf7-spinner {

  display: none !important;

}



.pagination .page-item.active.page-link {

  background-color: #e25700;

  border-color: #e25700;

  color: #fff;

  display: block;

}



.remodal-wrapper .remodal #wcqv_contend .thumbnails.columns-3 {

  display: none !important;

}



.remodal-wrapper .remodal #wcqv_contend .summary.entry-summary form {

  display: flex;

  align-items: center;

  justify-content: space-around;

}



form.cart .single_add_to_cart_button {

  min-width: 200px;

  transform: translateY(-1px);

  -moz-transform: translateY(-1px);

  -o-transform: translateY(-1px);

  -webkit-transform: translateY(-1px);

  height: 40px;

  font-size: 18px;

  text-transform: uppercase;

  float: right;

  background: #e25700 !important;

  color: #fff;

  display: inline-block;

  line-height: 39px;

  padding: 0 20px;

  text-align: center;

  white-space: nowrap;

  outline: none !important;

  cursor: pointer;

  border: none;

  font-weight: 400;

  border-radius: 0;

  letter-spacing: 0;

}



form.cart .quantity input {

  line-height: 59px;

  margin: 0;

  display: inline-block;

  width: 100px;

  padding: 0;

  height: 40px;

  text-align: left;

  padding-left: 24px;

  max-width: 100%;

  border: 1px solid #e1e1e1;

  color: #1c1c1c;

  min-height: 40px;

}



.remodal-wrapper .remodal #wcqv_contend .summary.entry-summary form.cart button {

  min-width: 200px;

  transform: translateY(-1px);

  -moz-transform: translateY(-1px);

  -o-transform: translateY(-1px);

  -webkit-transform: translateY(-1px);

  height: 60px;

  width: calc(100% - 200px);

  font-size: 18px;

  text-transform: uppercase;

  float: right;

  background: #e25700;

  color: #fff;

  display: inline-block;

  line-height: 39px;

  padding: 0 20px;

  text-align: center;

  white-space: nowrap;

  outline: none !important;

  cursor: pointer;

  border: none;

  font-weight: 400;

  border-radius: 0;

  letter-spacing: 0;

}



.remodal-wrapper .remodal #wcqv_contend .summary.entry-summary form.cart input {

  line-height: 59px;

  margin: 0;

  display: inline-block;

  width: 100px;

  padding: 0;

  height: 40px;

  text-align: left;

  padding-left: 24px;

  max-width: 100%;

  border: 1px solid #e1e1e1;

  color: #1c1c1c;

  min-height: 40px;

}



a.quick_view.button:not(.btn-square.btn_view) {

  display: none !important;

}



.woocommerce a.button {

  background-color: transparent !important;

}



body.woocommerce-cart a.checkout-button.button.alt.wc-forward {

  background-color: #e25700 !important;

}



body.woocommerce-checkout button#place_order {

  background-color: #e25700 !important;

}



body.woocommerce-cart .woocommerce .quantity .qty {

  width: 60% !important;

}



.product-box .addtocart a.added_to_cart.wc-forward {
  display: none;

  color: #e25700;

  text-align: center;

  padding: 5px 0;

}



.bread-crumb .woocommerce-breadcrumb a {

  color: #333 !important;

  font-weight: normal !important;

}



.bread-crumb .woocommerce-breadcrumb a:hover {

  color: #e25700 !important;

  font-weight: 600 !important;

}



.bread-crumb .woocommerce-breadcrumb i {

  color: #333 !important;

}

section.bread-crumb .container .row>.col-xs-12 {
  padding-left: 15px !important;
}

.bread-crumb .woocommerce-breadcrumb,
section.bread-crumb .woocommerce-breadcrumb,
section.bread-crumb ul.breadcrumb,
.breadcrumb {
  font-size: 13.5px !important;
  color: #555555 !important;
  font-weight: 500 !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.bread-crumb .woocommerce-breadcrumb a:first-child,
section.bread-crumb ul.breadcrumb li:first-child a {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.bread-crumb .woocommerce-breadcrumb strong {
  color: #111111 !important;
  font-weight: 700 !important;
}

/* Sidebar Danh Mục: đảm bảo mép trái thẳng hàng tuyệt đối */
.dqdt-sidebar,
.dqdt-sidebar.col-lg-3,
.dqdt-sidebar.col-md-3 {
  padding-left: 15px !important;
}

.aside-item .aside-title,
.aside-item .aside-title h2,
.aside-item .aside-title .title-head {
  padding-left: 0 !important;
  margin-left: 0 !important;
}


.breadcrumb li strong,
.breadcrumb li strong span,
.breadcrumb li.active {
  color: #111111 !important;
  font-weight: 700 !important;
}




form.search-bar .collection-selector select.cate-dropdown {

  height: 100%;

}





.woocommerce-info {

  border-top-color: #e25700 !important;

}

ul#nav .dropdown-menu>li>a {

  padding-top: 0 !important;

  color: #333 !important;

  font-weight: normal !important;

}

ul#nav .sub-menu.dropdown-menu li {

  width: 100%;

}

ul#nav .sub-menu .menu-item-has-children .fa-angle-down {

  transform: rotate(270deg);

}



/* Mega menu -> Xổ ngang trải rộng dạng lưới nhiều cột, hết hàng mới xuống dòng */
header nav .nav-item.has-mega,
ul#nav li.has-mega {
  position: static !important;
}

.desktop-only-header .container,
.desktop-only-header .container-fluid,
header nav,
div.static .container,
div.static .container-fluid {
  position: relative !important;
}

header nav .mega-content,
ul#nav li.has-mega>.sub-menu.dropdown-menu.mega-content {
  display: none !important;
  position: absolute !important;
  top: 100% !important;
  left: 15px !important;
  right: 15px !important;
  max-width: 1140px !important;
  margin: 0 auto !important;
  background: #ffffff !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
  border: 1px solid #eef2f6 !important;
  border-radius: 8px !important;
  padding: 20px 15px !important;
  box-sizing: border-box !important;
  z-index: 9999 !important;
}

header nav .nav-item:hover>.mega-content,
ul#nav li.has-mega:hover>.sub-menu.dropdown-menu.mega-content,
ul#nav li.has-mega>.sub-menu.dropdown-menu.mega-content.open {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

header nav .nav-item:not(:hover)>.mega-content,
ul#nav li.has-mega:not(:hover)>.sub-menu.dropdown-menu.mega-content {
  display: none !important;
}

/* ============================================================
   MOBILE PANEL OVERRIDE: vô hiệu hóa :hover-based show/hide
   hoàn toàn trong .mobile-nav-panel để tránh mega-content
   ẩn mất TRƯỚC KHI click kịp bắn (classic mobile hover bug)
   ============================================================ */
.mobile-nav-panel .nav-item:hover>.mega-content,
.mobile-nav-panel .nav-item:hover>.sub-menu,
.mobile-nav-panel .nav-item:hover>.dropdown-menu,
.mobile-nav-panel .nav-item:not(:hover)>.mega-content,
.mobile-nav-panel .nav-item:not(:hover)>.sub-menu {
  display: none !important;
}

.mobile-nav-panel .nav-item.open>.mega-content,
.mobile-nav-panel .nav-item.open>.sub-menu {
  display: block !important;
}

/* ============================================================
   CANCEL DESKTOP 25%-COLUMN LAYOUT CHO MOBILE PANEL
   Selector ul#nav li.has-mega .mega-content>li có width:25%+float:left
   KHÔNG có .mobile-nav-panel → vẫn áp dụng cho mobile panel
   → khiến mỗi item chỉ rộng 25% màn hình, text bị cắt 2-3 ký tự
   ============================================================ */
.mobile-nav-panel ul#mobile-nav-menu li.has-mega .sub-menu.dropdown-menu.mega-content > li,
.mobile-nav-panel .mega-content > li,
.mobile-nav-panel .sub-menu.mega-content > li {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid #edf0f5 !important;
  position: static !important;
  box-sizing: border-box !important;
}

/* Danh mục con xổ ngang (4 cột 1 hàng = 25%), hết 4 cột tự động xuống dòng tiếp theo */
ul#nav li.has-mega .sub-menu.dropdown-menu.mega-content>li,
header nav .mega-content>li,
ul#nav li.has-mega[class*="mega-col-"] .sub-menu.dropdown-menu.mega-content>li {
  margin-right: 0 !important;
  padding: 10px 15px !important;
  box-sizing: border-box !important;
  list-style: none !important;
  display: block !important;
  float: left !important;
  width: 25% !important;
  max-width: 25% !important;
  flex: 0 0 25% !important;
  border-bottom: none !important;
  position: relative !important;
}

.desktop-only-header ul#nav li.has-mega .sub-menu.dropdown-menu.mega-content>li>a,
ul#nav li.has-mega .sub-menu.dropdown-menu.mega-content>li>a,
header nav .mega-content>li>a {
  font-weight: 700 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  color: #0b2265 !important;
  display: block !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  border-bottom: none !important;
  text-decoration: none !important;
  margin-bottom: 4px !important;
  transition: all 0.2s ease-in-out !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  word-wrap: break-word !important;
}

.desktop-only-header ul#nav li.has-mega .sub-menu.dropdown-menu.mega-content>li>a:hover,
ul#nav li.has-mega .sub-menu.dropdown-menu.mega-content>li>a:hover,
header nav .mega-content>li>a:hover {
  background-color: #f1f5f9 !important;
  color: #e25700 !important;
  padding-left: 16px !important;
  text-decoration: none !important;
}

/* Menu cấp con nếu có bên dưới từng danh mục */
ul#nav li.has-mega .sub-menu.dropdown-menu.mega-content>li .dropdown-menu {
  position: static !important;
  display: block !important;
  border: 0 !important;
  padding: 4px 0 0 10px !important;
  box-shadow: none !important;
  background: transparent !important;
  width: 100% !important;
}

ul#nav li.has-mega .sub-menu.dropdown-menu.mega-content>li .dropdown-menu li {
  padding: 3px 0 !important;
  line-height: 1.4 !important;
  list-style: none !important;
  width: 100% !important;
  border: none !important;
}

ul#nav li.has-mega .sub-menu.dropdown-menu.mega-content>li .dropdown-menu li a {
  font-weight: 400 !important;
  color: #4b5563 !important;
  font-size: 13px !important;
  display: block !important;
  padding: 3px 0 !important;
  transition: all 0.2s ease-in-out !important;
  text-decoration: none !important;
}

ul#nav li.has-mega .sub-menu.dropdown-menu.mega-content>li .dropdown-menu li a:hover {
  color: #e25700 !important;
  padding-left: 6px !important;
}

ul#nav li.has-mega .sub-menu.dropdown-menu.mega-content .fa-angle-down {
  display: none !important;
}

/* Desktop: menu "Sản phẩm" xổ dọc thành 1 cột ngay dưới mục cha (ghi đè mega ngang ở trên) */
.desktop-only-header ul#nav li.has-mega {
  position: relative !important;
}

.desktop-only-header ul#nav li.has-mega > .sub-menu.dropdown-menu.mega-content {
  left: 0 !important;
  right: auto !important;
  width: max-content !important;
  min-width: 240px !important;
  max-width: 320px !important;
  margin: 0 !important;
  padding: 8px !important;
}

.desktop-only-header ul#nav li.has-mega:hover > .sub-menu.dropdown-menu.mega-content {
  display: block !important;
}

.desktop-only-header ul#nav li.has-mega[class*="mega-col-"] .sub-menu.dropdown-menu.mega-content > li {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  padding: 0 !important;
}

.desktop-only-header ul#nav li.has-mega .sub-menu.dropdown-menu.mega-content > li > a {
  text-transform: none !important;
  font-weight: 600 !important;
  margin-bottom: 0 !important;
  padding: 10px 14px !important;
}

.header_flexbox:before,
.header_flexbox:after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  flex: 0 0 0% !important;
}

.header_flexbox {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.header_flexbox>.col-md-5,
.header_flexbox>.col-xs-12:first-child {
  padding-left: 15px !important;
  margin-left: 0 !important;
}

.contact-top {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  font-size: 13px !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  text-align: left !important;
}

.contact-top .header-contact-item:first-child,
.contact-top .header-contact-item:first-child a {
  padding-left: 0 !important;
  margin-left: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.contact-top .header-contact-item:first-child img {
  margin-left: 0 !important;
}

.contact-top a {
  color: #0b2265;
  font-weight: 600;
  transition: color 0.2s ease-in-out;
}

.contact-top a:hover {
  color: #e25700;
  text-decoration: none;
}

.contact-top .fix-iconline {
  color: #bbb;
  margin: 0 2px;
}

.mini-cart.text-xs-center.pull-right {
  display: flex;
  align-items: center;
}

form.col-xs-4.woocommerce-product-search {
  width: 100%;
  position: relative;
}

input.search-field.icon-search-mobile {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 50px;
}

.icon_search {
  position: absolute;
  right: 20px;
  top: 2px;
}

a.cart-label.header-icon {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-left: 3px;
  font-size: 25px;
  color: #4e73be;
}

a.cart-label.header-icon:hover {
  color: #ff0000
}

input.btn-white[type="submit"] {
  top: -49px;
  right: 17px;
}

span#cart-total {
  height: 18px;
  width: 18px;
  position: absolute;
  right: 10px;
  top: -5px;
  color: #fff;
  background-color: #ff0000;
  text-align: center;
  border-radius: 50%;
}

.hidden-sm.hidden-xs.static .container .row>.col-xs-12,
.hidden-sm.hidden-xs.static .container-fluid .row>.col-xs-12 {
  padding-left: 15px !important;
}

header nav,
header nav .nav,
header nav ul#nav,
ul#nav {
  gap: 20px;
  display: flex !important;
  padding: 0 !important;
  padding-left: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
  list-style: none !important;
}

/* Triệt tiêu hoàn toàn pseudo-elements ::before và ::after của Bootstrap 3 (.nav:before/.nav:after)
   để không bị tính là flex-item đầu tiên gây ra khoảng cách thụt lùi (gap: 20px) cho mục Trang Chủ */
header nav ul#nav::before,
header nav ul#nav::after,
ul#nav::before,
ul#nav::after,
.desktop-nav-menu::before,
.desktop-nav-menu::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
}

ul#nav>li {
  margin: 0 !important;
  padding: 0 !important;
}

ul#nav>li:first-child,
header nav .nav-item:first-child,
ul#nav>li:first-of-type {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

ul#nav>li:first-child>a,
ul#nav>li:first-of-type>a,
header nav .nav-item:first-child>a,
header nav .nav-item:first-of-type>a,
header nav .nav-item:first-child .nav-link,
header nav .nav-item:first-of-type .nav-link {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* ============================================================
   MENU DESKTOP NGUYÊN BẢN (Màu xanh #1437BE, đậm 700, Trang Chủ, Sản Phẩm v)
   ============================================================ */
header nav .nav-item>a,
ul#nav .nav-item>a,
ul#nav li>a {
  color: #1437BE !important;
  font-weight: 700 !important;
  text-transform: capitalize !important;
  font-size: 14px;
}

header nav .nav-item>a:hover,
ul#nav .nav-item>a:hover,
ul#nav li>a:hover {
  color: #e25700 !important;
}

/* Icon mũi tên xổ xuống cho menu cha trên Desktop */
header nav .nav-item>a .fa-angle-down,
ul#nav .nav-item>a .fa-angle-down {
  display: inline-block !important;
  margin-left: 5px !important;
  color: inherit !important;
}


.wpshare247_home_policy .row.row-noGutter .col-md-4.col-sm-4 {
  border: 1px solid #fff;
}

.banner_product {
  width: 100%;
  margin: 0 auto 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  overflow: hidden;
}

.banner_product .banner_product_1,
.banner_product .banner_product_2 {
  width: 50%;
  box-sizing: border-box;
}

.banner_product .banner_product_1 img,
.banner_product .banner_product_2 img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 1;
  display: block;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 767px) {

  .banner_product .banner_product_1,
  .banner_product .banner_product_2 {
    width: 100%;
  }
}

i.fab.fa-searchengin {
  position: absolute;
  top: 50%;
}

span.price > del,
span.price > del > span.woocommerce-Price-amount.amount {
  display: inline-block !important;
}

span.onsale {

  position: absolute;
  left: 48%;
  top: -23px;
  color: #B22727;
  font-weight: 700;
}

.price-box.clearfix {
  display: flex;
}

.addtocart {
  position: relative;
}

.section-content.block_5 .product-box {
  position: relative;
}

.section-content.block_5 .products.products-view-grid.slick_col1.slick-initialized.slick-slider .slick-list.draggable .slick-track span.onsale {
  position: absolute;
  top: 332px;
}

.section-content.block_5 .add_to_cart i {
  position: absolute;
  top: -40px;
  right: 0;
  border: 1px solid;
  border-radius: 50px;
  font-size: 14px;
  padding: 0px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  transition: all .7s;
}

.section-content.block_5 .add_to_cart i.fa-cart-arrow-down {
  background: #1437BE;
  color: #fff;
  opacity: 0;
}

.section-content.block_5 .product-box:hover .add_to_cart i.fa-cart-arrow-down {
  opacity: 1;
}

.section-content.block_5 .product-box:hover .add_to_cart i.fa-shopping-cart {
  opacity: 0;
}

@media (max-width: 767px) {
  .section-content.block_5 .products.products-view-grid.slick_col1.slick-initialized.slick-slider .slick-list.draggable .slick-track span.onsale {
    position: absolute !important;
    top: 404px !important;
  }

  .section-content.block_5 .add_to_cart i {
    position: absolute !important;
    top: 433px !important;
  }
}

@media (max-width: 543px) {
  .section-content.block_5 .products.products-view-grid.slick_col1.slick-initialized.slick-slider .slick-list.draggable .slick-track span.onsale {
    position: absolute !important;
    top: 257px !important;
  }

  .section-content.block_5 .add_to_cart i {
    top: 283px !important;
  }

  footer.footer .heading-cart {
    right: 0px !important;
    bottom: 116px !important;
  }
}



.mini-cart .cart-info {
  position: absolute;
  top: -4px;
  right: 5px;
  background-color: #f00;
  color: #fff;
  border-radius: 50%;
  width: 16px;
  height: 15px;
  text-align: center;
  font-size: 10px;
}

footer.footer .heading-cart {

  position: fixed !important;
  right: 25px;
  bottom: 100px;
  border: 1px solid;
  height: 50px;
  width: 50px;
  border-radius: 50px;
  padding-bottom: 11px;
  padding-left: 5px;
}

footer.footer .heading-cart i.fas.fa-shopping-bag {
  color: #1437BE;
  font-size: 27px;
  padding: 9px;
  height: 50px;
  width: 50px;

}

footer.footer .heading-cart .cart-info {
  position: absolute;
  top: 0px;
  left: 19px;
  background-color: #ffc0cb;
  color: #000;
  border-radius: 50%;
  width: 16px;
  height: 14px;
  text-align: center;
  font-size: 10px;
}

footer.footer .heading-cart .cart-info .header-cart-count {
  width: 16px;
  height: 14px;
  text-align: center;
}

.showCart {
  display: block !important;
}

.heading-cart {
  display: flex;
  align-items: center;
  gap: 10px;
}

*,
input,
:before,
:after {
  text-decoration-line: none;
}

.woocommerce span.onsale {
  background-color: #ffffff00;
  color: #fff0;
}

.btn.btn-white.add_to_cart {
  position: relative;
  width: 100%;
  top: auto;
  right: auto;
}


footer .copyright span b {
  color: #000;
}

footer .copyright a {
  color: #000;
}

/* ====================================================
   BEAUTIFUL PRODUCT VARIATIONS & DETAIL PAGE
   ==================================================== */

.custom-variations-wrapper {
  margin: 18px 0 10px 0;
}

table.variations {
  display: block !important;
  width: 100% !important;
  border: none !important;
  margin: 0 !important;
}

table.variations tbody,
table.variations tr.variation-item-row,
table.variations th.label,
table.variations td.value {
  display: block !important;
  width: 100% !important;
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
}

tr.variation-item-row {
  margin-bottom: 20px;
}

.variation-item-row th.label {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px !important;
  font-weight: 500;
  color: #333333;
  font-size: 14px;
}

.variation-item-row .label-heading {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.variation-item-row .attr-title {
  color: #333333;
  font-weight: 600;
  font-size: 14px;
}

.variation-item-row .selected-attr-name {
  color: #e25700;
  font-weight: 700;
  font-size: 15px;
}

.variation-item-row .custom-reset-link {
  font-size: 12px;
  color: #888888;
  font-weight: 400;
  text-decoration: underline;
  transition: color 0.2s;
}

.variation-item-row .custom-reset-link:hover {
  color: #e25700;
}

.swatch-pills-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}

.swatch-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  height: 42px;
  padding: 0 18px;
  background: #ffffff;
  color: #2b2b2b;
  font-size: 14px;
  font-weight: 600;
  border: 1.5px solid #dce2e9;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  outline: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.swatch-pill:hover {
  border-color: #0b2265;
  color: #0b2265;
  background: #f8fafc;
}

.swatch-pill.active {
  background: #0b2265 !important;
  color: #ffffff !important;
  border-color: #0b2265 !important;
  box-shadow: 0 3px 8px rgba(11, 34, 101, 0.25) !important;
}

.swatch-pill.disabled {
  opacity: 0.35;
  cursor: not-allowed;
  text-decoration: line-through;
  background: #f1f5f9;
  border-color: #e2e8f0;
}

.single_variation_wrap {
  margin-top: 15px;
}

.woocommerce-variation-price {
  margin: 12px 0 18px 0;
  padding: 10px 14px;
  background: #fdfaf6;
  border: 1px solid #faece2;
  border-left: 4px solid #e25700;
  border-radius: 4px;
  display: inline-block;
  min-width: 220px;
}

.woocommerce-variation-price .price {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #e25700 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: baseline;
  gap: 10px;
}

.woocommerce-variation-price del {
  font-size: 15px !important;
  color: #999999 !important;
  font-weight: 400 !important;
  text-decoration: line-through;
}

.woocommerce-variation-price ins {
  text-decoration: none;
  color: #e25700 !important;
  font-weight: 700 !important;
}

.woocommerce-variation-availability {
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 500;
}

.woocommerce-variation-availability .stock {
  color: #15803d;
  font-weight: 600;
}

.woocommerce-variation-availability .out-of-stock {
  color: #dc2626;
}

.woocommerce-variation-add-to-cart {
  display: flex !important;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.custom-qty-stepper {
  display: inline-flex !important;
  align-items: center;
  border: 1px solid #dce2e9;
  border-radius: 6px;
  background: #ffffff;
  overflow: hidden;
  height: 44px;
}

.custom-qty-stepper .qty-btn {
  width: 38px;
  height: 44px;
  background: #f8fafc;
  border: none;
  font-size: 18px;
  font-weight: 700;
  color: #475569;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  outline: none;
  user-select: none;
}

.custom-qty-stepper .qty-btn:hover {
  background: #e2e8f0;
  color: #0b2265;
}

.custom-qty-stepper input.qty {
  width: 50px !important;
  height: 44px !important;
  border: none !important;
  border-left: 1px solid #e2e8f0 !important;
  border-right: 1px solid #e2e8f0 !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  -moz-appearance: textfield;
}

.custom-qty-stepper input.qty::-webkit-outer-spin-button,
.custom-qty-stepper input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.variations_form .single_add_to_cart_button {
  height: 44px !important;
  padding: 0 32px !important;
  background: #e25700 !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer;
  transition: all 0.25s ease-in-out !important;
  box-shadow: 0 3px 10px rgba(226, 87, 0, 0.35) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  outline: none;
}

.variations_form .single_add_to_cart_button:hover {
  background: #cc4e00 !important;
  transform: translateY(-1px);
  box-shadow: 0 5px 14px rgba(226, 87, 0, 0.45) !important;
}

.variations_form .single_add_to_cart_button.disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

.product_meta {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px dashed #e2e8f0;
  font-size: 13px;
  color: #64748b;
  line-height: 1.8;
}

.product_meta>span {
  display: block;
}

.product_meta .sku_wrapper,
.product_meta .posted_in {
  font-weight: 500;
}

.product_meta .sku,
.product_meta a {
  color: #0b2265;
  font-weight: 600;
}

.product_meta a:hover {
  color: #e25700;
}

/* ========================================================
   EMPTY SEARCH / NO PRODUCTS FOUND STYLES
   ======================================================== */
.no-products-found-card {
  margin: 30px 0 50px 0;
  padding: 45px 30px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.no-products-found-card .no-products-icon {
  width: 76px;
  height: 76px;
  margin: 0 auto 20px;
  background: #fff5eb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e25700;
  font-size: 32px;
}

.no-products-found-card .no-products-title {
  font-size: 22px;
  font-weight: 700;
  color: #0b2265;
  margin: 0 0 12px 0;
}

.no-products-found-card .no-products-desc {
  font-size: 15px;
  color: #64748b;
  max-width: 620px;
  margin: 0 auto 25px auto;
  line-height: 1.6;
}

.no-products-found-card .no-products-search-box {
  max-width: 500px;
  margin: 0 auto 30px auto;
}

.search-form-no-results {
  display: flex;
  gap: 8px;
  width: 100%;
}

.search-input-no-results {
  flex: 1;
  height: 46px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 0 16px;
  font-size: 14px;
  color: #1e293b;
  outline: none;
  transition: border-color 0.2s;
}

.search-input-no-results:focus {
  border-color: #0b2265;
}

.search-submit-no-results {
  height: 46px;
  padding: 0 24px;
  background: #0b2265;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s, transform 0.15s;
  white-space: nowrap;
}

.search-submit-no-results:hover {
  background: #071746;
  transform: translateY(-1px);
}

.no-products-quick-links,
.error-404-quick-links {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px dashed #e2e8f0;
}

.quick-links-title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #334155;
  margin-bottom: 14px;
}

.quick-links-pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.quick-links-pills a {
  display: inline-block;
  padding: 7px 16px;
  background: #f1f5f9;
  color: #0b2265;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s;
  border: 1px solid transparent;
}

.quick-links-pills a:hover {
  background: #e25700;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 3px 8px rgba(226, 87, 0, 0.25);
}

.no-products-contact-help,
.error-404-hotline {
  margin-top: 25px;
  font-size: 14px;
  color: #475569;
}

.no-products-contact-help a,
.error-404-hotline a {
  color: #e25700;
  text-decoration: none;
}

.no-products-contact-help a:hover,
.error-404-hotline a:hover {
  text-decoration: underline;
}

/* ========================================================
   404 ERROR PAGE STYLES
   ======================================================== */
.page-404-wrapper {
  padding: 40px 0 70px 0;
  background: #f8fafc;
}

.error-404-container {
  background: #ffffff;
  border-radius: 14px;
  padding: 60px 40px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.04);
  max-width: 820px;
  margin: 0 auto;
}

.error-404-graphic {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-bottom: 20px;
}

.error-404-graphic .error-number {
  font-size: 96px;
  font-weight: 900;
  line-height: 1;
  color: #0b2265;
  letter-spacing: 2px;
  text-shadow: 4px 4px 0 rgba(226, 87, 0, 0.15);
}

.error-404-graphic .error-icon {
  font-size: 54px;
  color: #e25700;
}

.error-404-title {
  font-size: 26px;
  font-weight: 700;
  color: #0b2265;
  margin: 0 0 15px 0;
}

.error-404-desc {
  font-size: 15px;
  color: #64748b;
  line-height: 1.7;
  max-width: 620px;
  margin: 0 auto 30px auto;
}

.error-404-search {
  max-width: 520px;
  margin: 0 auto 30px auto;
}

.search-form-404 .search-input-group {
  display: flex;
  gap: 8px;
  width: 100%;
}

.form-control-404 {
  flex: 1;
  height: 48px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  padding: 0 16px;
  font-size: 14px;
  color: #1e293b;
  outline: none;
  transition: border-color 0.2s;
}

.form-control-404:focus {
  border-color: #0b2265;
}

.btn-search-404 {
  height: 48px;
  padding: 0 26px;
  background: #0b2265;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s, transform 0.15s;
  white-space: nowrap;
}

.btn-search-404:hover {
  background: #071746;
  transform: translateY(-1px);
}

.error-404-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}

.btn-404 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 28px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out;
}

.btn-404-primary {
  background: #0b2265;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(11, 34, 101, 0.25);
}

.btn-404-primary:hover {
  background: #071746;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(11, 34, 101, 0.35);
}

.btn-404-outline {
  background: #ffffff;
  color: #e25700 !important;
  border: 1.5px solid #e25700;
}

.btn-404-outline:hover {
  background: #e25700;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(226, 87, 0, 0.25);
}

@media (max-width: 767px) {
  .error-404-container {
    padding: 40px 20px;
  }

  .error-404-graphic .error-number {
    font-size: 72px;
  }

  .error-404-graphic .error-icon {
    font-size: 40px;
  }

  .error-404-title {
    font-size: 20px;
  }

  .search-form-no-results,
  .search-form-404 .search-input-group {
    flex-direction: column;
  }

  .search-submit-no-results,
  .btn-search-404 {
    width: 100%;
  }

  .error-404-actions {
    flex-direction: column;
  }

  .btn-404 {
    width: 100%;
    justify-content: center;
  }
}

/* ========================================================
   PRICE QUOTE (BÁO GIÁ) STYLES
   ======================================================== */
.price-quote-text {
  color: #e25700 !important;
  font-weight: 700 !important;
  font-size: 16px;
  letter-spacing: 0.3px;
  display: inline-block;
}

.special-price .price-quote-text {
  font-size: 18px;
}

.product-quote-action {
  margin: 18px 0 25px 0;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

.btn-quote-contact {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #e25700 !important;
  color: #ffffff !important;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(226, 87, 0, 0.3);
  transition: all 0.25s ease-in-out;
}

.btn-quote-contact:hover {
  background: #cc4e00 !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(226, 87, 0, 0.4);
}

.btn-quote-zalo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #0068ff !important;
  color: #ffffff !important;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(0, 104, 255, 0.3);
  transition: all 0.25s ease-in-out;
}

.btn-quote-zalo:hover {
  background: #0056d6 !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 104, 255, 0.4);
}

@media (max-width: 767px) {
  .product-quote-action {
    flex-direction: column;
    align-items: stretch;
  }

  .btn-quote-contact,
  .btn-quote-zalo {
    justify-content: center;
    width: 100%;
  }
}

/* ========================================================
   CONTACT FORM: Chỉ fix nút GỬI LIÊN HỆ
   Class .contact-submit-row được thêm bằng JS vào đúng
   phần tử cha của nút — không đụng vào layout field rows
   ======================================================== */

/* Wrapper của nút submit: bỏ float, thụt vào bằng label width */
.contact-submit-row {
  float: none !important;
  clear: both !important;
  padding-left: 130px !important;
  margin-top: 10px !important;
}

/* Nút GỬI LIÊN HỆ */
.page_contact input.wpcf7-submit,
.page_contact form input.wpcf7-submit {
  float: none !important;
  display: inline-block !important;
  background: #e25700 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 12px 36px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(226, 87, 0, 0.3) !important;
  transition: all 0.25s ease-in-out !important;
  letter-spacing: 0.5px !important;
}

.page_contact input.wpcf7-submit:hover,
.page_contact form input.wpcf7-submit:hover {
  background: #cc4e00 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(226, 87, 0, 0.4) !important;
}

@media (max-width: 767px) {
  .contact-submit-row {
    padding-left: 0 !important;
  }

  .page_contact input.wpcf7-submit,
  .page_contact form input.wpcf7-submit {
    width: 100% !important;
    text-align: center !important;
  }
}



/* ====================================================
   PHÂN TÁCH GIAO DIỆN DESKTOP VÀ MOBILE
   ==================================================== */

/* MẶC ĐỊNH TRÊN DESKTOP / WEB (>= 992px):
   - Header Web hiển thị nguyên bản 100%
   - Header Mobile bị ẩn hoàn toàn
*/
.mobile-only-header {
  display: none !important;
}

/* KHI XEM TRÊN ĐIỆN THOẠI & TABLET (< 992px):
   - Header Web Desktop ẩn hoàn toàn
   - Header Mobile hiển thị đẹp, chuẩn UX
*/
@media (max-width: 991px) {
  .desktop-only-header {
    display: none !important;
  }

  .mobile-only-header {
    display: block !important;
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    position: relative !important;
    z-index: 999 !important;
  }

  /* Topbar mỏng hiển thị Zalo & Hotline */
  .mobile-topbar {
    background: #1437BE !important;
    color: #ffffff !important;
    padding: 6px 10px !important;
    font-size: 11.5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
  }

  .mobile-topbar a {
    color: #ffffff !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-weight: 500 !important;
  }

  .mobile-topbar a:hover {
    color: #ffde12 !important;
  }

  .mobile-topbar .sep {
    color: rgba(255, 255, 255, 0.4) !important;
  }

  /* Hàng Navbar: Logo bên trái, Cụm icon bên phải */
  .mobile-navbar {
    padding: 8px 12px 6px !important;
    background: #ffffff !important;
  }

  .mobile-navbar-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
  }

  /* Logo: Dịch ra giữa hơn theo yêu cầu */
  .mobile-logo {
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    flex-shrink: 0 !important;
    margin-left: 28px !important;
  }

  .mobile-logo img {
    max-height: 40px !important;
    max-width: 145px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
  }

  /* Cụm biểu tượng Tôi, Giỏ hàng, Menu (chỉ icon, không chữ, không viền) */
  .mobile-actions-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-left: auto !important;
    margin-right: 6px !important;
  }

  /* Biểu tượng hành động thuần túy */
  .mobile-action-icon-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #1437BE !important;
    text-decoration: none !important;
    cursor: pointer !important;
    padding: 4px !important;
    position: relative !important;
    outline: none !important;
    transition: transform 0.15s ease, color 0.15s ease !important;
  }

  .mobile-action-icon-btn:hover,
  .mobile-action-icon-btn:active {
    background: transparent !important;
    text-decoration: none !important;
    transform: scale(1.08) !important;
  }

  .mobile-action-icon-btn i {
    font-size: 22px !important;
    line-height: 1 !important;
    display: block !important;
    color: #1437BE !important;
  }

  .mobile-action-icon-btn:hover i,
  .mobile-action-icon-btn:active i {
    color: #e25700 !important;
  }

  /* Giỏ hàng có badge số lượng */
  .mobile-cart-icon-box {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }

  .mobile-cart-count {
    position: absolute !important;
    top: -8px !important;
    right: -10px !important;
    background: #e25700 !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    min-width: 17px !important;
    height: 17px !important;
    line-height: 17px !important;
    border-radius: 9px !important;
    text-align: center !important;
    padding: 0 3px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
    border: 1.5px solid #ffffff !important;
    box-sizing: content-box !important;
  }

  /* Hàng Tìm kiếm Mobile */
  .mobile-search-box {
    padding: 0 12px 10px !important;
    background: #ffffff !important;
  }

  .mobile-search-form {
    position: relative !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
  }

  .mobile-search-input {
    width: 100% !important;
    height: 38px !important;
    border: 1px solid #dce2e9 !important;
    border-radius: 20px !important;
    background: #f4f6fa !important;
    padding: 0 42px 0 16px !important;
    font-size: 13px !important;
    outline: none !important;
    color: #333333 !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
  }

  .mobile-search-input:focus {
    border-color: #1437BE !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(20, 55, 190, 0.1) !important;
  }

  .mobile-search-button {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    color: #1437BE !important;
    font-size: 15px !important;
    cursor: pointer !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  /* Menu xổ xuống của Mobile: Mặc định ẩn hoàn toàn */
  .mobile-nav-panel {
    display: none !important;
    width: 100% !important;
    background: #ffffff !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
    border-top: 1px solid #f0f3f6 !important;
    border-bottom: 2px solid #1437BE !important;
  }

  .mobile-nav-panel.open {
    display: block !important;
  }

  .mobile-nav-panel .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .mobile-nav-panel #mobile-nav-menu,
  .mobile-nav-panel #nav-mobile {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Khi mở ra: Các mục dàn ngang ra 2 bên, hết mới xuống dòng */
  .mobile-nav-panel.open #mobile-nav-menu,
  .mobile-nav-panel #mobile-nav-menu.open,
  .mobile-nav-panel.open #nav-mobile,
  .mobile-nav-panel #nav-mobile.open {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Mỗi mục cấp 1: Dạng nút bo góc gọn gàng, nằm ngang, tự co giãn theo nội dung */
  .mobile-nav-panel #mobile-nav-menu > .nav-item,
  .mobile-nav-panel #nav-mobile > .nav-item {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid #e2e8f0 !important;
    transition: all 0.2s ease !important;
  }

  .mobile-nav-panel #mobile-nav-menu > .nav-item:hover,
  .mobile-nav-panel #mobile-nav-menu > .nav-item.active {
    background: #eef2ff !important;
    border-color: #1437BE !important;
  }

  /* ---- Wrapper flex: link text | nút mũi tên ---- */
  .mobile-nav-panel #mobile-nav-menu > .nav-item > .nav-link-wrap {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-height: 38px !important;
  }

  .mobile-nav-panel #mobile-nav-menu > .nav-item > .nav-link-wrap .nav-link,
  .mobile-nav-panel #nav-mobile > .nav-item > .nav-link-wrap .nav-link {
    display: inline-flex !important;
    align-items: center !important;
    color: #1e293b !important;
    font-weight: 600 !important;
    padding: 8px 14px !important;
    font-size: 13.5px !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: nowrap !important;
    line-height: normal !important;
    cursor: pointer !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.06) !important;
  }

  .mobile-nav-panel #mobile-nav-menu > .nav-item > .nav-link-wrap .mobile-submenu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    min-height: 38px !important;
    border: none !important;
    border-left: 1px solid #e2e8f0 !important;
    background: transparent !important;
    padding: 0 !important;
    color: #475569 !important;
    font-size: 13px !important;
    cursor: pointer !important;
    outline: none !important;
    transition: background 0.15s, transform 0.2s !important;
  }

  /* Khi mục cấp 1 được mở (ví dụ Sản phẩm): giãn 100% để hiển thị danh mục con */
  .mobile-nav-panel #mobile-nav-menu > .nav-item.open {
    flex: 1 0 100% !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
    border-color: #1437BE !important;
    box-shadow: 0 2px 8px rgba(20, 55, 190, 0.08) !important;
  }

  .mobile-nav-panel #mobile-nav-menu > .nav-item.open > .nav-link-wrap {
    width: 100% !important;
    background: #edf2ff !important;
    border-bottom: 1px solid #e2e8f0 !important;
  }

  .mobile-nav-panel #mobile-nav-menu > .nav-item.open > .nav-link-wrap .nav-link {
    color: #1437BE !important;
  }

  .mobile-nav-panel #mobile-nav-menu > .nav-item.open > .nav-link-wrap .mobile-submenu-toggle .fa-angle-down {
    transform: rotate(180deg) !important;
    transition: transform 0.2s !important;
  }

  .mobile-nav-panel .nav-link-wrap .nav-link:active {
    background-color: #f1f1f1 !important;
  }

  /* ---- Nút mũi tên toggle ---- */
  .mobile-nav-panel .mobile-submenu-toggle {
    flex: 0 0 46px !important;
    width: 46px !important;
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    border-left: 1px solid #e8ecf0 !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #444444 !important;
    font-size: 15px !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.04) !important;
    outline: none !important;
  }

  .mobile-nav-panel .mobile-submenu-toggle:active {
    background-color: #f1f1f1 !important;
  }

  .mobile-nav-panel .nav-item.open>.nav-link-wrap .mobile-submenu-toggle .fa-angle-down {
    transform: rotate(180deg) !important;
    transition: transform 0.2s !important;
  }

  /* ---- Sub-menu: ẩn, hiện dạng dọc ---- */
  .mobile-nav-panel .sub-menu,
  .mobile-nav-panel .mega-content {
    display: none !important;
    background: #f8fafc !important;
    padding: 0 !important;
    list-style: none !important;
    margin: 0 !important;
    border-top: 1px solid #edf0f5 !important;
    width: 100% !important;
    box-shadow: none !important;
  }

  .mobile-nav-panel .nav-item.open>.sub-menu,
  .mobile-nav-panel .nav-item.open>.mega-content {
    display: block !important;
  }

  .mobile-nav-panel .sub-menu li,
  .mobile-nav-panel .mega-content>li {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    width: 100% !important;
    border-bottom: 1px solid #edf0f5 !important;
    box-sizing: border-box !important;
  }

  /* Link trong danh mục con: điều hướng tự nhiên */
  .mobile-nav-panel .sub-menu li .nav-link,
  .mobile-nav-panel .mega-content>li>.nav-link-wrap>.nav-link {
    padding-left: 28px !important;
    font-size: 13.5px !important;
    color: #333333 !important;
    font-weight: 500 !important;
  }
}

/* ====================================================
   1. DUPLICATE HEADER CLEANUP
   ==================================================== */
#nav-mobile,
.desktop-only-header #nav-mobile,
.desktop-only-header nav:has(#nav-mobile) {
  display: none !important;
}

/* ====================================================
   2. BREADCRUMB FLUSH ALIGNMENT WITH SIDEBAR
   ==================================================== */
section.bread-crumb,
.bread-crumb {
  background: transparent !important;
  padding: 10px 0 !important;
  margin: 0 0 15px 0 !important;
}

section.bread-crumb>.container {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

section.bread-crumb .row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

section.bread-crumb .col-xs-12 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

section.bread-crumb nav.woocommerce-breadcrumb,
.bread-crumb .woocommerce-breadcrumb,
.woocommerce-breadcrumb,
section.bread-crumb ul.breadcrumb,
.breadcrumb {
  padding: 0 !important;
  padding-left: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  color: #64748b !important;
  text-align: left !important;
  line-height: 1.5 !important;
}

section.bread-crumb nav.woocommerce-breadcrumb a,
section.bread-crumb nav.woocommerce-breadcrumb a:first-child,
.bread-crumb .woocommerce-breadcrumb a:first-child,
.woocommerce-breadcrumb a:first-child,
section.bread-crumb ul.breadcrumb li:first-child,
section.bread-crumb ul.breadcrumb li:first-child a {
  padding: 0 !important;
  padding-left: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
  color: #334155 !important;
}

section.bread-crumb nav.woocommerce-breadcrumb a:hover {
  color: #1437BE !important;
}

/* ====================================================
   3. PERFECT 3-COLUMN PRODUCT GRID & PREMIUM CARDS
   ==================================================== */

/* Container & Row: Trải trọn vẹn 100% chiều rộng */
.category-products,
.products-view-grid,
.products-view-grid>.row {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.products-view-grid ul.products,
.category-products ul.products,
ul.products {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  width: calc(100% + 20px) !important;
  margin: 0 -10px !important;
  padding: 8px 0 0 0 !important;
  list-style: none !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Chia đúng 3 cột đều 33.333% trên Desktop */
.products-view-grid ul.products>.col-lg-4,
.products-view-grid ul.products>.col-sm-4,
.products-view-grid .col-lg-4,
.products-view-grid .col-sm-4 {
  width: 33.333333% !important;
  max-width: 33.333333% !important;
  flex: 0 0 33.333333% !important;
  padding: 0 10px !important;
  padding-top: 4px !important;
  margin-bottom: 24px !important;
  display: flex !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.products-view-grid .product {
  display: flex !important;
  flex: 1 1 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.products-view-grid .item {
  display: flex !important;
  flex: 1 1 100% !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}

/* Card Box: Khung viền sang trọng, bo góc 10px, shadow mềm */
.products-view-grid .product-box {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: 100% !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.25s ease !important;
  position: relative !important;
  margin: 0 !important;
  background-clip: padding-box !important;
}

.products-view-grid .product-box:hover {
  border: 1px solid #1437BE !important;
  border-color: #1437BE !important;
  box-shadow: 0 10px 25px rgba(20, 55, 190, 0.15) !important;
  transform: translateY(-4px) !important;
  position: relative !important;
  z-index: 10 !important;
}

/* Thumbnail: Ảnh to rõ ràng, full layout tràn viền (aspect-ratio 1:1, object-fit cover) */
.products-view-grid .product-box .product-thumbnail,
.product-box .product-thumbnail {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  background: #ffffff !important;
  display: block !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  border-bottom: 1px solid #f1f5f9 !important;
  border-top-left-radius: 9px !important;
  border-top-right-radius: 9px !important;
  overflow: hidden !important;
}

.products-view-grid .product-box .product-thumbnail a,
.product-box .product-thumbnail a {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}

.products-view-grid .product-box .product-thumbnail img,
.product-box .product-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  border-top-left-radius: 9px !important;
  border-top-right-radius: 9px !important;
  transition: transform 0.35s ease !important;
  display: block !important;
}

.products-view-grid .product-box:hover .product-thumbnail img,
.product-box:hover .product-thumbnail img {
  transform: scale(1.04) !important;
}

/* Product Info: Bố trí thoáng đãng */
.products-view-grid .product-box .product-info {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  padding: 14px 14px 10px !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

.products-view-grid .product-box .product-name {
  margin: 0 0 3px 0 !important;
  padding: 0 !important;
}

/* Tên sản phẩm: Tối đa 2 dòng, không tạo khoảng trống quá xa cho sản phẩm 1 dòng */
.products-view-grid .product-box .product-name a {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  line-height: 1.35 !important;
  min-height: auto !important;
  max-height: 40px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  word-break: break-word !important;
}

.products-view-grid .product-box .product-name a:hover {
  color: #1437BE !important;
}

/* Price Box: Gần lại chữ bên trên (margin-top 5px), vừa vặn đẹp mắt và không bị che chữ */
.products-view-grid .product-box .price-box {
  margin: 5px 0 8px 0 !important;
  padding: 0 !important;
  min-height: auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

.products-view-grid .product-box .special-price {
  margin: 0 !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.products-view-grid .product-box .special-price .product-price {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  width: 100% !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* Đảm bảo toàn bộ giá tiền và ký hiệu đ luôn cùng 1 dòng, không bao giờ bị rớt dòng */
.products-view-grid .product-box .price,
.products-view-grid .product-box .price *,
.product-box .price,
.product-box .price *,
.special-price,
.special-price * {
  white-space: nowrap !important;
}

.products-view-grid .product-box span.woocommerce-Price-currencySymbol,
.product-box span.woocommerce-Price-currencySymbol,
span.woocommerce-Price-currencySymbol {
  display: inline !important;
  margin-left: 1px !important;
  text-decoration: inherit !important;
}

/* Giá bán màu đỏ nổi bật (ins) */
.products-view-grid .product-box ins,
.products-view-grid .product-box ins *,
.products-view-grid .product-box ins .amount,
.products-view-grid .product-box ins bdi,
.products-view-grid .product-box .special-price > .product-price > .amount,
.products-view-grid .product-box .special-price > .product-price > bdi {
  font-size: 16.5px !important;
  font-weight: 700 !important;
  color: #d9381e !important;
  text-decoration: none !important;
  -webkit-text-decoration-line: none !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}

/* Giá cũ gạch ngang màu xám (del) */
.products-view-grid .product-box del,
.products-view-grid .product-box del *,
.products-view-grid .product-box del .amount,
.products-view-grid .product-box del bdi,
.products-view-grid .product-box .special-price del,
.products-view-grid .product-box .special-price del *,
.products-view-grid .product-box .special-price del .amount,
.products-view-grid .product-box .special-price del bdi {
  color: #8c8c8c !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
  -webkit-text-decoration-line: line-through !important;
  text-decoration-color: #8c8c8c !important;
  line-height: 1.3 !important;
  display: inline-block !important;
  opacity: 0.9 !important;
}

/* Add to Cart Button: Nút chuẩn xịn bo góc 6px, hover xanh đậm */
.products-view-grid .product-box .add-to-cart-container {
  padding: 0 14px 14px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

.products-view-grid .product-box .add-to-cart-container a.add_to_cart {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  height: 38px !important;
  line-height: 36px !important;
  background: #eef2ff !important;
  color: #1437BE !important;
  border: 1px solid #c7d2fe !important;
  border-radius: 6px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  position: static !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

.products-view-grid .product-box .add-to-cart-container a.add_to_cart:hover {
  background: #1437BE !important;
  color: #ffffff !important;
  border-color: #1437BE !important;
  box-shadow: 0 4px 12px rgba(20, 55, 190, 0.25) !important;
}

.products-view-grid .product-box .add-to-cart-container a.add_to_cart:after {
  content: "Thêm vào giỏ" !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
}

.products-view-grid .product-box .add-to-cart-container a.add_to_cart i {
  position: static !important;
  top: auto !important;
  right: auto !important;
  width: auto !important;
  height: auto !important;
  line-height: inherit !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  color: inherit !important;
  opacity: 1 !important;
  transition: none !important;
}

.products-view-grid .product-box .add-to-cart-container a.add_to_cart i.fa-cart-arrow-down {
  display: none !important;
}

.products-view-grid .product-box .add-to-cart-container a.add_to_cart i.fa-shopping-cart {
  display: inline-block !important;
}

/* ====================================================
   NÚT BÁO GIÁ CHO SẢN PHẨM KHÔNG CÓ GIÁ (BÁO GIÁ)
   Nếu là báo giá: KHÔNG hiện 'Thêm vào giỏ', CHỈ HIỆN 'Báo giá'
   ==================================================== */
.product-box .add-to-cart-container a.btn-product-quote,
.product-box .add-to-cart-container a.is-quote,
a.btn-product-quote,
a.is-quote {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: 100% !important;
  height: 38px !important;
  line-height: 36px !important;
  background: #fff7ed !important;
  color: #ea580c !important;
  border: 1px solid #fed7aa !important;
  border-radius: 6px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  padding: 0 14px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.product-box .add-to-cart-container a.btn-product-quote:hover,
.product-box .add-to-cart-container a.is-quote:hover,
a.btn-product-quote:hover,
a.is-quote:hover {
  background: #ea580c !important;
  color: #ffffff !important;
  border-color: #ea580c !important;
  box-shadow: 0 4px 12px rgba(234, 88, 12, 0.25) !important;
}

.product-box .add-to-cart-container a.btn-product-quote:after,
.product-box .add-to-cart-container a.is-quote:after,
a.btn-product-quote:after,
a.is-quote:after {
  display: none !important;
  content: "" !important;
}

.product-box .add-to-cart-container a.btn-product-quote i,
.product-box .add-to-cart-container a.is-quote i {
  font-size: 13px !important;
  color: inherit !important;
}

/* Link Xem giỏ hàng sau khi Ajax add to cart */
.products-view-grid .product-box .add-to-cart-container a.added_to_cart {
  display: block !important;
  text-align: center !important;
  margin-top: 6px !important;
  font-size: 12px !important;
  color: #16a34a !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
}

/* Badge giảm giá Onsale */
.products-view-grid .product-box span.onsale,
.product-box span.onsale {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  background: #ef4444 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 7px !important;
  border-radius: 4px !important;
  line-height: 16px !important;
  min-height: auto !important;
  min-width: auto !important;
  z-index: 2 !important;
  box-shadow: 0 2px 5px rgba(239, 68, 68, 0.25) !important;
}

/* ====================================================
   BỐ CỤC SẢN PHẨM TRANG CHỦ (HOME 4 CỘT ĐỀU ĐẸP)
   Tránh lỗi gãy hàng, kẹt float trong Bootstrap
   ==================================================== */
.wpshare247_home_product_custom .tab-content,
.section_tab_product .tab-content {
  display: none;
  width: 100% !important;
}

.wpshare247_home_product_custom .tab-content.current,
.section_tab_product .tab-content.current {
  display: block !important;
}

.wpshare247_home_product_custom .tab-content .products,
.section_tab_product .tab-content .products,
.wpshare247_home_product .products {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  margin-left: -10px !important;
  margin-right: -10px !important;
  padding: 0 !important;
  width: calc(100% + 20px) !important;
}

/* Reset hoàn toàn clear:left cũ gây nhảy dòng */
.section_tab_product .tab-content .products .col-lg-3:nth-child(n),
.section_tab_product .products .col-sm-4:nth-child(n) {
  clear: none !important;
}

/* 4 cột đều nhau trên Desktop >= 1200px */
@media (min-width: 1200px) {

  .wpshare247_home_product_custom .tab-content .products>.col-lg-3,
  .section_tab_product .tab-content .products>.col-lg-3 {
    width: 25% !important;
    max-width: 25% !important;
    flex: 0 0 25% !important;
    padding: 0 10px !important;
    margin-bottom: 17px !important;
    box-sizing: border-box !important;
    display: flex !important;
    float: none !important;
  }
}

/* 3 cột trên Laptop / Tablet ngang (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {

  .wpshare247_home_product_custom .tab-content .products>[class*="col-"],
  .section_tab_product .tab-content .products>[class*="col-"] {
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    flex: 0 0 33.333333% !important;
    padding: 0 10px !important;
    margin-bottom: 20px !important;
    box-sizing: border-box !important;
    display: flex !important;
    float: none !important;
  }
}

/* 2 cột trên Tablet dọc (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {

  .wpshare247_home_product_custom .tab-content .products>[class*="col-"],
  .section_tab_product .tab-content .products>[class*="col-"] {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding: 0 8px !important;
    margin-bottom: 16px !important;
    box-sizing: border-box !important;
    display: flex !important;
    float: none !important;
  }
}

/* 2 cột trên Mobile (< 768px) */
@media (max-width: 767px) {

  .wpshare247_home_product_custom .tab-content .products>[class*="col-"],
  .section_tab_product .tab-content .products>[class*="col-"] {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding: 0 6px !important;
    margin-bottom: 16px !important;
    box-sizing: border-box !important;
    display: flex !important;
    float: none !important;
  }
}

/* Đảm bảo Card trang chủ bằng nhau 100% chiều cao */
.wpshare247_home_product_custom .tab-content .products>[class*="col-"] .product,
.section_tab_product .tab-content .products>[class*="col-"] .product {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wpshare247_home_product_custom .tab-content .products>[class*="col-"] .item,
.section_tab_product .tab-content .products>[class*="col-"] .item {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
}

.wpshare247_home_product_custom .product-box,
.section_tab_product .product-box {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: 100% !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.wpshare247_home_product_custom .product-box:hover,
.section_tab_product .product-box:hover {
  border-color: #1437BE !important;
  box-shadow: 0 10px 25px -5px rgba(20, 55, 190, 0.12), 0 8px 10px -6px rgba(20, 55, 190, 0.08) !important;
  transform: translateY(-3px) !important;
}

.wpshare247_home_product_custom .product-box .product-thumbnail,
.section_tab_product .product-box .product-thumbnail {
  height: 240px !important;
  width: 100% !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
  border-top-left-radius: 9px !important;
  border-top-right-radius: 9px !important;
  overflow: hidden !important;
}

.wpshare247_home_product_custom .product-box .product-thumbnail a,
.section_tab_product .product-box .product-thumbnail a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
}

.wpshare247_home_product_custom .product-box .product-thumbnail img,
.section_tab_product .product-box .product-thumbnail img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  border-top-left-radius: 9px !important;
  border-top-right-radius: 9px !important;
  transition: transform 0.35s ease !important;
}

.wpshare247_home_product_custom .product-box:hover .product-thumbnail img,
.section_tab_product .product-box:hover .product-thumbnail img {
  transform: scale(1.04) !important;
}

.wpshare247_home_product_custom .product-box .product-info,
.section_tab_product .product-box .product-info {
  padding: 14px 14px 10px !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  background: #ffffff !important;
}

.wpshare247_home_product_custom .product-box .product-name a,
.section_tab_product .product-box .product-name a {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  line-height: 1.35 !important;
  min-height: auto !important;
  max-height: 40px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.wpshare247_home_product_custom .product-box .add-to-cart-container,
.section_tab_product .product-box .add-to-cart-container {
  padding: 0 14px 14px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

/* Mobile responsive */
@media (max-width: 767px) {

  .products-view-grid ul.products>.col-xs-6,
  .products-view-grid .col-xs-6 {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding: 0 6px !important;
    margin-bottom: 16px !important;
  }

  .products-view-grid .product-box .product-thumbnail,
  .wpshare247_home_product_custom .product-box .product-thumbnail,
  .section_tab_product .product-box .product-thumbnail {
    height: 180px !important;
    padding: 0 !important;
  }

  .products-view-grid .product-box .product-info,
  .wpshare247_home_product_custom .product-box .product-info,
  .section_tab_product .product-box .product-info {
    padding: 10px 10px 8px !important;
  }

  .products-view-grid .product-box .product-name a,
  .wpshare247_home_product_custom .product-box .product-name a,
  .section_tab_product .product-box .product-name a {
    font-size: 12.5px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }

  .products-view-grid .product-box .add-to-cart-container,
  .wpshare247_home_product_custom .product-box .add-to-cart-container,
  .section_tab_product .product-box .add-to-cart-container {
    padding: 0 10px 10px !important;
  }

  .products-view-grid .product-box .add-to-cart-container a.add_to_cart,
  .wpshare247_home_product_custom .product-box .add-to-cart-container a.add_to_cart,
  .section_tab_product .product-box .add-to-cart-container a.add_to_cart,
  .product-box .add-to-cart-container a.btn-product-quote {
    height: 34px !important;
    line-height: 32px !important;
    font-size: 12.5px !important;
  }
}

/* ====================================================
   RELATED PRODUCTS: CHUẨN GRID 4 CỘT TRÊN TRANG CHI TIẾT
   ==================================================== */
.related-product {
  margin-top: 35px !important;
  margin-bottom: 25px !important;
  clear: both !important;
  width: 100% !important;
}

.related-product .heading {
  margin-bottom: 24px !important;
  text-align: center !important;
}

.related-product .heading h2 {
  font-size: 20px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #1e293b !important;
  display: inline-block !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid #ea580c !important;
  margin: 0 !important;
  letter-spacing: 0.5px !important;
}

.related-product .products-view-grid,
.related-product ul.products {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  width: calc(100% + 20px) !important;
  margin: 0 -10px !important;
  padding: 8px 0 0 0 !important;
  list-style: none !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Chia đều 4 cột trên Desktop (col-lg-3, col-md-3) */
.related-product .products-view-grid ul.products>.col-lg-3,
.related-product .products-view-grid ul.products>.col-md-3,
.related-product .products-view-grid .col-lg-3,
.related-product .products-view-grid .col-md-3,
.related-product .col-lg-3,
.related-product .col-md-3 {
  width: 25% !important;
  max-width: 25% !important;
  flex: 0 0 25% !important;
  padding: 0 10px !important;
  padding-top: 4px !important;
  margin-bottom: 24px !important;
  display: flex !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Fallback nếu không có wrapper col-* */
.related-product ul.products>.product {
  width: 25% !important;
  max-width: 25% !important;
  flex: 0 0 25% !important;
  padding: 0 10px !important;
  padding-top: 4px !important;
  margin-bottom: 24px !important;
  display: flex !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.related-product .product {
  display: flex !important;
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.related-product .product .item {
  display: flex !important;
  flex: 1 1 100% !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}

.related-product .product .product-box {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: 100% !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.25s ease !important;
  position: relative !important;
  background-clip: padding-box !important;
}

.related-product .product .product-box .product-thumbnail {
  border-top-left-radius: 9px !important;
  border-top-right-radius: 9px !important;
  overflow: hidden !important;
}

.related-product .product .product-box:hover {
  border: 1px solid #1437BE !important;
  border-color: #1437BE !important;
  box-shadow: 0 10px 25px rgba(20, 55, 190, 0.15) !important;
  transform: translateY(-4px) !important;
  position: relative !important;
  z-index: 10 !important;
}

@media (max-width: 991px) and (min-width: 768px) {

  .related-product .products-view-grid ul.products>.col-lg-3,
  .related-product .products-view-grid ul.products>.col-md-3,
  .related-product .products-view-grid .col-lg-3,
  .related-product .products-view-grid .col-md-3,
  .related-product .col-lg-3,
  .related-product .col-md-3,
  .related-product .col-sm-6,
  .related-product ul.products>.product {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding: 0 10px !important;
    margin-bottom: 20px !important;
  }
}

@media (max-width: 767px) {
  .related-product .heading h2 {
    font-size: 18px !important;
  }

  .related-product .products-view-grid ul.products,
  .related-product ul.products {
    width: calc(100% + 12px) !important;
    margin: 0 -6px !important;
  }

  .related-product .products-view-grid ul.products>.col-lg-3,
  .related-product .products-view-grid ul.products>.col-md-3,
  .related-product .products-view-grid .col-lg-3,
  .related-product .products-view-grid .col-md-3,
  .related-product .col-lg-3,
  .related-product .col-md-3,
  .related-product .col-xs-6,
  .related-product ul.products>.product {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding: 0 6px !important;
    margin-bottom: 14px !important;
  }
}

/* ====================================================
   FIX TOÀN BỘ TRANG: HOVER CARD KHÔNG BỊ MẤT VIỀN TRÊN
   ==================================================== */
.product-box {
  background-clip: padding-box !important;
}

.product-box .product-thumbnail {
  border-top-left-radius: 9px !important;
  border-top-right-radius: 9px !important;
  overflow: hidden !important;
}

.product-box:hover {
  border: 1px solid #1437BE !important;
  border-color: #1437BE !important;
  border-top-color: #1437BE !important;
  position: relative !important;
  z-index: 10 !important;
}

/* Đảm bảo container không cắt xén viền trên khi hover */
.wpshare247_home_product_custom,
.section_tab_product,
.section-sale,
.archive-shop,
.category-products,
.products-view-grid,
.related-product {
  overflow: visible !important;
}

.wpshare247_home_product_custom .item,
.section_tab_product .item,
.section-sale .item,
.archive-shop .item,
.category-products .item,
.products-view-grid .item,
.related-product .item,
.products-view-grid .product,
.category-products .product,
.related-product .product {
  overflow: visible !important;
  padding-top: 4px !important;
}

/* ====================================================
   HÌNH 1: TEXT PHẢI NGANG HÀNG VỚI CHECKBOX & RADIO (CHECKOUT)
   ==================================================== */
/* Checkbox "Tạo tài khoản mới?", "Giao hàng tới địa chỉ khác", Terms... */
.woocommerce-checkout .create-account label.checkbox,
.woocommerce-checkout .woocommerce-form__label-for-checkbox,
.woocommerce form .woocommerce-form__label-for-checkbox,
.woocommerce-form__label-for-checkbox,
.woocommerce-account-fields .create-account label,
p.create-account label.checkbox,
#ship-to-different-address label,
.woocommerce-terms-and-conditions-wrapper label,
.woocommerce-form-login label.woocommerce-form-login__rememberme {
  display: inline-flex !important;
  align-items: center !important;
  flex-direction: row !important;
  gap: 8px !important;
  cursor: pointer !important;
  margin: 10px 0 !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  line-height: 1.4 !important;
  width: auto !important;
}

.woocommerce-checkout .create-account label.checkbox input[type="checkbox"],
.woocommerce-checkout .woocommerce-form__label-for-checkbox input[type="checkbox"],
.woocommerce form .woocommerce-form__label-for-checkbox input[type="checkbox"],
.woocommerce-form__label-for-checkbox input[type="checkbox"],
.woocommerce-account-fields .create-account label input[type="checkbox"],
p.create-account label.checkbox input[type="checkbox"],
#ship-to-different-address label input[type="checkbox"],
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"],
.woocommerce-form-login label.woocommerce-form-login__rememberme input[type="checkbox"] {
  display: inline-block !important;
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  max-width: 17px !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
  float: none !important;
  position: static !important;
  accent-color: #1437BE !important;
}

.woocommerce-checkout .create-account label.checkbox span,
.woocommerce-checkout .woocommerce-form__label-for-checkbox span,
.woocommerce-form__label-for-checkbox span,
p.create-account label.checkbox span,
#ship-to-different-address label span {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  vertical-align: middle !important;
  font-size: 14px !important;
}

/* Radio phương thức thanh toán bên phải checkout */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
  display: block !important;
  margin-bottom: 15px !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method>input[type="radio"] {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  margin: 0 8px 0 0 !important;
  vertical-align: middle !important;
  float: none !important;
  position: static !important;
  cursor: pointer !important;
  accent-color: #1437BE !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method>label {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  font-size: 14px !important;
}

/* ====================================================
   HÌNH 2: CÁC PHẦN TỬ THẲNG HÀNG NGANG NHAU (GIỎ HÀNG - CART)
   ==================================================== */
.woocommerce table.shop_table.cart td.actions,
.woocommerce-cart table.cart td.actions,
table.cart td.actions {
  padding: 16px !important;
  vertical-align: middle !important;
  text-align: right !important;
}

/* Cụm Ưu đãi bên trái: label + input + button nằm trên cùng 1 hàng ngang */
.woocommerce table.shop_table.cart td.actions .coupon,
.woocommerce-cart table.cart td.actions .coupon,
table.cart td.actions .coupon {
  float: left !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce table.shop_table.cart td.actions .coupon label[for="coupon_code"],
.woocommerce-cart table.cart td.actions .coupon label[for="coupon_code"],
table.cart td.actions .coupon label {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  white-space: nowrap !important;
  line-height: 40px !important;
  vertical-align: middle !important;
}

.woocommerce table.shop_table.cart td.actions .coupon input#coupon_code,
.woocommerce-cart table.cart td.actions .coupon input#coupon_code,
table.cart td.actions .coupon input#coupon_code {
  display: inline-block !important;
  width: 170px !important;
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  background: #ffffff !important;
  color: #1e293b !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}

.woocommerce table.shop_table.cart td.actions .coupon button[name="apply_coupon"],
.woocommerce-cart table.cart td.actions .coupon button[name="apply_coupon"],
table.cart td.actions .coupon button[name="apply_coupon"] {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 20px !important;
  margin: 0 !important;
  background: #f1f5f9 !important;
  color: #1e293b !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

.woocommerce table.shop_table.cart td.actions .coupon button[name="apply_coupon"]:hover,
.woocommerce-cart table.cart td.actions .coupon button[name="apply_coupon"]:hover,
table.cart td.actions .coupon button[name="apply_coupon"]:hover {
  background: #1437BE !important;
  color: #ffffff !important;
  border-color: #1437BE !important;
}

/* Nút Cập nhật giỏ hàng bên phải, cùng chiều cao 40px và thẳng hàng ngang */
.woocommerce table.shop_table.cart td.actions button[name="update_cart"],
.woocommerce-cart table.cart td.actions button[name="update_cart"],
table.cart td.actions button[name="update_cart"] {
  display: inline-block !important;
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 22px !important;
  margin: 0 !important;
  float: right !important;
  background: #f8fafc !important;
  color: #334155 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

.woocommerce table.shop_table.cart td.actions button[name="update_cart"]:hover,
.woocommerce-cart table.cart td.actions button[name="update_cart"]:hover,
table.cart td.actions button[name="update_cart"]:hover {
  background: #1437BE !important;
  color: #ffffff !important;
  border-color: #1437BE !important;
}

/* Mobile responsive cho actions giỏ hàng */
@media (max-width: 767px) {

  .woocommerce table.shop_table.cart td.actions,
  .woocommerce-cart table.cart td.actions,
  table.cart td.actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 12px !important;
  }

  .woocommerce table.shop_table.cart td.actions .coupon,
  .woocommerce-cart table.cart td.actions .coupon,
  table.cart td.actions .coupon {
    float: none !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .woocommerce table.shop_table.cart td.actions .coupon input#coupon_code,
  .woocommerce-cart table.cart td.actions .coupon input#coupon_code,
  table.cart td.actions .coupon input#coupon_code {
    flex: 1 1 auto !important;
    width: auto !important;
  }

  .woocommerce table.shop_table.cart td.actions button[name="update_cart"],
  .woocommerce-cart table.cart td.actions button[name="update_cart"],
  table.cart td.actions button[name="update_cart"] {
    float: none !important;
    width: 100% !important;
  }
}

/* ==========================================================================
   BANNER TRANG CHỦ: RA GIỮA, COVER FULL MÀN HÌNH, LƯỚT SLIDE
   ========================================================================== */
.home-widget.wpshare247_home_banner,
.wpshare247_home_banner {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.wpshare247_home_banner .awe-section-1 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 25px 0 !important;
  padding: 0 !important;
}

.wpshare247_home_banner .main-slider,
.wpshare247_home_banner .home-slider {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Slick Base Styles cho home-slider */
.wpshare247_home_banner .home-slider.slick-slider {
  margin: 0 !important;
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  touch-action: pan-y !important;
}

.wpshare247_home_banner .home-slider .slick-list {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
}

.wpshare247_home_banner .home-slider .slick-track {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  display: flex !important;
  align-items: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.wpshare247_home_banner .home-slider .slick-slide {
  float: left !important;
  height: auto !important;
  min-height: 1px !important;
  outline: none !important;
  border: none !important;
}

.wpshare247_home_banner .home-slider a,
.wpshare247_home_banner .home-slider .item {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  outline: none !important;
  border: none !important;
  text-decoration: none !important;
  line-height: 0 !important;
}

/* Ảnh banner cover full chiều rộng và căn giữa */
.wpshare247_home_banner .home-slider img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  border: none !important;
  outline: none !important;
}

@media (min-width: 768px) {
  .wpshare247_home_banner .home-slider img {
    min-height: 350px;
    max-height: 650px;
    object-fit: cover !important;
    object-position: center center !important;
  }
}

@media (min-width: 1200px) {
  .wpshare247_home_banner .home-slider img {
    min-height: 450px;
    max-height: 650px;
    object-fit: cover !important;
    object-position: center center !important;
  }
}

/* Tối ưu tương thích giao diện Mobile (Điện thoại dưới 768px):
   - Xóa bỏ min-height cố định để không ép chiều cao quá khổ
   - Không crop (object-fit: contain hoặc tỉ lệ tự nhiên), hình ảnh co giãn chuẩn theo màn hình
   - Đảm bảo hiển thị trọn vẹn toàn bộ chữ, logo và sản phẩm trên banner mà không bị tràn/cắt xén */
@media (max-width: 767px) {
  .wpshare247_home_banner .awe-section-1 {
    margin-bottom: 15px !important;
  }
  .wpshare247_home_banner .main-slider,
  .wpshare247_home_banner .home-slider {
    height: auto !important;
    min-height: 0 !important;
  }
  .wpshare247_home_banner .home-slider.slick-slider,
  .wpshare247_home_banner .home-slider .slick-list,
  .wpshare247_home_banner .home-slider .slick-track,
  .wpshare247_home_banner .home-slider .slick-slide {
    height: auto !important;
    min-height: 0 !important;
  }
  .wpshare247_home_banner .home-slider img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
  .wpshare247_home_banner .home-slider .slick-prev,
  .wpshare247_home_banner .home-slider .slick-next {
    width: 30px !important;
    height: 30px !important;
    opacity: 0.6 !important;
  }
  .wpshare247_home_banner .home-slider .slick-prev {
    left: 6px !important;
  }
  .wpshare247_home_banner .home-slider .slick-next {
    right: 6px !important;
  }
  .wpshare247_home_banner .home-slider .slick-prev i,
  .wpshare247_home_banner .home-slider .slick-next i {
    font-size: 12px !important;
  }
}

/* Nút mũi tên lướt slide (Arrows) */
.wpshare247_home_banner .home-slider .slick-prev,
.wpshare247_home_banner .home-slider .slick-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
  width: 46px !important;
  height: 46px !important;
  background: rgba(0, 0, 0, 0.35) !important;
  border: none !important;
  border-radius: 50% !important;
  color: #fff !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  opacity: 0;
  outline: none !important;
  padding: 0 !important;
  line-height: 1 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.wpshare247_home_banner .home-slider:hover .slick-prev,
.wpshare247_home_banner .home-slider:hover .slick-next {
  opacity: 1;
}

.wpshare247_home_banner .home-slider .slick-prev {
  left: 20px !important;
}

.wpshare247_home_banner .home-slider .slick-next {
  right: 20px !important;
}

.wpshare247_home_banner .home-slider .slick-prev:hover,
.wpshare247_home_banner .home-slider .slick-next:hover {
  background: rgba(0, 114, 188, 0.9) !important;
  transform: translateY(-50%) scale(1.1) !important;
}

.wpshare247_home_banner .home-slider .slick-prev i,
.wpshare247_home_banner .home-slider .slick-next i {
  font-size: 18px !important;
  color: #fff !important;
  line-height: 1 !important;
}

/* Xóa bỏ hoàn toàn pseudo-element :before/:after của slick để không bị 2 mũi tên trên 1 nút */
.wpshare247_home_banner .home-slider .slick-prev:before,
.wpshare247_home_banner .home-slider .slick-next:before,
.wpshare247_home_banner .home-slider .slick-prev:after,
.wpshare247_home_banner .home-slider .slick-next:after,
.slick-prev:before,
.slick-next:before {
  display: none !important;
  content: "" !important;
}

/* Ẩn widget banner bị trùng lặp nếu có 2 block banner cùng xuất hiện ở trang chủ */
.sidebar-home .wpshare247_home_banner ~ .wpshare247_home_banner,
.wpshare247_home_banner ~ .wpshare247_home_banner {
  display: none !important;
}

/* Dots điều hướng trang banner - Ẩn hoàn toàn theo yêu cầu */
.wpshare247_home_banner .home-slider .slick-dots,
.wpshare247_home_banner .slick-dots,
.home-slider .slick-dots,
.main-slider .slick-dots {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ==========================================================================
   HOME 2: BLOCK ẢNH CHÍNH SÁCH (FULL HÌNH ẢNH, CHE HẾT BORDER)
   ========================================================================== */
.home-widget.wpshare247_home_policy_img,
.wpshare247_home_policy_img {
  margin-bottom: 25px !important;
  width: 100% !important;
}

.wpshare247_home_policy_img .awe-section-2 {
  margin-bottom: 0 !important;
}

.wpshare247_home_policy_img .widget.widget-policy {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

/* Xóa bỏ hoàn toàn viền xám bên ngoài */
.wpshare247_home_policy_img .widget-inner {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}

/* Căn hàng flex để cả 3 ảnh luôn cao bằng nhau */
.wpshare247_home_policy_img .row.row-noGutter {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  align-items: stretch !important;
  border: none !important;
}

/* Xóa viền giữa các cột */
.wpshare247_home_policy_img .row.row-noGutter>[class*="col-"],
.wpshare247_home_policy_img .col-md-4.col-sm-4 {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  display: flex !important;
}

.wpshare247_home_policy_img .col-md-4.col-sm-4 a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
}

/* Ảnh phủ kín 100% chiều rộng và chiều cao cột */
.wpshare247_home_policy_img .col-md-4.col-sm-4 img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  transition: transform 0.3s ease;
}

.wpshare247_home_policy_img .col-md-4.col-sm-4 a:hover img {
  transform: scale(1.02);
}

@media (max-width: 767px) {
  .wpshare247_home_policy_img .row.row-noGutter {
    display: block !important;
  }

  .wpshare247_home_policy_img .row.row-noGutter>[class*="col-"] {
    width: 100% !important;
    margin-bottom: 8px !important;
  }
}

/* ==========================================================================
   1. GIAO DIỆN TRANG CHI TIẾT SẢN PHẨM (SINGLE PRODUCT) HOÀN CHỈNH
   Hỗ trợ hoàn hảo cả Sản phẩm Đơn (Simple) và Sản phẩm Biến thể (Variable)
   ========================================================================== */

/* Layout 2 cột chuẩn cho trang chi tiết sản phẩm: Gallery 48% | Summary 50% */
.details-product div.product {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  width: 100% !important;
  margin: 0 !important;
}

.details-product div.product div.images,
.details-product div.product .woocommerce-product-gallery {
  position: relative !important;
  opacity: 1 !important;
  width: 543px !important;
  max-width: 543px !important;
  height: 615px !important;
  min-height: 615px !important;
  float: none !important;
  margin: 0 0 30px 0 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  overflow: hidden !important;
}

/* Khung hiển thị ảnh chính: cố định chiều cao, chống nhảy layout */
.details-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  height: 100% !important;
}

/* Viewport của slider luôn giữ cố định chiều cao 485px khi có album */
.details-product .woocommerce-product-gallery .flex-viewport {
  width: 100% !important;
  height: 485px !important;
  min-height: 485px !important;
  max-height: 485px !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Khi sản phẩm chỉ có 1 ảnh duy nhất (không có thumbnail bên dưới) */
.details-product .woocommerce-product-gallery.is-single-image-gallery .woocommerce-product-gallery__wrapper,
.details-product .woocommerce-product-gallery.is-single-image-gallery .flex-viewport,
.details-product .woocommerce-product-gallery:not(:has(.flex-control-thumbs)) .woocommerce-product-gallery__wrapper,
.details-product .woocommerce-product-gallery:not(:has(.flex-control-thumbs)) .flex-viewport {
  height: 589px !important;
  min-height: 589px !important;
  max-height: 589px !important;
}

.details-product .woocommerce-product-gallery .woocommerce-product-gallery__image {
  margin: 0 !important;
  text-align: center !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
}

.details-product .woocommerce-product-gallery .woocommerce-product-gallery__image a,
.details-product .woocommerce-product-gallery .woocommerce-product-gallery__image--placeholder {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

/* Ảnh chính tự động fit hoàn hảo trong khung (object-fit: contain), không vỡ, không biến dạng, không nhảy layout */
.details-product .woocommerce-product-gallery .woocommerce-product-gallery__image img:not(.zoomImg) {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  transition: transform 0.3s ease !important;
}

/* Nút mũi tên chuyển ảnh Slider (Chỉ hiển thị khi có album 2+ ảnh) */
.custom-gallery-nav {
  position: absolute !important;
  top: 254px !important;
  left: 12px !important;
  right: 12px !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  justify-content: space-between !important;
  pointer-events: none !important;
  z-index: 15 !important;
}

.custom-gallery-arrow {
  pointer-events: auto !important;
  width: 40px !important;
  height: 40px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 50% !important;
  color: #1e293b !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  opacity: 0.75 !important;
  outline: none !important;
  padding: 0 !important;
}

.details-product .woocommerce-product-gallery:hover .custom-gallery-arrow {
  opacity: 1 !important;
}

.custom-gallery-arrow:hover {
  background: #e25700 !important;
  color: #ffffff !important;
  border-color: #e25700 !important;
  transform: scale(1.1) !important;
  box-shadow: 0 6px 16px rgba(226, 87, 0, 0.35) !important;
}

.custom-gallery-arrow:active {
  transform: scale(0.95) !important;
}

/* Dải album thumbnails dạng slider/carousel */
.details-product .woocommerce-product-gallery .flex-control-thumbs {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  margin: auto 0 0 0 !important;
  padding: 4px 2px 6px 2px !important;
  list-style: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scroll-behavior: smooth !important;
  height: 88px !important;
  box-sizing: border-box !important;
}

.details-product .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar {
  height: 4px !important;
}

.details-product .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar-track {
  background: #f1f5f9 !important;
  border-radius: 4px !important;
}

.details-product .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar-thumb {
  background: #cbd5e1 !important;
  border-radius: 4px !important;
}

.details-product .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar-thumb:hover {
  background: #e25700 !important;
}

.details-product .woocommerce-product-gallery .flex-control-thumbs li {
  flex: 0 0 78px !important;
  width: 78px !important;
  height: 78px !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
}

.details-product .woocommerce-product-gallery .flex-control-thumbs li img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border: 2px solid #e2e8f0 !important;
  border-radius: 6px !important;
  padding: 2px !important;
  background: #ffffff !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  opacity: 0.7 !important;
}

.details-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
.details-product .woocommerce-product-gallery .flex-control-thumbs li img:hover {
  border-color: #e25700 !important;
  opacity: 1 !important;
  box-shadow: 0 2px 8px rgba(226, 87, 0, 0.25) !important;
}

.details-product div.product div.summary {
  width: calc(100% - 575px) !important;
  max-width: calc(100% - 575px) !important;
  float: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 991px) {

  .details-product div.product div.images,
  .details-product div.product .woocommerce-product-gallery {
    width: 100% !important;
    max-width: 543px !important;
    height: auto !important;
    min-height: auto !important;
    margin: 0 auto 30px auto !important;
  }

  .details-product .woocommerce-product-gallery .flex-viewport,
  .details-product .woocommerce-product-gallery .woocommerce-product-gallery__image {
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
  }

  .custom-gallery-nav {
    top: 202px !important;
  }

  .details-product div.product div.summary {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}

/* Tiêu đề sản phẩm */
.details-product h1.product_title {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  line-height: 1.35 !important;
  margin: 0 0 12px 0 !important;
}

/* Khối Giá sản phẩm */
.details-product .price-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 4px solid #e25700 !important;
  border-radius: 6px !important;
  padding: 10px 16px !important;
  margin-bottom: 18px !important;
}

.details-product .price-box .price {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #e25700 !important;
  margin: 0 !important;
}

.details-product .price-box del {
  font-size: 16px !important;
  color: #94a3b8 !important;
  font-weight: 400 !important;
  margin-right: 10px !important;
}

.details-product .price-box ins {
  text-decoration: none !important;
  color: #e25700 !important;
}

.details-product .price-box .price-quote-text {
  font-size: 20px !important;
  color: #e25700 !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   Task 12: Ẩn giá phụ ở dưới, chỉ hiển thị giá chính nhảy ở trên cùng
   (Chuẩn UX Thegioididong / CellphoneS khi chọn biến thể dung tích)
   ========================================================================== */
.details-product .woocommerce-variation-price,
.details-product .single_variation .woocommerce-variation-price {
  display: none !important;
}

.details-product .price-box {
  transition: all 0.25s ease-in-out !important;
}

.details-product .price-box.tbay-price-pulse {
  animation: tbayPriceJump 0.35s ease-in-out;
}

@keyframes tbayPriceJump {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.025);
    background-color: #fff7ed !important;
    border-color: #f97316 !important;
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.2) !important;
  }
  100% {
    transform: scale(1);
  }
}

/* ==========================================================================
   FORM GIỎ HÀNG (Áp dụng đúng cho cả Simple và Variable Product)
   ========================================================================== */

/* 1. Với Sản phẩm Đơn (Simple): căn ngang stepper và nút thêm giỏ */
.details-product form.cart:not(.variations_form) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 18px 0 !important;
}

/* 2. Với Sản phẩm Biến thể (Variable): form phải là khối dọc 100% */
.details-product form.variations_form {
  display: block !important;
  width: 100% !important;
  margin: 18px 0 !important;
}

.details-product .custom-variations-wrapper {
  width: 100% !important;
  margin: 14px 0 10px 0 !important;
  display: block !important;
}

.details-product table.variations {
  display: block !important;
  width: 100% !important;
  border: none !important;
  margin: 0 !important;
  background: transparent !important;
}

.details-product table.variations tbody,
.details-product table.variations tr.variation-item-row,
.details-product table.variations th.label,
.details-product table.variations td.value {
  display: block !important;
  width: 100% !important;
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
}

.details-product .swatch-pills-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 6px !important;
}

.details-product .swatch-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 68px !important;
  height: 38px !important;
  padding: 0 14px !important;
  background: #ffffff !important;
  color: #1e293b !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  outline: none !important;
}

.details-product .swatch-pill:hover {
  border-color: #0088cc !important;
  color: #0088cc !important;
  background: #f0f9ff !important;
}

.details-product .swatch-pill.active {
  background: #0088cc !important;
  color: #ffffff !important;
  border-color: #0088cc !important;
  box-shadow: 0 2px 6px rgba(0, 136, 204, 0.3) !important;
}

.details-product .single_variation_wrap {
  width: 100% !important;
  display: block !important;
  margin-top: 14px !important;
}

.details-product .woocommerce-variation-add-to-cart {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 12px !important;
}

/* Định dạng bộ chọn số lượng (Stepper) chuẩn */
.details-product .custom-qty-stepper {
  display: inline-flex !important;
  align-items: stretch !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  height: 44px !important;
}

.details-product .custom-qty-stepper .qty-btn {
  width: 38px !important;
  height: 100% !important;
  background: #f1f5f9 !important;
  border: none !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.15s !important;
}

.details-product .custom-qty-stepper .qty-btn:hover {
  background: #e2e8f0 !important;
  color: #0088cc !important;
}

.details-product .custom-qty-stepper input.qty {
  width: 50px !important;
  height: 100% !important;
  border: none !important;
  border-left: 1px solid #cbd5e1 !important;
  border-right: 1px solid #cbd5e1 !important;
  text-align: center !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  color: #1e293b !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Nút thêm vào giỏ hàng thống nhất */
.details-product form.cart button.single_add_to_cart_button,
.details-product .variations_form .single_add_to_cart_button {
  height: 44px !important;
  padding: 0 24px !important;
  background: #e25700 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  box-shadow: 0 2px 6px rgba(226, 87, 0, 0.28) !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.details-product form.cart button.single_add_to_cart_button:hover,
.details-product .variations_form .single_add_to_cart_button:hover {
  background: #c74a00 !important;
  box-shadow: 0 4px 10px rgba(226, 87, 0, 0.38) !important;
  transform: translateY(-1px) !important;
}

/* Quản lý nút Báo giá và Giỏ hàng cho sản phẩm biến thể */
.details-product .variation-cart-action-group {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
}

.details-product .variations_button.is-quote-mode .variation-cart-action-group,
.details-product form.variations_form.is-quote-mode .variation-cart-action-group,
.details-product form.variations_form.is-all-quote .variation-cart-action-group,
.details-product form.variations_form.is-quote-mode .quantity,
.details-product form.variations_form.is-quote-mode .single_add_to_cart_button,
.details-product form.variations_form.is-all-quote .quantity,
.details-product form.variations_form.is-all-quote .single_add_to_cart_button {
  display: none !important;
}

.details-product .variations_button.is-quote-mode .variation-quote-action,
.details-product form.variations_form.is-quote-mode .variation-quote-action,
.details-product form.variations_form.is-all-quote .variation-quote-action {
  display: inline-flex !important;
  gap: 10px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.details-product .variation-quote-action {
  margin: 0 !important;
}

/* ==========================================================================
   BẢNG TẤT CẢ CÁC TRƯỜNG THÔNG TIN SẢN PHẨM (META INFO BOX) CÓ BORDER
   ========================================================================== */
.product-info-box-wrapper {
  margin: 18px 0 !important;
  width: 100% !important;
}

.single-product-meta-grid {
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #f8fafc !important;
  padding: 14px 18px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px 14px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.single-product-meta-grid .meta-item {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 3px 6px !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  color: #334155 !important;
  min-width: 0 !important;
}

.single-product-meta-grid .meta-item.meta-category,
.single-product-meta-grid .meta-item.meta-attribute,
.single-product-meta-grid .meta-item.meta-tags {
  grid-column: 1 / -1 !important;
}

.single-product-meta-grid .meta-label {
  font-weight: 600 !important;
  color: #64748b !important;
  margin-right: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  white-space: nowrap !important;
}

.single-product-meta-grid .meta-label i {
  color: #0088cc !important;
  font-size: 13px !important;
  min-width: 14px !important;
}

.single-product-meta-grid .meta-value {
  color: #1e293b !important;
  font-weight: 500 !important;
  word-break: break-word !important;
}

.single-product-meta-grid .meta-value.sku {
  font-family: monospace !important;
  font-weight: 700 !important;
  color: #0284c7 !important;
}

.single-product-meta-grid .meta-value.brand-name {
  font-weight: 700 !important;
  color: #0b2265 !important;
}

.single-product-meta-grid .stock-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.single-product-meta-grid .stock-badge.in-stock {
  background: #ecfdf5 !important;
  color: #059669 !important;
  border: 1px solid #a7f3d0 !important;
}

.single-product-meta-grid .stock-badge.out-of-stock {
  background: #fef2f2 !important;
  color: #dc2626 !important;
  border: 1px solid #fecaca !important;
}

.single-product-meta-grid .meta-category a,
.single-product-meta-grid .meta-tags a {
  color: #0088cc !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}

.single-product-meta-grid .meta-category a:hover,
.single-product-meta-grid .meta-tags a:hover {
  color: #e25700 !important;
  text-decoration: underline !important;
}

@media (max-width: 767px) {
  .single-product-meta-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
}

/* ==========================================================================
   KHỐI CAM KẾT VÀ CHÍNH SÁCH BÁN HÀNG CÓ BORDER (POLICY BOX)
   ========================================================================== */
.product-commit-policy-box {
  margin-top: 16px !important;
  border: 1.5px dashed #0088cc !important;
  border-radius: 8px !important;
  background: #f0f9ff !important;
  padding: 14px 16px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.product-commit-policy-box .policy-box-title {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #0369a1 !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.product-commit-policy-box .policy-box-title i {
  color: #e25700 !important;
  font-size: 15px !important;
}

.product-commit-policy-box .policy-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.product-commit-policy-box .policy-list li {
  list-style: none !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #334155 !important;
  margin-bottom: 6px !important;
}

.product-commit-policy-box .policy-list li:last-child {
  margin-bottom: 0 !important;
}

.product-commit-policy-box .policy-list li i {
  color: #059669 !important;
  font-size: 13px !important;
  margin-top: 2.5px !important;
  flex-shrink: 0 !important;
}

.product-commit-policy-box .policy-list li i.fa-phone-volume {
  color: #e25700 !important;
}

.product-commit-policy-box .policy-list li a {
  color: #e25700 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.product-commit-policy-box .policy-list li a:hover {
  text-decoration: underline !important;
}

/* ==========================================================================
   KHỐI TAB CHI TIẾT SẢN PHẨM (DESCRIPTION, SPECS, REVIEWS) CÓ BORDER
   ========================================================================== */
.details-product .woocommerce-tabs {
  width: 100% !important;
  margin-top: 35px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  padding: 24px 20px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
  box-sizing: border-box !important;
  clear: both !important;
}

/* Ẩn tab Thông tin bổ sung (theo yêu cầu tạm thời) */
.details-product .woocommerce-tabs ul.tabs li.additional_information_tab,
.details-product .woocommerce-tabs ul.tabs li#tab-title-additional_information,
.woocommerce-tabs ul.tabs li.additional_information_tab,
.woocommerce-tabs ul.tabs li#tab-title-additional_information,
.details-product .woocommerce-Tabs-panel--additional_information,
.woocommerce-Tabs-panel--additional_information,
#tab-additional_information {
  display: none !important;
}

.details-product .woocommerce-tabs ul.tabs,
.woocommerce-tabs ul.tabs {
  border-bottom: 2px solid #e2e8f0 !important;
  padding-left: 0 !important;
  margin: 0 0 20px 0 !important;
  display: flex !important;
  gap: 8px !important;
  list-style: none !important;
}

.details-product .woocommerce-tabs ul.tabs li,
.woocommerce-tabs ul.tabs li {
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  border-bottom: none !important;
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
  margin-bottom: -2px !important;
  padding: 0 !important;
  transition: all 0.2s ease !important;
}

/* Giảm padding cho các tab (Mô tả chi tiết, Đánh giá...) gọn gàng, thanh thoát */
.details-product .woocommerce-tabs ul.tabs li a,
.woocommerce-tabs ul.tabs li a {
  display: block !important;
  padding: 7px 16px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #64748b !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  letter-spacing: 0.3px !important;
  transition: all 0.2s ease !important;
}

.details-product .woocommerce-tabs ul.tabs li:hover,
.woocommerce-tabs ul.tabs li:hover {
  background: #e2e8f0 !important;
}

.details-product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce-tabs ul.tabs li a:hover {
  color: #0f172a !important;
}

.details-product .woocommerce-tabs ul.tabs li.active,
.woocommerce-tabs ul.tabs li.active {
  background: #ffffff !important;
  border-color: #0088cc !important;
  border-top: 3px solid #0088cc !important;
  border-bottom: 2px solid #ffffff !important;
}

.details-product .woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li.active a {
  color: #0088cc !important;
  font-weight: 700 !important;
}

/* ĐỊNH DẠNG BORDER CHO TẤT CẢ CÁC BẢNG TRONG NỘI DUNG CHI TIẾT SẢN PHẨM */
.details-product .woocommerce-Tabs-panel table,
.details-product .entry-content table,
.details-product .woocommerce-product-attributes.shop_attributes {
  width: 100% !important;
  border-collapse: collapse !important;
  border: 1px solid #cbd5e1 !important;
  margin: 16px 0 24px 0 !important;
  background: #ffffff !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}

.details-product .woocommerce-Tabs-panel table th,
.details-product .woocommerce-Tabs-panel table td,
.details-product .entry-content table th,
.details-product .entry-content table td,
.details-product .woocommerce-product-attributes.shop_attributes th,
.details-product .woocommerce-product-attributes.shop_attributes td {
  border: 1px solid #cbd5e1 !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  text-align: left !important;
  vertical-align: middle !important;
  color: #334155 !important;
}

.details-product .woocommerce-Tabs-panel table th,
.details-product .entry-content table th,
.details-product .woocommerce-Tabs-panel table tr:first-child td,
.details-product .woocommerce-product-attributes.shop_attributes th {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  font-weight: 700 !important;
}

.details-product .woocommerce-Tabs-panel table tr:nth-child(even) td,
.details-product .entry-content table tr:nth-child(even) td,
.details-product .woocommerce-product-attributes.shop_attributes tr:nth-child(even) td {
  background: #f8fafc !important;
}

.details-product .woocommerce-Tabs-panel table tr:hover td,
.details-product .entry-content table tr:hover td {
  background: #f1f5f9 !important;
}

/* ==========================================================================
   GIAO DIỆN TAB ĐÁNH GIÁ & NHẬN XÉT (REVIEWS & COMMENTS) GỌN GÀNG, BẮT MẮT
   ========================================================================== */
.details-product #reviews.woocommerce-Reviews {
  max-width: 860px;
  margin: 0 auto;
  padding: 10px 0;
}

.details-product #reviews .woocommerce-Reviews-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin-bottom: 12px !important;
  display: flex;
  align-items: center;
  gap: 8px;
}

.details-product #reviews .woocommerce-noreviews {
  color: #64748b !important;
  font-size: 14.5px !important;
  background: #f8fafc !important;
  border: 1px dashed #cbd5e1 !important;
  border-radius: 8px !important;
  padding: 16px 20px !important;
  margin-bottom: 24px !important;
}

.details-product #review_form_wrapper {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 24px 28px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

.details-product #review_form .comment-reply-title {
  font-size: 16.5px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  display: block !important;
  margin-bottom: 10px !important;
}

.details-product #review_form .comment-notes {
  font-size: 13.5px !important;
  color: #64748b !important;
  margin-bottom: 18px !important;
}

/* Đánh giá sao (Stars Rating) */
.details-product #review_form .comment-form-rating {
  margin-bottom: 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

.details-product #review_form .comment-form-rating label {
  font-weight: 600 !important;
  font-size: 14.5px !important;
  color: #334155 !important;
  margin: 0 !important;
}

.details-product #review_form .comment-form-rating .stars {
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.details-product #review_form .comment-form-rating .stars a {
  color: #fbbf24 !important;
  font-size: 20px !important;
  margin-right: 4px !important;
  text-decoration: none !important;
  transition: transform 0.15s ease, color 0.15s ease !important;
}

.details-product #review_form .comment-form-rating .stars a:hover {
  transform: scale(1.18) !important;
  color: #f59e0b !important;
}

/* Textarea & Inputs */
.details-product #review_form .comment-form-comment,
.details-product #review_form .comment-form-author,
.details-product #review_form .comment-form-email {
  margin-bottom: 16px !important;
}

.details-product #review_form label {
  display: block !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  margin-bottom: 6px !important;
}

.details-product #review_form textarea,
.details-product #review_form input[type="text"],
.details-product #review_form input[type="email"] {
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 14.5px !important;
  color: #1e293b !important;
  background: #f8fafc !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
}

.details-product #review_form textarea:focus,
.details-product #review_form input[type="text"]:focus,
.details-product #review_form input[type="email"]:focus {
  border-color: #0088cc !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(0, 136, 204, 0.15) !important;
  outline: none !important;
}

.details-product #review_form textarea {
  min-height: 110px !important;
  resize: vertical !important;
}

/* Nút Submit Gửi Đánh Giá */
.details-product #review_form .form-submit {
  margin-top: 14px !important;
  margin-bottom: 0 !important;
}

.details-product #review_form .form-submit input[type="submit"],
.details-product #review_form .form-submit button[type="submit"] {
  background: linear-gradient(135deg, #0088cc, #006699) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 10px 28px !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 6px rgba(0, 136, 204, 0.25) !important;
}

.details-product #review_form .form-submit input[type="submit"]:hover,
.details-product #review_form .form-submit button[type="submit"]:hover {
  background: linear-gradient(135deg, #0077b3, #005580) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 10px rgba(0, 136, 204, 0.35) !important;
}


/* ==========================================================================
   2. GIAO DIỆN CHÂN TRANG (FOOTER) SANG TRỌNG & PHÙ HỢP
   ========================================================================== */

/* Nền và khung Footer */
footer.footer .site-footer {
  background: #f8fafc !important;
  border-top: 3px solid #0088cc !important;
  padding: 45px 0 35px 0 !important;
}

/* Phân bổ lại độ rộng các cột Footer trên màn hình lớn: Cột 1 (Về cửa hàng) rộng 34% để email và hotline không bị xuống dòng */
@media (min-width: 992px) {
  footer.footer .site-footer .footer-inner .row {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  footer.footer .site-footer .w366-widget.wpshare247_footer_introduce,
  footer.footer .site-footer .footer-inner .row > .w366-widget:first-child {
    width: 34% !important;
    max-width: 34% !important;
    flex: 0 0 34% !important;
  }
  footer.footer .site-footer .footer-inner .row > .w366-widget:not(.wpshare247_footer_introduce):not(:first-child) {
    width: 22% !important;
    max-width: 22% !important;
    flex: 0 0 22% !important;
  }
}

/* Tiêu đề các cột Footer */
footer.footer .site-footer h3,
footer.footer .footer-widget h3 {
  font-weight: 700 !important;
  font-size: 16px !important;
  color: #0f172a !important;
  text-transform: uppercase !important;
  margin: 0 0 18px 0 !important;
  padding-bottom: 10px !important;
  border-bottom: 2px solid #0088cc !important;
  display: inline-block !important;
  letter-spacing: 0.5px !important;
}

/* CỘT 1: Về cửa hàng */
footer.footer .list-menu.list-showroom {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

footer.footer .about-content {
  border-bottom: 1px dashed #cbd5e1 !important;
  padding-bottom: 14px !important;
  margin-bottom: 16px !important;
  padding-left: 0 !important;
  list-style: none !important;
}

footer.footer .about-content p {
  color: #475569 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  padding: 0 !important;
}

footer.footer .footer-contact-line {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
  padding-left: 0 !important;
  margin-left: -7px !important;
  color: #334155 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  list-style: none !important;
}

footer.footer .footer-contact-icon {
  color: #e25700 !important;
  font-size: 15px !important;
  margin-top: 2px !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  text-align: left !important;
  flex-shrink: 0 !important;
}

footer.footer .footer-contact-text {
  flex: 1 !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

footer.footer .footer-contact-text strong {
  color: #0f172a !important;
  display: inline !important;
}

footer.footer .footer-contact-text a {
  color: #1e293b !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

footer.footer .footer-contact-text a[href^="mailto:"] {
  white-space: nowrap !important;
}

footer.footer .footer-contact-text a:hover {
  color: #e25700 !important;
}

/* CỘT 2, 3, 4: Menu Chính Sách, Khuyến Mãi, Danh Mục Sản Phẩm */
/* 1. XÓA BỎ HOÀN TOÀN DẤU CHẤM TRÒN MỜ XÁM (BULLET DOTS) CŨ */
footer.footer .footer-widget ul.menu,
footer.footer .site-footer ul.list-menu {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

footer.footer .footer-widget ul.menu li:before,
footer.footer .list-menu.list-right li:before {
  display: none !important;
  content: none !important;
}

/* 2. ĐỊNH DẠNG LINK VỚI ICON MŨI TÊN NHẸ NHÀNG, TINH TẾ (GỌN GÀNG, LINE-HEIGHT HỢP LÝ) */
footer.footer .footer-widget ul.menu li {
  list-style: none !important;
  padding: 4px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid #f1f5f9 !important;
  transition: all 0.2s ease !important;
}

footer.footer .footer-widget ul.menu li:last-child {
  border-bottom: none !important;
}

footer.footer .footer-widget ul.menu li a {
  color: #334155 !important;
  font-size: 13.5px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  align-items: flex-start !important;
  text-decoration: none !important;
  width: 100% !important;
  transition: all 0.2s ease !important;
}

footer.footer .footer-widget ul.menu li a:before {
  content: "\f105" !important;
  font-family: "Font Awesome 5 Free", "FontAwesome" !important;
  font-weight: 900 !important;
  color: #0088cc !important;
  margin-right: 8px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  margin-top: 1px !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}

/* Hover mượt mà: Đổi màu cam, trượt nhẹ sang phải */
footer.footer .footer-widget ul.menu li a:hover {
  color: #e25700 !important;
  padding-left: 5px !important;
  text-decoration: none !important;
}

footer.footer .footer-widget ul.menu li a:hover:before {
  color: #e25700 !important;
  transform: translateX(2px) !important;
}

/* Khối bản quyền Copyright dưới đáy */
footer.footer .copyright {
  background: #0f172a !important;
  color: #94a3b8 !important;
  padding: 16px 0 !important;
  font-size: 13.5px !important;
  border-top: 1px solid #1e293b !important;
}

footer.footer .copyright b,
footer.footer .copyright a {
  color: #38bdf8 !important;
  text-decoration: none !important;
}

footer.footer .copyright a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* Bản quyền: 1 dòng, căn giữa, có dấu phân cách; nút lên đầu trang bo tròn */
footer.footer .copyright {
  padding: 18px 0 !important;
  border-top: 1px solid rgba(148, 163, 184, 0.25) !important;
}

footer.footer .copyright .row {
  margin: 0;
}

footer.footer .copyright .row > div {
  float: none;
  width: 100%;
  text-align: center !important;
  padding: 0;
  line-height: 1.8;
}

footer.footer .copyright span.fot-line {
  display: inline-block !important;
  height: auto !important;
  opacity: 0.5 !important;
  margin: 0 12px;
}

footer.footer .back-to-top {
  width: 42px;
  height: 42px;
  line-height: 40px;
  text-align: center;
  right: 24px;
  bottom: 24px;
  border: 0;
  border-radius: 50%;
  background: #e25700;
  color: #fff;
  font-size: 22px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
  transition: transform 0.2s, background 0.2s;
}

footer.footer .back-to-top:hover {
  background: #ff6a13;
  transform: translateY(-3px);
}

@media (max-width: 767px) {
  footer.footer .copyright span.fot-line {
    display: block !important;
    height: 0 !important;
    margin: 0;
  }
}

/* ============================================================
   1. HEADER DESKTOP THẲNG HÀNG VỚI LINE ĐỎ (HÌNH 1)
   Căn thẳng hàng tuyệt đối với breadcrumb & sidebar danh mục
   ============================================================ */
@media (min-width: 992px) {
  .desktop-only-header .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Đảm bảo contact-top sát mép trái cột col-md-5 */
  .desktop-only-header .contact-top {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  /* Đảm bảo mục Trang Chủ đầu tiên của menu sát mép trái cột col-xs-12 */
  .desktop-only-header header nav .nav,
  .desktop-only-header ul#nav {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  .desktop-only-header ul#nav > .nav-item:first-child > a {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
}

/* ============================================================
   FIX MOBILE LAYOUT TỔNG QUÁT (< 992px)
   Sửa card bị kéo dài, sidebar, layout tổng thể
   ============================================================ */

/* 1. ARCHIVE-PRODUCT / CATEGORY: Layout 2 cột, sidebar ẩn trên mobile */
@media (max-width: 991px) {

  /* Layout chính archive/category: chiều rộng 100%, không push */
  .main_container.collection.col-lg-9.col-md-9,
  .main_container.collection.col-md-9 {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    float: none !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* Sidebar phân loại sản phẩm: Ẩn hoàn toàn trên mobile */
  .dqdt-sidebar.sidebar.left.left-content,
  .left.left-content.col-md-3,
  .left.left-content.col-lg-3,
  aside.left.left-content {
    display: none !important;
  }

  /* 2 cột sản phẩm trên mobile (archive, category) */
  .products-view-grid ul.products > .col-xs-6,
  .products-view-grid .col-xs-6 {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding: 0 6px !important;
    margin-bottom: 14px !important;
    box-sizing: border-box !important;
    display: flex !important;
  }

  /* Đảm bảo products ul hiển thị đúng flex */
  .products-view-grid ul.products,
  .category-products ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    width: calc(100% + 12px) !important;
    margin: 0 -6px !important;
    padding: 0 !important;
    list-style: none !important;
    align-items: stretch !important;
  }

  /* Card product: chiều cao tự động, flex column */
  .products-view-grid .product-box {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
  }

  /* Thumbnail: giữ tỉ lệ vuông, không kéo dài */
  .products-view-grid .product-box .product-thumbnail,
  .wpshare247_home_product_custom .product-box .product-thumbnail,
  .section_tab_product .product-box .product-thumbnail {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
    overflow: hidden !important;
  }

  .products-view-grid .product-box .product-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* Container chứa products: không tràn ngang */
  .category-products,
  .products-view-grid {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .category-products > .row,
  .products-view-grid > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* 2. Fix thêm trên màn hình nhỏ (< 480px): Card nhỏ gọn hơn */
@media (max-width: 480px) {

  /* Thumbnail nhỏ hơn cho màn 360-480px */
  .products-view-grid .product-box .product-thumbnail {
    aspect-ratio: 4 / 3 !important;
  }

  /* Tên sản phẩm nhỏ hơn */
  .products-view-grid .product-box .product-name a,
  .wpshare247_home_product_custom .product-box .product-name a,
  .section_tab_product .product-box .product-name a {
    font-size: 12px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    -webkit-line-clamp: 2 !important;
  }

  /* Nút thêm vào giỏ nhỏ hơn */
  .products-view-grid .product-box .add-to-cart-container a.add_to_cart,
  .product-box .add-to-cart-container a.btn-product-quote {
    height: 30px !important;
    font-size: 11.5px !important;
    padding: 0 6px !important;
  }

  .products-view-grid .product-box .add-to-cart-container a.add_to_cart:after {
    content: "Thêm giỏ" !important;
    font-size: 11.5px !important;
  }

  /* Padding card info nhỏ hơn */
  .products-view-grid .product-box .product-info {
    padding: 8px 8px 6px !important;
  }

  .products-view-grid .product-box .add-to-cart-container {
    padding: 0 8px 8px !important;
  }
}

/* 3. FIX LAYOUT TỔNG QUÁT ARCHIVE/CATEGORY/TRANG SẢN PHẨM TRÊN MOBILE */
@media (max-width: 991px) {

  /* Container chính không bị tràn */
  .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Row không bị margin âm quá lớn */
  .row {
    margin-left: -8px !important;
    margin-right: -8px !important;
  }

  /* Right-content/main chiếm full trên mobile */
  .right-content.col-md-9 {
    width: 100% !important;
    padding: 0 8px !important;
  }

  /* Sidebar blog/tin tức ẩn trên mobile */
  .left-content.col-md-3 {
    display: none !important;
  }

  /* Breadcrumb padding nhỏ hơn */
  section.bread-crumb {
    padding: 5px 0 !important;
    margin-bottom: 8px !important;
  }
}

/* ============================================================
   FIX BOOTSTRAP PUSH / PULL TRÊN MOBILE
   Bootstrap 3: col-md-push-3 vẫn có hiệu lực ở mọi breakpoint
   Cần reset về 0 cho màn hình < 992px
   ============================================================ */
@media (max-width: 991px) {

  /* Reset push/pull cho layout archive-product và category */
  [class*="col-md-push-"],
  [class*="col-lg-push-"] {
    left: auto !important;
  }

  [class*="col-md-pull-"],
  [class*="col-lg-pull-"] {
    right: auto !important;
  }

  /* Cụ thể hơn cho push-3 / pull-9 */
  .col-md-push-3,
  .col-lg-push-3 {
    left: 0 !important;
  }

  .col-md-pull-9,
  .col-lg-pull-9 {
    right: 0 !important;
  }

  /* Đảm bảo main content và sidebar xếp dọc */
  .col-md-9,
  .col-lg-9 {
    width: 100% !important;
    float: none !important;
  }

  .col-md-3,
  .col-lg-3 {
    width: 100% !important;
    float: none !important;
  }

  /* Override dành riêng: Sidebar danh mục sản phẩm ẩn hoàn toàn */
  .dqdt-sidebar {
    display: none !important;
  }
}

/* ============================================================
   FIX CARD SẢN PHẨM BỊ KÉO DÀI TRÊN MOBILE
   Vấn đề: align-items:stretch + justify-content:space-between
   khiến card phải cao bằng card trái → nút bị đẩy xuống đáy
   ============================================================ */
@media (max-width: 991px) {

  /* Cho phép mỗi card tự co giãn theo chiều cao nội dung */
  .products-view-grid ul.products,
  .category-products ul.products,
  .wpshare247_home_product_custom .tab-content .products,
  .section_tab_product .tab-content .products,
  ul.products {
    align-items: flex-start !important;
  }

  /* Cột chứa card: không stretch theo hàng */
  .products-view-grid ul.products > .col-xs-6,
  .products-view-grid ul.products > .col-sm-4,
  .products-view-grid ul.products > .col-lg-4,
  .wpshare247_home_product_custom .tab-content .products > [class*="col-"],
  .section_tab_product .tab-content .products > [class*="col-"] {
    align-self: flex-start !important;
    height: auto !important;
  }

  /* product / item wrapper: chiều cao tự nhiên */
  .products-view-grid .product,
  .products-view-grid .item,
  .wpshare247_home_product_custom .product,
  .wpshare247_home_product_custom .item,
  .section_tab_product .product,
  .section_tab_product .item {
    height: auto !important;
    align-items: flex-start !important;
  }

  /* product-box: Nội dung xếp từ trên xuống, không space-between */
  .products-view-grid .product-box,
  .wpshare247_home_product_custom .product-box,
  .section_tab_product .product-box {
    height: auto !important;
    min-height: unset !important;
    justify-content: flex-start !important;
  }

  /* product-info: không grow để đẩy nút xuống */
  .products-view-grid .product-box .product-info,
  .wpshare247_home_product_custom .product-box .product-info,
  .section_tab_product .product-box .product-info {
    flex: 0 0 auto !important;
  }

  /* Thumbnail: tỉ lệ vuông cố định — không kéo dài */
  .products-view-grid .product-box .product-thumbnail,
  .wpshare247_home_product_custom .product-box .product-thumbnail,
  .section_tab_product .product-box .product-thumbnail {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
    flex-shrink: 0 !important;
  }

  .products-view-grid .product-box .product-thumbnail img,
  .wpshare247_home_product_custom .product-box .product-thumbnail img,
  .section_tab_product .product-box .product-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}

/* Mobile nhỏ (< 480px): thumbnail tỉ lệ 4:3 cho gọn hơn */
@media (max-width: 480px) {
  .products-view-grid .product-box .product-thumbnail,
  .wpshare247_home_product_custom .product-box .product-thumbnail,
  .section_tab_product .product-box .product-thumbnail {
    aspect-ratio: 4 / 3 !important;
  }
}

/* ============================================================
   FIX MEGA-CONTENT TRONG MOBILE PANEL
   Vấn đề: mega-content desktop có width: 1140px + position: absolute
   khiến khi xổ ra trong mobile panel bị tràn ngoài màn hình,
   text chỉ hiện 2-3 ký tự đầu vì bị overflow-hidden cắt.
   ============================================================ */
.mobile-nav-panel .sub-menu.dropdown-menu.mega-content,
.mobile-nav-panel .mega-content,
.mobile-nav-panel ul.dropdown-menu.sub-menu.mega-content {
  width: 100% !important;
  max-width: 100% !important;
  min-width: unset !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  display: none !important;
  background: #f8fafc !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  z-index: auto !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.mobile-nav-panel .nav-item.open > .sub-menu.dropdown-menu.mega-content,
.mobile-nav-panel .nav-item.open > .mega-content {
  display: block !important;
}

/* Mỗi cột level1 trong mega-content: thành dạng list dọc full width */
.mobile-nav-panel .mega-content .level1.item,
.mobile-nav-panel .mega-content [class*="level1"],
.mobile-nav-panel .mega-content [class*="col-"],
.mobile-nav-panel .mega-content .row > [class*="col-"] {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* Tiêu đề nhóm danh mục (nếu có .h4) */
.mobile-nav-panel .mega-content .h4 {
  padding: 8px 16px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #94a3b8 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  background: #f1f5f9 !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

/* Link trong mega-content level2 */
.mobile-nav-panel .mega-content li.level2,
.mobile-nav-panel .mega-content li {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid #edf0f5 !important;
  box-sizing: border-box !important;
  line-height: normal !important;
}

.mobile-nav-panel .mega-content li.level2 a,
.mobile-nav-panel .mega-content li > a,
.mobile-nav-panel .mega-content li .nav-link {
  display: block !important;
  width: 100% !important;
  padding: 10px 12px 10px 28px !important;
  font-size: 13.5px !important;
  color: #333333 !important;
  font-weight: 500 !important;
  white-space: normal !important;
  overflow: visible !important;
  word-break: break-word !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

/* ============================================================
   BỘ 3 XỬ LÝ HEADER CHÍNH XÁC THEO YÊU CẦU:
   1. Header Desktop thẳng hàng line đỏ (hình 1)
   2. Mobile: Ẩn hoàn toàn header menu, chỉ mở khi bấm 3 gạch (hình 2)
   3. Mobile: Menu dàn ngang 2 bên, hết mới xuống dòng (hình 3)
   ============================================================ */

/* 0. TOPBAR: THÔNG TIN DOANH NGHIỆP & LIÊN HỆ / MẠNG XÃ HỘI */
.topbar {
  background-color: #1437BE !important;
  height: 40px !important;
  line-height: 40px !important;
  color: #ffffff !important;
  font-size: 13.5px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}
.topbar .container {
  height: 100% !important;
}
.topbar-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 40px !important;
}
.topbar-company .company-name {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.topbar-company .company-name i {
  display: none !important;
}
.topbar-info {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.topbar-info-item {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: color 0.15s ease, opacity 0.15s ease !important;
  opacity: 0.95 !important;
}
.topbar-info-item:hover {
  color: #ffdd57 !important;
  text-decoration: none !important;
  opacity: 1 !important;
}
.topbar-info-item i {
  font-size: 14px !important;
}
.topbar-sep {
  color: rgba(255, 255, 255, 0.35) !important;
  font-size: 12px !important;
}

/* 1. DESKTOP: Căn thẳng hàng tuyệt đối với line đỏ (sidebar & breadcrumb) */
@media (min-width: 992px) {
  /* Đồng bộ container với Bootstrap 3 (1170px khi >=1200px, 970px khi 992-1199px) */
  .desktop-only-header .container,
  .desktop-only-header div.static .container,
  .desktop-only-header .desktop-menu-wrapper .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .desktop-only-header .header-main {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .desktop-only-header .header_flexbox {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  .desktop-only-header .header_flexbox > .col-md-5:first-child,
  .desktop-only-header .header_flexbox > .col-xs-12:first-child {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: 0 !important;
  }

  /* Chat Zalo: icon Zalo và text nằm sát mép trái cột */
  .desktop-only-header .contact-top {
    padding: 0 !important;
    padding-left: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
  }

  .desktop-only-header .contact-top .header-contact-item:first-child,
  .desktop-only-header .contact-top .header-contact-item:first-child a {
    padding: 0 !important;
    padding-left: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
  }

  .desktop-only-header .contact-top .header-contact-item:first-child img {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  /* Menu Trang Chủ Desktop: Sát mép trái cột col-xs-12 thẳng hàng tuyệt đối vệt đỏ */
  .desktop-only-header .desktop-menu-wrapper,
  .desktop-only-header div.static {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
  }

  .desktop-only-header .desktop-menu-wrapper .row,
  .desktop-only-header div.static .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  .desktop-only-header .desktop-menu-col,
  .desktop-only-header div.static .col-xs-12 {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: 0 !important;
  }

  .desktop-only-header .desktop-main-nav,
  .desktop-only-header div.static nav,
  .desktop-only-header ul#nav,
  .desktop-only-header .desktop-nav-menu {
    padding: 0 !important;
    padding-left: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    display: flex !important;
    list-style: none !important;
  }

  .desktop-only-header ul#nav::before,
  .desktop-only-header ul#nav::after,
  .desktop-only-header .desktop-nav-menu::before,
  .desktop-only-header .desktop-nav-menu::after,
  header nav ul#nav::before,
  header nav ul#nav::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  /* Mục đầu tiên của menu (Trang Chủ): Sát mép trái tuyệt đối, cùng trục dọc với Tân Á Đại Thành và Zalo */
  .desktop-only-header ul#nav > li:first-child,
  .desktop-only-header ul#nav > li:first-of-type,
  .desktop-only-header ul#nav > .nav-item:first-child,
  .desktop-only-header ul#nav > .nav-item:first-of-type,
  .desktop-only-header .desktop-nav-menu > li:first-child,
  header nav ul#nav > li:first-child,
  header nav ul#nav > li:first-of-type {
    padding: 0 !important;
    padding-left: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
  }

  .desktop-only-header ul#nav > li:first-child > a,
  .desktop-only-header ul#nav > li:first-of-type > a,
  .desktop-only-header ul#nav > .nav-item:first-child > a,
  .desktop-only-header ul#nav > .nav-item:first-of-type > a,
  .desktop-only-header ul#nav > li:first-child .nav-link,
  .desktop-only-header ul#nav > li:first-of-type .nav-link,
  .desktop-only-header ul#nav > .nav-item:first-child .nav-link,
  .desktop-only-header .desktop-nav-menu > li:first-child > a,
  .desktop-only-header .desktop-nav-menu > li:first-child .nav-link,
  header nav ul#nav > li:first-child > a,
  header nav ul#nav > li:first-of-type > a,
  header nav ul#nav > li:first-child .nav-link {
    padding-left: 0 !important;
    margin-left: 0 !important;
    text-indent: 0 !important;
  }
}

/* ============================================================
   2. MOBILE SIDEBAR DRAWER: ĐỒNG BỘ 100% THEO PROJECT
   Nền trắng sáng, thương hiệu xanh #1437BE, danh mục dạng accordion
   ============================================================ */
/* Backdrop đen mờ */
.mobile-sidebar-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 99998 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.3s ease, visibility 0.3s ease !important;
}
.mobile-sidebar-backdrop.open {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Khung Drawer trượt từ bên trái ra - Nền trắng sáng đồng bộ project */
.mobile-sidebar-drawer {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 82% !important;
  max-width: 320px !important;
  height: 100% !important;
  height: 100vh !important;
  background-color: #ffffff !important;
  color: #1e293b !important;
  z-index: 99999 !important;
  transform: translateX(-100%) !important;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  box-shadow: 4px 0 20px rgba(0, 0, 0, 0.18) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
.mobile-sidebar-drawer.open {
  transform: translateX(0) !important;
}

body.mobile-drawer-active {
  overflow: hidden !important;
  touch-action: none !important;
}

/* Header Drawer: Nền xanh #1437BE của dự án, tiêu đề gọn gàng + nút X */
.mobile-drawer-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 18px !important;
  background-color: #1437BE !important;
  color: #ffffff !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 8px rgba(20, 55, 190, 0.2) !important;
}
.mobile-drawer-brand {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
}
.mobile-drawer-brand i {
  font-size: 16px !important;
}
.mobile-drawer-close {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.15) !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  outline: none !important;
  transition: background-color 0.2s !important;
}
.mobile-drawer-close:hover,
.mobile-drawer-close:active {
  background: rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
}

/* Thân Drawer chứa danh sách menu cuộn dọc */
.mobile-drawer-body {
  flex: 1 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  background-color: #ffffff !important;
}
.mobile-drawer-nav {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Từng mục menu cấp 1 */
.drawer-item {
  display: block !important;
  border-bottom: 1px solid #f1f5f9 !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: background-color 0.15s ease !important;
}
.drawer-item:hover {
  background-color: #f8fafc !important;
}
.drawer-item-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 48px !important;
  padding: 0 16px !important;
}
.drawer-item-link {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 13px 0 !important;
  color: #1e293b !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}
.drawer-item-link:hover,
.drawer-item-link:focus,
.drawer-item-link:active {
  color: #1437BE !important;
  text-decoration: none !important;
}
.drawer-item-icon {
  color: #1437BE !important;
  font-size: 15px !important;
  width: 18px !important;
  text-align: center !important;
}

/* Nút mũi tên mở rộng > */
.drawer-item-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  min-height: 48px !important;
  margin-right: -10px !important;
  background: transparent !important;
  border: none !important;
  color: #64748b !important;
  font-size: 15px !important;
  cursor: pointer !important;
  outline: none !important;
  transition: transform 0.25s ease, color 0.2s !important;
}
.drawer-item-toggle:hover,
.drawer-item-toggle:active {
  color: #1437BE !important;
}

/* KHI NHẤN VÀO SẢN PHẨM: Mũi tên xoay 90 độ xuống dưới */
.drawer-item.open > .drawer-item-row > .drawer-item-toggle,
.drawer-item.open > .drawer-item-row .drawer-product-toggle-link {
  color: #1437BE !important;
}
.drawer-item.open > .drawer-item-row > .drawer-item-toggle {
  transform: rotate(90deg) !important;
}

/* ============================================================
   DANH SÁCH LOẠI SẢN PHẨM CON:
   MẶC ĐỊNH ẨN, CHỈ KHI NHẤN VÀO SẢN PHẨM MỚI MỞ RA
   ============================================================ */
.drawer-sub-menu {
  display: none !important; /* MẶC ĐỊNH ẨN HOÀN TOÀN */
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #f8fafc !important; /* Nền xám nhạt tinh tế */
  border-top: 1px solid #e2e8f0 !important;
  border-left: 3px solid #1437BE !important; /* Viền nhấn thương hiệu */
}
/* KHI MỞ: Hiển thị toàn bộ danh sách loại sản phẩm */
.drawer-item.open > .drawer-sub-menu {
  display: block !important;
}

.drawer-sub-item {
  border-bottom: 1px solid #edf2f7 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.drawer-sub-item:last-child {
  border-bottom: none !important;
}
.drawer-sub-item-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 16px 0 20px !important;
}
.drawer-sub-link {
  flex: 1 !important;
  display: block !important;
  padding: 10px 0 !important;
  color: #334155 !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}
.drawer-sub-link:hover,
.drawer-sub-link:focus,
.drawer-sub-link:active {
  color: #1437BE !important;
  text-decoration: none !important;
}
.drawer-sub-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  min-height: 38px !important;
  background: transparent !important;
  border: none !important;
  color: #94a3b8 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  outline: none !important;
  transition: transform 0.2s ease !important;
}
.drawer-sub-item.open > .drawer-sub-item-row > .drawer-sub-toggle {
  transform: rotate(90deg) !important;
  color: #1437BE !important;
}

/* Cấp 3 nếu có */
.drawer-sub-level3 {
  display: none !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 0 6px 36px !important;
  background-color: #f1f5f9 !important;
}
.drawer-sub-item.open > .drawer-sub-level3 {
  display: block !important;
}
.drawer-sub-level3 li a {
  display: block !important;
  padding: 7px 0 !important;
  color: #475569 !important;
  font-size: 13px !important;
  text-decoration: none !important;
}
.drawer-sub-level3 li a:hover {
  color: #1437BE !important;
}

/* ============================================================
   ĐỊNH DẠNG TRANG MẶC ĐỊNH & BÀI VIẾT (THỤT LỀ TỰ ĐỘNG)
   Mọi nội dung tạo và ghi mới trong WP Admin tự động thụt dòng chuẩn
   ============================================================ */
.article-wraper,
.section.page,
section.page {
  padding-top: 10px !important;
  padding-bottom: 40px !important;
}

/* 1. Thụt lề tổng thể cho khung bài viết và trang */
.article-wraper .article-main,
.page .content-page,
.single .article-content,
.article-details .article-content {
}

/* 2. Tự động thụt lùi đầu dòng cho mỗi đoạn văn bản (First-line indent) */
.article-content .rte p,
.content-page.rte p,
.article-main .rte p,
.rte p {
  text-indent: 25px; /* Tự động thụt lùi đầu dòng mỗi đoạn văn */
  line-height: 1.75 !important;
  margin-bottom: 14px !important;
  font-size: 15px !important;
  color: #334155 !important;
}

/* Không thụt lề nếu đoạn văn chứa hình ảnh hoặc nút */
.article-content .rte p:has(img),
.content-page.rte p:has(img),
.article-main .rte p:has(img),
.rte p img {
  text-indent: 0 !important;
}

/* 3. Tự động thụt lề chuẩn cho danh sách gạch đầu dòng (ul, ol, li) */
.article-content .rte ul,
.content-page.rte ul,
.article-main .rte ul,
.rte ul {
  padding-left: 32px !important;
  margin-left: 0 !important;
  margin-top: 10px !important;
  margin-bottom: 16px !important;
  list-style-type: disc !important;
}

.article-content .rte ul ul,
.content-page.rte ul ul,
.article-main .rte ul ul,
.rte ul ul {
  padding-left: 28px !important;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  list-style-type: circle !important;
}

.article-content .rte ol,
.content-page.rte ol,
.article-main .rte ol,
.rte ol {
  padding-left: 32px !important;
  margin-left: 0 !important;
  margin-top: 10px !important;
  margin-bottom: 16px !important;
  list-style-type: decimal !important;
}

.article-content .rte li,
.content-page.rte li,
.article-main .rte li,
.rte li {
  line-height: 1.7 !important;
  margin-bottom: 8px !important;
  padding-left: 4px !important;
  font-size: 15px !important;
  color: #334155 !important;
}

/* 4. Tiêu đề bài viết và các thẻ h1, h2, h3, h4 */
.article-main .article-title,
.article-main h1.article-title {
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #0f172a !important;
  margin-bottom: 15px !important;
}

.article-content .rte h2,
.content-page.rte h2,
.rte h2 {
  font-size: 20px !important;
  font-weight: 700 !important;
  margin-top: 22px !important;
  margin-bottom: 12px !important;
  color: #1437BE !important;
}

.article-content .rte h3,
.content-page.rte h3,
.rte h3 {
  font-size: 18px !important;
  font-weight: 600 !important;
  margin-top: 18px !important;
  margin-bottom: 10px !important;
  color: #1e293b !important;
}

/* ====================================================
   BỐ CỤC SẢN PHẨM WIDGET HOME 5 (BLOCK SẢN PHẨM - DẠNG GRID NHƯ HOME 4)
   ==================================================== */
.wpshare247_home_product .products,
.awe-section-5 .products,
.section-content.block_5 .products {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  margin-left: -10px !important;
  margin-right: -10px !important;
  padding: 0 !important;
  width: calc(100% + 20px) !important;
}

/* 4 cột trên Desktop >= 1200px */
@media (min-width: 1200px) {
  .wpshare247_home_product .products > .col-lg-3,
  .awe-section-5 .products > .col-lg-3,
  .wpshare247_home_product .products > [class*="col-"],
  .awe-section-5 .products > [class*="col-"],
  .section-content.block_5 .products > [class*="col-"] {
    width: 25% !important;
    max-width: 25% !important;
    flex: 0 0 25% !important;
    padding: 0 10px !important;
    margin-bottom: 24px !important;
    box-sizing: border-box !important;
    display: flex !important;
    float: none !important;
  }
}

/* 3 cột trên Laptop (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
  .wpshare247_home_product .products > [class*="col-"],
  .awe-section-5 .products > [class*="col-"],
  .section-content.block_5 .products > [class*="col-"] {
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    flex: 0 0 33.333333% !important;
    padding: 0 10px !important;
    margin-bottom: 20px !important;
    box-sizing: border-box !important;
    display: flex !important;
    float: none !important;
  }
}

/* 2 cột trên Tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
  .wpshare247_home_product .products > [class*="col-"],
  .awe-section-5 .products > [class*="col-"],
  .section-content.block_5 .products > [class*="col-"] {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding: 0 8px !important;
    margin-bottom: 16px !important;
    box-sizing: border-box !important;
    display: flex !important;
    float: none !important;
  }
}

/* 2 cột trên Mobile (< 768px) */
@media (max-width: 767px) {
  .wpshare247_home_product .products > [class*="col-"],
  .awe-section-5 .products > [class*="col-"],
  .section-content.block_5 .products > [class*="col-"] {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding: 0 6px !important;
    margin-bottom: 16px !important;
    box-sizing: border-box !important;
    display: flex !important;
    float: none !important;
  }
}

/* Card đồng bộ 100% với Home 4 */
.wpshare247_home_product .products > [class*="col-"] .product,
.awe-section-5 .products > [class*="col-"] .product,
.section-content.block_5 .products > [class*="col-"] .product,
.wpshare247_home_product .products > [class*="col-"] .item,
.awe-section-5 .products > [class*="col-"] .item,
.section-content.block_5 .products > [class*="col-"] .item {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wpshare247_home_product .product-box,
.awe-section-5 .product-box,
.section-content.block_5 .product-box,
.archive .products .product-box,
.tax-product_cat .products .product-box,
.woocommerce .products .product-box {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: 100% !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.wpshare247_home_product .product-box:hover,
.awe-section-5 .product-box:hover,
.section-content.block_5 .product-box:hover,
.archive .products .product-box:hover,
.tax-product_cat .products .product-box:hover,
.woocommerce .products .product-box:hover {
  border-color: #1437BE !important;
  box-shadow: 0 10px 25px -5px rgba(20, 55, 190, 0.12), 0 8px 10px -6px rgba(20, 55, 190, 0.08) !important;
  transform: translateY(-3px) !important;
}

.wpshare247_home_product .product-box .product-thumbnail,
.awe-section-5 .product-box .product-thumbnail,
.section-content.block_5 .product-box .product-thumbnail,
.archive .products .product-box .product-thumbnail,
.tax-product_cat .products .product-box .product-thumbnail,
.woocommerce .products .product-box .product-thumbnail {
  height: 240px !important;
  width: 100% !important;
  background: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
  border-top-left-radius: 9px !important;
  border-top-right-radius: 9px !important;
  overflow: hidden !important;
}

.wpshare247_home_product .product-box .product-thumbnail a,
.awe-section-5 .product-box .product-thumbnail a,
.section-content.block_5 .product-box .product-thumbnail a,
.archive .products .product-box .product-thumbnail a,
.tax-product_cat .products .product-box .product-thumbnail a,
.woocommerce .products .product-box .product-thumbnail a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
}

.wpshare247_home_product .product-box .product-thumbnail img,
.awe-section-5 .product-box .product-thumbnail img,
.section-content.block_5 .product-box .product-thumbnail img,
.archive .products .product-box .product-thumbnail img,
.tax-product_cat .products .product-box .product-thumbnail img,
.woocommerce .products .product-box .product-thumbnail img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  border-top-left-radius: 9px !important;
  border-top-right-radius: 9px !important;
  transition: transform 0.35s ease !important;
}

.wpshare247_home_product .product-box:hover .product-thumbnail img,
.awe-section-5 .product-box:hover .product-thumbnail img,
.section-content.block_5 .product-box:hover .product-thumbnail img {
  transform: scale(1.04) !important;
}

.wpshare247_home_product .product-box .product-info,
.awe-section-5 .product-box .product-info,
.section-content.block_5 .product-box .product-info {
  padding: 14px 14px 10px !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  background: #ffffff !important;
}

.wpshare247_home_product .product-box .product-name a,
.awe-section-5 .product-box .product-name a,
.section-content.block_5 .product-box .product-name a {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  line-height: 1.45 !important;
  min-height: 42px !important;
  max-height: 42px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.wpshare247_home_product .product-box .add-to-cart-container,
.awe-section-5 .product-box .add-to-cart-container,
.section-content.block_5 .product-box .add-to-cart-container {
  padding: 0 14px 14px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

/* Reset các icon absolute cũ của block_5 */
.section-content.block_5 .add_to_cart i {
  position: static !important;
  top: auto !important;
  right: auto !important;
  width: auto !important;
  height: auto !important;
  line-height: inherit !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: inherit !important;
  opacity: 1 !important;
  font-size: 13px !important;
}

.section-content.block_5 .add_to_cart i.fa-cart-arrow-down {
  display: none !important;
}

.section-content.block_5 .add_to_cart i.fa-shopping-cart {
  display: inline-block !important;
}

/* Mobile responsive cho Home 5 */
@media (max-width: 767px) {
  .wpshare247_home_product .product-box .product-thumbnail,
  .awe-section-5 .product-box .product-thumbnail,
  .section-content.block_5 .product-box .product-thumbnail {
    height: 180px !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
  }

  .wpshare247_home_product .product-box .product-info,
  .awe-section-5 .product-box .product-info,
  .section-content.block_5 .product-box .product-info {
    padding: 10px 10px 8px !important;
  }

  .wpshare247_home_product .product-box .product-name a,
  .awe-section-5 .product-box .product-name a,
  .section-content.block_5 .product-box .product-name a {
    font-size: 12.5px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }

  .wpshare247_home_product .product-box .add-to-cart-container,
  .awe-section-5 .product-box .add-to-cart-container,
  .section-content.block_5 .product-box .add-to-cart-container {
    padding: 0 10px 10px !important;
  }
}

@media (max-width: 480px) {
  .wpshare247_home_product .product-box .product-thumbnail,
  .awe-section-5 .product-box .product-thumbnail,
  .section-content.block_5 .product-box .product-thumbnail {
    aspect-ratio: 4 / 3 !important;
  }

  .wpshare247_home_product .product-box .product-name a,
  .awe-section-5 .product-box .product-name a,
  .section-content.block_5 .product-box .product-name a {
    font-size: 12px !important;
    min-height: 32px !important;
    max-height: 32px !important;
  }
}

/* ====================================================
   PHÂN TRANG (PAGINATION) HIỆN ĐẠI & ĐẸP MẮT
   ==================================================== */
.woocommerce-pagination,
nav.woocommerce-pagination,
.navigation.pagination,
nav.navigation.pagination {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 35px 0 25px 0 !important;
  padding: 25px 0 0 0 !important;
  border-top: 1px solid #f1f5f9 !important;
  clear: both !important;
  text-align: center !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Reset hoàn toàn khung dính liền & viền xám kiểu cũ */
.woocommerce-pagination ul.page-numbers,
nav.woocommerce-pagination ul.page-numbers {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 6px 0 !important;
  margin: 0 auto !important;
  border: none !important;
  white-space: normal !important;
  background: transparent !important;
  overflow: visible !important;
}

.woocommerce-pagination ul.page-numbers li,
nav.woocommerce-pagination ul.page-numbers li {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  background: transparent !important;
  overflow: visible !important;
}

/* Thiết kế từng nút trang: bo góc, viền nhẹ, bóng mờ cao cấp */
.woocommerce-pagination .page-numbers,
nav.woocommerce-pagination .page-numbers,
.navigation.pagination .nav-links .page-numbers,
.navigation.pagination .page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 42px !important;
  height: 42px !important;
  padding: 0 14px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  line-height: 1 !important;
  float: none !important;
  position: relative !important;
  overflow: visible !important;
  transform: none !important;
}

/* Hiệu ứng hover cho nút trang */
.woocommerce-pagination a.page-numbers:hover,
nav.woocommerce-pagination a.page-numbers:hover,
.navigation.pagination .nav-links a.page-numbers:hover {
  background: #eff6ff !important;
  color: #1437BE !important;
  border-color: #1437BE !important;
  transform: none !important;
  box-shadow: 0 2px 8px rgba(20, 55, 190, 0.15) !important;
  z-index: 2 !important;
}

/* Trang hiện tại (Active / Current) */
.woocommerce-pagination .page-numbers.current,
nav.woocommerce-pagination .page-numbers.current,
.woocommerce-pagination span.current,
nav.woocommerce-pagination span.current,
.navigation.pagination .page-numbers.current,
.navigation.pagination .nav-links .page-numbers.current,
.navigation.pagination .nav-links .page-numbers.active {
  background: #1437BE !important;
  color: #ffffff !important;
  border-color: #1437BE !important;
  box-shadow: 0 2px 8px rgba(20, 55, 190, 0.25) !important;
  font-weight: 700 !important;
  cursor: default !important;
  transform: none !important;
  z-index: 2 !important;
}

/* Nút Mũi tên Prev / Next */
.woocommerce-pagination .page-numbers.prev,
.woocommerce-pagination .page-numbers.next,
nav.woocommerce-pagination .page-numbers.prev,
nav.woocommerce-pagination .page-numbers.next,
.navigation.pagination .page-numbers.prev,
.navigation.pagination .page-numbers.next {
  padding: 0 16px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.woocommerce-pagination .page-numbers.prev:hover,
.woocommerce-pagination .page-numbers.next:hover,
nav.woocommerce-pagination .page-numbers.prev:hover,
nav.woocommerce-pagination .page-numbers.next:hover,
.navigation.pagination .page-numbers.prev:hover,
.navigation.pagination .page-numbers.next:hover {
  background: #1437BE !important;
  color: #ffffff !important;
  border-color: #1437BE !important;
}

/* Dấu ba chấm (...) */
.woocommerce-pagination .page-numbers.dots,
nav.woocommerce-pagination .page-numbers.dots,
.navigation.pagination .page-numbers.dots {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #94a3b8 !important;
  min-width: 28px !important;
  padding: 0 6px !important;
  cursor: default !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  transform: none !important;
}

/* Responsive trên Mobile & Tablet */
@media (max-width: 767px) {
  .woocommerce-pagination,
  nav.woocommerce-pagination,
  .navigation.pagination {
    margin: 25px 0 20px 0 !important;
    padding-top: 15px !important;
  }

  .woocommerce-pagination ul.page-numbers,
  nav.woocommerce-pagination ul.page-numbers {
    gap: 6px !important;
  }

  .woocommerce-pagination .page-numbers,
  nav.woocommerce-pagination .page-numbers,
  .navigation.pagination .page-numbers {
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 10px !important;
    font-size: 13.5px !important;
    border-radius: 6px !important;
  }

  .woocommerce-pagination .page-numbers.prev,
  .woocommerce-pagination .page-numbers.next,
  nav.woocommerce-pagination .page-numbers.prev,
  nav.woocommerce-pagination .page-numbers.next {
    padding: 0 12px !important;
    font-size: 14px !important;
  }
}

/* ====================================================
   TRANG THANH TOÁN (CHECKOUT) - đồng bộ phong cách:
   cam #e25700, navy #0f172a, viền #e2e8f0, bo góc 8px
   ==================================================== */
body.woocommerce-checkout .woocommerce-info {
  background: #fff7ed !important;
  border: 1px solid #fed7aa !important;
  border-top: 3px solid #e25700 !important;
  border-radius: 8px !important;
  color: #334155 !important;
  font-size: 14px !important;
  margin-bottom: 16px !important;
}

body.woocommerce-checkout .woocommerce-info a {
  color: #e25700 !important;
  font-weight: 600 !important;
}

body.woocommerce-checkout #customer_details {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  margin-top: 24px;
}

body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
  float: none !important;
  width: calc(50% - 16px) !important;
  min-width: 0;
}

body.woocommerce-checkout #customer_details h3,
body.woocommerce-checkout #order_review_heading {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  text-transform: uppercase;
  padding-bottom: 10px !important;
  margin: 0 0 18px !important;
  border-bottom: 2px solid #e25700;
}

body.woocommerce-checkout #order_review_heading {
  margin-top: 28px !important;
}

/* chặn text-indent kế thừa làm thụt nhãn/ô nhập */
body.woocommerce-checkout form.checkout,
body.woocommerce-checkout form.checkout * {
  text-indent: 0 !important;
}

body.woocommerce-checkout form.checkout .select2-container {
  width: 100% !important;
  display: block;
}

/* bỏ clearfix làm vỡ flex */
body.woocommerce-checkout #customer_details::before,
body.woocommerce-checkout #customer_details::after,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper::before,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper::after,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper::before,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper::after {
  display: none !important;
}

/* Lưới ô nhập: họ/tên chia đôi, còn lại full */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0 16px;
}

body.woocommerce-checkout form.checkout .form-row {
  float: none !important;
  width: 100% !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

body.woocommerce-checkout form.checkout .form-row-first,
body.woocommerce-checkout form.checkout .form-row-last {
  width: calc(50% - 8px) !important;
}

body.woocommerce-checkout form.checkout .form-row label {
  display: block !important;
  padding: 0 !important;
  margin: 0 0 6px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  text-align: left !important;
}

body.woocommerce-checkout form.checkout .form-row .required {
  color: #dc2626 !important;
}

body.woocommerce-checkout form.checkout .woocommerce-input-wrapper {
  display: block;
  width: 100%;
}

body.woocommerce-checkout form.checkout .form-row input.input-text,
body.woocommerce-checkout form.checkout .form-row textarea,
body.woocommerce-checkout form.checkout .form-row select,
body.woocommerce-checkout form.checkout .select2-container .select2-selection--single {
  width: 100% !important;
  height: 44px !important;
  padding: 0 14px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #0f172a !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  transition: border-color 0.2s, box-shadow 0.2s;
}

body.woocommerce-checkout form.checkout .form-row textarea {
  height: auto !important;
  min-height: 110px;
  padding: 12px 14px !important;
}

body.woocommerce-checkout form.checkout .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 42px !important;
  padding-left: 0 !important;
}

body.woocommerce-checkout form.checkout .select2-container .select2-selection__arrow {
  height: 42px !important;
}

body.woocommerce-checkout form.checkout .form-row input.input-text:focus,
body.woocommerce-checkout form.checkout .form-row textarea:focus,
body.woocommerce-checkout form.checkout .form-row select:focus {
  outline: none !important;
  border-color: #e25700 !important;
  box-shadow: 0 0 0 3px rgba(226, 87, 0, 0.15) !important;
}

body.woocommerce-checkout form.checkout ::placeholder {
  color: #94a3b8;
}

/* Bảng đơn hàng */
body.woocommerce-checkout table.shop_table {
  width: 100%;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  border-collapse: separate !important;
  border-spacing: 0;
  overflow: hidden;
  margin-bottom: 18px !important;
}

body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td {
  padding: 12px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  font-size: 14px;
  color: #334155;
}

body.woocommerce-checkout table.shop_table thead th {
  background: #f8fafc;
  color: #0f172a;
  font-weight: 700;
}

body.woocommerce-checkout table.shop_table tfoot th {
  font-weight: 600;
  color: #0f172a;
}

body.woocommerce-checkout table.shop_table tr:last-child th,
body.woocommerce-checkout table.shop_table tr:last-child td {
  border-bottom: 0 !important;
}

body.woocommerce-checkout table.shop_table .order-total td,
body.woocommerce-checkout table.shop_table .order-total th {
  font-size: 16px;
  color: #e25700;
  font-weight: 700;
}

/* Phương thức thanh toán */
body.woocommerce-checkout #payment {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0;
  border-radius: 8px !important;
}

body.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 1px solid #e2e8f0 !important;
  padding: 16px !important;
}

body.woocommerce-checkout #payment div.payment_box {
  background: #fff !important;
  border: 1px solid #e2e8f0;
  border-radius: 8px !important;
  color: #475569 !important;
  font-size: 13.5px;
  margin-top: 10px !important;
}

body.woocommerce-checkout #payment div.payment_box::before {
  display: none !important;
}

body.woocommerce-checkout #payment .place-order {
  padding: 16px !important;
}

body.woocommerce-checkout button#place_order {
  width: 100%;
  float: none !important;
  padding: 14px 20px !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  color: #fff !important;
  transition: background 0.2s, transform 0.2s;
}

body.woocommerce-checkout button#place_order:hover {
  background-color: #ff6a13 !important;
  transform: translateY(-1px);
}

@media (max-width: 767px) {
  body.woocommerce-checkout #customer_details {
    gap: 0;
  }

  body.woocommerce-checkout #customer_details .col-1,
  body.woocommerce-checkout #customer_details .col-2 {
    width: 100% !important;
  }

  body.woocommerce-checkout form.checkout .form-row-first,
  body.woocommerce-checkout form.checkout .form-row-last {
    width: 100% !important;
  }
}

/* Video/iframe trong mô tả sản phẩm: không tràn màn hình, giữ tỉ lệ 16:9 */
.single-product .woocommerce-Tabs-panel iframe,
.single-product .woocommerce-Tabs-panel video,
.single-product .woocommerce-Tabs-panel embed,
.single-product .woocommerce-Tabs-panel object,
.single-product .woocommerce-Tabs-panel .wp-video {
  max-width: 100% !important;
}

.single-product .woocommerce-Tabs-panel iframe,
.single-product .woocommerce-Tabs-panel video {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  display: block;
}

/* Sản phẩm tương tự: bỏ khung giá của trang chi tiết, xếp giá dọc (cũ trên, mới dưới), cỡ chữ vừa vặn */
.related-product .product-box .price-box,
.details-product .related-product .product-box .price-box {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 5px auto 8px !important;
  min-height: 42px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

.related-product .product-box .price-box .special-price,
.related-product .product-box .price-box .product-price,
.details-product .related-product .product-box .price-box .special-price,
.details-product .related-product .product-box .price-box .product-price {
  width: 100% !important;
  text-align: center !important;
  margin: 0 !important;
}

.related-product .product-box .price-box .price,
.details-product .related-product .product-box .price-box .price {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  margin: 0 auto !important;
  white-space: nowrap !important;
}

/* Giá cũ gạch ngang (del) ở trên */
.related-product .product-box del,
.related-product .product-box del *,
.related-product .product-box .price del,
.related-product .product-box .price del *,
.details-product .related-product .product-box del,
.details-product .related-product .product-box del * {
  order: 1 !important;
  display: inline-block !important;
  color: #8c8c8c !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
  -webkit-text-decoration-line: line-through !important;
  text-decoration-color: #8c8c8c !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  opacity: 0.9 !important;
  white-space: nowrap !important;
}

/* Giá mới màu đỏ (ins) ở dưới, cỡ chữ vừa phải không bị quá to */
.related-product .product-box ins,
.related-product .product-box ins *,
.related-product .product-box .price ins,
.related-product .product-box .price ins *,
.details-product .related-product .product-box ins,
.details-product .related-product .product-box ins * {
  order: 2 !important;
  display: inline-block !important;
  color: #d9381e !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  -webkit-text-decoration-line: none !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}

/* Sản phẩm không giảm giá (chỉ có 1 giá duy nhất) */
.related-product .product-box .price > .amount,
.related-product .product-box .price > bdi,
.related-product .product-box .price > .amount *,
.related-product .product-box .price > bdi *,
.details-product .related-product .product-box .price > .amount,
.details-product .related-product .product-box .price > bdi,
.details-product .related-product .product-box .price > .amount *,
.details-product .related-product .product-box .price > bdi * {
  color: #d9381e !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  display: inline-block !important;
  text-decoration: none !important;
  -webkit-text-decoration-line: none !important;
  white-space: nowrap !important;
  line-height: 1.3 !important;
}

@media (max-width: 767px) {
  .details-product .related-product .product-box .price-box .price,
  .details-product .related-product .product-box .price-box .amount {
    font-size: 14px !important;
  }

  /* lưới lệch trái (width bị ghi đè còn margin -10px): căn đối xứng */
  .related-product .products-view-grid {
    width: auto !important;
    margin: 0 -6px !important;
  }

  .related-product .products-view-grid ul.products {
    width: 100% !important;
    margin: 0 !important;
  }

  .related-product .products-view-grid .product-box .product-info {
    padding: 10px 10px 6px !important;
  }

  .related-product .products-view-grid .product-box .product-name a {
    font-size: 13px !important;
    min-height: 38px !important;
    max-height: 38px !important;
  }

  .related-product .products-view-grid .product-box .add-to-cart-container {
    padding: 0 10px 10px !important;
  }

  .related-product .products-view-grid .product-box .add-to-cart-container a.add_to_cart {
    height: 36px !important;
    font-size: 12.5px !important;
  }

  .related-product .products-view-grid .product-box .add-to-cart-container a.add_to_cart:after {
    font-size: 12.5px !important;
  }
}

/* ==========================================================================
   TASK 1: BANNER DANH MỤC TRANG CHỦ (HOME 5) - THIẾT KẾ GỌN GÀNG, ĐẸP MẮT & DỄ NHÌN
   ========================================================================== */
html, body {
  overflow-x: hidden !important;
}

.awe-section-5 .category-section-banner,
.wpshare247_home_product .category-section-banner,
.category-section-banner {
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  margin: 15px auto 25px auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  line-height: 0 !important;
  clear: both !important;
}

/* Fallback khi banner chưa được đặt trong .container */
.awe-section-5 > .category-section-banner,
.wpshare247_home_product > .category-section-banner {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 15px !important;
}

.awe-section-5 .category-section-banner a,
.wpshare247_home_product .category-section-banner a,
.category-section-banner a {
  display: block !important;
  width: 100% !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07) !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;
  background-color: transparent !important;
}

.awe-section-5 .category-section-banner a:hover,
.wpshare247_home_product .category-section-banner a:hover,
.category-section-banner a:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

.awe-section-5 .category-section-banner img,
.wpshare247_home_product .category-section-banner img,
.category-section-banner img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: 1320 / 455 !important;
  border: none !important;
  outline: none !important;
  border-radius: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: fill !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07) !important;
}

.awe-section-5 .category-section-banner a img,
.wpshare247_home_product .category-section-banner a img,
.category-section-banner a img {
  box-shadow: none !important;
}

@media (max-width: 991px) {
  .awe-section-5 .category-section-banner,
  .wpshare247_home_product .category-section-banner,
  .category-section-banner {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
  }
  .awe-section-5 .category-section-banner img,
  .wpshare247_home_product .category-section-banner img,
  .category-section-banner img,
  .awe-section-5 .category-section-banner a,
  .wpshare247_home_product .category-section-banner a,
  .category-section-banner a {
    border-radius: 10px !important;
  }
}

@media (max-width: 767px) {
  .awe-section-5 .category-section-banner,
  .wpshare247_home_product .category-section-banner,
  .category-section-banner {
    margin-top: 5px !important;
    margin-bottom: 15px !important;
  }
  .awe-section-5 .category-section-banner img,
  .wpshare247_home_product .category-section-banner img,
  .category-section-banner img,
  .awe-section-5 .category-section-banner a,
  .wpshare247_home_product .category-section-banner a,
  .category-section-banner a {
    border-radius: 8px !important;
  }
}

/* ==========================================================================
   TASK 3: ĐỊNH DẠNG GIÁ ĐẠI DIỆN TRỌNG TÂM (GIÁ GỐC GẠCH NGANG & GIÁ BÁN)
   ========================================================================== */
.products-view-grid .product-box .special-price del,
.products-view-grid .product-box .special-price del * {
  color: #8c8c8c !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
  -webkit-text-decoration-line: line-through !important;
  text-decoration-color: #8c8c8c !important;
  margin: 0 !important;
}

.products-view-grid .product-box .special-price ins,
.products-view-grid .product-box .special-price ins * {
  text-decoration: none !important;
  -webkit-text-decoration-line: none !important;
  color: #d9381e !important;
}

.products-view-grid .product-box .special-price ins .amount {
  color: #d9381e !important;
  font-size: 16.5px !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   TASK 11: ĐỊNH DẠNG BẢNG THÔNG SỐ KỸ THUẬT SẢN PHẨM (CHUẨN, ĐẸP, RESPONSIVE)
   ========================================================================== */
.single-product .tab-content table,
.single-product .woocommerce-Tabs-panel table,
.single-product table.tbay-spec-table,
.tbay-spec-table {
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: collapse !important;
  margin: 18px 0 25px !important;
  background: #ffffff !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.single-product .tab-content table td,
.single-product .tab-content table th,
.single-product .woocommerce-Tabs-panel table td,
.single-product .woocommerce-Tabs-panel table th,
.tbay-spec-table td,
.tbay-spec-table th {
  padding: 10px 14px !important;
  border: 1px solid #e2e8f0 !important;
  text-align: center !important;
  vertical-align: middle !important;
  color: #334155 !important;
}

.single-product .tab-content table tr:first-child td,
.single-product .tab-content table tr:first-child th,
.single-product .woocommerce-Tabs-panel table tr:first-child td,
.single-product .woocommerce-Tabs-panel table tr:first-child th,
.tbay-spec-table tr:first-child td,
.tbay-spec-table tr:first-child th {
  background-color: #f1f5f9 !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  letter-spacing: 0.3px !important;
}

.single-product .tab-content table tr:nth-child(even) td,
.single-product .woocommerce-Tabs-panel table tr:nth-child(even) td,
.tbay-spec-table tr:nth-child(even) td {
  background-color: #f8fafc !important;
}

.single-product .tab-content table tr:hover td,
.single-product .woocommerce-Tabs-panel table tr:hover td,
.tbay-spec-table tr:hover td {
  background-color: #eff6ff !important;
}

@media (max-width: 767px) {
  .single-product .tab-content table,
  .single-product .woocommerce-Tabs-panel table,
  .tbay-spec-table {
    display: block !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    font-size: 12.5px !important;
  }
  .single-product .tab-content table td,
  .single-product .tab-content table th,
  .tbay-spec-table td,
  .tbay-spec-table th {
    padding: 8px 10px !important;
  }
}

/* Ẩn widget danh mục bài viết và thẻ tags ở sidebar tin tức */
.home-widget.wpshare247_sidebar_category,
.home-widget.wpshare247_sidebar_tag,
.left-content .wpshare247_sidebar_category,
.left-content .wpshare247_sidebar_tag,
.left-content .aside-tags,
.left-content .widget_categories,
.left-content .widget_tag_cloud {
  display: none !important;
}

/* ============================================================
   CĂN ĐỀU CHIỀU CAO CHO KHỐI BÀI VIẾT / TIN TỨC TRANG CHỦ (SECTION-NEWS)
   ============================================================ */
.section-news .slick_blog .slick-track {
  display: flex !important;
  align-items: stretch !important;
}

.section-news .slick_blog .slick-slide {
  height: auto !important;
  display: flex !important;
}

.section-news .slick_blog .slick-slide > div {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
}

.section-news .slick_blog .item {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}

.section-news .blog-item {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border: none !important;
  box-sizing: border-box !important;
}

.section-news .blog-item-thumbnail {
  width: 100% !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.section-news .blog-item-thumbnail a.img26 {
  display: block !important;
  width: 100% !important;
  position: relative !important;
  padding-top: 56.25% !important; /* Tỉ lệ chuẩn 16:9 đồng nhất */
  overflow: hidden !important;
  background: #f8fafc !important;
}

.section-news .blog-item-thumbnail a.img26 img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}

.section-news .blog-item:hover .blog-item-thumbnail a.img26 img {
  transform: scale(1.06) !important;
}

.section-news .blog-item-info {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  padding: 14px 0 6px 0 !important;
  box-sizing: border-box !important;
}

/* Tiêu đề cố định 3 dòng, căn đều hàng trên mọi bài viết */
.section-news .blog-item-name {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  height: 65px !important;
  min-height: 65px !important;
  max-height: 65px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.section-news .blog-item-name a {
  color: #0f172a !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.section-news .blog-item-name a:hover {
  color: #e25700 !important;
}

/* Thời gian đăng tin */
.section-news .post-time {
  font-size: 13px !important;
  color: #898989 !important;
  margin-bottom: 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Tóm tắt nội dung cố định 3 dòng đều tăm tắp */
.section-news .blog-item-summary {
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: #475569 !important;
  margin-bottom: 16px !important;
  height: 63px !important;
  min-height: 63px !important;
  max-height: 63px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.section-news .blog-item-summary p {
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Nút XEM THÊM neo sát đáy bài viết thẳng hàng ngang */
.section-news .blog-item-info .btn-link {
  margin-top: auto !important;
  padding-top: 8px !important;
  align-self: flex-start !important;
  color: #e25700 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  letter-spacing: 0.5px !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

.section-news .blog-item-info .btn-link:hover {
  color: #c04600 !important;
  transform: translateX(4px) !important;
  text-decoration: none !important;
}

/* ============================================================
   ĐỊNH DẠNG BẢNG THÔNG TIN KHÁCH HÀNG & ĐỊA CHỈ THANH TOÁN (ORDER RECEIVED)
   ============================================================ */
/* Tắt triệt để pseudo-element :before mặc định cũ của WooCommerce gây lỗi đè icon */
.woocommerce-customer-details--phone::before,
.woocommerce-customer-details--phone:before,
.woocommerce-customer-details--email::before,
.woocommerce-customer-details--email:before,
.woocommerce-customer-details address p::before,
.woocommerce-customer-details address p:before {
  display: none !important;
  content: "" !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-customer-details {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.woocommerce-customer-details h2.woocommerce-column__title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0b2265 !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  letter-spacing: 0.3px !important;
}

.woocommerce-customer-details address,
.woocommerce-customer-details .customer-details-card {
  font-style: normal !important;
  line-height: 1.6 !important;
  color: #334155 !important;
  font-size: 14.5px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 16px 24px !important;
  box-sizing: border-box !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.customer-details-card .customer-info-row {
  display: flex !important;
  align-items: flex-start !important;
  padding: 11px 0 !important;
  border-bottom: 1px dashed #e2e8f0 !important;
  font-size: 14.5px !important;
  line-height: 1.5 !important;
}

.customer-details-card .customer-info-row:last-child {
  border-bottom: none !important;
  padding-bottom: 4px !important;
}

.customer-details-card .customer-info-row:first-child {
  padding-top: 4px !important;
}

.customer-details-card .info-label {
  width: 145px !important;
  min-width: 135px !important;
  flex-shrink: 0 !important;
  font-weight: 600 !important;
  color: #64748b !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.customer-details-card .info-label i {
  color: #e25700 !important;
  font-size: 14px !important;
  width: 16px !important;
  text-align: center !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}

.customer-details-card .info-value {
  flex: 1 !important;
  color: #1e293b !important;
  font-weight: 500 !important;
  word-break: break-word !important;
}

.customer-details-card .info-value.customer-name strong {
  color: #0b2265 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.customer-details-card .info-value a {
  color: #0b2265 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: color 0.2s ease !important;
}

.customer-details-card .info-value a:hover {
  color: #e25700 !important;
  text-decoration: underline !important;
}

.customer-details-card .customer-info-row--note .info-value {
  color: #b45309 !important;
  font-style: italic !important;
}

/* Responsive khi màn hình nhỏ (Mobile) */
@media (max-width: 576px) {
  .woocommerce-customer-details address,
  .woocommerce-customer-details .customer-details-card {
    padding: 14px 16px !important;
  }
  .customer-details-card .customer-info-row {
    flex-direction: column !important;
    gap: 4px !important;
    padding: 9px 0 !important;
  }
  .customer-details-card .info-label {
    width: 100% !important;
  }
}

/* ==========================================================================
   HIỂN THỊ ĐẦY ĐỦ CẢ GIÁ CHƯA GIẢM (GẠCH NGANG) VÀ GIÁ ĐÃ GIẢM
   Áp dụng đồng bộ: Box sản phẩm bên ngoài (Cards/Grid) & Trang chi tiết SP
   ========================================================================== */

/* 1. TRONG BOX SẢN PHẨM BÊN NGOÀI (Trang chủ, Danh mục, Tìm kiếm, v.v.) */
.product-box .price-box,
.product-mini-item .price-box,
.products-view-grid .product-box .price-box,
.products .product-box .price-box {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 5px !important;
  margin-bottom: 8px !important;
  min-height: auto !important;
  width: 100% !important;
}

.product-box .price-box .special-price,
.product-mini-item .price-box .special-price,
.products-view-grid .product-box .special-price {
  width: 100% !important;
  text-align: center !important;
}

/* Xếp giá chưa giảm ở trên, giá bán ở dưới như Hình 2 */
.product-box .price-box .price,
.product-mini-item .price-box .price,
.products-view-grid .product-box .price,
.products .product-box .price {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  margin: 0 auto !important;
  white-space: nowrap !important;
}

/* Chống rớt dòng toàn bộ giá và ký hiệu tiền tệ */
.product-box .price,
.product-box .price *,
.product-box span.woocommerce-Price-currencySymbol,
.products-view-grid span.woocommerce-Price-currencySymbol {
  white-space: nowrap !important;
}

.product-box span.woocommerce-Price-currencySymbol,
.products-view-grid span.woocommerce-Price-currencySymbol {
  display: inline !important;
  margin-left: 1px !important;
}

/* Giá chưa giảm (Giá gốc gạch ngang - del) - hiển thị màu xám, gạch ngang rõ ràng */
.product-box del,
.product-box del *,
.product-mini-item del,
.product-mini-item del *,
.products-view-grid del,
.products-view-grid del *,
.products del,
.products del *,
.product-box .price del,
.product-box .price del *,
.product-mini-item .price del,
.product-mini-item .price del *,
.products-view-grid .price del,
.products-view-grid .price del *,
.product-box del .amount,
.product-box del bdi,
.product-mini-item del .amount,
.product-mini-item del bdi,
.products-view-grid del .amount,
.products-view-grid del bdi,
.product-box del span.woocommerce-Price-amount.amount,
.product-mini-item del span.woocommerce-Price-amount.amount,
.products-view-grid del span.woocommerce-Price-amount.amount {
  display: inline-block !important;
  color: #8c8c8c !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
  -webkit-text-decoration-line: line-through !important;
  text-decoration-color: #8c8c8c !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  opacity: 0.9 !important;
  order: 1 !important;
  white-space: nowrap !important;
}

/* Giá đã giảm (Giá khuyến mãi - ins) - to rõ màu đỏ đậm nổi bật như Hình 2 */
.product-box ins,
.product-box ins *,
.product-mini-item ins,
.product-mini-item ins *,
.products-view-grid ins,
.products-view-grid ins *,
.products ins,
.products ins *,
.product-box .price ins,
.product-box .price ins *,
.product-mini-item .price ins,
.product-mini-item .price ins *,
.products-view-grid .price ins,
.products-view-grid .price ins *,
.product-box ins .amount,
.product-box ins bdi,
.product-mini-item ins .amount,
.product-mini-item ins bdi,
.products-view-grid ins .amount,
.products-view-grid ins bdi,
.product-box ins span.woocommerce-Price-amount.amount,
.product-mini-item ins span.woocommerce-Price-amount.amount,
.products-view-grid ins span.woocommerce-Price-amount.amount {
  display: inline-block !important;
  color: #d9381e !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  -webkit-text-decoration-line: none !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  order: 2 !important;
  white-space: nowrap !important;
}

/* Sản phẩm không giảm giá (chỉ có 1 giá duy nhất) - hiển thị 1 dòng không bị rớt chữ đ */
.product-box .price > .amount,
.product-box .price > bdi,
.product-mini-item .price > .amount,
.products-view-grid .product-box .price > .amount,
.product-box .special-price > .product-price > .amount,
.product-box .special-price > .product-price > bdi {
  color: #d9381e !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  display: inline-block !important;
  text-decoration: none !important;
  -webkit-text-decoration-line: none !important;
  white-space: nowrap !important;
  line-height: 1.3 !important;
}

.product-box .price > .amount *,
.product-box .price > bdi * {
  display: inline !important;
  white-space: nowrap !important;
  color: inherit !important;
}



/* 2. TRONG TRANG CHI TIẾT SẢN PHẨM (CHỈ ÁP DỤNG KHUNG THÔNG TIN CHÍNH - SUMMARY) */
.details-product .summary .price-box,
.summary.entry-summary .price-box,
.single-product .summary .price-box {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 4px solid #e25700 !important;
  border-radius: 6px !important;
  padding: 12px 20px !important;
  margin-bottom: 20px !important;
}

.details-product .summary .price-box .price,
.summary.entry-summary .price-box .price,
.single-product .summary .price-box .price {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 14px !important;
  margin: 0 !important;
}

/* Giá đã giảm (ins) trong trang chi tiết - To rõ màu cam đỏ thương hiệu */
.details-product .summary .price-box ins,
.details-product .summary .price-box ins *,
.summary.entry-summary .price-box ins,
.summary.entry-summary .price-box ins *,
.single-product .summary .price-box ins,
.single-product .summary .price-box ins * {
  order: 1 !important;
  display: inline-block !important;
  text-decoration: none !important;
  -webkit-text-decoration-line: none !important;
  color: #d9381e !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.details-product .summary .price-box ins .amount,
.details-product .summary .price-box ins bdi,
.summary.entry-summary .price-box ins .amount,
.summary.entry-summary .price-box ins bdi,
.single-product .summary .price-box ins .amount,
.single-product .summary .price-box ins bdi {
  display: inline-block !important;
  color: #d9381e !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  -webkit-text-decoration-line: none !important;
}

/* Giá chưa giảm (Giá gốc - del) trong trang chi tiết - Gạch ngang màu xám */
.details-product .summary .price-box del,
.details-product .summary .price-box del *,
.summary.entry-summary .price-box del,
.summary.entry-summary .price-box del *,
.single-product .summary .price-box del,
.single-product .summary .price-box del * {
  order: 2 !important;
  display: inline-block !important;
  color: #8c8c8c !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
  -webkit-text-decoration-line: line-through !important;
  text-decoration-color: #8c8c8c !important;
  line-height: 1.2 !important;
  opacity: 0.9 !important;
}

.details-product .summary .price-box del .amount,
.details-product .summary .price-box del bdi,
.summary.entry-summary .price-box del .amount,
.summary.entry-summary .price-box del bdi,
.single-product .summary .price-box del .amount,
.single-product .summary .price-box del bdi {
  display: inline-block !important;
  color: #8c8c8c !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
  -webkit-text-decoration-line: line-through !important;
  text-decoration-color: #8c8c8c !important;
}

/* Khi sản phẩm không giảm giá trong trang chi tiết */
.details-product .summary .price-box .price > .amount,
.details-product .summary .price-box .price > bdi,
.details-product .summary .price-box .price > .amount *,
.summary.entry-summary .price-box .price > .amount,
.single-product .summary .price-box .price > .amount {
  color: #d9381e !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  -webkit-text-decoration-line: none !important;
}

/* ==========================================================================
   3. KHẮC PHỤC TRIỆT ĐỂ: SẢN PHẨM TƯƠNG TỰ (RELATED PRODUCTS)
   - Xếp giá theo chiều dọc (giá cũ ở trên, giá mới ở dưới)
   - Giá màu đỏ kích thước vừa phải (16px), không bị phóng to 28px
   ========================================================================== */
.related-product .product-box .price-box,
.details-product .related-product .product-box .price-box {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 5px auto 8px !important;
  min-height: 42px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

.related-product .product-box .price,
.details-product .related-product .product-box .price,
.related-product .product-box .price-box .price,
.details-product .related-product .product-box .price-box .price {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  margin: 0 auto !important;
  white-space: nowrap !important;
  width: 100% !important;
}

/* Giá cũ (del) gạch ngang ở trên - Màu xám 13px */
.related-product .product-box del,
.related-product .product-box del *,
.related-product .product-box .price del,
.related-product .product-box .price del *,
.details-product .related-product .product-box del,
.details-product .related-product .product-box del * {
  order: 1 !important;
  display: inline-block !important;
  color: #8c8c8c !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
  -webkit-text-decoration-line: line-through !important;
  text-decoration-color: #8c8c8c !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  opacity: 0.9 !important;
  white-space: nowrap !important;
}

/* Giá khuyến mãi màu đỏ (ins) ở dưới - Kích thước 16px vừa vặn */
.related-product .product-box ins,
.related-product .product-box ins *,
.related-product .product-box .price ins,
.related-product .product-box .price ins *,
.details-product .related-product .product-box ins,
.details-product .related-product .product-box ins * {
  order: 2 !important;
  display: inline-block !important;
  color: #d9381e !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  -webkit-text-decoration-line: none !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}

/* Sản phẩm không giảm giá (chỉ có 1 giá duy nhất) - Kích thước 16px đồng bộ */
.related-product .product-box .price > .amount,
.related-product .product-box .price > bdi,
.related-product .product-box .price > .amount *,
.related-product .product-box .price > bdi *,
.details-product .related-product .product-box .price > .amount,
.details-product .related-product .product-box .price > bdi,
.details-product .related-product .product-box .price > .amount *,
.details-product .related-product .product-box .price > bdi * {
  color: #d9381e !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  display: inline-block !important;
  text-decoration: none !important;
  -webkit-text-decoration-line: none !important;
  white-space: nowrap !important;
  line-height: 1.3 !important;
}