/* CSS trang chi tiết sản phẩm — trích nguyên từ style.css của website thứ hai. */
/* =====================================================
   KHỐI SẢN PHẨM ĐƠN
   ===================================================== */

/* THẺ MÔ TẢ / THÔNG TIN / THÔNG SỐ */
@media (min-width: 850px) {
  .single-product .woocommerce-tabs > ul.product-tabs {  display: flex !important; justify-content: center; align-items: center; gap: 8px; width: 100%; margin: 0 auto 22px !important; padding: 8px; border: 1px solid #dce7ef; border-radius: 12px; background: #f3f8fb; }
  .single-product .woocommerce-tabs > ul.product-tabs > li {  flex: 0 0 auto; margin: 0 !important; }
  .single-product .woocommerce-tabs > ul.product-tabs > li > a {  display: block; padding: 13px 22px !important; border: 1px solid transparent; border-radius: 8px; color: #344454; font-size: 13px; font-weight: 700; line-height: 1.25; letter-spacing: .025em; transition: color .2s ease, background .2s ease, box-shadow .2s ease; }
  .single-product .woocommerce-tabs > ul.product-tabs > li > a:before {  display: none !important; }
  .single-product .woocommerce-tabs > ul.product-tabs > li:not(.active) > a:hover {  color: #006da8; background: #e5f2f9; }
  .single-product .woocommerce-tabs > ul.product-tabs > li.active > a, .single-product .woocommerce-tabs > ul.product-tabs > li > a[aria-selected="true"] {  border-color: #0087cc !important; background: #0087cc !important; color: #fff !important; box-shadow: 0 4px 12px rgba(0, 135, 204, .2); }
}

@media (max-width: 849px) {
  body.single-product .woocommerce-tabs > ul.product-tabs {  display: grid !important; grid-template-columns: minmax(0, .75fr) repeat(2, minmax(0, 1.25fr)); box-sizing: border-box; align-items: stretch; gap: 4px; width: 100%; margin: 0 auto 18px !important; padding: 6px; border: 1px solid #dce7ef; border-radius: 12px; background: #f3f8fb; }
  body.single-product .woocommerce-tabs > ul.product-tabs > li {  display: block !important; min-width: 0; width: auto !important; margin: 0 !important; }
  body.single-product .woocommerce-tabs > ul.product-tabs > li > a {  display: flex !important; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; min-height: 46px; padding: 8px 4px !important; border: 1px solid transparent; border-radius: 8px; color: #344454; font-size: clamp(10px, 2.8vw, 12px); font-weight: 700; line-height: 1.25; letter-spacing: .01em; text-align: center; white-space: normal !important; overflow-wrap: break-word; }
  body.single-product .woocommerce-tabs > ul.product-tabs > li > a:before {  display: none !important; }
  body.single-product .woocommerce-tabs > ul.product-tabs > li:not(.active) > a {  background: transparent; }
  body.single-product .woocommerce-tabs > ul.product-tabs > li.active > a, body.single-product .woocommerce-tabs > ul.product-tabs > li > a[aria-selected="true"] {  border-color: #0087cc !important; background: #0087cc !important; color: #fff !important; box-shadow: 0 3px 9px rgba(0, 135, 204, .18); }
}

@media (max-width: 380px) {
  .single-product .ux-layout-1347 .td-product-top form.cart {  gap: 3px !important; }
  .single-product .ux-layout-1347 .td-product-top form.cart .quantity {  width: 58px !important; }
  .single-product .ux-layout-1347 .td-product-top form.cart .quantity .minus, .single-product .ux-layout-1347 .td-product-top form.cart .quantity .plus {  width: 18px; padding: 0; }
  .single-product .ux-layout-1347 .td-product-top form.cart .quantity input {  width: 22px; padding: 0; }
}

/* =====================================================
   BỐ CỤC TRANG CHI TIẾT SẢN PHẨM
   ===================================================== */
.td-product-top {  align-items: stretch; margin-bottom: 32px !important; }
.td-product-gallery > .col-inner {  background: #fff; border: 1px solid #e9edf2; border-radius: 22px; box-shadow: 0 16px 40px rgba(17, 24, 39, .07); padding: 18px; overflow: hidden; }
.td-product-summary > .col-inner {  position: relative; background: #fff !important; border: 1px solid #e7ebf0; border-radius: 22px !important; box-shadow: 0 16px 40px rgba(17, 24, 39, .08); padding: 15px !important; overflow: hidden; }
.td-product-summary > .col-inner::before {  content: ""; position: absolute; z-index: 0; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #b71c1c, #e64a19); }
.td-product-summary .product-title {  color: #20252d; font-size: clamp(20px, 2.4vw, 30px); font-weight: 800; letter-spacing: -.03em; line-height: 1.16; margin-bottom: 14px; }
.td-product-summary .woocommerce-product-details__short-description {  color: #56616f; font-size: 15px; line-height: 1.75; }
.td-product-summary .stock {  color: #198754 !important; font-weight: 700; }
.td-product-summary .product_meta .tagged_as {  display: none; }
.td-product-summary .button:not(.minus):not(.plus):hover {  box-shadow: 0 8px 18px rgba(183, 28, 28, .18); transform: translateY(-1px); }
@media (max-width: 849px) {
  .td-product-top {  margin-bottom: 10px !important; }
  .td-product-gallery > .col-inner {  padding: 12px; border-radius: 18px; }
  .td-product-summary > .col-inner {  padding: 10px !important; border-radius: 18px !important; }
  .td-product-summary .product-title {  font-size: clamp(25px, 6vw, 30px); }
}

/* =====================================================
   NÚT MUA HÀNG VÀ TRẢ GÓP
   ===================================================== */
body.single-product .add-to-cart-container form.cart {  display: grid !important; grid-template-columns: 90px minmax(0, 1fr) 58px; align-items: center; gap: 12px; }
body.single-product .add-to-cart-container form.cart .quantity {  grid-column: 1; grid-row: 1; margin: 0 !important; width: 100%; }
body.single-product .add-to-cart-container form.cart .buy_now_button, body.single-product .add-to-cart-container form.cart .buy-now-button, body.single-product .add-to-cart-container form.cart .td-buy-now, body.single-product .add-to-cart-container form.cart .td-buy-now-button, body.single-product .add-to-cart-container form.cart button[name*="buy"], body.single-product .add-to-cart-container form.cart a[href*="buy-now"], body.single-product .add-to-cart-container form.cart .button:not(.single_add_to_cart_button):not(.minus):not(.plus) {  grid-column: 2; grid-row: 1; display: flex !important; align-items: center; justify-content: center; width: 100%; min-height: 54px; margin: 0 !important; padding: 10px 14px !important; border: 0 !important; border-radius: 8px !important; background: #df3038 !important; color: #fff !important; font-size: 15px !important; font-weight: 800 !important; letter-spacing: .02em; line-height: 1.2; text-align: center; box-shadow: 0 5px 12px rgba(223, 48, 56, .18); }
body.single-product .add-to-cart-container form.cart .single_add_to_cart_button {  grid-column: 3; grid-row: 1; display: flex !important; align-items: center; justify-content: center; width: 58px !important; min-width: 58px; height: 54px; margin: 0 !important; padding: 0 !important; overflow: hidden; border: 1px solid #df3038 !important; border-radius: 8px !important; background: #fff !important; color: transparent !important; font-size: 0 !important; box-shadow: none; }
body.single-product .add-to-cart-container form.cart .single_add_to_cart_button::after {  content: ""; display: block; width: 25px; height: 25px; background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23df3038' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6'/%3E%3Cpath d='M12 8v6m-3-3h6'/%3E%3C/svg%3E"); }
body.single-product .col-inner .td-product-finance {  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin: 10px 0 2px; }
body.single-product .col-inner .td-product-finance .td-finance-btn {  display: flex; align-items: center; justify-content: center; min-height: 54px; padding: 9px 12px; border: 1px solid #2e649c; border-radius: 8px; background: #f0f7fc; color: #24598d; font-size: 13px; font-weight: 800; line-height: 1.25; text-align: center; text-decoration: none; transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; }
body.single-product .col-inner .td-product-finance .td-finance-btn:hover {  border-color: #df3038; background: #df3038; color: #fff; transform: translateY(-1px); }
@media (max-width: 549px) {
  body.single-product .add-to-cart-container form.cart {  grid-template-columns: 88px minmax(0, 1fr) 52px; gap: 8px; }
  body.single-product .add-to-cart-container form.cart .single_add_to_cart_button {  width: 52px !important; min-width: 52px; height: 50px; }
  body.single-product .add-to-cart-container form.cart .buy_now_button, body.single-product .add-to-cart-container form.cart .buy-now-button, body.single-product .add-to-cart-container form.cart .td-buy-now, body.single-product .add-to-cart-container form.cart .td-buy-now-button, body.single-product .add-to-cart-container form.cart button[name*="buy"], body.single-product .add-to-cart-container form.cart a[href*="buy-now"], body.single-product .add-to-cart-container form.cart .button:not(.single_add_to_cart_button):not(.minus):not(.plus) {  min-height: 50px; padding: 8px 7px !important; font-size: 13px !important; }
  body.single-product .col-inner .td-product-finance {  gap: 7px; }
  body.single-product .col-inner .td-product-finance .td-finance-btn {  min-height: 50px; padding: 7px 6px; font-size: 11px; }
}

/* Màu giá bán trên trang sản phẩm, bao gồm ký hiệu tiền tệ. */
body.single-product .product-page-price > .amount, body.single-product .product-page-price ins .amount, body.single-product .product-page-price > .amount .woocommerce-Price-currencySymbol, body.single-product .product-page-price ins .woocommerce-Price-currencySymbol {  color: #d90000 !important; }


/* CSS nút đọc thêm mô tả trên mobile — trích nguyên từ functions.php. */
.td-description-toggle { display:none; }
    @media(max-width:549px) {
        #tab-description .td-description-toggle { display:block; margin:18px auto 0; min-height:44px; padding:8px 24px; border:1px solid #008acb; border-radius:8px; background:#fff; color:#008acb; font-size:14px; font-weight:700; text-transform:none; letter-spacing:0; }
        #tab-description .td-description-toggle:focus-visible { outline:3px solid #008acb; outline-offset:3px; }
    }
    #tab-description .td-description-preview[hidden], #tab-description .td-description-full[hidden] { display:none!important; }