/*!
 * QEMIX - CSS cho cac khoi trang chu.
 * Trich tu qemix_new_layout.html. Moi class deu co tien to qmx- de khong
 * dung do voi Flatsome, WooCommerce va CSS san co cua site.
 */

:root{
  --qmx-ink:#0C1B3A;--qmx-blue:#2F58A8;--qmx-teal:#12A3C9;
  --qmx-t1:#141D2C;--qmx-t2:#5A6779;--qmx-t3:#8F9AAB;
  --qmx-line:#E7EBF2;--qmx-line-s:#F0F3F8;--qmx-soft:#F7F9FC;
  --qmx-grad:linear-gradient(122deg,#3B5BA8 0%,#1FC3F3 56%,#56BA71 100%);
  --qmx-c1:#B8760F;--qmx-c1b:#FDF4E6;--qmx-c2:#0E7FA8;--qmx-c2b:#E4F4FA;
  --qmx-c3:#38914E;--qmx-c3b:#E9F6EC;--qmx-c4:#544CB0;--qmx-c4b:#EDECFA;
  --qmx-c5:#2F58A8;--qmx-c5b:#EAEFFA;--qmx-c6:#B44E79;--qmx-c6b:#FBEDF2;
  --qmx-sh-3:0 4px 10px rgba(12,27,58,.06),0 24px 54px -18px rgba(12,27,58,.24);
  --qmx-ease:cubic-bezier(.22,.8,.28,1);
}

/* ---------- nen tang dung chung ---------- */
.qmx-hero,.qmx-strip,.qmx-sec,.qmx-brands,.qmx-why,.qmx-cta{
  font-family:'Be Vietnam Pro','Be Vietnam',system-ui,sans-serif;
  font-size:15.5px;line-height:1.7;color:var(--qmx-t1);
  -webkit-font-smoothing:antialiased}
.qmx-hero *,.qmx-strip *,.qmx-sec *,.qmx-brands *,.qmx-why *,.qmx-cta *{box-sizing:border-box}
.qmx-hero h1,.qmx-sec h2,.qmx-why h2,.qmx-cta h2,.qmx-sec h3,.qmx-po h3{
  color:inherit;letter-spacing:-.026em;line-height:1.18;font-weight:600;
  margin:0;text-transform:none}
.qmx-sec h2,.qmx-why h2,.qmx-cta h2{font-size:clamp(26px,2.8vw,35px)}
.qmx-sec h3,.qmx-po h3{font-size:17px;line-height:1.42}
.qmx-hero p,.qmx-sec p,.qmx-why p,.qmx-cta p{margin:0;color:inherit}
.qmx-hero a,.qmx-strip a,.qmx-sec a,.qmx-brands a,.qmx-why a,.qmx-cta a{text-decoration:none}
.qmx-wrap{max-width:1560px;margin:0 auto;padding:0 22px}
.qmx-ic{stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;display:block}
.qmx-sec{padding:clamp(58px,6.4vw,88px) 0;background:#fff}
.qmx-sec-t{background:var(--qmx-soft)}
.qmx-lead{font-size:15.5px;color:var(--qmx-t2);line-height:1.68;font-weight:300}
.qmx-eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--qmx-teal);margin-bottom:10px;display:block}
.qmx-shead{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;
  flex-wrap:wrap;margin-bottom:40px}
.qmx-shead h2{margin-bottom:8px}
.qmx-shead .qmx-lead{max-width:56ch}

/* nut */
.qmx-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-size:14.5px;font-weight:600;padding:14.5px 25.5px;border-radius:12px;border:0;
  transition:.22s var(--qmx-ease);letter-spacing:-.008em;white-space:nowrap;
  text-transform:none;line-height:1.4;min-height:0}
.qmx-btn-w{background:#fff;color:var(--qmx-blue)}
.qmx-btn-w:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.18);color:var(--qmx-blue)}
.qmx-btn-gh{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.32)}
.qmx-btn-gh:hover{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);color:#fff}
.qmx-tlink{font-size:14px;font-weight:600;color:var(--qmx-blue);display:inline-flex;
  align-items:center;gap:7px;transition:.22s var(--qmx-ease)}
.qmx-tlink:hover{gap:12px;color:var(--qmx-teal)}

/* ---------- hero ---------- */
.qmx-hero{position:relative;overflow:hidden;color:#fff;isolation:isolate;
  background:radial-gradient(112% 150% at 82% 2%,rgba(31,195,243,.34) 0%,transparent 56%),
             radial-gradient(80% 120% at 4% 100%,rgba(86,186,113,.22) 0%,transparent 58%),
             linear-gradient(118deg,#07132A 0%,#122E5E 42%,#0E4F76 76%,#0D6076 100%)}
.qmx-hero .qmx-gr{position:absolute;inset:0;z-index:1;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:58px 58px;
  -webkit-mask-image:radial-gradient(76% 84% at 64% 46%,#000 16%,transparent 84%);
          mask-image:radial-gradient(76% 84% at 64% 46%,#000 16%,transparent 84%)}
.qmx-orb{position:absolute;border-radius:50%;filter:blur(90px);z-index:1;pointer-events:none}
.qmx-orb.qmx-a{width:420px;height:420px;background:rgba(31,195,243,.28);top:-140px;right:16%}
.qmx-orb.qmx-b{width:340px;height:340px;background:rgba(86,186,113,.22);bottom:-150px;left:8%}
.qmx-hero .qmx-wrap{position:relative;z-index:4;padding:clamp(46px,5vw,60px) 22px;
  min-height:372px;display:flex;flex-direction:column;justify-content:center;max-width:1560px}
.qmx-bin{position:relative;z-index:4;max-width:648px}
.qmx-eyeb{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:500;
  letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.88);
  padding:6px 14px 6px 10px;border-radius:30px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);margin-bottom:18px}
.qmx-eyeb i{width:6px;height:6px;border-radius:50%;background:var(--qmx-grad);
  font-style:normal;box-shadow:0 0 9px rgba(31,195,243,.9)}
.qmx-hero h1{font-size:clamp(29px,3.05vw,42px);font-weight:700;letter-spacing:-.034em;
  line-height:1.1;margin-bottom:15px;max-width:15ch;color:#fff}
.qmx-hero h1 span{background:linear-gradient(96deg,#6FDFFF 10%,#7FE39A 90%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.qmx-hero p{font-size:15.5px;color:rgba(255,255,255,.74);font-weight:300;max-width:46ch;line-height:1.68}
.qmx-hero .qmx-act{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.qmx-spec{position:absolute;right:22px;top:50%;transform:translateY(-50%);z-index:4;
  width:266px;padding:19px 21px;border-radius:16px;background:rgba(255,255,255,.09);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.18);box-shadow:0 16px 44px rgba(0,0,0,.3)}
.qmx-spec .qmx-st{display:flex;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(255,255,255,.64);margin-bottom:13px}
.qmx-spec .qmx-st i{width:6px;height:6px;border-radius:50%;background:#7FE39A;font-style:normal;
  box-shadow:0 0 9px rgba(127,227,154,.9)}
.qmx-spec .qmx-r{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;
  font-size:12.5px;border-bottom:1px solid rgba(255,255,255,.1)}
.qmx-spec .qmx-r:last-child{border:0;padding-bottom:0}
.qmx-spec .qmx-r span:first-child{color:rgba(255,255,255,.58)}
.qmx-spec .qmx-r span:last-child{font-weight:500}

/* ---------- dai cam ket ---------- */
.qmx-strip{border-bottom:1px solid var(--qmx-line);background:#fff}
.qmx-strip .qmx-wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.qmx-strip .qmx-c{display:flex;align-items:center;gap:13px;padding:24px 26px;
  border-right:1px solid var(--qmx-line);transition:.24s}
.qmx-strip .qmx-c:first-child{padding-left:0}
.qmx-strip .qmx-c:last-child{border-right:0}
.qmx-strip .qmx-k{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;
  flex:none;transition:.26s var(--qmx-ease)}
.qmx-strip .qmx-c:hover .qmx-k{transform:scale(1.06) rotate(-3deg)}
.qmx-strip b{display:block;font-size:14px;font-weight:600;line-height:1.35}
.qmx-strip .qmx-c>span:last-child>span{font-size:12.5px;color:var(--qmx-t3);line-height:1.4;font-weight:300}

/* ---------- san pham ---------- */
.qmx-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}
.qmx-tab{font-size:13.5px;font-weight:500;padding:9.5px 19.5px;border-radius:24px;border:0;
  color:var(--qmx-t2);background:#fff;transition:.2s var(--qmx-ease);
  box-shadow:inset 0 0 0 1.5px var(--qmx-line);cursor:pointer}
.qmx-tab:hover{color:var(--qmx-blue);box-shadow:inset 0 0 0 1.5px var(--qmx-blue)}
.qmx-tab.qmx-on{background:var(--qmx-grad);color:#fff;font-weight:600;
  box-shadow:0 10px 24px -8px rgba(47,88,168,.32)}
.qmx-prods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
/* Moi hang la mot khung trinh chieu, cac tam thay phien nhau hien ra.
   Luat an phai ghi lai o day vi .qmx-prods dat display:grid, manh hon
   luat an san co cua trinh duyet. */
.qmx-slides + .qmx-slides{margin-top:20px}
.qmx-slides .qmx-prods[hidden]{display:none}
.qmx-pc{background:#fff;border:1px solid var(--qmx-line);border-radius:14px;overflow:hidden;
  transition:.28s var(--qmx-ease);display:flex;flex-direction:column}
.qmx-pc:hover{box-shadow:var(--qmx-sh-3);transform:translateY(-5px);border-color:transparent}
.qmx-pc .qmx-im{aspect-ratio:1.42;position:relative;display:grid;place-items:center;
  overflow:hidden;background:linear-gradient(150deg,#EAF1FA,#DDE8F7)}
/* Sau mau nen cho o anh, chon theo ID san pham nen moi san pham giu dung
   mot mau. Deu la mau nhat de anh san pham van noi len tren. */
.qmx-pc .qmx-im-t1{background:linear-gradient(150deg,#FDF4E6,#F6E5C8)}
.qmx-pc .qmx-im-t2{background:linear-gradient(150deg,#E4F4FA,#CFE8F3)}
.qmx-pc .qmx-im-t3{background:linear-gradient(150deg,#E9F6EC,#D4EDDB)}
.qmx-pc .qmx-im-t4{background:linear-gradient(150deg,#EDECFA,#DCDAF3)}
.qmx-pc .qmx-im-t5{background:linear-gradient(150deg,#EAEFFA,#DDE8F7)}
.qmx-pc .qmx-im-t6{background:linear-gradient(150deg,#FBEDF2,#F4DAE5)}
/* Anh nho hon khung va nam giua, de co khoang tho quanh san pham. Khung
   da la grid voi place-items:center nen chi can thu nho anh lai la du. */
.qmx-pc .qmx-im img{width:74%;height:74%;object-fit:contain;transition:.4s var(--qmx-ease)}
.qmx-pc:hover .qmx-im img{transform:scale(1.06)}
.qmx-pc .qmx-bd{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.92);
  font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  padding:4px 11px;border-radius:20px}
.qmx-pc .qmx-st{position:absolute;top:12px;right:12px;font-size:10.5px;font-weight:600;
  padding:4px 10px;border-radius:20px}
.qmx-st-in{background:#E9F6EC;color:#38914E}
.qmx-st-or{background:#FDF4E6;color:#B8760F}
/* Nhan hang moi, dat o goc duoi ben trai cua o anh. */
.qmx-pc .qmx-new{position:absolute;bottom:12px;left:12px;
  font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  padding:4px 11px;border-radius:20px;color:#fff;
  background:linear-gradient(120deg,#E0563F,#E88B32);
  box-shadow:0 6px 14px -6px rgba(224,86,63,.7)}
.qmx-pc .qmx-bo{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.qmx-pc .qmx-sk{font-size:12px;color:var(--qmx-t3);margin-bottom:5px}
.qmx-pc .qmx-nm{font-size:15px;font-weight:600;line-height:1.42;min-height:43px;
  letter-spacing:-.01em;color:var(--qmx-t1);display:block;transition:.2s}
.qmx-pc .qmx-nm:hover{color:var(--qmx-blue)}
.qmx-pc .qmx-pr{margin-top:8px;font-size:15px;font-weight:600;color:var(--qmx-blue);line-height:1.4}
.qmx-pc .qmx-pr del{color:var(--qmx-t3);font-weight:400;font-size:13px;margin-right:6px}
.qmx-pc .qmx-pr ins{text-decoration:none}
.qmx-pc .qmx-bt{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;
  font-size:13.5px;font-weight:600;padding:11.5px;border-radius:10px;border:0;
  color:var(--qmx-t1);transition:.24s var(--qmx-ease);width:100%;
  box-shadow:inset 0 0 0 1.5px var(--qmx-line);margin-top:14px}
.qmx-pc:hover .qmx-bt{background:var(--qmx-grad);color:#fff;
  box-shadow:0 8px 18px -8px rgba(47,88,168,.55)}

/* ---------- thuong hieu ---------- */
.qmx-brands{border-top:1px solid var(--qmx-line);border-bottom:1px solid var(--qmx-line);
  background:linear-gradient(180deg,#FAFCFE,#F2F7FC);overflow:hidden}
.qmx-brands .qmx-wrap{padding:22px;display:flex;align-items:center;gap:32px}
.qmx-brands .qmx-lb{font-size:14px;color:var(--qmx-t2);font-weight:500;flex:none;
  max-width:190px;line-height:1.5}
.qmx-mq{flex:1;min-width:0;position:relative;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.qmx-mq-track{display:flex;gap:34px;align-items:center;width:max-content;
  animation:qmx-mq 38s linear infinite}
.qmx-mq:hover .qmx-mq-track{animation-play-state:paused}
@keyframes qmx-mq{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
/* Logo choan het chieu cao cua dai, chi chua lai vien nho de khong dinh mep. */
.qmx-bcard{height:128px;padding:0 26px;display:grid;place-items:center;flex:none;transition:.24s var(--qmx-ease)}
.qmx-bcard:hover{transform:translateY(-2px)}
.qmx-bcard img{max-height:124px;max-width:300px;width:auto;object-fit:contain;transition:.24s var(--qmx-ease)}
.qmx-bcard:hover img{transform:scale(1.06)}

/* ---------- linh vuc ---------- */
.qmx-inds{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.qmx-ind{border:1px solid var(--qmx-line);border-radius:14px;padding:26px;
  transition:.28s var(--qmx-ease);background:#fff;position:relative;overflow:hidden}
.qmx-ind:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:var(--qmx-ac);opacity:0;transition:.28s}
.qmx-ind:hover{box-shadow:var(--qmx-sh-3);transform:translateY(-5px);border-color:transparent}
.qmx-ind:hover:before{opacity:1}
.qmx-ind .qmx-i{width:48px;height:48px;border-radius:13px;background:var(--qmx-acb);
  color:var(--qmx-ac);display:grid;place-items:center;margin-bottom:17px;transition:.28s var(--qmx-ease)}
.qmx-ind:hover .qmx-i{background:var(--qmx-ac);color:#fff;transform:rotate(-4deg) scale(1.05)}
.qmx-ind h3{margin-bottom:8px}
.qmx-ind p{font-size:13.8px;color:var(--qmx-t2);line-height:1.65;margin-bottom:14px;font-weight:300}
.qmx-ind .qmx-tg{display:flex;flex-wrap:wrap;gap:7px}
.qmx-ind .qmx-tg span{font-size:11px;font-weight:500;padding:4px 10px;border-radius:20px;
  background:var(--qmx-acb);color:var(--qmx-ac)}

/* ---------- vi sao chon QEMIX ---------- */
.qmx-why{position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(126deg,#0A1730 0%,#1B3A76 52%,#12708F 100%)}
.qmx-why .qmx-gl{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}
.qmx-why .qmx-w1{width:520px;height:520px;background:rgba(59,91,168,.5);top:-160px;right:-110px}
.qmx-why .qmx-w2{width:400px;height:400px;background:rgba(31,195,243,.3);bottom:-190px;left:-90px}
.qmx-why .qmx-wrap{position:relative;z-index:2;padding:clamp(58px,6vw,82px) 22px}
.qmx-why h2{max-width:22ch;margin-bottom:12px;color:#fff}
.qmx-why .qmx-lead{color:rgba(255,255,255,.7);max-width:62ch}
.qmx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.qmx-stats .qmx-s{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:16px;padding:26px 24px;transition:.28s var(--qmx-ease)}
.qmx-stats .qmx-s:hover{background:rgba(255,255,255,.11);transform:translateY(-5px);
  border-color:rgba(255,255,255,.24)}
.qmx-stats .qmx-n{font-size:clamp(30px,3.4vw,38px);font-weight:700;letter-spacing:-.03em;line-height:1;
  background:linear-gradient(96deg,#8FE9FF,#7FE39A);-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent}
.qmx-stats .qmx-t{font-size:14.5px;font-weight:600;margin:13px 0 4px}
.qmx-stats .qmx-d{font-size:12.5px;color:rgba(255,255,255,.56);line-height:1.55;font-weight:300}

/* ---------- tin tuc ---------- */
.qmx-pmq{position:relative;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.qmx-posts{display:flex;gap:20px;width:max-content;animation:qmx-pmq 44s linear infinite}
.qmx-pmq:hover .qmx-posts{animation-play-state:paused}
@keyframes qmx-pmq{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.qmx-po{flex:none;width:340px;background:#fff;border:1px solid var(--qmx-line);
  border-radius:14px;overflow:hidden;transition:.28s var(--qmx-ease)}
.qmx-po:hover{box-shadow:var(--qmx-sh-3);transform:translateY(-5px);border-color:transparent}
.qmx-po .qmx-ph{height:150px;position:relative;display:grid;place-items:center;overflow:hidden;
  background:linear-gradient(150deg,#E6F2FA,#D5E8F5)}
.qmx-po .qmx-ph img{width:100%;height:100%;object-fit:cover;transition:.5s var(--qmx-ease)}
.qmx-po:hover .qmx-ph img{transform:scale(1.06)}
.qmx-po .qmx-k{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.94);
  font-size:11.5px;font-weight:600;padding:4px 12px;border-radius:20px;color:var(--qmx-t1)}
.qmx-po .qmx-bo{padding:20px}
.qmx-po .qmx-dt{font-size:12.5px;color:var(--qmx-t3);margin-bottom:8px;font-weight:300}
.qmx-po h3{font-size:15.5px;line-height:1.45;margin-bottom:12px;min-height:45px;color:var(--qmx-t1)}
.qmx-po .qmx-r{font-size:13.5px;font-weight:600;color:var(--qmx-blue);display:inline-flex;
  align-items:center;gap:7px;transition:.22s var(--qmx-ease)}
.qmx-po:hover .qmx-r{gap:12px}

/* ---------- keu goi hanh dong ---------- */
.qmx-cta{position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(122deg,#3B5BA8 0%,#1FA8D8 52%,#56BA71 100%)}
.qmx-cta:after{content:"";position:absolute;inset:0;
  background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.18) 1px,transparent 0);
  background-size:24px 24px;opacity:.5}
.qmx-cta .qmx-glc{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(120px);
  background:rgba(255,255,255,.16);top:-240px;right:-100px}
.qmx-cta .qmx-wrap{position:relative;z-index:2;padding:clamp(56px,6vw,78px) 22px;
  display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}
.qmx-cta h2{margin-bottom:11px;max-width:20ch;color:#fff}
.qmx-cta p{color:rgba(255,255,255,.92);max-width:58ch;font-size:15.5px;font-weight:300}
.qmx-cta .qmx-acts{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- man hinh nho ---------- */
@media(max-width:1180px){
  .qmx-prods{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1080px){
  .qmx-strip .qmx-wrap,.qmx-inds,.qmx-stats{grid-template-columns:repeat(2,1fr)}
  .qmx-prods{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qmx-cta .qmx-wrap{grid-template-columns:1fr}
  .qmx-spec{display:none}
  .qmx-wrap{padding:0 18px}
  .qmx-strip .qmx-c:nth-child(odd){padding-left:0}
  .qmx-strip .qmx-c:nth-child(2n){border-right:0}
}
/* The san pham hep lai thi hai nhan o hang tren cham nhau, ten danh muc
   bi cat cut giua chung. Ha nhan tinh trang xuong goc duoi ben phai va cho
   ten danh muc duoc dung dau ba cham khi qua dai. */
@media(max-width:900px){
  .qmx-pc .qmx-st{top:auto;bottom:12px;right:12px}
  .qmx-pc .qmx-bd{
    max-width:calc(100% - 24px);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:680px){
  .qmx-strip .qmx-wrap{grid-template-columns:1fr}
  .qmx-strip .qmx-c{padding:18px 0;border-right:0;border-bottom:1px solid var(--qmx-line)}
  .qmx-prods,.qmx-inds,.qmx-stats{grid-template-columns:1fr}
  .qmx-po{width:286px}
  .qmx-hero h1{max-width:none}
  .qmx-hero .qmx-act .qmx-btn,.qmx-cta .qmx-acts .qmx-btn{flex:1 1 100%}
  .qmx-brands .qmx-wrap{flex-direction:column;align-items:flex-start;gap:16px}
  .qmx-brands .qmx-lb{max-width:none}
  /* Man hinh hep thi thu nho lai cho vua mot hang. */
  .qmx-bcard{height:88px;padding:0 18px}
  .qmx-bcard img{max-height:84px;max-width:200px}
}

/* Hinh thay the khi san pham chua co anh. */
.qmx-pc .qmx-noim{display:grid;place-items:center;width:100%;height:100%;color:#9DB4D6}
.qmx-pc .qmx-noim .qmx-ic{width:48px;height:48px;stroke-width:1.1;opacity:.7}

/* Gia trong the san pham.
   style.css cua site to moi .woocommerce-Price-amount thanh mau do co chu
   24px. Trong the san pham gia phai nho va theo mau xanh, nen chinh lai. */
.qmx-pc .qmx-pr .woocommerce-Price-amount.amount{
  display:inline;color:var(--qmx-blue);font-size:15px;font-weight:600;
  line-height:1.4;letter-spacing:0}
.qmx-pc .qmx-pr del .woocommerce-Price-amount.amount{
  color:var(--qmx-t3);font-size:13px;font-weight:400}
.qmx-pc .qmx-pr .woocommerce-Price-currencySymbol{
  font-size:.72em;font-weight:600;margin-left:2px}

/* Ten san pham toi da hai dong, du thi cat va them dau ba cham.
   min-height giu cho cac the trong mot hang thang bang nhau. */
.qmx-pc .qmx-nm{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;text-overflow:ellipsis}

/* Ten hoa chat hay ma san pham co the la mot chuoi dai lien, khong co cho
   xuong dong, vi du "Decafluorotriphenylphosphine". Neu khong cho ngat
   giua chuoi, cot chua the do se phinh ra va cac the trong hang lech nhau,
   thay ro nhat o trang ket qua tim kiem. */
.qmx-pc{min-width:0}
.qmx-pc .qmx-nm,
.qmx-pc .qmx-sk{overflow-wrap:anywhere;word-break:break-word}

/* San pham chua co gia thi dong "Lien he bao gia" lam mo nhu dong ma
   hang, de gia that cua san pham khac noi bat hon. */
.qmx-pc .qmx-pr .qemix-price-request{
  font-size:12.5px;font-weight:400;color:var(--qmx-t3);letter-spacing:0}

/* NEW badge v2 (J): pill cam-hồng phát sáng + sao */
.qmx-pc .qmx-new{height:24px;line-height:24px;padding:0 10px 0 9px !important;display:inline-flex;align-items:center;gap:5px;font-size:10px !important;font-weight:600;letter-spacing:.12em;color:#fff;background:linear-gradient(120deg,#FF6A3D 0%,#FF3D77 100%);box-shadow:0 0 0 3px rgba(255,90,80,.16),0 6px 16px -6px rgba(255,80,90,.65);border-radius:20px}
.qmx-pc .qmx-new::before{content:"\2726";font-size:10.5px;line-height:1}
.qmx-pc:hover .qmx-new{box-shadow:0 0 0 5px rgba(255,90,80,.22),0 10px 22px -6px rgba(255,80,90,.75)}