.elementor-111 .elementor-element.elementor-element-e56620b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-111 .elementor-element.elementor-element-659ddd0{padding:10px 10px 0px 10px;}.elementor-111 .elementor-element.elementor-element-659ddd0 .woocommerce-breadcrumb > a{color:var( --e-global-color-text );}.elementor-111 .elementor-element.elementor-element-10b846f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 30px;--row-gap:0px;--column-gap:30px;}.elementor-111 .elementor-element.elementor-element-50a2599{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-111 .elementor-element.elementor-element-e3782aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-111 .elementor-element.elementor-element-9e9a194 .cart button, .elementor-111 .elementor-element.elementor-element-9e9a194 .cart .button{text-transform:uppercase;border-style:solid;border-width:1px 1px 1px 1px;padding:20px 20px 20px 20px;color:var( --e-global-color-accent );background-color:#2596BE00;border-color:var( --e-global-color-accent );transition:all 0.2s;}.elementor-111 .elementor-element.elementor-element-9e9a194{--view-cart-spacing:0px;--button-spacing:0px;}.elementor-111 .elementor-element.elementor-element-9e9a194 .quantity .qty{transition:all 0.2s;}.woocommerce .elementor-111 .elementor-element.elementor-element-9e9a194 form.cart table.variations td.value select{color:var( --e-global-color-accent );}.elementor-111 .elementor-element.elementor-element-3be4cae .elementor-button{background-color:var( --e-global-color-accent );fill:var( --e-global-color-8f8d22e );color:var( --e-global-color-8f8d22e );border-radius:3px 3px 3px 3px;}.woocommerce .elementor-111 .elementor-element.elementor-element-8476b9d .woocommerce-product-details__short-description{font-size:15px;line-height:25px;}.elementor-111 .elementor-element.elementor-element-63e31ab{font-size:14px;line-height:28px;}.elementor-111 .elementor-element.elementor-element-8891a2c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-111 .elementor-element.elementor-element-81c8923{--display:flex;}.elementor-111 .elementor-element.elementor-element-0b4ce20{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:16px;line-height:25px;}.elementor-111 .elementor-element.elementor-element-6b11502{--display:flex;}.elementor-111 .elementor-element.elementor-element-f98dbcc{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-111 .elementor-element.elementor-element-3293032{font-size:16px;line-height:25px;}.elementor-111 .elementor-element.elementor-element-c62a5b1{--display:flex;}.elementor-111 .elementor-element.elementor-element-6a16806{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-111 .elementor-element.elementor-element-041d711{font-size:16px;line-height:25px;}.elementor-111 .elementor-element.elementor-element-332679b{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-gap:0px;--n-tabs-title-color:var( --e-global-color-text );--n-tabs-title-color-active:var( --e-global-color-accent );}.elementor-111 .elementor-element.elementor-element-332679b > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-111 .elementor-element.elementor-element-332679b.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#02010100;border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-accent );}.elementor-111 .elementor-element.elementor-element-332679b.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-111 .elementor-element.elementor-element-332679b.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#02010100;border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-accent );}.elementor-111 .elementor-element.elementor-element-332679b.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:0px 0px 2px 0px;border-color:#EBEBEB00;}.elementor-111 .elementor-element.elementor-element-332679b.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Conthrax", Sans-serif;}.elementor-111 .elementor-element.elementor-element-332679b [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-accent );}:where( .elementor-111 .elementor-element.elementor-element-332679b.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:1px 0px 0px 0px;border-color:#ECECEC;}.elementor-111 .elementor-element.elementor-element-124bf98{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-111 .elementor-element.elementor-element-d590fe6{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-111 .elementor-element.elementor-element-95c21e4{--grid-columns:3;}@media(max-width:1024px){.elementor-111 .elementor-element.elementor-element-95c21e4{--grid-columns:2;}}@media(min-width:768px){.elementor-111 .elementor-element.elementor-element-50a2599{--width:50%;}.elementor-111 .elementor-element.elementor-element-e3782aa{--width:50%;}.elementor-111 .elementor-element.elementor-element-8891a2c{--content-width:1000px;}}@media(max-width:767px){.elementor-111 .elementor-element.elementor-element-332679b{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:4px;--n-tabs-title-padding-bottom:0px;--n-tabs-title-padding-left:4px;--n-tabs-title-font-size:10px;}.elementor-111 .elementor-element.elementor-element-95c21e4{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-e56620b */th.label {
    margin-top: 30px;
    margin-bottom: 10px;
}
.woocommerce-variation-price {
    margin-top: 30px;
}

.cfvsw-swatches-option.cfvsw-label-option {
    padding: 10px;
}
.woocommerce-variation-price .price,
.summary .price {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.woocommerce-variation-price .price ins,
.summary .price ins {
  text-decoration: none !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #e5282a !important; 
  order: 1 !important;
}

/* Giá gốc (del) */
.woocommerce-variation-price .price del,
.summary .price del {
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #999 !important;
  order: 2 !important;
  opacity: 1 !important;
}

/* Badge % giảm */
.qh-sale-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #e5282a !important; /* Đỏ */
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  order: 3 !important;
  line-height: 1.4 !important;
}

/* Dòng "Tiết kiệm" */
.qh-saving-note {
  width: 100% !important;
  font-size: 13px !important;
  color: #e5282a !important; /* Đỏ */
  margin-top: 2px !important;
  order: 4 !important;
}


/* =============================================
   2. ATTRIBUTE SWATCHES (Hover/Active viền Xanh)
   ============================================= */

.cfvsw-swatches-option.cfvsw-label-option {
  border: 1.5px solid #ddd !important;
  border-radius: 4px !important;
  transition: border-color 0.2s, color 0.2s, box-shadow 0.2s !important;
  cursor: pointer !important;
  color: #333 !important;
  background: #fff !important;
}

/* Hover & Active màu xanh #2596BE */
.cfvsw-swatches-option.cfvsw-label-option:hover,
.cfvsw-swatches-option.cfvsw-label-option.cfvsw-selected-swatch {
  border-color: #2596BE !important;
  color: #2596BE !important;
  box-shadow: 0 0 0 1px #2596BE !important;
  background: #fff !important;
}

/* Disabled */
.cfvsw-swatches-option.cfvsw-swatches-disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  border-color: #ddd !important;
  color: #999 !important;
  box-shadow: none !important;
}


/* =============================================
   3. SỐ LƯỢNG (30%) + NÚT GIỎ HÀNG (70%)
   ============================================= */

.woocommerce-variation-add-to-cart.variations_button,
.cart:not(.grouped_form):not(.variations_form) {
  display: flex !important;
  align-items: stretch !important; /* Căng đều chiều cao */
  justify-content: space-between !important; /* Đẩy ra 2 bên */
  gap: 10px !important; /* Khoảng cách giữa 2 nút */
  width: 100% !important;
  margin-top: 15px !important;
}

/* Quantity wrapper (Chiếm chính xác 30% trừ đi gap) */
.woocommerce-variation-add-to-cart .quantity,
.cart .quantity {
  flex: 0 0 calc(30% - 5px) !important; 
  width: calc(30% - 5px) !important;
  display: flex !important;
}

/* Input số lượng */
.woocommerce-variation-add-to-cart .quantity input.qty,
.cart .quantity input.qty {
  width: 100% !important;
  height: 48px !important;
  text-align: center !important;
  border: 1.5px solid #ddd !important;
  border-radius: 4px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  -moz-appearance: textfield !important;
}

/* Nút "Thêm vào giỏ hàng" (Chiếm chính xác 70% trừ đi gap) */
.woocommerce-variation-add-to-cart button.single_add_to_cart_button,
.cart button.single_add_to_cart_button {
  flex: 0 0 calc(69% - 5px) !important;
  width: calc(69% - 5px) !important;
  height: 48px !important;
  background: #fff !important;
  color: #111 !important;
  border: 1.5px solid #111 !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background 0.2s, color 0.2s !important;
  padding: 0 !important; /* Bỏ padding để chữ căn giữa chuẩn hơn */
}

.woocommerce-variation-add-to-cart button.single_add_to_cart_button:hover,
.cart button.single_add_to_cart_button:hover {
  background: #2596BE !important;
  color: #fff !important;
}

/* Ẩn mũi tên tăng giảm của trình duyệt */
.woocommerce-variation-add-to-cart .quantity input.qty::-webkit-outer-spin-button,
.woocommerce-variation-add-to-cart .quantity input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
.woocommerce-variation-add-to-cart input[type="hidden"] {
  display: none !important;
}

/* =============================================
   RESPONSIVE MOBILE
   ============================================= */
@media (max-width: 480px) {
  .woocommerce-variation-add-to-cart.variations_button,
  .cart:not(.grouped_form):not(.variations_form) {
    gap: 8px !important;
  }
  .woocommerce-variation-add-to-cart .quantity,
  .cart .quantity {
    flex: 0 0 calc(35% - 4px) !important; /* Đt thì ưu tiên nút số lượng to hơn xíu */
    width: calc(35% - 4px) !important;
  }
  .woocommerce-variation-add-to-cart button.single_add_to_cart_button,
  .cart button.single_add_to_cart_button {
    flex: 0 0 calc(65% - 4px) !important;
    width: calc(65% - 4px) !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
  }
  .woocommerce-variation-price .price ins,
  .summary .price ins {
    font-size: 22px !important;
  }
}
/* =============================================
   STYLE CHO NÚT TĂNG GIẢM SỐ LƯỢNG MỚI
   ============================================= */

/* Cập nhật lại khung chứa bên ngoài */
.woocommerce-variation-add-to-cart .quantity,
.cart .quantity {
    flex: 0 0 calc(30% - 5px) !important;
    width: calc(30% - 5px) !important;
    display: flex !important;
}

/* Khung Wrapper bọc cả 3 phần (- / input / +) */
.qh-qty-wrapper {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    height: 48px !important;
    border: 1.5px solid #ddd !important;
    border-radius: 4px !important;
    overflow: hidden !important; /* Bo góc luôn cho các nút bên trong */
}

/* Định dạng 2 nút bấm Trừ và Cộng */
.qh-qty-btn {
    background: #f9f9f9 !important;
    color: #333 !important;
    border: none !important;
    width: 35px !important; /* Độ rộng của 2 nút bấm */
    font-size: 20px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    transition: background 0.2s !important;
}

.qh-qty-btn:hover {
    background: #ebebeb !important;
    color: #2596BE !important; /* Đổi màu xanh khi đưa chuột vào */
}

/* Định dạng lại ô input nằm ở giữa */
.qh-qty-wrapper input.qty {
    flex: 1 !important; /* Tự động co giãn phần còn lại */
    border: none !important; /* Xóa viền cũ vì wrapper đã có viền */
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    height: 100% !important;
    border-radius: 0 !important; /* Bỏ bo góc của ô input */
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    background: #fff !important;
}/* End custom CSS */
/* Start custom CSS */.stars {
    color: #F5C400;
    letter-spacing: 1.5px;
    font-size: 14px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Conthrax';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://noithatintechno.vn/wp-content/uploads/2026/07/conthrax-sb.ttf') format('truetype');
}
/* End Custom Fonts CSS */