:root {
  --text-main-color : #1d1d20;        /* Sử dụng màu chữ chính */
  --text-secondary-color: #4a4a4a;    /* Sử dụng màu chữ phụ */
  --backgroud-main-color: #f7f7f8;    /* Sử dụng màu nền chủ đạo */
}

/* Ẩn label Giảm giá trên ảnh sản phẩm */
  .callout.badge.badge-circle {
    display: none !important; }

/* Phần đầu */
  .product-main {
    padding: 40px 0;
    padding-bottom: 0px !important;
  }



/* Ảnh sản phẩm /* ======================================================================
  /* Single product - khung ảnh tỉ lệ H = 50% W, ảnh không bị cắt */
    .single-product .woocommerce-product-gallery,
    .single-product .product-gallery {
      width: 100% !important; }

  /* Khung hiển thị ảnh chính (2:1 => height = 50% width) */
    .single-product .woocommerce-product-gallery .flickity-viewport,
    .single-product .woocommerce-product-gallery__wrapper {
      aspect-ratio: 2 / 1;          /* height = 50% width */
      height: auto !important;      /* ghi đè height inline của slider (nếu có) */
      overflow: hidden; }

  /* Đảm bảo từng slide/khung ảnh ăn theo chiều cao khung */
    .single-product .woocommerce-product-gallery__image,
    .single-product .woocommerce-product-gallery__image a {
      display: block;
      width: 100%;
      height: 100%; }

  /* Ảnh co lại, không crop */
    .single-product .woocommerce-product-gallery__image img {
      width: 100% !important;
      height: 100% !important;
      object-fit: contain !important;   /* không cắt ngang ảnh */
      object-position: center center; }

  /* (Tuỳ chọn) nếu thumbs đang bị chừa khoảng hở quá nhiều */
    .single-product .product-thumbnails,
    .single-product .woocommerce-product-gallery .product-thumbnails {
      margin-top: 10px !important; }

  /* Thu nhỏ thumbnails (ảnh nhỏ) dưới ảnh chính */
    .single-product .product-thumbnails .col,
    .single-product .woocommerce-product-gallery .product-thumbnails .col {
      max-width: 56px !important;  
      flex: 0 0 56px !important;
      padding: 0 4px !important; }

  /* Khung ảnh thumbnail nhỏ lại */
    .single-product .product-thumbnails .box-image,
    .single-product .product-thumbnails img {
      width: 56px !important;
      height: 56px !important;
      object-fit: cover;        
      border-radius: 6px; }

  /* Giảm khoảng cách hàng thumbnails */
    .single-product .product-thumbnails { margin-top: 8px !important; gap: 8px; }

  /* Ẩn nút Next (flickity) */
    button.flickity-prev-next-button.previous,
    button.flickity-prev-next-button.next { display: none !important; }

  /* Ẩn nút zoom ở góc dưới (image tools) */
    .image-tools .zoom-button{ display: none !important; }




/*Title sản phẩm**************************************************************************************/
  .single-product h1.product-title,
  .single-product h1.product_title.entry-title {
    font-size: 26px !important; line-height: 1.25; color: var(--text-main-color); }




/* GIÁ SẢN PHẨM **************************************************************************************/
  /* SẢN PHẨM ĐƠN GIẢN  
    /* Giá Sale */
      .single-product .product:not(.product-type-variable) p.price ins .woocommerce-Price-amount,
      .single-product .product:not(.product-type-variable) p.price > .woocommerce-Price-amount {
        color: var(--text-main-color); font-size: 24px; font-weight: 600; }

    /* Giá thường */
      .single-product .product:not(.product-type-variable) p.price del .woocommerce-Price-amount {
        color: #a1a1aa; font-size: 16px; font-weight: 400; }
  
  /* SẢN PHẨM CÓ BIẾN THỂ
    /* Ẩn khối khoảng giá (price-wrapper) khi là sản phẩm biến thể */
      .single-product .product.product-type-variable .price-wrapper {
        display: none !important; }

    /* Sản phẩm biến thể: style giá gạch (giá thường) */
      .single-product .product.product-type-variable .single_variation_wrap
      .woocommerce-variation-price del .woocommerce-Price-amount {
        color: #a1a1aa; font-size: 16px; font-weight: 400; }

    /* Sản phẩm biến thể: style giá sale (giá đang bán) */
      .single-product .product.product-type-variable .single_variation_wrap
      .woocommerce-variation-price ins .woocommerce-Price-amount {
        color: var(--text-main-color); font-size: 24px; font-weight: 600; }

     
   
        
/* Biến thể **************************************************************************************
  /* Ẩn biến thể mặc định của Woo */
    .variations_form .variations select { display: none !important; }
    .variations_form .variations th.label, 
    .variations_form .variations td.value { display: none !important; }
    .variations_form .variations td.value { width: 100% !important;  padding-left: 0 !important; }

    .lk-variations-ui {  margin: 10px 0 16px; }
    .lk-var-group { margin: 14px 0; }
    .lk-var-title { font-weight: 700;  margin: 0 0 6px;  font-size: 20px; color:var(--text-main-color); }
    .lk-var-buttons { display: flex;  flex-wrap: wrap;  gap: 12px; }
    .lk-var-btn { text-align: left;  display: flex;  align-items: center;  
      gap: 10px;  min-width: 186px;  padding: 10px 10px;  border: 1px solid #e5e7eb;  
      border-radius: 12px;  background: #fff;  cursor: pointer;  
      transition: transform .05s ease, border-color .15s ease, box-shadow .15s ease;
      position: relative; user-select: none; margin-bottom: 4px; margin-right: 6px; }
    .lk-var-btn:hover { box-shadow: 0 6px 18px rgba(0,0,0,.06); }
    .lk-var-btn:active { transform: translateY(1px);}
    .lk-var-btn.is-active { border: 2px solid #ff0000; }
    .lk-var-btn.is-active::after { align-content: center; background-color: #d70018; border-radius: 0 4px 0 8px;
      color: #fff; content: "✓"; display: flex; font-size: 10px; height: 16px; justify-content: center;
      padding-bottom: 15px; padding-left: 4px; position: absolute; right: 0; top: 0; width: 16px; line-height: 14px; }
    .lk-var-btn.is-disabled { opacity: .45;  cursor: not-allowed; }

    .lk-var-thumb { width: 38px; height: 52px;  border-radius: 10px;  object-fit: cover;  flex: 0 0 38px;  background: #f3f4f6; }
    .lk-var-text { display: flex; flex-direction: column;  line-height: 1.2;  }
    .lk-var-name { font-weight: 700; font-size: 14px;  margin-bottom: 4px;  color: var(--text-main-color);  text-transform: none;  }
    .lk-var-price { font-size: 14px; color: var(--text-main-color);  font-weight: 500; }
    .lk-var-price del { opacity: .55;  margin-right: 6px; }
    .lk-var-price ins { text-decoration: none;  font-weight: 800; }

  /* Ẩn biến thể mặc định của Woo */
    .variations_form .variations th.label, 
    .variations_form .variations td.value { display: none !important; }  

  /* Make the value column full width */
    .variations_form .variations td.value { width: 100% !important; padding-left: 0 !important; }

/* LK: danh sách số dạng badge tròn trong nội dung box */
  .lk-product-boxes .lk-info-box__content ol { list-style: none; margin: 0; padding: 0; counter-reset: lkitem; }

  .lk-product-boxes .lk-info-box__content ol > li { counter-increment: lkitem; position: relative;
    padding-left: 26px; /* chừa chỗ cho badge */
    margin: 6px 0; }

  .lk-product-boxes .lk-info-box__content ol > li::before {
    content: counter(lkitem); position: absolute; left: 0; top: 4px; border-radius: 50%; color: #fff;
    height: 18px; width: 18px;    line-height: 18px; text-align: center; font-size: 12px; background: #e11d48; }



/* =====================================================
Cam kết sản phẩm    */
  .lk-product-commitment {
    margin-top: 24px; }

  .lk-product-commitment__title { 
    font-weight: 700; font-size: 20px; color: var(--text-main-color);  margin-bottom: 10px; }

  .lk-commit-grid { font-size: 16px; color: var(--text-secondary-color); display: grid;
    grid-template-columns:repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 6px;}

  .lk-commit-box { border: 1px solid #e5e7eb; border-radius: 10px; padding: 12px;
    background:var(--backgroud-main-color); }

  .lk-commit-box__head { font-weight: 700; margin-bottom: 6px; }
  .lk-commit-box__body { line-height: 1.6; }


  @media (max-width: 849px) {.lk-commit-grid{grid-template-columns:1fr; }
  }

/* ===================================================== 
Thông số kỹ thuật    */
  .lk-left-shortdesc { margin: 24px 0px; }
  .lk-shortdesc-title { font-weight: 700; font-size: 20px; color: var(--text-main-color); margin-bottom: 10px; }
  .product-specs { border: solid 1px #e5e7eb; border-radius: 14px; }

  .product-specs .spec-name,
  .product-specs .spec-value { color: var(--text-secondary-color); font-weight: 500; font-size: 14px; line-height: 1.6; }

  .product-specs .spec-name { padding-left: 12px; background: var(--backgroud-main-color); min-width: 90px; }
  .product-specs tr { height: 38px; }



/* =====================================================
LK - Promo Box (Flashsale / Đặt biệt / Thanh toán)    */
  .lk-promo-box { margin: 14px 0; padding: 16px; border: 1px solid #3e5fa1; border-radius: 12px;
    background: linear-gradient(to top right,#fcfeff,#eff5ff) padding-box,
    linear-gradient(to top right,#dbe8fe,#609afa) border-box; }

  /* Tiêu đề */
  .lk-promo-box__title { font-size: 20px; color: var(--text-main-color); font-weight: 700; border-radius: 8px;
      display: flex; align-items: center; gap:8px; }

  .lk-promo-box__title::before { content: "🎁"; font-size:30px; }

  /* Nội dung */
    .lk-promo-box__body { line-height: 1.6 !important; font-size: 16px !important; color: var(--text-main-color) !important; }
    .lk-promo-box__body span { background: linear-gradient(233.74deg,#eff5ff -33.75%,#3b82f6 71.83%); width: 20px;
      height: 20px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
      font-size: 12px; color: white; }

  /* Khoảng cách list */
    .lk-promo-box__body ul,
    .lk-promo-box__body ol { margin:8px 0 0 18px; }

  .lk-promo-box.lk-promo-box--dacbiet { margin-top: 0px; }

  /* Responsive mobile */
    @media (max-width: 849px) {
      .lk-promo-box { padding: 14px; border-radius: 10px; }
      .lk-promo-box__title { font-size:15px; } }


  
/* NÚT TRẢ GÓP - MUA NGAY - THÊM VÀO GIỎ  */
    /* Ẩn cụm tăng/giảm số lượng (quantity +/-) trên trang sản phẩm */
      .single-product .quantity.buttons_added { display: none !important; }
      .single-product .variations_form .variations { margin-bottom: 0 !important; }

  /* =====================================================
    LK - Add to cart actions: 3 nút cùng hàng
    (Add to cart mặc định + Mua ngay + Trả góp 0%)
  ===================================================== */

  .lk-atc-actions { display:flex; gap:10px; align-items:stretch; flex-wrap:wrap; }

  .lk-atc-actions .single_add_to_cart_button,
  .lk-atc-actions .lk-buy-now,
  .lk-atc-actions .lk-installment {
      min-width:160px;
      height:44px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      margin:0 !important;
      padding:0 14px;
      border-radius:10px;
      font-weight:700;
  }

/* Tỉ lệ 3 nút 20% 60% 20%*/
.lk-atc-actions .single_add_to_cart_button { flex: 3 1 0;}
.lk-atc-actions .lk-buy-now { flex: 4 1 0;}
.lk-atc-actions .lk-installment { flex: 3 1 0; }

/* ===============================
   LK - 3 NÚT THÊM VÀO GIỎ + MUA NGAY + TRẢ GÓP 0%
================================ */

.lk-atc-actions button,
.lk-atc-actions .button {
  opacity: 1;
  border: 2px solid #24b4fb;
  background-color: #24b4fb !important;
  border-radius: 0.9em;
  cursor: pointer;
  padding: 0.8em 1.2em 0.8em 1em;
  transition: all ease-in-out 0.2s;
  font-size: 16px;
}

.lk-atc-actions button span,
.lk-atc-actions .button span {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 600;
}

.lk-atc-actions button:hover,
.lk-atc-actions .button:hover {
  background-color: #0071e2;
  border-color: #0071e2;
}

/* Mobile: mỗi nút 1 hàng cho dễ bấm */
  @media (max-width: 849px){
    .lk-atc-actions .single_add_to_cart_button,
    .lk-atc-actions .lk-buy-now,
    .lk-atc-actions .lk-installment {
      min-width:100%;
    }
  }



/************************** FOOTER ( BÀI VIẾT SẢN PHẨM - LIST BÀI VIẾT MỚI HOẶC TỰ GÁN ) **************************** */
.lk-desc-split{	display: flex;	gap: 24px;	margin-top: 8px; }

/* Layout 7/3 chuẩn */
#lk-product-description .lk-desc-left-wrap {
  background: #f7f7f8;
  width: 70%;
  min-width: 0;
  padding: 16px;          /* tạo khoảng hở bên trong */
  border-radius: 20px;    /* optional cho đẹp */
}

#lk-product-description .lk-desc-left{
	width: 100%;
	min-width: 0;
}

#lk-product-description .lk-desc-right{
	width: 30%;
	min-width: 0;
}



/* TOC box */
#lk-product-description .lk-toc {
  background: #e4e4e7;
  border-radius: 8px;
  color: var(--text-secondary-color);
  margin-bottom: 16px;    /* khoảng cách giữa TOC và content */
}

#lk-product-description .lk-toc-head{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 12px;
	border: 0;
	background: transparent;
	cursor: pointer;
  margin: 0;
}

#lk-product-description .lk-toc-title{
	font-weight: 500;
  font-size: 16px;
  text-transform: none;
  line-height: 26px;
}

#lk-product-description .lk-toc-caret{
	width: 18px;
	height: 18px;
	display: inline-block;
	position: relative;
}

#lk-product-description .lk-toc-caret:before{
	content: "";
	position: absolute;
	top: 6px;
	left: 5px;
	width: 8px;
	height: 8px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	transform: rotate(45deg);
}

#lk-product-description .lk-toc.is-collapsed .lk-toc-caret:before{ top: 4px; transform: rotate(-135deg); }

#lk-product-description .lk-toc-body{	padding: 0 12px 10px 12px; }

/* Danh sách TOC + counters */
#lk-product-description .lk-toc-body ol{	margin: 0;	padding-left: 18px;	counter-reset: lk_h2; }

#lk-product-description .lk-toc-body > ol{ counter-reset: lk_h2; }
#lk-product-description .lk-toc-body > ol ol{	counter-reset: lk_h3; }

#lk-product-description .lk-toc-body li{	margin: 0 0 6px 0;	list-style: none; }
#lk-product-description .lk-toc-body li.lk-toc-h2{ counter-increment: lk_h2;	counter-reset: lk_h3; }

#lk-product-description .lk-toc-body li.lk-toc-h2 > a:before{
	content: counter(lk_h2) ". ";
	font-weight: 600;
}

#lk-product-description .lk-toc-body ol ol{	margin-top: 6px; padding-left: 18px; }
#lk-product-description .lk-toc-body li.lk-toc-h3{	counter-increment: lk_h3; }
#lk-product-description .lk-toc-body li.lk-toc-h3 > a:before { content: counter(lk_h2) "." counter(lk_h3) " "; }

/* Link TOC */
#lk-product-description .lk-toc-body a { color: inherit;	text-decoration: none; }
#lk-product-description .lk-toc-body a:hover{	text-decoration: underline; }

/* Collapse body */
#lk-product-description .lk-toc.is-collapsed .lk-toc-body{ display: none; }

/* Nội dung mô tả */
.lk-desc-content {
  position: relative;
  background: #fff;
  padding: 16px;          /* tạo nền trắng nổi */
  border-radius: 8px;
}

.lk-desc-content.is-collapsed { max-height: 340px;	overflow: hidden; }

.lk-desc-content.is-collapsed:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 70px;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); }

.lk-desc-content.is-expanded{ max-height: none; overflow: visible;}
.lk-desc-content.is-expanded:after{	display: none; }

/* Nút Xem thêm */
#lk-product-description .lk-desc-toggle{  display: flex;  margin: 10px auto 10px;  cursor: pointer;  text-transform: none; }
#lk-product-description .lk-desc-toggle.is-hidden{ display: none !important; }

/* Responsive */
@media (max-width: 992px) {
	.lk-desc-split{
		flex-direction: column;
	}



	.lk-desc-content.is-collapsed{ max-height: 260px;	} }

  .product-section {  border-top: none !important; }