.elementor-27938 .elementor-element.elementor-element-484fdcff{--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:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-27938 .elementor-element.elementor-element-547d6ea2{--display:flex;}.elementor-27938 .elementor-element.elementor-element-67e88d6a{--display:flex;}.elementor-27938 .elementor-element.elementor-element-e5abb25{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-27938 .elementor-element.elementor-element-27d24cbf{--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:20px 10px;--row-gap:20px;--column-gap:10px;}.elementor-27938 .elementor-element.elementor-element-5efa8fca{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-27938 .elementor-element.elementor-element-4455d1a2 img{max-width:80px;}.elementor-27938 .elementor-element.elementor-element-76534cb1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-27938 .elementor-element.elementor-element-2832f0af .price, .elementor-27938 .elementor-element.elementor-element-2832f0af .price del, .elementor-27938 .elementor-element.elementor-element-2832f0af .amount{font-size:22px;}.elementor-27938 .elementor-element.elementor-element-7a2b2d0 > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-27938 .elementor-element.elementor-element-5ba8f44e{--divider-border-style:solid;--divider-color:#1010101A;--divider-border-width:1px;}.elementor-27938 .elementor-element.elementor-element-5ba8f44e .elementor-divider-separator{width:100%;}.elementor-27938 .elementor-element.elementor-element-5ba8f44e .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-27938 .elementor-element.elementor-element-1c941367{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-27938 .elementor-element.elementor-element-f488cf7{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#1010101A;--border-color:#1010101A;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-27938 .elementor-element.elementor-element-47113f81 > .elementor-widget-container{margin:-1px 0px 0px 0px;}.elementor-27938 .elementor-element.elementor-element-47113f81 .shop_attributes, .wd-single-attrs.wd-side-hidden .shop_attributes{--wd-attr-col:1;}.elementor-27938 .elementor-element.elementor-element-47113f81 .shop_attributes{max-width:650px;}.elementor-27938 .elementor-element.elementor-element-3c025599{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#1010101A;--border-color:#1010101A;--padding-top:30px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}@media(min-width:769px){.elementor-27938 .elementor-element.elementor-element-547d6ea2{--width:50%;}.elementor-27938 .elementor-element.elementor-element-67e88d6a{--width:50%;}}@media(max-width:1024px){.elementor-27938 .elementor-element.elementor-element-484fdcff{--margin-top:-20px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-27938 .elementor-element.elementor-element-27d24cbf{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27938 .elementor-element.elementor-element-5efa8fca{width:100%;max-width:100%;}.elementor-27938 .elementor-element.elementor-element-4455d1a2 img{max-width:60px;}.elementor-27938 .elementor-element.elementor-element-2832f0af .price, .elementor-27938 .elementor-element.elementor-element-2832f0af .price del, .elementor-27938 .elementor-element.elementor-element-2832f0af .amount{font-size:18px;}.elementor-27938 .elementor-element.elementor-element-20c2d221{width:100%;max-width:100%;}.elementor-27938 .elementor-element.elementor-element-f488cf7{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}}@media(max-width:768px){.elementor-27938 .elementor-element.elementor-element-484fdcff{--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;--margin-top:-20px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-27938 .elementor-element.elementor-element-5efa8fca{width:100%;max-width:100%;}.elementor-27938 .elementor-element.elementor-element-76534cb1{--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;}}/* Start custom CSS for shortcode, class: .elementor-element-9e40eae */.quickool-thumb-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.quickool-thumb-label {
  font-weight: 500;
  font-size: 15px;
  color: #111;
  min-width: 90px;
}

.quickool-variation-thumbnails {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.quickool-thumb {
  cursor: pointer;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}

.quickool-thumb input[type="radio"] {
  display: none;
}

.quickool-thumb img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  border: 2px solid #ccc;
  border-radius: 8px;
  padding: 6px;
  background-color: #fff;
  transition: all 0.2s;
  box-sizing: border-box;
}

.quickool-thumb.active img,
.quickool-thumb input[type="radio"]:checked + img {
  border-color: #43B02A;
  box-shadow: 0 0 0 2px rgba(28, 97, 231, 0.3);
}

.quickool-thumb {
  position: relative;
  overflow: visible; /* ✅ QUAN TRỌNG: Cho phép badge vượt ra ngoài */
}

.quickool-badge {
  position: absolute;
  top: -10px;
  right: -10px;
  color: #fbbf24; /* vàng nổi bật */
  font-size: 20px;
  font-weight: bold;
  z-index: 10;
  padding: 2px;
  line-height: 1;
  transform: rotate(-10deg);              /* ✅ nghiêng nhẹ cho sinh động */
  text-shadow: 1px 1px 3px rgba(0,0,0,0.2); /* ✅ bóng đổ nhẹ */
  background: white;                       /* ✅ vòng trắng sau icon */
  border-radius: 50%;
  box-shadow: 0 0 0 2px white, 0 2px 4px rgba(0,0,0,0.2); /* ✅ viền trắng nổi bật */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}

.quickool-badge img {
  width: 20px;
  height: 20px;
  transform: rotate(-10deg);
}

.quickool-thumb {
  position: relative;
}

/* Tooltip hiển thị khi hover */
.quickool-thumb::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 10;
}

/* Mũi nhọn tooltip */
.quickool-thumb::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 10;
}

/* Hover kích hoạt */
.quickool-thumb:hover::after,
.quickool-thumb:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a2b2d0 */#custom-quantity-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.custom-qty-label {
  font-weight: 500;
  font-size: 15px;
  color: #111;
  min-width: 80px;
}

/* Hộp số lượng gồm input + 2 nút */
.custom-quantity {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 6px;
  overflow: hidden;
  height: 42px;
}

/* Ô nhập số */
.custom-quantity input[type="number"] {
  border: none;
  width: 50px;
  height: 42px;
  font-size: 16px;
  font-weight: 600;
  color: #43B02A;
  text-align: center;
  background: white;
  appearance: none;
  padding: 0;
  margin: 0;
  line-height: 42px; /* ✅ căn giữa dọc */
}

/* Nút +/- */
.custom-quantity .qty-btn {
  background: #f9f9f9;
  border: none;
  width: 42px;
  height: 100%;
  font-size: 20px;
  color: #666;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}

.custom-quantity .qty-btn:hover {
  background: #efefef;
}

.custom-quantity input[type="number"] {
  /* Loại bỏ spin button trên Chrome, Safari, Edge */
  -moz-appearance: textfield;
  -webkit-appearance: none;
  appearance: none;

  /* Firefox */
  scrollbar-width: none;
}

/* Firefox: ẩn các mũi tên tăng/giảm */
.custom-quantity input[type="number"]::-webkit-inner-spin-button,
.custom-quantity input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}/* End custom CSS */
/* Start custom CSS for wd_single_product_add_to_cart, class: .elementor-element-43f72922 *//* Ẩn phần select thuộc tính mặc định */
form.variations_form .variations {
  display: none !important;
}

/* Ẩn nút tăng/giảm số lượng */
form.variations_form .quantity {
  display: none !important;
}/* End custom CSS */