/*!
 * QEMIX - Trang chi tiet san pham.
 *
 * Chuyen tu qemix_product_detail.html. Moi lop deu co tien to qmx- va moi
 * luat deu nam trong .qmx-pdscope hoac bat dau bang .qmx-pdpage, nen khong
 * dung do voi Flatsome, WooCommerce hay CSS san co cua site.
 * Cac bien mau lay tu qemix-home.css, the san pham dung lai .qmx-pc.
 */

/* ============================================================
 * 1. NEN CHUNG
 * ============================================================ */

.qmx-pdscope{
  font-family:'Be Vietnam Pro','Be Vietnam',system-ui,sans-serif;
  font-size:15.5px;line-height:1.7;color:var(--qmx-t1);
  background:#fff;-webkit-font-smoothing:antialiased}
.qmx-pdscope *{box-sizing:border-box}
.qmx-pdscope a{text-decoration:none;color:inherit}
.qmx-pdscope h1,.qmx-pdscope h2,.qmx-pdscope h3{
  color:var(--qmx-ink);letter-spacing:-.026em;line-height:1.18;
  font-weight:600;margin:0;text-transform:none}
.qmx-pdscope p{margin:0; margin-bottom:15px;}
.qmx-pdscope .qmx-ic{
  stroke:currentColor;fill:none;stroke-width:1.65;
  stroke-linecap:round;stroke-linejoin:round;display:block}

/* Mau nen cho cac o bieu tuong nho dau moi the. */
.qmx-tone-c1{background:var(--qmx-c1b);color:var(--qmx-c1)}
.qmx-tone-c2{background:var(--qmx-c2b);color:var(--qmx-c2)}
.qmx-tone-c3{background:var(--qmx-c3b);color:var(--qmx-c3)}
.qmx-tone-c4{background:var(--qmx-c4b);color:var(--qmx-c4)}
.qmx-tone-c5{background:var(--qmx-c5b);color:var(--qmx-c5)}
.qmx-tone-c6{background:var(--qmx-c6b);color:var(--qmx-c6)}

/* ============================================================
 * 2. DUONG DAN VA KHUNG HAI COT
 * ============================================================ */

.qmx-crumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:9px;
  font-size:13.5px;color:var(--qmx-t3);padding:20px 0 2px}
.qmx-crumb a{color:var(--qmx-t2);transition:.2s var(--qmx-ease)}
.qmx-crumb a:hover{color:var(--qmx-blue)}
.qmx-crumb b{color:var(--qmx-t1);font-weight:500}
.qmx-crumb-s{color:var(--qmx-t3)}

.qmx-pd{
  display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:24px;
  padding:22px 0 64px;align-items:start}
.qmx-pd-main{min-width:0;display:flex;flex-direction:column;gap:26px}
.qmx-phg{
  display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);
  gap:22px;align-items:start}
.qmx-phr{min-width:0;display:flex;flex-direction:column;gap:26px}

/* ============================================================
 * 3. ANH SAN PHAM
 * ============================================================ */

.qmx-galcard{
  background:#fff;
  padding:21px;position:sticky;top:86px}
/* Trang chi tiet de anh tren nen trang, khong to mau, de mau that cua
   san pham hien dung. Chi giu mot duong vien mo lam khung. */
.qmx-gal{
  position:relative;margin:0;overflow:hidden;
  border:1px solid var(--qmx-line-s);border-radius:14px;
  background:#fff;
  display:grid;place-items:center;aspect-ratio:1}
.qmx-gal img{width:88%;height:88%;object-fit:contain}
.qmx-gal-fall{display:grid;place-items:center;color:#9DB4D6}
.qmx-gal-fall .qmx-ic{stroke-width:1.1;opacity:.7}
.qmx-gal-bd{
  position:absolute;top:12px;left:12px;z-index:2;
  background:rgba(255,255,255,.92);color:var(--qmx-t2);
  font-size:10.5px;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;padding:5px 11px;border-radius:20px}
.qmx-galthumbs{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.qmx-galth{
  width:58px;height:58px;border-radius:10px;overflow:hidden;
  border:1px solid var(--qmx-line-s);display:grid;place-items:center;
  transition:.2s var(--qmx-ease)}
.qmx-galth:hover{border-color:var(--qmx-blue)}
.qmx-galth img{width:100%;height:100%;object-fit:contain}
.qmx-galth{background:#fff;padding:0;cursor:pointer;appearance:none;-webkit-appearance:none}
.qmx-galth.is-active{border-color:var(--qmx-blue);box-shadow:0 0 0 2px rgba(47,88,168,.16)}
.qmx-galth:focus-visible{outline:2px solid var(--qmx-blue);outline-offset:2px}
.qmx-gal img{transition:opacity .18s ease}

/* ============================================================
 * 4. TOM TAT SAN PHAM
 * ============================================================ */

.qmx-pdhero{
  background:#fff;border:1px solid var(--qmx-line);border-radius:16px;padding:22px}
.qmx-psum{display:flex;flex-direction:column;min-width:0}
.qmx-pcat{
  font-size:11.5px;font-weight:600;text-transform:uppercase;
  color:var(--qmx-c2);margin-bottom:9px}
.qmx-psku{font-size:13px;color:var(--qmx-t3);margin-bottom:7px}
.qmx-psku em{font-style:normal;font-weight:600;color:var(--qmx-t2)}
.qmx-psum h1{font-size:clamp(22px,2.1vw,27px);line-height:1.2;margin-bottom:12px}
.qmx-pchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.qmx-chip{
  font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;
  background:var(--qmx-c2b);color:var(--qmx-c2)}
.qmx-chip-b{background:var(--qmx-c3b);color:var(--qmx-c3)}
.qmx-pdrate{
  display:flex;align-items:center;gap:8px;
  font-size:13px;color:var(--qmx-t3);margin-bottom:16px}
/* Sao ve bang chu, khong dung bo icon cua theme. */
.qmx-stars{display:inline-flex;gap:2px;line-height:1}
.qmx-star{font-size:15px;color:#D8DEE8;font-style:normal}
.qmx-star-on{color:#E8B33C}
.qmx-psyn{
  font-size:13.5px;line-height:1.75;color:var(--qmx-t2);
  background:var(--qmx-soft);border:1px solid var(--qmx-line-s);
  border-radius:12px;padding:14px 16px;margin-bottom:18px;
  max-height:190px;overflow:auto}
.qmx-psyn p{margin:0 0 8px}
.qmx-psyn p:last-child{margin-bottom:0}
.qmx-psyn b,.qmx-psyn strong{color:var(--qmx-t1);font-weight:600}
.qmx-pmeta{
  border-top:1px solid var(--qmx-line-s);padding-top:14px;
  font-size:13.5px;color:var(--qmx-t2);
  display:flex;flex-direction:column;gap:5px}
.qmx-pmeta b{color:var(--qmx-t1);font-weight:600}

/* ============================================================
 * 5. CAC THE THONG TIN
 * ============================================================ */

.qmx-pcard{
  background:#fff;border:1px solid var(--qmx-line);
  border-radius:16px;overflow:hidden}
.qmx-pdhd{
  padding:16px 22px;border-bottom:1px solid var(--qmx-line-s);
  font-size:16px;font-weight:600;color:var(--qmx-ink);
  display:flex;align-items:center;gap:10px}
.qmx-pdhd-i{
  width:30px;height:30px;border-radius:9px;flex:none;
  display:grid;place-items:center}
.qmx-lock{
  margin-left:auto;font-size:11.5px;font-weight:600;
  color:var(--qmx-c3);background:var(--qmx-c3b);
  padding:4px 12px;border-radius:20px;
  display:inline-flex;gap:6px;align-items:center}
.qmx-pdbo{padding:20px 22px}
.qmx-pdbo-flush{padding:0;overflow-x:auto}

/* Bang quy cach va gia. */
.qmx-vtable{width:100%;border-collapse:collapse;font-size:14px;margin:0}
.qmx-vtable th{
  text-align:left;font-weight:600;color:var(--qmx-t2);
  font-size:12px;letter-spacing:.05em;text-transform:uppercase;
  padding:9px 14px;background:var(--qmx-soft);
  border-bottom:1px solid var(--qmx-line)}
.qmx-vtable td{
  padding:11px 14px;border-bottom:1px solid var(--qmx-line-s);
  color:var(--qmx-t1);font-weight:500;vertical-align:middle}
.qmx-vtable tr:last-child td{border-bottom:0}
.qmx-vtable th:first-child,.qmx-vtable td:first-child{padding-left:22px}
.qmx-vtable th:last-child,.qmx-vtable td:last-child{padding-right:22px}
.qmx-vtable tbody tr{transition:background .18s var(--qmx-ease)}
.qmx-vtable tbody tr:hover{background:#FAFBFE}
.qmx-st2{
  display:inline-block;font-size:11.5px;font-weight:600;
  padding:4px 11px;border-radius:20px;
  background:var(--qmx-c1b);color:var(--qmx-c1)}
.qmx-st2-in{background:var(--qmx-c3b);color:var(--qmx-c3)}
.qmx-vprice{font-weight:500;color:var(--qmx-blue);white-space:nowrap}
.qmx-vprice del{color:var(--qmx-t3);font-weight:400;font-size:13px;margin-right:6px}
.qmx-vprice ins{text-decoration:none}
.qmx-thg{color:#C43B3B}
.qmx-gval{font-weight:500;color:#C43B3B;white-space:nowrap}
.qmx-tnote{
  padding:11px 22px;font-size:12.5px;color:var(--qmx-t3);
  border-top:1px solid var(--qmx-line-s);
  display:flex;gap:8px;align-items:center}
.qmx-tnote .qmx-ic{flex:none}

/* Ghi chu phap ly. */
.qmx-lnote{
  background:var(--qmx-soft);border:1px solid var(--qmx-line);
  border-radius:16px;padding:14px 22px;
  font-size:13.5px;color:var(--qmx-t2);line-height:1.65}
.qmx-lnote b{color:var(--qmx-t1);font-weight:600}

/* Bang hai cot nhan va gia tri. */
.qmx-pdspec{display:grid;grid-template-columns:minmax(150px,max-content) 1fr;column-gap:24px;font-size:14.5px}
.qmx-pdspec>div{padding:7.5px 0;border-bottom:1px solid var(--qmx-line-s)}
.qmx-pdspec>div:nth-last-child(-n+2){border-bottom:0}
.qmx-pdk{color:var(--qmx-t2)}
.qmx-pdv{font-weight:500}

/* Mo ta day du do nguoi bien tap nhap. */
.qmx-pddesc{font-size:14.5px;line-height:1.75;color:var(--qmx-t2)}
.qmx-pddesc p{margin:0 0 12px}
.qmx-pddesc p:last-child{margin-bottom:0}
.qmx-pddesc h2,.qmx-pddesc h3,.qmx-pddesc h4{
  font-size:15px;margin:18px 0 9px;color:var(--qmx-t1)}
.qmx-pddesc ul,.qmx-pddesc ol{margin:0 0 12px;padding-left:20px}
.qmx-pddesc li{margin-bottom:6px}
.qmx-pddesc img{max-width:100%;height:auto;border-radius:10px}
.qmx-pddesc table{width:100%;border-collapse:collapse;font-size:14px}
.qmx-pddesc td,.qmx-pddesc th{
  padding:8px 10px;border:1px solid var(--qmx-line-s);text-align:left}

/* ============================================================
 * 6. SAN PHAM DE XUAT
 * ============================================================ */

.qmx-pdrel .qmx-shead{margin-bottom:22px;align-items:flex-end}
.qmx-pdrel .qmx-shead h2{font-size:clamp(21px,2.2vw,27px)}
.qmx-pdrel .qmx-eyebrow{color:var(--qmx-c2)}
.qmx-pdrel .qmx-tlink{
  display:inline-flex;align-items:center;gap:7px;
  font-size:13.5px;font-weight:600;color:var(--qmx-blue);
  transition:.2s var(--qmx-ease)}
.qmx-pdrel .qmx-tlink:hover{gap:11px}
.qmx-cnav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.qmx-cbtn{width:38px;height:38px;border-radius:50%;background:#fff;
  box-shadow:inset 0 0 0 1.5px var(--qmx-line);display:grid;place-items:center;
  color:var(--qmx-t2);cursor:pointer;border:0;padding:0;
  transition:.2s var(--qmx-ease)}
.qmx-cbtn:hover{color:var(--qmx-blue);box-shadow:inset 0 0 0 1.5px var(--qmx-blue);transform:translateY(-2px)}
/* Mot hang duy nhat, cuon ngang bang hai mui ten. */
.qmx-rgrid{display:grid;grid-auto-flow:column;
  grid-auto-columns:calc((100% - 48px)/4);gap:16px;
  overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}
.qmx-rgrid::-webkit-scrollbar{display:none}
.qmx-rgrid .qmx-pc{scroll-snap-align:start}
/* The san pham dung lai .qmx-pc, chi can tra lai nen chu vi o day khong
   co to tien .qmx-sec bao ngoai. */
.qmx-rgrid .qmx-pc{
  font-family:'Be Vietnam Pro','Be Vietnam',system-ui,sans-serif;
  font-size:15.5px;line-height:1.7;color:var(--qmx-t1)}
.qmx-rgrid .qmx-pc a{text-decoration:none}

/* ============================================================
 * 7. DANH GIA
 * ============================================================ */

.qmx-rtabs{
  display:flex;gap:8px;padding:0 22px;
  border-bottom:1px solid var(--qmx-line-s)}
.qmx-tab2{
  font-size:14px;font-weight:600;color:var(--qmx-t2);
  padding:14px 0;border-bottom:2px solid transparent;margin-bottom:-1px}
.qmx-tab2-on{color:var(--qmx-blue);border-color:var(--qmx-blue)}
.qmx-pdrev #reviews{margin:0}
.qmx-pdrev .woocommerce-noreviews,
.qmx-pdrev .woocommerce-Reviews-title{
  font-size:14.5px;color:var(--qmx-t2);margin:0 0 18px}
.qmx-pdrev .comment-reply-title{
  display:block;font-size:16px;font-weight:600;
  color:var(--qmx-ink);margin-bottom:16px}
.qmx-pdrev .commentlist{list-style:none;margin:0 0 22px;padding:0}
.qmx-pdrev .commentlist .comment_container{
  display:flex;gap:14px;padding:14px 0;
  border-bottom:1px solid var(--qmx-line-s)}
.qmx-pdrev .commentlist img.avatar{
  width:44px;height:44px;border-radius:50%;flex:none;position:static;margin:0;padding:0;border:0}
.qmx-pdrev .comment-form{display:grid;gap:14px;max-width:640px;margin:0}
.qmx-pdrev .comment-form label{
  display:block;font-size:13.5px;font-weight:600;
  color:var(--qmx-t1);margin-bottom:6px}
.qmx-pdrev .comment-form .required{color:var(--qmx-c6)}
.qmx-pdrev .comment-form p{margin:0}
.qmx-pdrev .comment-form input[type="text"],
.qmx-pdrev .comment-form input[type="email"],
.qmx-pdrev .comment-form select,
.qmx-pdrev .comment-form textarea{
  font:inherit;font-size:14px;color:var(--qmx-t1);background:#fff;
  border:1.5px solid var(--qmx-line);border-radius:10px;
  padding:10px 13px;width:100%;box-shadow:none;
  transition:.2s var(--qmx-ease)}
.qmx-pdrev .comment-form input:focus,
.qmx-pdrev .comment-form select:focus,
.qmx-pdrev .comment-form textarea:focus{
  outline:none;border-color:var(--qmx-blue);box-shadow:none}
.qmx-pdrev .comment-form textarea{min-height:110px;resize:vertical}
.qmx-pdrev .comment-form-cookies-consent{
  display:flex;gap:9px;align-items:flex-start;
  font-size:13px;color:var(--qmx-t2)}
.qmx-pdrev .comment-form-cookies-consent input{width:auto;margin-top:3px}
.qmx-pdrev .comment-form-cookies-consent label{
  display:inline;font-weight:400;font-size:13px;margin:0}
.qmx-pdrev .form-submit .submit{
  width:max-content;min-height:0;margin:0;padding:0 26px;height:44px;
  font-size:14px;font-weight:600;line-height:44px;
  text-transform:none;letter-spacing:-.008em;
  border:0;border-radius:11px;background:var(--qmx-grad);color:#fff;
  box-shadow:0 8px 18px -8px rgba(47,88,168,.55);transition:.22s}
.qmx-pdrev .form-submit .submit:hover{transform:translateY(-1px);filter:brightness(1.05)}
.qmx-pdrev .stars a{color:#D8DEE8}
.qmx-pdrev .stars a.active,.qmx-pdrev .stars a:hover{color:#E8B33C}

/* ============================================================
 * 8. COT MUA HANG
 * ============================================================ */

.qmx-pd-side{
  position:sticky;top:86px;min-width:0;
  display:flex;flex-direction:column;gap:16px}
.qmx-sbox{
  background:#fff;border:1px solid var(--qmx-line);
  border-radius:16px;padding:22px}
.qmx-sbox h3{
  font-size:15px;margin-bottom:12px;
  display:flex;align-items:center;gap:9px}
.qmx-sbox-i{
  width:28px;height:28px;border-radius:8px;flex:none;
  display:grid;place-items:center}
.qmx-plabel{
  font-size:15px;font-weight:600;color:var(--qmx-t1);margin-bottom:20px}
.qmx-pval{
  font-size:21px;font-weight:700;line-height:1.3;
  color:var(--qmx-blue);margin-bottom:14px}
.qmx-pval del{color:var(--qmx-t3);font-weight:400;font-size:15px;margin-right:8px}
.qmx-pval ins{text-decoration:none}
.qmx-note2{
  font-size:13px;color:var(--qmx-t2);line-height:1.6;margin-bottom:13px}
.qmx-sdiv{border-top:1px solid var(--qmx-line-s);margin:15px -22px}

/* Nut trong cot mua hang. */
.qmx-sbtn{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;height:44px;padding:0 18px;
  font-size:14px;font-weight:600;line-height:1;letter-spacing:-.008em;
  border:0;border-radius:11px;transition:.22s var(--qmx-ease)}
.qmx-sbtn-o{
  color:var(--qmx-t1);background:#fff;
  box-shadow:inset 0 0 0 1.5px var(--qmx-line)}
.qmx-sbtn-o:hover{
  color:var(--qmx-blue);box-shadow:inset 0 0 0 1.5px var(--qmx-blue)}

/* Nut chinh mau chuyen sac, giong nut yeu cau bao gia tren dau trang. */
.qmx-sbtn-g{
  height:48px;color:#fff;background:var(--qmx-grad);
  box-shadow:0 10px 20px -10px rgba(47,88,168,.6)}
.qmx-sbtn-g:hover{color:#fff;transform:translateY(-1px);filter:brightness(1.05)}
.qmx-sbtn-g svg{flex:none}

/* Tieu de nho cua tung phan trong o mua hang. */
.qmx-ssub{
  font-size:15px;font-weight:600;color:var(--qmx-t1);margin-bottom:6px}

/* O gia chi hien khi that su co gia. Khi trong, plugin gia doi tac van
   tim thay no de dien gia sau khi doi tac chon dong trong bang gia. */
.qmx-sbox-buy .qmx-pval:empty{display:none}

/* Form them vao gio cua WooCommerce. */
.qmx-buyform{margin-bottom:13px}
.qmx-buyform form.cart{margin:0;display:flex;flex-direction:column;gap:11px}
.qmx-buyform .quantity{
  display:flex;align-items:center;width:max-content;
  border:1.5px solid var(--qmx-line);border-radius:11px;overflow:hidden;margin:0}
.qmx-buyform .quantity input.qty{
  width:56px;height:38px;min-height:0;margin:0;padding:0;
  text-align:center;font-size:14.5px;font-weight:600;
  border:0;border-radius:0;background:#fff;box-shadow:none}
.qmx-buyform .quantity .minus,
.qmx-buyform .quantity .plus,
.qmx-buyform .quantity button{
  width:36px;height:38px;min-height:0;margin:0;padding:0;
  border:0;border-radius:0;background:#fff;
  color:var(--qmx-t2);font-size:17px;box-shadow:none}
.qmx-buyform .quantity .minus:hover,
.qmx-buyform .quantity .plus:hover{background:var(--qmx-soft);color:var(--qmx-blue)}
.qmx-buyform .button,
.qmx-buyform button.single_add_to_cart_button{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;height:44px;min-height:0;margin:0;padding:0 18px;
  font-size:14px;font-weight:600;line-height:1;letter-spacing:-.008em;
  text-transform:none;border:0;border-radius:11px;
  background:var(--qmx-grad);color:#fff;
  box-shadow:0 8px 18px -8px rgba(47,88,168,.55);
  transition:.22s var(--qmx-ease)}
.qmx-buyform .button:hover{transform:translateY(-1px);filter:brightness(1.05)}

.qmx-trust{
  width:100%;border:1px solid var(--qmx-line-s);
  border-radius:10px;padding:6px;background:#fff}

/* Danh sach san pham noi bat thu nho. */
.qmx-mini{display:flex;flex-direction:column}
.qmx-mini a{
  display:flex;gap:12px;align-items:center;padding:9px 0;
  border-bottom:1px solid var(--qmx-line-s);transition:.2s var(--qmx-ease)}
.qmx-mini a:last-child{border-bottom:0}
.qmx-mini-th{
  width:44px;height:44px;border-radius:10px;flex:none;
  display:grid;place-items:center;overflow:hidden;
  border:1px solid var(--qmx-line-s);color:#9DB4D6}
.qmx-mini-th img{width:100%;height:100%;object-fit:contain}
.qmx-mini-nm{
  display:block;font-size:13.5px;font-weight:600;line-height:1.35;
  color:var(--qmx-t1);transition:.2s var(--qmx-ease)}
.qmx-mini a:hover .qmx-mini-nm{color:var(--qmx-blue)}
.qmx-mini-pr{display:block;font-size:12px;color:var(--qmx-t3)}

/* ============================================================
 * 9. DON DEP PHAN CU CUA THEME
 * ============================================================ */

/* Flatsome ve tieu de trang va duong dan rieng o dau trang san pham.
   Mau moi da co duong dan nen bo ban cu di cho khoi lap. */
.qmx-pdpage .product-page-title,
.qmx-pdpage .shop-page-title.product-page-title{display:none}
.qmx-pdpage .product-container>.row:empty{display:none}

/* ============================================================
 * 10. MAN HINH NHO
 * ============================================================ */

@media(max-width:1199px){
  .qmx-rgrid{grid-auto-columns:calc((100% - 32px)/3)}
}

@media(max-width:1120px){
  .qmx-pd{grid-template-columns:1fr}
  .qmx-pd-side{position:static;flex-direction:row;flex-wrap:wrap}
  .qmx-pd-side .qmx-sbox{flex:1 1 280px}
}

@media(max-width:849px){

  /* Tren dien thoai, khung mua hang phai nam ngay duoi phan tom tat, khong
     de o cuoi trang. Cac lop boc duoc chuyen thanh display:contents nen moi
     the tro thanh mot o cua cung mot cot, roi sap xep lai bang order. */
  /* align-items:start cua ban may tinh se lam moi the co rong bang noi
     dung khi doi sang cot doc, nen phai keo lai cho day be ngang. */
  .qmx-pd{display:flex;flex-direction:column;gap:16px;align-items:stretch}
  .qmx-pd-main,.qmx-phg,.qmx-phr{display:contents}
  /* Mac dinh moi the giu nguyen thu tu cu, chi bon thu duoi day doi cho. */
  .qmx-pd-main>*,.qmx-phg>*,.qmx-phr>*{order:4}
  .qmx-galcard{order:1}
  .qmx-pdhero{order:2}
  .qmx-pd-side{order:3}
  .qmx-pdrel{order:5}
  .qmx-pdrev{order:6}
  /* Ban may tinh cho cac the trong cot mua hang dan ngang va co gian.
     Xep doc lai thi phai bo co gian, neu khong the se keo cao ra. */
  .qmx-pd-side{display:flex;flex-direction:column;gap:16px}
  .qmx-pd-side .qmx-sbox{flex:0 0 auto}

  .qmx-wrap{padding-left:15px;padding-right:15px}
  .qmx-phg{grid-template-columns:1fr}
  .qmx-galcard{position:static}
  .qmx-rgrid{grid-auto-columns:calc((100% - 14px)/2);gap:14px}
  .qmx-pdspec{grid-template-columns:1fr}
  .qmx-pdk{padding-bottom:0;border-bottom:0;font-size:12.5px}
  .qmx-pd{padding-bottom:44px}
}

@media(max-width:549px){
  /* Bon cot khong du cho tren dien thoai, cot gia bi cat va phai keo ngang
     moi doc duoc. Doi thanh tung dong: nhan cot ben trai, gia tri ben phai. */
  .qmx-pdbo-flush{overflow-x:visible}
  .qmx-vtable thead{display:none}
  .qmx-vtable,.qmx-vtable tbody,.qmx-vtable tr,.qmx-vtable td{
    display:block;width:100%}
  .qmx-vtable tr{padding:6px 16px 10px;border-bottom:1px solid var(--qmx-line-s)}
  .qmx-vtable tr:last-child{border-bottom:0}
  .qmx-vtable td{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    padding:6px 0;border:0}
  .qmx-vtable td:before{
    content:attr(data-nhan);flex:none;
    font-size:12.5px;font-weight:400;color:var(--qmx-t3)}

  .qmx-rgrid{grid-auto-columns:86%}
  .qmx-pdbo,.qmx-pdhd{padding-left:16px;padding-right:16px}
  .qmx-vtable th:first-child,.qmx-vtable td:first-child{padding-left:16px}
  .qmx-vtable th:last-child,.qmx-vtable td:last-child{padding-right:16px}
  .qmx-rtabs{padding-left:16px;padding-right:16px}
  .qmx-lnote{padding:14px 16px}
  .qmx-pdhero,.qmx-galcard,.qmx-sbox{padding:16px}
  .qmx-sdiv{margin-left:-16px;margin-right:-16px}
}

/* ============================================================
 * 11. GIA
 * ============================================================
 * style.css cua site to gia mau do va co chu 24px cho moi noi. Trong
 * trang nay gia phai theo mau xanh cua bo nhan dien va co chu doi theo
 * tung vi tri, nen chinh lai o day. Chon du ba lop nen khong can
 * !important.
 */
.qmx-pdscope .qmx-pval .woocommerce-Price-amount.amount{
  color:var(--qmx-blue);font-size:21px;font-weight:700;
  line-height:1.3;letter-spacing:-.02em}
.qmx-pdscope .qmx-vprice .woocommerce-Price-amount.amount{
  color:var(--qmx-blue);font-size:14px;font-weight:600;letter-spacing:0}
.qmx-pdscope .qmx-mini-pr .woocommerce-Price-amount.amount{
  color:var(--qmx-t3);font-size:12px;font-weight:500;letter-spacing:0}
.qmx-pdscope .qmx-pc .qmx-pr .woocommerce-Price-amount.amount{
  color:var(--qmx-blue);font-size:15px;font-weight:600;letter-spacing:0}
.qmx-pdscope .woocommerce-Price-currencySymbol{
  font-size:.72em;font-weight:600;margin-left:2px}

/* Dong tinh trang hang do WooCommerce in ra trong khung mua hang. */
.qmx-buyform p.stock{
  display:inline-block;margin:0 0 11px;padding:4px 11px;
  font-size:11.5px;font-weight:600;border-radius:20px;
  background:var(--qmx-c1b);color:var(--qmx-c1)}
.qmx-buyform p.stock.in-stock{background:var(--qmx-c3b);color:var(--qmx-c3)}

/* ============================================================
 * 12. BANG GIA DOI TAC
 * ============================================================
 * HTML do plugin QEMIX Partner Pricing sinh ra. Khong ve lai vi cac o
 * chon trong bang gan lien voi luong dat hang, chi to lai cho giong bang
 * quy cach o tren. Tieu de rieng cua plugin duoc an di vi the da co
 * tieu de roi.
 */
.qmx-partner .qemix-partner-price-section{margin:0;padding:0;border:0;background:none}
.qmx-partner .qemix-partner-price-section>h2{display:none}
.qmx-partner .qemix-variant-table-wrap{margin:0;padding:0;border:0;overflow-x:auto}

.qmx-partner table.qemix-partner-price-table{
  width:100%;border-collapse:collapse;font-size:14px;margin:0;border:0}
.qmx-partner .qemix-partner-price-table th{
  text-align:left;font-weight:600;color:var(--qmx-t2);
  font-size:12px;letter-spacing:.05em;text-transform:uppercase;
  padding:9px 14px;background:var(--qmx-soft);
  border:0;border-bottom:1px solid var(--qmx-line)}
.qmx-partner .qemix-partner-price-table td{
  padding:11px 14px;border:0;border-bottom:1px solid var(--qmx-line-s);
  color:var(--qmx-t1);font-weight:500;vertical-align:middle;background:none}
.qmx-partner .qemix-partner-price-table tr:last-child td{border-bottom:0}
.qmx-partner .qemix-partner-price-table th:first-child,
.qmx-partner .qemix-partner-price-table td:first-child{padding-left:22px}
.qmx-partner .qemix-partner-price-table th:last-child,
.qmx-partner .qemix-partner-price-table td:last-child{padding-right:22px}
.qmx-partner .qemix-partner-price-row{transition:background .18s var(--qmx-ease)}
.qmx-partner .qemix-partner-price-row:hover{background:#FAFBFE}
/* Dong dang duoc chon co vach mau o le trai, giong mau. */
.qmx-partner .qemix-partner-price-row:has(.qemix-partner-lot-radio:checked){
  background:#F4F8FE;box-shadow:inset 3px 0 0 var(--qmx-blue)}

.qmx-partner .qemix-partner-product-choice{
  display:inline-flex;gap:12px;align-items:center;
  cursor:pointer;font-weight:500;color:var(--qmx-t1);margin:0}
/* Chu trong o cung kieu voi bang Quy cach dong goi. Bang do khai bao 14px
   nhung Flatsome thu chu trong o bang con .9em, hien thuc te 12.6px. Dung
   cung .9em o day de hai bang luon bang nhau, ke ca khi doi co chu goc.
   Plugin dat o 15px va ep ma san pham ve dam 400 bang !important. */
.qmx-partner .qemix-partner-price-table td{font-size:.9em;line-height:1.3}
/* Tieu de cung chieu cao voi bang Quy cach: Flatsome dat th line-height
   1.05, plugin doi thanh 1.4 lam hang tieu de cao hon 4px. */
.qmx-partner .qemix-partner-price-table th{line-height:1.05}
.qmx-partner .qemix-partner-price-table .qemix-partner-product-choice,
.qmx-partner .qemix-partner-price-table .qemix-partner-product-code-cell span{font-size:inherit}
.qmx-partner .qemix-partner-price-table .qemix-partner-product-code-cell span{font-weight:500 !important}
.qmx-partner .qemix-partner-lot-radio{
  accent-color:var(--qmx-blue);width:16px;height:16px;flex:none;
  margin:0;cursor:pointer}
.qmx-partner .qemix-partner-lot-value{
  font-size:13px;color:var(--qmx-t2);font-weight:500}
.qmx-partner .qemix-partner-note-value{
  font-size:12.5px;color:var(--qmx-t3);font-weight:400;line-height:1.5;margin-top:3px}
.qmx-partner .qemix-partner-price-table .qemix-partner-account-cell{
  font-size:inherit;color:var(--qmx-t1);font-weight:500}

/* Tieu de cot Gia va gia cung kieu voi bang Quy cach dong goi: tieu de xam
   nhu cac cot khac, gia mau xanh 14px dam 600. Plugin to do ca hai bang
   !important, nen phai dung !important de lay lai.
   Muon giu gia mau do de phan biet voi gia ban le: xoa dong color cua
   .qemix-partner-price-cell ben duoi. */
.qmx-partner .qemix-partner-price-table .qemix-partner-price-heading{color:var(--qmx-t2) !important}
.qmx-partner .qemix-partner-price-table .qemix-partner-price-cell,
.qmx-partner .qemix-partner-price-table .qemix-partner-price-cell .amount{
  color:var(--qmx-blue) !important;font-weight:600;white-space:nowrap;font-size:14px}
/* Cot Gia can trai nhu bang Quy cach. Plugin can phai bang !important. */
.qmx-partner .qemix-partner-price-table .qemix-partner-price-heading,
.qmx-partner .qemix-partner-price-table .qemix-partner-price-cell{text-align:left !important}

/* Plugin dat cung do rong cho dung 3 cot (4 cot o bang quan ly) va dung
   table-layout:fixed, nen them cot Lot + Tinh trang thi cot Gia con 0px, bi
   cat mat. Dat lai do rong cho bo cuc moi. */
.qmx-partner .qemix-partner-price-table:not(.qemix-manager-price-table) th:nth-child(1){width:30%}
.qmx-partner .qemix-partner-price-table:not(.qemix-manager-price-table) th:nth-child(2){width:24%}
.qmx-partner .qemix-partner-price-table:not(.qemix-manager-price-table) th:nth-child(3){width:25%}
.qmx-partner .qemix-partner-price-table:not(.qemix-manager-price-table) th:nth-child(4){width:21%}
.qmx-partner .qemix-partner-price-table.qemix-manager-price-table th:nth-child(1){width:19%}
.qmx-partner .qemix-partner-price-table.qemix-manager-price-table th:nth-child(2){width:23%}
.qmx-partner .qemix-partner-price-table.qemix-manager-price-table th:nth-child(3){width:18%}
.qmx-partner .qemix-partner-price-table.qemix-manager-price-table th:nth-child(4){width:20%}
.qmx-partner .qemix-partner-price-table.qemix-manager-price-table th:nth-child(5){width:20%}

/* Plugin ep bang chi rong 95% bang !important, nen nen dau bang dung truoc
   mep khung. Phai dung !important moi thang duoc, gioi han trong khung bang
   gia doi tac. */
.qmx-partner .qemix-variant-table.qemix-partner-price-table{width:100% !important}

/* Hai cot Lot va Tinh trang tach tu cot "Lot va ghi chu" cua plugin. Moi lo
   la mot dong cung chieu cao o ca hai cot, de so lo va tinh trang cua no
   thang hang khi mot dong bang gia co nhieu lo. */
.qmx-partner .qmx-dt-lo{font-size:inherit;color:var(--qmx-t1);font-weight:500}
.qmx-partner .qmx-dt-dong{display:flex;align-items:center;min-height:23px}
.qmx-partner .qmx-dt-dong+.qmx-dt-dong{margin-top:4px}
.qmx-partner .qmx-dt-tt .qmx-st2{white-space:nowrap}
.qmx-partner .qmx-dt-trong{color:var(--qmx-t3)}
.qmx-partner .qmx-dt-ghi{font-size:12.5px;color:var(--qmx-t3);line-height:1.5}

/* "Lien he bao gia" dung nhu dang hien o bang Quy cach dong goi: chu den,
   dam 500, co chu o bang (.9em cua 14px). O gia duoc to xanh o tren cho
   gia so, nen dat lai mau rieng cho dong chu nay. */
.qmx-partner .qemix-partner-price-cell .qmx-vprice{
  color:var(--qmx-t1);font-weight:500;font-size:.9em}

/* Dong co lo da het hang: nut chon bi tat, lam nhat di cho de nhan ra. */
.qmx-partner .qmx-dt-het .qemix-partner-product-choice{cursor:default;color:var(--qmx-t2)}
.qmx-partner .qmx-dt-het .qemix-partner-lot-radio{cursor:not-allowed;opacity:.35}

/* Lo co trong kho Odoo nhung chua co trong bang gia: chi de xem, khong chon
   duoc, gia ghi Lien he. Nen nhat hon dong co gia de khong bi nham. */
.qmx-partner .qmx-lo-them td{background:#FBFCFE}
.qmx-partner .qmx-lo-them .qmx-lo-them-ma{
  display:inline-block;padding-left:28px;color:var(--qmx-t2);font-weight:500}
/* Bang quan ly khong co nut chon, ma khong can thut vao cho thang cot. */
.qmx-partner .qemix-manager-price-table .qmx-lo-them .qmx-lo-them-ma{padding-left:0}

/* Dong luu y cuoi bang. */
.qmx-partner .qemix-partner-price-notice{
  margin:0;padding:11px 22px;font-size:12.5px;color:var(--qmx-t3);
  border-top:1px solid var(--qmx-line-s);line-height:1.55}

/* Thong tin dong da chon ma plugin chen vao khung mua hang. */
.qmx-buyform .qemix-selected-partner-info{
  font-size:12.5px;color:var(--qmx-t2);line-height:1.55;margin:0}

/* ============================================================
 * 13. NOI DUNG TAB TUY CHINH
 * ============================================================
 * Do plugin tab san pham sinh ra, chu yeu la bang hai cot va danh sach.
 */

.qmx-pdtab{font-size:14.5px;line-height:1.75;color:var(--qmx-t2)}
.qmx-pdtab>*:first-child{margin-top:0}
.qmx-pdtab>*:last-child{margin-bottom:0}
.qmx-pdtab p{margin:0 0 12px}
.qmx-pdtab h2,.qmx-pdtab h3,.qmx-pdtab h4{
  font-size:15px;font-weight:600;color:var(--qmx-ink);margin:20px 0 10px}

/* Bang thong so: hai cot, nhan ben trai, gia tri ben phai. */
.qmx-pdtab table{
  width:100%;border-collapse:collapse;font-size:14.5px;margin:0 0 14px}
.qmx-pdtab table td,
.qmx-pdtab table th{
  padding:8px 0;border:0;border-bottom:1px solid var(--qmx-line-s);
  text-align:left;vertical-align:top}
.qmx-pdtab table tr:last-child td{border-bottom:0}
.qmx-pdtab table td:first-child{
  width:220px;color:var(--qmx-t2);padding-right:16px}
.qmx-pdtab table td:last-child{color:var(--qmx-t1);font-weight:500}
.qmx-pdtab table th{
  font-size:11.5px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--qmx-t2);
  border-bottom:1px solid var(--qmx-line)}

/* Danh sach cung cap bao gom. */
.qmx-pdtab ul,
.qmx-pdtab ol{margin:0 0 14px;padding-left:0;list-style:none}
.qmx-pdtab ol{counter-reset:qmx-stt}
.qmx-pdtab li{
  position:relative;margin-bottom:9px;padding-left:26px;line-height:1.7}
.qmx-pdtab ul>li:before{
  content:"";position:absolute;left:4px;top:10px;
  width:7px;height:7px;border-radius:50%;background:var(--qmx-c3)}
.qmx-pdtab ol>li{counter-increment:qmx-stt}
.qmx-pdtab ol>li:before{
  content:counter(qmx-stt) ".";position:absolute;left:0;top:0;
  font-weight:600;color:var(--qmx-blue)}
.qmx-pdtab li ul{margin:9px 0 0}

.qmx-pdtab blockquote{
  margin:14px 0;padding:12px 16px;border:0;
  border-left:3px solid var(--qmx-c1);background:var(--qmx-c1b);
  border-radius:0 10px 10px 0;font-size:13.5px;font-style:italic;
  color:var(--qmx-t2)}
.qmx-pdtab blockquote p{margin:0}
.qmx-pdtab strong,.qmx-pdtab b{color:var(--qmx-t1);font-weight:600}
.qmx-pdtab a{color:var(--qmx-blue);font-weight:500}
.qmx-pdtab img{max-width:100%;height:auto;border-radius:10px}

@media(max-width:549px){
  .qmx-pdtab table,.qmx-pdtab tbody,.qmx-pdtab tr,.qmx-pdtab td{
    display:block;width:100%}
  .qmx-pdtab table td:first-child{
    width:100%;padding:0;font-size:12.5px;border-bottom:0}
  .qmx-pdtab table td:last-child{padding-top:2px}
}

/* Plugin in lai ten tab thanh mot tieu de o dau noi dung, trong khi the
   da co tieu de roi. An di cho khoi lap. */
.qmx-pdtab>h2.yikes-custom-woo-tab-title{display:none}

/* ============================================================
 * 14. KHUNG DANH GIA, DUNG THEO FILE MAU
 * ============================================================
 * WooCommerce va Flatsome boc form danh gia trong nhieu lop hang cot va
 * mot khung co vien rieng. Mau chi co mot the duy nhat, nen go het cac
 * lop do di roi dung lai bang luoi.
 */

.qmx-pdrev #reviews.row,
.qmx-pdrev #reviews>.col,
.qmx-pdrev #review_form_wrapper,
.qmx-pdrev #review_form,
.qmx-pdrev #review_form .col-inner{
  max-width:none;width:100%;margin:0;padding:0}
/* Flatsome ve them mot khung vien quanh form, mau khong co. */
.qmx-pdrev .review-form-inner,
.qmx-pdrev .review-form-inner.has-border{
  border:0;padding:0;margin:0;background:none;box-shadow:none}
.qmx-pdrev .comment-respond{margin:0;padding:0;border:0;background:none}
/* The da co tieu de "Danh gia" o tab roi. */
.qmx-pdrev .woocommerce-Reviews-title{display:none}

.qmx-pdrev .woocommerce-noreviews{
  font-size:14.5px;color:var(--qmx-t2);margin:0 0 20px;padding:0;border:0;background:none}

.qmx-pdrev #reply-title{
  display:block;font-size:16px;font-weight:600;line-height:1.45;
  color:var(--qmx-ink);margin:0 0 18px}
.qmx-pdrev #reply-title small{font-weight:400}

/* Luoi hai cot: Ten va Email dung chung mot hang, con lai rong het. */
.qmx-pdrev .comment-form{
  display:grid;grid-template-columns:1fr 1fr;gap:16px;
  max-width:640px;margin:0}
.qmx-pdrev .comment-form>*{grid-column:1/-1;margin:0}
.qmx-pdrev .comment-form-author{grid-column:1}
.qmx-pdrev .comment-form-email{grid-column:2}

.qmx-pdrev .comment-form label{
  display:block;font-size:13.5px;font-weight:600;
  color:var(--qmx-t1);margin-bottom:7px}
.qmx-pdrev .comment-form .required{color:var(--qmx-c6);text-decoration:none}

/* O chon sao: bo mui ten mac dinh, ve lai mot mui ten nho ben phai. */
.qmx-pdrev .comment-form select#rating{
  font:inherit;font-size:14px;color:var(--qmx-t1);width:100%;
  height:46px;min-height:0;margin:0;padding:0 40px 0 14px;
  background:var(--qmx-soft);border:1.5px solid var(--qmx-line);
  border-radius:11px;box-shadow:none;cursor:pointer;
  -webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6779' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:17px 17px}
.qmx-pdrev .comment-form select#rating:focus{
  outline:none;background-color:#fff;border-color:#BFD9EE}

/* WooCommerce co the in them day sao bam duoc, mau khong dung den. */
.qmx-pdrev .comment-form-rating p.stars{display:none}

.qmx-pdrev .comment-form textarea#comment{min-height:150px}

.qmx-pdrev .comment-form-cookies-consent{
  display:flex;gap:9px;align-items:flex-start;
  font-size:13px;color:var(--qmx-t2);line-height:1.55}
.qmx-pdrev .comment-form-cookies-consent input{
  width:16px;height:16px;flex:none;margin:2px 0 0;accent-color:var(--qmx-blue)}
.qmx-pdrev .comment-form-cookies-consent label{
  display:inline;font-weight:400;font-size:13px;color:var(--qmx-t2);margin:0}

.qmx-pdrev .form-submit{margin:2px 0 0}

@media(max-width:549px){
  .qmx-pdrev .comment-form{grid-template-columns:1fr}
  .qmx-pdrev .comment-form-author,
  .qmx-pdrev .comment-form-email{grid-column:1/-1}
  .qmx-pdrev .form-submit .submit{width:100%}
}

/* Phan tu an dung de tat widget sao cua site, khong duoc chiem cho. */
.qmx-chan-sao{display:none !important}

/* Neu widget sao van chay vi ly do nao do, khong de CSS cam cua no
   de len nut gui trong the danh gia. */
.qmx-pdrev .form-submit .submit,
.qmx-pdrev .qemix-review-submit{
  background:var(--qmx-grad);color:#fff;border:0;
  text-transform:none;letter-spacing:-.008em}

/* ============================================================
 * 15. CHIP, TEN GOI KHAC VA NGOI SAO
 * ============================================================ */

/* Chip co nhan nho o truoc gia tri. */
.qmx-chip i{font-style:normal;font-weight:500;opacity:.72}
.qmx-chip-g{background:var(--qmx-c5b);color:var(--qmx-c5)}

/* Ten goi khac, dung khung mem giong ghi chu phap ly. */
.qmx-alias{
  background:var(--qmx-soft);border:1px solid var(--qmx-line);
  border-radius:12px;padding:11px 15px;margin-bottom:16px;
  font-size:13.5px;line-height:1.65;color:var(--qmx-t2)}
.qmx-alias b{color:var(--qmx-t1);font-weight:600}

/* Ngoi sao dung chung cho phan hien diem va phan cham diem. */
.qmx-star-svg{width:15px;height:15px;display:block;fill:currentColor}
.qmx-stars{display:inline-flex;gap:3px;line-height:1}
.qmx-star{display:block;color:#D8DEE8}
.qmx-star-on{color:#E8B33C}

/* Nam ngoi sao bam duoc trong form danh gia. */
.qmx-ratepick{display:inline-flex;gap:5px;align-items:center}
.qmx-ratestar{
  display:grid;place-items:center;width:32px;height:32px;
  padding:0;margin:0;border:0;background:none;cursor:pointer;
  color:#D8DEE8;transition:.14s var(--qmx-ease)}
.qmx-ratestar .qmx-star-svg{width:26px;height:26px}
.qmx-ratestar:hover{transform:scale(1.1)}
.qmx-ratestar.qmx-on{color:#E8B33C}
/* O chon that van con de form gui dung gia tri, chi an khoi man hinh. */
.qmx-rate-an{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/*vtable-m-fix*/@media (max-width:549px){.qmx-vtable td:first-child,.qmx-vtable td:last-child,.qmx-vtable td{padding:6px 0 !important}.qmx-vtable td{text-align:right}.qmx-vtable td::before{text-align:left}}

/* ============================================================
   Khoi tai lieu CoA / SDS / Specification duoi anh san pham
   Khong khai bao font-family: ke thua Inter cua site.
   button/input/select phai co font-family:inherit, neu khong
   trinh duyet dung font he thong cho form control.
   ============================================================ */

.qmx-docs{margin-top:26px;background:#fff;border:1px solid #E7EBF2;border-radius:16px;padding:16px 16px 14px}
.qmx-docs__t{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.qmx-docs__t b{font-size:11.5px;font-weight:600;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;color:#657286}
.qmx-docs__t em{font-style:normal;font-size:11.5px;line-height:1.4;color:#9AA6B8;font-variant-numeric:tabular-nums}

.qmx-docs .qmx-doc{display:flex;align-items:center;gap:11px;width:100%;min-height:0;margin:0;text-align:left;
  background:none;background-image:none;border:0;border-top:1px solid #F0F3F8;border-radius:0;box-shadow:none;
  padding:11px 2px;cursor:pointer;color:inherit;text-decoration:none;text-transform:none;letter-spacing:normal;
  font-family:inherit;font-size:14px;font-weight:400;line-height:1.4;transition:opacity .15s}
.qmx-docs .qmx-doc:first-of-type{border-top:0;padding-top:2px}
.qmx-docs .qmx-doc:hover{opacity:.82;background:none;color:inherit;box-shadow:none}
.qmx-docs .qmx-doc:focus-visible{outline:2px solid #2F58A8;outline-offset:2px}
.qmx-doc__ic{flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:#F1F5FB;display:flex;align-items:center;justify-content:center;color:#2F58A8}
.qmx-doc__ic svg{width:16px;height:16px;display:block}
.qmx-doc__b{min-width:0;flex:1 1 auto}
.qmx-doc__n{display:block;font-size:14px;font-weight:600;color:#141D2C;line-height:1.3}
.qmx-doc__s{display:block;font-size:11.5px;color:#7A8698;line-height:1.45;margin-top:2px}

/* chip hanh dong: cung mot kieu, mau theo icon phia truoc */
.qmx-doc__a{flex:0 0 auto;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:9px;
  background:#F1F5FB;font-size:12px;font-weight:600;line-height:1;color:#2F58A8;white-space:nowrap;transition:background-color .15s}
.qmx-docs .qmx-doc:hover .qmx-doc__a{background:#E6EDF9}
.qmx-doc--rq .qmx-doc__ic{background:#F6F7FA;color:#7A8698}
.qmx-doc--rq .qmx-doc__a{background:#F2F4F8;color:#5A6779}
.qmx-docs .qmx-doc--rq:hover .qmx-doc__a{background:#E9ECF2}
.qmx-docs .qmx-doc.is-open{opacity:1;padding-bottom:7px}
.qmx-docs .qmx-doc.is-open .qmx-doc__ic{background:#2F58A8;color:#fff}
.qmx-docs .qmx-doc.is-open .qmx-doc__a{background:#E6EDF9}
.qmx-docs .qmx-doc--rq.is-open .qmx-doc__a{background:#E9ECF2}
.qmx-docs__hint{font-size:11.5px;color:#9AA6B8;line-height:1.55;margin:11px 2px 0}

/* ---- o yeu cau tai lieu, mo ngay duoi dong vua bam ---- */
.qmx-rq{margin:10px 0 12px;background:#fff;border:1px solid #E4E9F1;border-radius:13px;overflow:hidden;
  box-shadow:0 1px 2px rgba(16,30,54,.04),0 8px 20px -14px rgba(16,30,54,.18);animation:qmxrqin .18s ease-out}
@keyframes qmxrqin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.qmx-rq__top{position:relative;padding:13px 15px 12px;background:#F8FAFD;border-bottom:1px solid #EDF1F7}
.qmx-rq__k{display:block;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#0E7D9A;margin:0 0 4px;line-height:1.4}
.qmx-rq__n{display:block;font-size:14.5px;font-weight:600;color:#141D2C;line-height:1.3}
.qmx-rq__m{display:block;font-size:11.5px;color:#7A8698;margin-top:8px;line-height:1.45;font-variant-numeric:tabular-nums}
.qmx-docs .qmx-rq__x{position:absolute;top:11px;right:11px;width:26px;height:26px;min-height:0;margin:0;padding:0;
  border:0;background:none;background-image:none;box-shadow:none;border-radius:8px;color:#9AA6B8;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-family:inherit;transition:background-color .15s,color .15s}
.qmx-docs .qmx-rq__x:hover{background:#EDF1F7;color:#141D2C}
.qmx-rq__x svg{width:13px;height:13px;display:block}
.qmx-rq__body{padding:15px 15px 16px}

.qmx-f{margin:0 0 13px}
.qmx-docs .qmx-f label{display:block;font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  color:#657286;margin:0 0 5px;line-height:1.4}
.qmx-f label i{font-style:normal;color:#2F58A8;margin-left:1px}
.qmx-docs .qmx-f input,.qmx-docs .qmx-f select{display:block;width:100%;height:42px;min-height:0;margin:0;
  font-family:inherit;font-size:16px;font-weight:400;line-height:1.4;color:#141D2C;
  background-color:#fff;background-image:none;border:1px solid #E0E6F0;border-radius:10px;box-shadow:none;
  padding:0 12px;outline:none;transition:border-color .15s,box-shadow .15s}
.qmx-docs .qmx-f input::placeholder{color:#A8B2C2;opacity:1}
.qmx-docs .qmx-f input:focus,.qmx-docs .qmx-f select:focus{border-color:#2F58A8;box-shadow:0 0 0 3px rgba(47,88,168,.12)}
.qmx-docs .qmx-f input.is-bad{border-color:#C0563E;box-shadow:0 0 0 3px rgba(192,86,62,.1)}
.qmx-f--key input{border-color:#CFDAEC}
.qmx-f__h{font-size:11px;color:#9AA6B8;line-height:1.55;margin:12px 2px 0}
.qmx-f2{display:grid;grid-template-columns:.85fr 1.15fr;gap:9px;margin:0 0 13px}
.qmx-docs .qmx-f2 .qmx-f{margin-bottom:0}
.qmx-docs .qmx-rq__body > .qmx-f:last-of-type{margin-bottom:0}

/* o so lo: danh sach chon lay tu Odoo */
.qmx-docs .qmx-lo{position:relative}
.qmx-docs .qmx-lo.is-load::after{content:"";position:absolute;right:12px;bottom:12px;width:14px;height:14px;
  border:2px solid #D8E0EC;border-top-color:#2F58A8;border-radius:50%;animation:qmxspin .7s linear infinite}
@keyframes qmxspin{to{transform:rotate(360deg)}}
.qmx-docs .qmx-lo select{-webkit-appearance:none;appearance:none;padding-right:34px;cursor:pointer;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A8698' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 11px center;background-size:15px}
.qmx-docs .qmx-lo input.qx-lo-hid{display:none}
.qmx-docs .qmx-lo select+input{margin-top:8px}

.qmx-docs .qmx-rq__go{display:block;width:100%;height:48px;min-height:0;margin:16px 0 0;padding:0;
  font-family:inherit;font-size:14px;font-weight:600;line-height:1;letter-spacing:normal;text-transform:none;color:#fff;
  border:0;border-radius:11px;cursor:pointer;
  background:linear-gradient(122deg,#3B5BA8 0%,#0E7D9A 100%);
  box-shadow:0 10px 20px -10px rgba(47,88,168,.6)}
.qmx-docs .qmx-rq__go:hover{filter:brightness(1.06);color:#fff}
.qmx-docs .qmx-rq__p{display:none}

.qmx-rq--ok .qmx-rq__body{text-align:center;padding:22px 18px 20px}
.qmx-ok__c{width:44px;height:44px;margin:0 auto 12px;border-radius:50%;background:#E8F5EE;
  display:flex;align-items:center;justify-content:center;color:#1E7A4C}
.qmx-ok__c svg{width:20px;height:20px;display:block}
.qmx-ok__t{font-size:15px;font-weight:600;color:#141D2C;margin:0 0 6px;line-height:1.4}
.qmx-ok__s{font-size:13px;line-height:1.6;color:#5A6779;margin:0}
.qmx-ok__s b{color:#141D2C;font-weight:600}
.qmx-docs .qmx-ok__a{display:inline-block;width:auto;min-height:0;margin:13px 0 0;padding:0;
  font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;text-transform:none;letter-spacing:normal;
  color:#2F58A8;background:none;background-image:none;border:0;box-shadow:none;cursor:pointer;text-decoration:none}
.qmx-docs .qmx-ok__a:hover{text-decoration:underline;color:#2F58A8;background:none}

/* 16px tren mobile de iOS khong tu phong to trang; 14px tu 550px */
@media (min-width:550px){
  .qmx-docs .qmx-f input,.qmx-docs .qmx-f select{font-size:14px}
}
@media (max-width:549px){
  .qmx-f2{grid-template-columns:1fr;gap:0}
  .qmx-docs .qmx-f2 .qmx-f{margin-bottom:13px}
  .qmx-docs .qmx-f2 .qmx-f:last-child{margin-bottom:0}
  .qmx-docs{padding:15px 14px 13px}
  .qmx-rq__body{padding:14px 13px 15px}
}

/* khi khoi tai lieu duoc chuyen vao cot giua (dien thoai): .qmx-phr da co gap 26px */
.qmx-phr > .qmx-docs{margin-top:0}


/* Khoang tu cot anh / khoi tai lieu xuong muc San pham duoc de xuat.
   26px cua .qmx-pd-main them 10px thanh 36px (tang 40%). Chi tu 850px tro
   len; ban dien thoai giu nguyen 16px cua .qmx-pd. */
@media (min-width:850px){
  .qmx-pd-main > .qmx-pdrel{margin-top:10px}
}


/* Trang thai cua nut Gui yeu cau khi da noi backend */
.qmx-docs .qmx-rq__go[disabled]{opacity:.62;cursor:default;box-shadow:none}
.qmx-rq__e{font-size:12.5px;line-height:1.5;color:#C0563E;margin:10px 2px 0}
.qmx-rq__e:empty{display:none}

/* Cau cam on duoi dong xac nhan da nhan yeu cau */
.qmx-ok__ta{display:inline-block;margin-top:7px;color:#657286}