/*!
 * QEMIX - Trang cua hang va trang danh muc san pham.
 *
 * Moi luat deu bat dau bang .qmx-shop, la lop chi co tren cac trang danh
 * sach san pham, nen khong anh huong toi trang khac cua site.
 * The san pham dung lai .qmx-pc trong qemix-home.css, file nay chi lo
 * phan khung: luoi cot, cot bo loc, thanh sap xep va phan trang.
 */

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

.qmx-shop .shop-container,
.qmx-shop #shop-sidebar{
  font-family:'Be Vietnam Pro','Be Vietnam',system-ui,sans-serif;
  color:var(--qmx-t1)}
.qmx-shop .shop-container *,
.qmx-shop #shop-sidebar *{box-sizing:border-box}
.qmx-shop .category-page-row{padding-top:26px}

/* ============================================================
 * 2. THE SAN PHAM TRONG LUOI
 * ============================================================ */

/* Luoi san pham dung dung mot kieu voi khoi [qmx_products] o trang chu:
   luoi bon cot, khoang cach 20px. Lam nhu vay thi khong con phu thuoc vao
   le am va dem cot cua Flatsome, von dang bi mot noi khac dat ve 0 khien
   hang san pham tran ra ngoai man hinh nho.
   Chon theo body de du do uu tien, khong can dung !important. */
body.qmx-shop .products.row{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;
  width:100%;max-width:100%;margin:0;padding:0}
body.qmx-shop .products.row>.col.qmx-col{
  display:flex;width:100%;max-width:none;flex:none;padding:0;margin:0;
  justify-self:stretch;align-self:stretch}
body.qmx-shop .products.row>.col.qmx-col>.col-inner{display:flex;flex:1;width:100%}
.qmx-shop .qmx-col .qmx-pc{
  width:100%;
  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-shop .qmx-col .qmx-pc a{text-decoration:none}
.qmx-shop .qmx-col .qmx-pc .qmx-ic{
  stroke:currentColor;fill:none;stroke-width:1.65;
  stroke-linecap:round;stroke-linejoin:round;display:block}

/* Flatsome ke mot duong vien duoi moi o va doi mau nen khi tro chuot.
   The .qmx-pc da co vien va bong rieng nen tat cac thu do di. */
.qmx-shop .products .qmx-col .col-inner{background:none;box-shadow:none;border:0}
.qmx-shop .products .qmx-col .box-image,
.qmx-shop .products .qmx-col .box-text{display:none}

/* Nut duoi the. O trang chu la mot lien ket, o day la nut that cua
   WooCommerce nen phai to lai cho giong. */
.qmx-shop .qmx-pc .qmx-act{margin-top:14px}
.qmx-shop .qmx-pc .qmx-act .button,
.qmx-shop .qmx-pc .qmx-act a.button{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;margin:0;padding:11.5px;min-height:0;
  font-size:13.5px;font-weight:600;line-height:1.2;letter-spacing:-.008em;
  text-transform:none;border:0;border-radius:10px;
  background:none;color:var(--qmx-t1);
  box-shadow:inset 0 0 0 1.5px var(--qmx-line);
  transition:.24s var(--qmx-ease)}
.qmx-shop .qmx-pc:hover .qmx-act .button{
  background:var(--qmx-grad);color:#fff;
  box-shadow:0 8px 18px -8px rgba(47,88,168,.55)}
.qmx-shop .qmx-pc .qmx-act .button.loading,
.qmx-shop .qmx-pc .qmx-act .button.added{opacity:.75}
/* Lien ket "Xem gio hang" WooCommerce chen them sau khi them vao gio. */
.qmx-shop .qmx-pc .qmx-act .added_to_cart{
  display:block;margin-top:8px;text-align:center;
  font-size:12.5px;font-weight:500;color:var(--qmx-blue)}

/* ============================================================
 * 3. THANH TIEU DE VA SAP XEP
 * ============================================================ */

.qmx-shop .shop-page-title.featured-title .title-overlay{background:var(--qmx-soft)}
.qmx-shop .shop-page-title .page-title-inner{
  padding-top:34px;padding-bottom:30px;min-height:0}
.qmx-shop .shop-page-title h1{
  font-size:clamp(24px,2.5vw,32px);font-weight:600;
  letter-spacing:-.026em;line-height:1.2;color:var(--qmx-ink);margin:0}
.qmx-shop .shop-page-title .is-larger{font-size:1em}
.qmx-shop .woocommerce-breadcrumb,
.qmx-shop .shop-page-title .breadcrumbs{
  font-size:12.5px;color:var(--qmx-t3);font-weight:300;text-transform:none}
.qmx-shop .woocommerce-breadcrumb a{color:var(--qmx-t2)}
.qmx-shop .woocommerce-breadcrumb a:hover{color:var(--qmx-blue)}

/* Hang chua so ket qua va o sap xep. */
.qmx-shop .woocommerce-products-header,
.qmx-shop .shop-container>.container>.row>.col>.woocommerce-notices-wrapper{margin-bottom:0}
.qmx-shop .shop-container .woocommerce-result-count{
  font-size:13.5px;color:var(--qmx-t2);font-weight:300;margin:0;padding:0;line-height:40px}
.qmx-shop .woocommerce-ordering select,
.qmx-shop .woocommerce-ordering .select-resize-ghost + select,
.qmx-shop select.orderby{
  height:40px;min-height:40px;padding:0 34px 0 14px;
  font-size:13.5px;font-weight:500;color:var(--qmx-t1);
  background-color:#fff;border:1px solid var(--qmx-line);border-radius:10px;
  box-shadow:none;margin:0}
.qmx-shop .woocommerce-ordering select:focus{border-color:#BFD9EE;box-shadow:none}

/* ============================================================
 * 4. COT BO LOC BEN TRAI
 * ============================================================ */

.qmx-shop #shop-sidebar{padding-right:6px}

/* Tieu de cua ca cot. */
.qmx-shop .qmx-fhead{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:0 2px 14px;margin-bottom:16px;
  border-bottom:1px solid var(--qmx-line)}
.qmx-shop .qmx-fhead-t{
  display:flex;align-items:center;gap:9px;
  font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--qmx-ink)}
.qmx-shop .qmx-fhead-t .qmx-ic{
  stroke:var(--qmx-blue);fill:none;stroke-width:1.65;
  stroke-linecap:round;stroke-linejoin:round}
.qmx-shop .qmx-fclear{
  font-size:12.5px;font-weight:500;color:var(--qmx-c6);
  padding:5px 11px;border-radius:20px;background:var(--qmx-c6b);
  transition:.2s;white-space:nowrap}
.qmx-shop .qmx-fclear:hover{filter:brightness(.96);color:var(--qmx-c6)}

/* Moi widget la mot the trang. */
.qmx-shop #shop-sidebar .widget{
  background:#fff;border:1px solid var(--qmx-line);border-radius:14px;
  padding:16px 17px 17px;margin-bottom:16px}
.qmx-shop #shop-sidebar .widget:last-child{margin-bottom:0}
.qmx-shop #shop-sidebar .widget-title,
.qmx-shop #shop-sidebar .qemix-filter-title{
  display:block;margin:0 0 12px;padding:0;
  font-family:'Be Vietnam Pro','Be Vietnam',system-ui,sans-serif;
  font-size:11.5px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--qmx-teal)}
/* Flatsome them mot gach ngang duoi moi tieu de widget. */
.qmx-shop #shop-sidebar .is-divider{display:none}

/* Danh sach danh muc. */
.qmx-shop #shop-sidebar ul.product-categories{margin:0;padding:0;list-style:none}
.qmx-shop #shop-sidebar ul.product-categories li{
  margin:0;padding:0;border:0;list-style:none}
.qmx-shop #shop-sidebar ul.product-categories>li>a{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:8px 10px;border-radius:9px;
  font-size:13.5px;font-weight:400;line-height:1.45;
  color:var(--qmx-t1);transition:.18s}
.qmx-shop #shop-sidebar ul.product-categories>li>a:hover{
  background:var(--qmx-soft);color:var(--qmx-blue)}
.qmx-shop #shop-sidebar ul.product-categories li.current-cat>a{
  background:var(--qmx-c5b);color:var(--qmx-blue);font-weight:600}
.qmx-shop #shop-sidebar ul.product-categories .count{
  flex:0 0 auto;font-size:11.5px;font-weight:400;color:var(--qmx-t3)}
.qmx-shop #shop-sidebar ul.product-categories ul.children{
  margin:2px 0 6px 12px;padding-left:10px;
  border-left:1px solid var(--qmx-line-s)}
.qmx-shop #shop-sidebar ul.product-categories ul.children>li>a{
  padding:6px 10px;font-size:13px;color:var(--qmx-t2)}

/* Loc theo gia. */
.qmx-shop #shop-sidebar .price_slider_amount{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;text-align:left}
.qmx-shop #shop-sidebar .price_slider_amount input[type="text"]{
  flex:1 1 0;min-width:0;width:auto;height:38px;margin:0;padding:0 11px;
  font-size:13px;color:var(--qmx-t1);background:var(--qmx-soft);
  border:1px solid var(--qmx-line);border-radius:9px;box-shadow:none}
.qmx-shop #shop-sidebar .price_slider_amount input[type="text"]:focus{
  background:#fff;border-color:#BFD9EE;box-shadow:none}
.qmx-shop #shop-sidebar .price_slider_amount .button{
  flex:0 0 100%;width:100%;height:40px;min-height:0;margin:4px 0 0;padding:0;
  font-size:13.5px;font-weight:600;line-height:40px;text-transform:none;
  letter-spacing:-.008em;border:0;border-radius:10px;
  background:var(--qmx-grad);color:#fff;
  box-shadow:0 8px 18px -8px rgba(47,88,168,.55);transition:.22s}
.qmx-shop #shop-sidebar .price_slider_amount .button:hover{
  transform:translateY(-1px);filter:brightness(1.05)}
.qmx-shop #shop-sidebar .ui-slider{
  height:4px;margin:6px 4px 16px;background:var(--qmx-line);border:0;border-radius:4px}
.qmx-shop #shop-sidebar .ui-slider .ui-slider-range{background:var(--qmx-grad);border-radius:4px}
.qmx-shop #shop-sidebar .ui-slider .ui-slider-handle{
  width:15px;height:15px;top:-5.5px;margin-left:-7px;
  background:#fff;border:2px solid var(--qmx-blue);border-radius:50%;
  box-shadow:0 2px 6px rgba(12,27,58,.2)}

/* ============================================================
 * 5. NHOM BO LOC DANG DANH DAU
 * ============================================================ */

.qmx-shop .qemix-product-filter-form{margin:0}
.qmx-shop .qemix-filter-group{margin:0 0 18px}
.qmx-shop .qemix-filter-group:last-of-type{margin-bottom:14px}
/* Danh sach dai thi cuon trong khung, de cot khong keo dai vo tan.
   Nhom bac cua hang co bon chuc gia tri. */
.qmx-shop .qemix-filter-group .product-categories{
  max-height:252px;overflow-y:auto;padding-right:4px;
  scrollbar-width:thin;scrollbar-color:var(--qmx-line) transparent}
.qmx-shop .qemix-filter-group .product-categories::-webkit-scrollbar{width:6px}
.qmx-shop .qemix-filter-group .product-categories::-webkit-scrollbar-thumb{
  background:var(--qmx-line);border-radius:6px}

.qmx-shop .qemix-filter-option{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin:0;padding:7px 9px;border-radius:9px;
  font-size:13.5px;font-weight:400;line-height:1.45;
  color:var(--qmx-t1);cursor:pointer;transition:.16s}
.qmx-shop .qemix-filter-option:hover{background:var(--qmx-soft)}
.qmx-shop .qemix-filter-option-left{
  display:flex;align-items:center;gap:9px;min-width:0}
/* An o danh dau that di, ve lai bang the span ben canh. */
.qmx-shop .qemix-filter-option input[type="checkbox"]{
  position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0}
.qmx-shop .qemix-filter-checkbox{
  flex:0 0 auto;position:relative;width:17px;height:17px;
  background:#fff;border:1.5px solid var(--qmx-line);border-radius:5px;
  transition:.16s}
.qmx-shop .qemix-filter-checkbox:after{
  content:"";position:absolute;left:5px;top:1.5px;
  width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;
  transform:rotate(43deg) scale(.5);opacity:0;transition:.16s}
.qmx-shop .qemix-filter-option input:checked ~ .qmx-nothing,
.qmx-shop .qemix-filter-option input[type="checkbox"]:checked + .qemix-filter-checkbox{
  background:var(--qmx-blue);border-color:var(--qmx-blue)}
.qmx-shop .qemix-filter-option input[type="checkbox"]:checked + .qemix-filter-checkbox:after{
  opacity:1;transform:rotate(43deg) scale(1)}
.qmx-shop .qemix-filter-option input[type="checkbox"]:focus-visible + .qemix-filter-checkbox{
  box-shadow:0 0 0 3px rgba(47,88,168,.22)}
.qmx-shop .qemix-filter-name{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qmx-shop .qemix-filter-option input[type="checkbox"]:checked ~ .qemix-filter-name{
  font-weight:600;color:var(--qmx-blue)}
.qmx-shop .qemix-filter-count{
  flex:0 0 auto;font-size:11.5px;color:var(--qmx-t3)}

.qmx-shop .qemix-filter-actions{margin-top:4px}
.qmx-shop .qemix-filter-submit{
  display:block;width:100%;height:40px;min-height:0;margin:0;padding:0;
  font-size:13.5px;font-weight:600;line-height:40px;text-transform:none;
  letter-spacing:-.008em;border:0;border-radius:10px;
  background:var(--qmx-grad);color:#fff;cursor:pointer;
  box-shadow:0 8px 18px -8px rgba(47,88,168,.55);transition:.22s}
.qmx-shop .qemix-filter-submit:hover{transform:translateY(-1px);filter:brightness(1.05)}

/* ============================================================
 * 6. PHAN TRANG
 * ============================================================ */

.qmx-shop .nav-pagination{margin-top:34px}
.qmx-shop .nav-pagination>li>a,
.qmx-shop .nav-pagination>li>span{
  min-width:38px;height:38px;line-height:36px;margin:0 3px;padding:0 11px;
  font-size:13.5px;font-weight:500;
  background:#fff;color:var(--qmx-t1);
  border:1px solid var(--qmx-line);border-radius:10px;transition:.18s}
.qmx-shop .nav-pagination>li>a:hover{
  background:var(--qmx-soft);border-color:#BFD9EE;color:var(--qmx-blue)}
.qmx-shop .nav-pagination>li>.current{
  background:var(--qmx-grad);border-color:transparent;color:#fff;font-weight:600}

/* ============================================================
 * 7. MAN HINH NHO
 * ============================================================ */

/* Flatsome da co san nut "Lọc" mo cot bo loc dang ngan keo tren man hinh
   nho, nen chi to lai nut do cho hop giao dien, khong lam nut rieng. */
@media(max-width:1199px){
  body.qmx-shop .products.row{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:849px){
  body.qmx-shop .products.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  /* Duoi kho nay khung trang khong con le hai ben do khong con canh giua,
     nen phai tu chua le cho the san pham khong dinh met man hinh. */
  body.qmx-shop .shop-container{padding-left:15px;padding-right:15px}
  .qmx-shop .category-filter-row{margin-bottom:14px}
  .qmx-shop .category-filtering .filter-button{
    display:inline-flex;align-items:center;gap:9px;
    height:40px;padding:0 18px;
    font-size:13.5px;font-weight:600;letter-spacing:-.008em;
    text-transform:none;color:var(--qmx-ink);
    background:#fff;border:1px solid var(--qmx-line);border-radius:11px}
  .qmx-shop .category-filtering .filter-button i{
    font-size:15px;margin:0;color:var(--qmx-blue)}
  .qmx-shop .category-filtering .filter-button strong{font-weight:600}
  /* Cot bo loc khi duoc keo ra thanh ngan ben trai. */
  .qmx-shop .off-canvas-left #shop-sidebar,
  .mfp-content #shop-sidebar{padding:18px 16px}
  .qmx-shop .category-page-row{padding-top:16px}
}

@media(max-width:549px){
  body.qmx-shop .products.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .qmx-shop .qmx-col .qmx-pc .qmx-bo{padding:13px 14px 15px}
  .qmx-shop .qmx-col .qmx-pc .qmx-nm{font-size:14px;min-height:40px}
}

/* Nhan khoang gia phai nam tren nut Loc, khong roi xuong duoi. */
.qmx-shop #shop-sidebar .price_slider_amount .price_label{
  order:-1;flex:0 0 100%;display:block !important;margin:0 0 2px;
  font-size:12.5px;color:var(--qmx-t2);font-weight:400}
.qmx-shop #shop-sidebar .price_slider_amount .price_label .from,
.qmx-shop #shop-sidebar .price_slider_amount .price_label .to{
  font-weight:600;color:var(--qmx-t1)}
.qmx-shop #shop-sidebar .price_slider_amount .clear{display:none}

/* Danh sach dai cuon duoc, nen bo mot dai mo o day cho thay con muc ben duoi. */
.qmx-shop .qemix-filter-group{position:relative}
.qmx-shop .qemix-filter-group:after{
  content:"";position:absolute;left:0;right:6px;bottom:0;height:22px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff)}

/* Mo ta danh muc nam dau cot noi dung. */
.qmx-shop .category-page-row .term-description{
  margin:0 0 22px;font-size:14px;line-height:1.65;
  color:var(--qmx-t2);font-weight:300}

/* Flatsome dat nut mo rong danh muc con o sat le phai, de no khong de len
   so luong san pham. */
.qmx-shop #shop-sidebar ul.product-categories>li{position:relative}
.qmx-shop #shop-sidebar ul.product-categories>li.cat-parent>a{padding-right:34px}
.qmx-shop #shop-sidebar ul.product-categories .toggle{
  position:absolute;right:4px;top:6px;width:24px;height:24px;
  margin:0;padding:0;opacity:.5;color:var(--qmx-t2)}

/* Flatsome dat mot luat rieng cho gia trong o san pham, manh hon luat o
   qemix-home.css, nen phai nhac lai o day cho the trong trang cua hang. */
body.qmx-shop .products .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}

/* ============================================================
 * 8. THANH CONG CU TREN DANH SACH
 * ============================================================ */

/* So ket qua va o sap xep duoc in lai trong thanh nay, nen ban goc
   ma Flatsome dat o thanh tieu de phai an di cho khoi lap. */
.qmx-shop .shop-page-title .woocommerce-result-count,
.qmx-shop .shop-page-title .woocommerce-ordering{display:none}

.qmx-tools{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:12px 14px;margin-bottom:18px;
  background:#fff;border:1px solid var(--qmx-line);border-radius:16px}
.qmx-tools-r{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:auto}
.qmx-tools .woocommerce-result-count{
  font-size:13.5px;color:var(--qmx-t2);line-height:1.4;margin:0;padding:0;
  white-space:nowrap}
.qmx-tools .woocommerce-ordering{margin:0}

/* O tim kiem trong danh muc. */
.qmx-tsearch{
  position:relative;display:flex;align-items:center;
  flex:1 1 340px;min-width:0;margin:0;
  background:var(--qmx-soft);border:1px solid var(--qmx-line);
  border-radius:12px;transition:.2s var(--qmx-ease)}
.qmx-tsearch:focus-within{
  background:#fff;border-color:#BFD9EE;
  box-shadow:0 0 0 3px rgba(59,91,168,.08)}
.qmx-tsearch>.qmx-ic{
  position:absolute;left:14px;flex:none;pointer-events:none;
  stroke:var(--qmx-t3);fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.qmx-tsearch input[type="search"]{
  flex:1;min-width:0;height:44px;margin:0;
  padding:0 52px 0 40px;
  font-size:13.5px;color:var(--qmx-t1);
  background:none;border:0;box-shadow:none}
.qmx-tsearch input[type="search"]:focus{box-shadow:none}
.qmx-tsearch input::placeholder{color:var(--qmx-t3)}
.qmx-tsearch button{
  position:absolute;right:5px;
  display:grid;place-items:center;
  width:36px;height:36px;padding:0;min-height:0;margin:0;
  border:0;border-radius:9px;background:var(--qmx-grad);
  box-shadow:none;transition:.2s var(--qmx-ease)}
.qmx-tsearch button:hover{filter:brightness(1.06)}
.qmx-tsearch button .qmx-ic{
  stroke:#fff;fill:none;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}

/* Hai nut doi kieu xem, chi co bieu tuong. */
.qmx-viewsw{display:inline-flex;gap:6px}
.qmx-viewsw-b{
  display:grid;place-items:center;
  width:40px;height:40px;border-radius:11px;
  color:var(--qmx-t3);background:#fff;
  box-shadow:inset 0 0 0 1px var(--qmx-line);
  transition:.18s var(--qmx-ease)}
.qmx-viewsw-b:hover{color:var(--qmx-blue)}
.qmx-viewsw-b .qmx-ic{
  stroke:currentColor;fill:none;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;display:block}
.qmx-viewsw-b.qmx-on{
  color:#fff;background:var(--qmx-grad);box-shadow:none}
.qmx-viewsw-b.qmx-on:hover{color:#fff}

/* ============================================================
 * 9. DANH SACH SAN PHAM DANG HANG NGANG
 * ============================================================ */

.qmx-plist{display:flex;flex-direction:column;gap:12px;width:100%}

.qmx-row{
  display:grid;align-items:center;gap:18px;
  grid-template-columns:64px minmax(220px,1.7fr) 1fr 1fr auto minmax(130px,1fr) auto;
  padding:14px 18px;
  background:#fff;border:1px solid var(--qmx-line);border-radius:16px;
  transition:.2s var(--qmx-ease)}
.qmx-row:hover{
  border-color:#CFE0F2;box-shadow:0 10px 24px -16px rgba(12,27,58,.4)}

/* O anh vuong, mau nen theo san pham giong the o luoi. */
.qmx-row-th{
  display:grid;place-items:center;overflow:hidden;
  width:64px;height:64px;border-radius:12px}
.qmx-row-th img{
  width:78%;height:78%;object-fit:contain;display:block}
.qmx-row-th .qmx-ic{
  stroke:rgba(47,88,168,.42);fill:none;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round;display:block}
.qmx-rt1{background:linear-gradient(150deg,#FDF4E6,#F6E5C8)}
.qmx-rt2{background:linear-gradient(150deg,#E4F4FA,#CFE8F3)}
.qmx-rt3{background:linear-gradient(150deg,#E9F6EC,#D4EDDB)}
.qmx-rt4{background:linear-gradient(150deg,#EDECFA,#DCDAF3)}
.qmx-rt5{background:linear-gradient(150deg,#EAEFFA,#DDE8F7)}
.qmx-rt6{background:linear-gradient(150deg,#FBEDF2,#F4DAE5)}

/* Cot ten san pham. */
.qmx-row-id{display:flex;flex-direction:column;gap:3px;min-width:0}
.qmx-row-dm{
  font-size:10.5px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--qmx-t3);line-height:1.3}
.qmx-row-nm{
  font-size:15px;font-weight:600;line-height:1.4;
  letter-spacing:-.012em;color:var(--qmx-t1);transition:.2s;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden}
.qmx-row-nm:hover{color:var(--qmx-blue)}
.qmx-row-ma{font-size:12.5px;color:var(--qmx-t3);line-height:1.4}

/* Cac cot thong tin co nhan nho o tren. */
.qmx-row-f{display:flex;flex-direction:column;gap:3px;min-width:0}
.qmx-row-f i{
  font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--qmx-t3);line-height:1.3}
.qmx-row-f b{
  font-size:13.5px;font-weight:400;line-height:1.4;color:var(--qmx-t1)}
.qmx-row-gia b{font-weight:600;color:var(--qmx-blue)}
.qmx-row-gia .qemix-price-request{
  font-size:13.5px;font-weight:500;color:var(--qmx-blue);letter-spacing:0}
.qmx-shop .qmx-row-gia .woocommerce-Price-amount.amount{
  display:inline;font-size:14.5px;font-weight:600;
  color:var(--qmx-blue);letter-spacing:0;line-height:1.4}

.qmx-row-tt{display:flex;justify-content:center}
.qmx-row-nut{display:flex;justify-content:flex-end}

.qmx-rowbtn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:40px;padding:0 18px;border-radius:11px;
  font-size:13px;font-weight:600;letter-spacing:-.008em;
  color:var(--qmx-t1);background:#fff;
  box-shadow:inset 0 0 0 1.5px var(--qmx-line);
  transition:.2s var(--qmx-ease);white-space:nowrap}
.qmx-rowbtn .qmx-ic{
  stroke:currentColor;fill:none;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;display:block}
.qmx-rowbtn:hover{
  color:#fff;background:var(--qmx-grad);
  box-shadow:0 8px 18px -8px rgba(47,88,168,.55)}

/* Nhan tinh trang dung chung voi trang chi tiet san pham. */
.qmx-row .qmx-st2{
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
  font-size:11.5px;font-weight:600;
  padding:5px 12px;border-radius:20px;
  background:var(--qmx-c1b);color:var(--qmx-c1)}
.qmx-row .qmx-st2:before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:currentColor;flex:none}
.qmx-row .qmx-st2-in{background:var(--qmx-c3b);color:var(--qmx-c3)}

/* Man hinh vua: bo cot grade cho do chat, chu con lai van du rong. */
@media(max-width:1200px){
  .qmx-row{grid-template-columns:56px minmax(180px,1.7fr) 1fr auto minmax(120px,1fr) auto;gap:14px}
  .qmx-row-th{width:56px;height:56px}
  .qmx-row-grade{display:none}
}

/* Man hinh hep: bo luoi cot vi o anh chi rong 56px, khong du cho nhan
   tinh trang va o gia. Doi sang xep hang tu do, tu xuong dong khi het cho. */
@media(max-width:849px){
  .qmx-row{
    display:flex;flex-wrap:wrap;align-items:center;
    gap:10px 14px;padding:14px 16px}
  .qmx-row-th{flex:none}
  .qmx-row-id{flex:1 1 180px}
  .qmx-row-quy,.qmx-row-gia{flex:1 1 130px}
  .qmx-row-tt{flex:none;justify-content:flex-start}
  .qmx-row-nut{flex:1 1 100%}
  .qmx-rowbtn{width:100%}
}

@media(max-width:549px){
  .qmx-tools{gap:10px;padding:10px 12px}
  .qmx-tools-r{width:100%;margin-left:0;justify-content:space-between}
  .qmx-tsearch{flex:1 1 100%}
}

/*tsearch-ios*/
.qmx-tsearch input[type="search"]{-webkit-appearance:none;appearance:none;outline:none !important;border-radius:12px;background:transparent !important;border:0 !important}
.qmx-tsearch input[type="search"]:focus,.qmx-tsearch input[type="search"]:focus-visible{outline:none !important;box-shadow:none !important;border:0 !important;background:transparent !important}
.qmx-tsearch input[type="search"]::-webkit-search-decoration,.qmx-tsearch input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}
@media (max-width:849px){.qmx-tsearch input[type="search"]{font-size:16px}}

/*row-m2*/
@media (max-width:849px){
.qmx-plist .qmx-row{display:grid;grid-template-columns:56px auto 1fr auto;grid-template-areas:"th id id id" "sep sep sep sep" "quy quy tt gia" "nut nut nut nut";gap:0 14px;padding:14px 16px 14px;align-items:center}
.qmx-plist .qmx-row::before{content:"";grid-area:sep;height:1px;background:#EEF1F6;margin:12px 0 10px}
.qmx-plist .qmx-row-th{grid-area:th;width:56px;height:56px}
.qmx-plist .qmx-row-id{grid-area:id;flex:none}
.qmx-plist .qmx-row-quy{grid-area:quy;flex:none}
.qmx-plist .qmx-row-tt{grid-area:tt;flex:none;justify-content:center;margin:0}
.qmx-plist .qmx-row-gia{grid-area:gia;flex:none;text-align:right;align-items:flex-end}
.qmx-plist .qmx-row-gia b{font-size:14px;white-space:nowrap}
.qmx-plist .qmx-row-nut{grid-area:nut;flex:none;display:flex;justify-content:flex-end;justify-self:stretch;margin-top:12px}
.qmx-plist .qmx-rowbtn{display:inline-flex;width:auto;min-width:0;height:38px;padding:0 18px;justify-content:center;white-space:nowrap}
.qmx-plist .qmx-row-grade{display:none}
}
/*gap-m1*/
@media (max-width:849px){
body.qmx-shop .qmx-msearch{display:none}
body.qmx-shop .shop-page-title .page-title-inner{padding:12px 15px 0 !important}
body.qmx-shop .shop-page-title .page-title-inner>.flex-col{padding:0 !important}
body.qmx-shop .shop-page-title .category-filtering{padding:6px 0 0 !important;margin:0 !important}
body.qmx-shop .shop-page-title .filter-button{margin-top:0 !important}
body.qmx-shop .category-page-row{padding-top:12px !important}
}