/* mq-custom.css - File CSS tuy chinh gop cua chill theme (lw_customize), 2026-10-23.
   Thu tu giu nguyen nhu link HTML cu: mq-home -> mq-wishlist -> mq-product -> style.css (cuoi, thang Flatsome).
   Phan tich truoc khi gop: tong 340 rule, rule trung y het = 0 (khong co rule nao de xoa an toan),
   rule cung selector khac gia tri = 19, deu nam trong cung 1 file goc (mq-home hoac style.css) nen giu nguyen thu tu
   de bao toan cascade cu, khong tu chon gia tri. File nay tai o moi trang, nen rule danh muc trong phan
   mq-product cu gio co tac dung o archive (truoc day mq-product chi tai o chi tiet).
   Additional CSS va Theme Custom CSS van tai rieng, khong gop trong dot nay. */


/* ===== 1. mq-home.css (chi trang chu cu) ===== */
:root{--card-radius:14px;}
.mq-product-section{padding:34px 0 14px}.mq-product-section+.mq-product-section{border-top:1px solid #edf1f6}.mq-product-section .section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 18px}.mq-product-section .section-title h2{font-size:clamp(24px,3vw,36px);color:#071b36;letter-spacing:-.035em;margin:0}.mq-product-section .section-title p{margin:0;color:#78879a;font-size:13px}.mq-product-section .products{margin:0!important;gap:16px!important}.mq-product-section .product-small{border:1px solid #e6edf5;border-radius:var(--card-radius);overflow:hidden;background:#fff;box-shadow:0 7px 20px rgba(16,34,61,.06);transition:transform .22s ease,box-shadow .22s ease}.mq-product-section .product-small:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(16,34,61,.13)}.mq-product-section .box-image{background:#f6f8fb;margin:0!important;padding:14px}.mq-product-section .box-image img{mix-blend-mode:multiply}.mq-product-section .box-text{padding:14px 15px 17px!important}.mq-product-section .product-title{color:#14253e;font-weight:700;line-height:1.35;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:500}.mq-product-section .product-meta{color:#7a8796;font-size:12px}@media(max-width:560px){.mq-product-section{padding-top:26px}.mq-product-section .products{gap:10px!important}.mq-product-section .box-text{padding:11px 10px 13px!important}.mq-product-section .product-title{font-size:13px}.mq-product-section .price .amount{font-size:16px}}
.mq-ad-slider{position:relative;min-height:178px;margin:30px 0 6px;border-radius:20px;overflow:hidden;background:#0b2b55;box-shadow:0 12px 28px rgba(7,27,54,.12)}.mq-ad-slider > a.mq-ad-slide{position:absolute;inset:0;display:flex;align-items:center;padding:26px 34px;color:#fff;opacity:0;pointer-events:none;animation:mqAdFade 18s infinite;text-decoration:none}.mq-ad-slider > a.mq-ad-slide:nth-of-type(1){animation-delay:0s;background:linear-gradient(110deg,#0b2d5d,#1769b7)}.mq-ad-slider > a.mq-ad-slide:nth-of-type(2){animation-delay:6s;background:linear-gradient(110deg,#14213d,#6b2f83)}.mq-ad-slider > a.mq-ad-slide:nth-of-type(3){animation-delay:12s;background:linear-gradient(110deg,#143d35,#18906c)}.mq-ad-slider .mq-ad-copy{max-width:560px;position:relative;z-index:1}.mq-ad-slider .mq-ad-label{display:block;color:#f6d276;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;margin-bottom:8px}.mq-ad-slider .mq-ad-title{display:block;color:#fff;font-size:clamp(22px,3vw,34px);line-height:1.05;margin:0 0 8px;letter-spacing:-.04em}.mq-ad-slider .mq-ad-description{display:block;color:rgba(255,255,255,.76);font-size:13px;margin:0 0 14px;line-height:1.5}.mq-ad-slider .mq-ad-cta{display:inline-flex;padding:9px 15px;border-radius:8px;background:#f2c85b;color:#0b2345;font-size:12px;font-weight:900}.mq-ad-slider .mq-ad-shape{position:absolute;right:7%;width:150px;height:150px;border:22px solid rgba(255,255,255,.12);border-radius:50%;transform:rotate(18deg)}.mq-ad-slider .mq-ad-shape:after{content:"";position:absolute;inset:20px;border:2px solid rgba(255,255,255,.18);border-radius:50%}.mq-ad-slider .mq-ad-dots{position:absolute;bottom:16px;right:28px;display:flex;gap:5px;z-index:2}.mq-ad-slider .mq-ad-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.48)}@keyframes mqAdFade{0%,28%{opacity:1;pointer-events:auto}33%,100%{opacity:0;pointer-events:none}}@media(max-width:560px){.mq-ad-slider{min-height:196px;border-radius:16px}.mq-ad-slider > a.mq-ad-slide{padding:22px 20px}.mq-ad-slider .mq-ad-shape{right:-35px;width:125px;height:125px;border-width:16px}.mq-ad-slider .mq-ad-dots{right:18px;bottom:12px}}
.mq-product-section .products{margin-left:0!important;margin-right:0!important}.mq-product-section .slider{padding-bottom:18px}.mq-product-section .flickity-viewport{overflow:hidden}.mq-product-section .flickity-prev-next-button{width:34px;height:34px;opacity:.95;background:#fff;border:1px solid #dce6f1;box-shadow:0 5px 14px rgba(16,34,61,.12)}.mq-product-section .flickity-prev-next-button:hover{background:#0756a8;color:#fff}.mq-product-section .flickity-prev-next-button.previous{left:-12px}.mq-product-section .flickity-prev-next-button.next{right:-12px}.mq-product-section .product-small{margin-bottom:4px}.mq-product-section .section-title{margin-bottom:22px}@media(max-width:900px){.mq-product-section .flickity-prev-next-button.previous{left:-7px}.mq-product-section .flickity-prev-next-button.next{right:-7px}.mq-product-section .section-title{margin-bottom:18px}}@media(max-width:560px){.mq-product-section{padding:26px 0 10px}.mq-product-section .products{margin-left:-5px!important;margin-right:-5px!important}.mq-product-section .product-small{margin:0 5px 4px}.mq-product-section .flickity-prev-next-button{display:none}.mq-product-section .section-title h2{font-size:24px}.mq-product-section .mq-section-more{font-size:12px}}
.mq-brand-showcase{padding:8px 0 42px}.mq-brand-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.mq-brand-head h2{margin:0;color:#071b36;font-size:clamp(24px,3vw,34px);letter-spacing:-.035em}.mq-brand-head p{margin:0;color:#78879a;font-size:13px}.mq-brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.mq-brand-card{min-height:92px;display:flex;align-items:center;justify-content:center;border:1px solid #e6edf5;border-radius:14px;background:#fff;color:#1b2c43;text-decoration:none;font-size:18px;font-weight:900;letter-spacing:-.04em;box-shadow:0 7px 18px rgba(16,34,61,.04);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.mq-brand-card small{display:block;margin-top:4px;color:#8a98aa;font-size:10px;font-weight:600;letter-spacing:.02em;text-align:center}.mq-brand-card:hover{transform:translateY(-4px);border-color:#0756a8;box-shadow:0 13px 26px rgba(7,86,168,.12);color:#0756a8}.mq-brand-mark{display:flex;flex-direction:column;align-items:center;justify-content:center}.mq-brand-card:nth-child(1) .mq-brand-mark{color:#0756a8}.mq-brand-card:nth-child(2) .mq-brand-mark{color:#0a78c2}.mq-brand-card:nth-child(3) .mq-brand-mark{color:#1a4d8f}.mq-brand-card:nth-child(4) .mq-brand-mark{color:#66a52a}.mq-brand-card:nth-child(5) .mq-brand-mark{color:#b5282d}.mq-brand-card:nth-child(6) .mq-brand-mark{color:#111}@media(max-width:900px){.mq-brand-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.mq-brand-showcase{padding-bottom:28px}.mq-brand-head{display:block}.mq-brand-head p{margin-top:7px}.mq-brand-grid{display:flex;gap:9px;overflow-x:auto;padding:3px 2px 10px;scroll-snap-type:x proximity}.mq-brand-card{flex:0 0 132px;min-height:82px;scroll-snap-align:start;font-size:16px}}
.mq-flash{max-width:1180px!important;margin:12px auto 18px!important;padding:24px 26px!important;border-radius:20px!important}.mq-flash h2{font-size:clamp(24px,3vw,34px)!important;margin-bottom:6px!important}.mq-flash .mq-lead{font-size:12px!important;margin-bottom:14px!important}.mq-flash .fs-product-info{margin:8px 10px 14px!important;padding:18px 14px!important;border-radius:16px!important}.mq-flash h2{font-size:24px!important}.mq-flash .mq-lead{font-size:11px!important;line-height:1.45}.mq-flash .fs-product-title{font-size:11px!important;line-height:1.3!important}.mq-hero-menu,.mq-hero-news{padding:18px;background:#fff;border:1px solid #e7edf5;border-radius:16px;box-shadow:0 8px 22px rgba(7,27,54,.06)}.mq-hero-kicker{display:block;color:#286fd3;font-size:10px;letter-spacing:.14em;font-weight:900;margin-bottom:6px}.mq-hero-menu h2,.mq-hero-news h2{margin:0 0 12px;color:#071b36;font-size:21px;letter-spacing:-.03em}.mq-hero-menu>a{display:flex;align-items:center;gap:9px;padding:10px 4px;border-top:1px solid #eef2f6;color:#14253e;font-size:13px;font-weight:800}.mq-hero-menu>a b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eaf3ff;color:#1769b7;font-size:9px}.mq-hero-menu>a em{margin-left:auto;color:#8b9aad;font-size:20px;font-style:normal}@keyframes mqHeroFade{0%,28%{opacity:1}33%,95%{opacity:0}100%{opacity:1}}.mq-hero-news-head{display:flex;justify-content:space-between;align-items:center}.mq-hero-news-head a{font-size:11px;color:#1769b7;font-weight:800}.mq-hero-news>a{display:flex;gap:9px;padding:11px 0;border-top:1px solid #eef2f6;color:#14253e}.mq-hero-news>a b{color:#286fd3;font-size:12px}.mq-hero-news>a span{font-size:12px;font-weight:800;line-height:1.3}.mq-hero-news>a small{display:block;margin-top:4px}@media(max-width:900px){.mq-hero-menu,.mq-hero-news{padding:12px}.mq-hero-menu h2,.mq-hero-news>a{font-size:11px;padding:8px 0}.mq-hero-news>a span{font-size:10px}}
.mq-hero-menu, .mq-hero-news {min-height:350px}.mq-hero-menu h2,.mq-hero-news h2{font-size:18px;margin-bottom:8px}.mq-hero-menu>a{padding:7px 3px;font-size:12px}.mq-hero-menu>a b{width:26px;height:26px;font-size:8px}.mq-hero-news>a{align-items:center;gap:8px;padding:7px 0}.mq-hero-news>a img{width:58px;height:42px;flex:0 0 58px;border-radius:7px;object-fit:cover;background:#eef3f8}.mq-hero-news>a span{font-size:11px}.mq-hero-news>a small{font-size:9px;margin-top:3px}@media(max-width:900px){.mq-hero-menu,.mq-hero-news{min-height:340px}.mq-hero-menu h2,.mq-hero-news h2{font-size:15px}.mq-hero-menu>a{font-size:10px}.mq-hero-news>a img{width:48px;height:36px;flex-basis:48px}.mq-hero-news>a span{font-size:9px}}
.mq-hero-menu{overflow:hidden}.mq-hero-menu>a{display:grid;grid-template-columns:26px minmax(0,1fr) 12px;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;line-height:1.15}.mq-hero-menu>a b{flex:none}.mq-hero-menu>a em{margin-left:0;text-align:right}@media(max-width:900px){.mq-hero-menu>a{grid-template-columns:23px minmax(0,1fr) 10px;gap:4px;font-size:9px}.mq-hero-menu>a b{width:23px;height:23px}.mq-hero-menu h2{font-size:14px}}
.mq-hero-menu>a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.mq-hero-menu>a b{display:grid;place-items:center}@media(max-width:900px){.mq-hero-menu>a{font-size:9px}}
/* ===== MQ UX ADAPTER 2026-10-21: old .mq-home-v5/.mq-wrap layout mapped onto Flatsome section/row/col output ===== */
body.page-id-2 .section{padding-top:0;padding-bottom:0}
body.page-id-2 .section-content{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:18px;padding-right:18px}
body.page-id-2 .row{margin-left:0;margin-right:0}
body.page-id-2 .col{padding-left:0;padding-right:0}
body.page-id-2 .col-inner{padding:0}
body.page-id-2

/* mq-menu-mobile-hide-20261023: user 20:51 - tren mobile an hoan toan menu Tat ca danh muc o hero, desktop giu lai menu nhung bo chieu cao thua. Dung ID cot de thang moi rule class !important truoc do. */
#col-439268633 {
  min-height: 0 !important;
}
#col-439268633 .mq-dynamic-mega__panel {
  min-height: 0 !important;
}
@media (max-width: 560px) {
  #col-439268633,
  .mq-hero-menu-dynamic {
    display: none !important;
  }
}

/* ===== 2. mq-wishlist.css (moi trang, tru admin) ===== */
/* MQ Wishlist (2026-10-21) - theme file, enqueued on frontend */
.product-small .box-image{position:relative;}
.mq-wish-btn{position:absolute;top:8px;right:8px;z-index:5;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e2e8f0;border-radius:50%;background:rgba(255,255,255,.95);color:#94a3b8;font-size:19px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(15,40,80,.12);transition:color .15s,border-color .15s,transform .15s;padding:0;}
.mq-wish-btn:hover{transform:scale(1.08);color:#e11d48;border-color:#fecdd3;}
.mq-wish-btn.is-active{color:#e11d48;border-color:#fda4af;}
.mq-wish-btn--single{position:static;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#334155;font-size:14px;font-weight:700;cursor:pointer;margin:10px 0;}
.mq-wish-btn--single.is-active{color:#e11d48;border-color:#fda4af;background:#fff1f2;}
.mq-wishlist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:16px 0 32px;}
.mq-wishlist-item{border:1px solid #e6edf5;border-radius:12px;padding:14px;text-align:center;background:#fff;}
.mq-wishlist-item img{width:100%;height:auto;object-fit:contain;margin-bottom:10px;}
.mq-wishlist-item h3{font-size:14px;line-height:1.4;margin:0 0 8px;}
.mq-wishlist-item h3 a{color:#173a70;text-decoration:none;}
.mq-wishlist-item .price{color:#c64d3f;font-weight:700;margin-bottom:10px;}
.mq-wishlist-item .mq-wishlist-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;align-items:center;}
.mq-wishlist-remove{border:0;background:transparent;color:#64748b;cursor:pointer;font-size:13px;text-decoration:underline;}
@media (max-width:849px){.mq-wishlist-grid{grid-template-columns:repeat(3,1fr);gap:14px;}}
@media (max-width:549px){.mq-wishlist-grid{grid-template-columns:repeat(2,1fr);gap:10px;}.mq-wishlist-item{padding:10px;}}

/* MQ Wishlist khung popup 2026-10-22 (sua lai tu drawer full man hinh) — khung nho gon o giua, khong phai bang to */
/* Nut noi: chi JS hien khi co >=1 SP (mac dinh an) */
#mq-wish-fab{position:fixed;z-index:99991;left:16px;right:auto;bottom:32px;display:none;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:0;border-radius:999px;background:#e11d48;color:#fff;font-size:14px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 6px 20px rgba(225,29,72,.35);touch-action:manipulation;}
#mq-wish-fab.is-visible{display:inline-flex;}
#mq-wish-fab .mq-wish-fab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.25);font-size:12px;}
/* Tranh de thanh so sanh khi thanh so sanh dang mo */
body.mqcc-bar-open #mq-wish-fab{bottom:260px;}
/* Lop phu */
#mq-wish-overlay{position:fixed;z-index:99992;inset:0;background:rgba(10,25,50,.45);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s;}
#mq-wish-overlay.is-visible{opacity:1;visibility:visible;}
/* Khung popup nho gon o giua man hinh */
#mq-wish-drawer{position:fixed;z-index:99993;top:50%;left:50%;width:min(360px,calc(100vw - 32px));max-height:min(480px,72vh);display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 20px 50px rgba(10,32,64,.3);transform:translate(-50%,-50%) scale(.94);opacity:0;visibility:hidden;transition:transform .22s ease,opacity .22s ease,visibility .22s;overflow:hidden;}
#mq-wish-drawer.is-open{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible;}
.mq-wish-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e6edf5;}
.mq-wish-drawer__head strong{font-size:15px;color:#10233f;}
.mq-wish-drawer__close{width:32px;height:32px;flex:0 0 32px;border:1px solid #e2e8f0;border-radius:50%;background:#fff;color:#64748b;font-size:18px;line-height:1;cursor:pointer;}
.mq-wish-drawer__list{flex:1;overflow-y:auto;padding:4px 16px;}
.mq-wish-drawer__item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #eef2f7;}
.mq-wish-drawer__item:last-child{border-bottom:0;}
.mq-wish-drawer__item img{width:56px;height:56px;flex:0 0 56px;object-fit:contain;border:1px solid #eef2f7;border-radius:8px;background:#f8fafc;}
.mq-wish-drawer__info{min-width:0;flex:1;}
.mq-wish-drawer__info a{display:block;color:#173a70;font-size:13px;font-weight:600;line-height:1.4;text-decoration:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.mq-wish-drawer__price{margin-top:3px;color:#c64d3f;font-size:13px;font-weight:700;}
.mq-wish-drawer__remove{flex:0 0 auto;border:0;background:transparent;color:#94a3b8;font-size:20px;line-height:1;cursor:pointer;padding:0 2px;}
.mq-wish-drawer__remove:hover{color:#e11d48;}
.mq-wish-drawer__empty{padding:32px 16px;text-align:center;color:#64748b;font-size:14px;}
.mq-wish-drawer__foot{padding:12px 16px;border-top:1px solid #e6edf5;}
.mq-wish-drawer__viewall{display:block;text-align:center;padding:12px;border-radius:9px;background:#2453a4;color:#fff!important;font-size:14px;font-weight:700;text-decoration:none!important;}
@media (max-width:549px){#mq-wish-fab{left:12px;right:auto;bottom:28px;}body.mqcc-bar-open #mq-wish-fab{bottom:calc(260px + env(safe-area-inset-bottom));}}

/* Trang chi tiet mobile: nang fab len tren thanh Mua ngay dinh (66px + safe-area), khe 12px */
@media (max-width:767px){body.single-product #mq-wish-fab{bottom:calc(78px + env(safe-area-inset-bottom));}body.single-product.mqcc-bar-open #mq-wish-fab{bottom:calc(260px + env(safe-area-inset-bottom));}}

/* ===== 3. mq-product.css (chi trang chi tiet cu, gio tai o moi trang nen rule archive co tac dung) ===== */
/* ============================================================
   MQ Product Detail Beautify — 2026-10-22
   Làm đẹp trang chi tiết SP (chỉ CSS, không đụng cấu trúc).
   File theme riêng trong lw_customize, enqueue khi is_product().
   Màu chủ đạo: xanh dương #0d47a1 + giá đỏ #c84236 (đồng bộ màu trang chủ),
   nút Mua ngay đỏ cam #f57224, nền phụ #f6f7f9.
   ============================================================ */

/* ---------- 1. Vùng thông tin: khung card bo tròn + bóng nhẹ ---------- */
.single-product .product-info {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 16px;
  padding: 22px 22px 18px !important;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.06);
}

/* ---------- 2. Tiêu đề: to, đậm ---------- */
.single-product .product-info h1,
.single-product h1.product-title {
  font-size: clamp(22px, 2.6vw, 28px) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #111 !important;
  margin-bottom: 8px !important;
}

/* ---------- 3. Giá: to, đỏ đậm; giá gốc gạch xám ---------- */
.single-product p.price.product-page-price {
  font-size: clamp(28px, 3.4vw, 34px) !important;
  font-weight: 800 !important;
  color: #c84236 !important;
  line-height: 1.2 !important;
  margin: 10px 0 4px !important;
}
.single-product p.price.product-page-price del,
.single-product p.price.product-page-price del .woocommerce-Price-amount {
  font-size: 17px !important;
  font-weight: 400 !important;
  color: #999 !important;
}
.single-product p.price.product-page-price ins {
  text-decoration: none !important;
}
/* Số giá thật (span .amount): rule .price .amount của Additional CSS đang đè màu của <p>, phải chỉ rõ span mới ăn màu */
.single-product p.price.product-page-price .woocommerce-Price-amount {
  color: #c84236 !important;
}
/* Pill giảm % (PHP gắn cạnh giá khi SP đang sale) */
.mq-discount-pill {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  padding: 3px 10px;
  background: #c84236;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  border-radius: 999px;
  line-height: 1.5;
}
/* Số đã bán (PHP gắn dưới tiêu đề) */
.mq-sold-count {
  font-size: 14px;
  color: #666;
  margin: 2px 0 6px;
}
.mq-sold-count strong {
  color: #c84236;
}

/* ---------- 4. Nút mua: Mua ngay đỏ cam full-width, Thêm giỏ viền xanh ---------- */
.single-product .single_add_to_cart_button,
.single-product .ux-buy-now-button {
  height: 52px !important;
  min-height: 52px !important;
  border-radius: 10px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
/* Mua ngay: đỏ cam, full-width */
.single-product .ux-buy-now-button {
  width: 100% !important;
  grid-column: 1 / -1 !important;
  background: #f57224 !important;
  border-color: #f57224 !important;
  color: #fff !important;
  margin-top: 10px !important;
}
/* Thêm vào giỏ: viền xanh, nền trắng */
.single-product .single_add_to_cart_button {
  background: #fff !important;
  border: 2px solid #0d47a1 !important;
  color: #0d47a1 !important;
}
.single-product .single_add_to_cart_button:hover {
  background: #eef3fd !important;
}
/* Số lượng + nút mua xếp gọn */
.single-product .product-info .quantity {
  height: 52px !important;
}
.single-product .product-info .quantity input.qty {
  height: 52px !important;
  border-radius: 10px !important;
}

/* ---------- 5. Yêu thích / So sánh: nút icon tròn gọn ---------- */
.single-product .mq-wish-btn,
.single-product .mqcc-compare-button {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  border: 1px solid #ddd !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #fff !important;
}

/* ---------- 6. Gallery: ảnh chính bo tròn, thumbnail bo + viền khi chọn ---------- */
.single-product .product-images .woocommerce-product-gallery__image img,
.single-product .product-images img.wp-post-image {
  border-radius: 16px !important;
  border: 1px solid #eee !important;
}
/* Badge sale trên ảnh: đỏ, nổi bật */
.single-product .badge-inner.on-sale,
.single-product .badge-inner.secondary.on-sale {
  background: #c84236 !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
}
/* Thumbnail slider nav */
.single-product .product-images .slider-nav-small .flickity-slider > *,
.single-product .product-images .flex-control-thumbs li img {
  border-radius: 10px !important;
  border: 2px solid transparent !important;
}
.single-product .product-images .slider-nav-small .is-selected img,
.single-product .product-images .flex-control-thumbs li img.flex-active {
  border-color: #0d47a1 !important;
}

/* ---------- 7. Box tin cậy: dải 4 icon, nền xanh nhạt bo tròn ---------- */
.mq-trust-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  background: #eef3fd;
  border: 1px solid #dbe6fb;
  border-radius: 14px;
  padding: 14px 12px;
  margin: 16px 0 4px;
}
.mq-trust-box__item {
  text-align: center;
  font-size: 12.5px;
  line-height: 1.35;
  color: #333;
}
.mq-trust-box__icon {
  font-size: 22px;
  line-height: 1;
  display: block;
  margin-bottom: 5px;
}
@media (max-width: 480px) {
  .mq-trust-box {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 8px;
  }
}

/* ---------- 8. Tab: dạng pill, tab active nền xanh ---------- */
.single-product .tabbed-content .nav {
  /* gap đã có sẵn từ rule global cũ (.tabbed-content .nav) → không lặp lại */
  border-bottom: none !important;
}
.single-product .tabbed-content .nav > li {
  margin: 0 !important;
}
.single-product .tabbed-content .nav > li > a {
  border-radius: 999px !important;
  border: 1px solid #ddd !important;
  background: #fff !important;
  padding: 9px 20px !important;
  font-weight: 600 !important;
  color: #333 !important;
}
.single-product .tabbed-content .nav > li.active > a,
.single-product .tabbed-content .nav > li > a.active {
  background: #0d47a1 !important;
  border-color: #0d47a1 !important;
  color: #fff !important;
}
/* Nội dung tab: tiêu đề con đậm, bảng thông số zebra + bo tròn */
.single-product .tabbed-content .panel h2,
.single-product .tabbed-content .panel h3 {
  font-weight: 700 !important;
  color: #111 !important;
}
.single-product table.shop_attributes {
  border: 1px solid #eee !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border-collapse: separate !important;
}
.single-product table.shop_attributes tr:nth-child(even) th,
.single-product table.shop_attributes tr:nth-child(even) td {
  background: #f6f7f9 !important;
}
.single-product table.shop_attributes th {
  font-weight: 600 !important;
  color: #333 !important;
}

/* ---------- 9. SP liên quan: ĐÃ ĐẸP SẴN từ Additional CSS cũ
   (body.single-product .products .product-small: bo 14px + bóng + hover nâng)
   → KHÔNG viết lại ở đây để tránh đè lớp trùng lặp. ---------- */

/* ---------- 10. Thanh mua dính mobile (PHP gắn ở footer) ---------- */
#mq-sticky-buy {
  display: none;
}
@media (max-width: 767px) {
  .single-product .product-info {
    padding: 16px !important;
    border-radius: 14px;
  }
  .single-product p.price.product-page-price {
    font-size: 28px !important;
  }
  /* Tab mobile: giữ 1 hàng, cuộn ngang thay vì rớt "Đánh giá" xuống hàng 2 */
  .single-product .tabbed-content .nav {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }
  .single-product .tabbed-content .nav > li {
    flex-shrink: 0 !important;
  }
  #mq-sticky-buy {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border-top: 1px solid #eee;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.1);
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
    transform: translateY(110%);
    transition: transform 0.25s ease;
  }
  #mq-sticky-buy.is-visible {
    transform: translateY(0);
  }
  #mq-sticky-buy img {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
  }
  #mq-sticky-buy .mq-sticky-buy__info {
    flex: 1;
    min-width: 0;
  }
  #mq-sticky-buy .mq-sticky-buy__price {
    font-size: 17px;
    font-weight: 800;
    color: #c84236;
    line-height: 1.2;
  }
  #mq-sticky-buy .mq-sticky-buy__name {
    font-size: 12px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #mq-sticky-buy .mq-sticky-buy__btn {
    flex-shrink: 0;
    height: 46px;
    padding: 0 22px;
    border: none;
    border-radius: 10px;
    background: #f57224;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
  }
}

/* SẢN PHẨM ĐÃ XEM (true history, shortcode mq_recently_viewed) */
.mq-viewed-section { margin-top: 0; }
.mq-viewed-title { text-align: center; margin: 0 0 32px; }

/* ---------- 11. Fix-all 2026-10-23: bien the + danh muc + trust box tablet ---------- */
/* Bien the: gia do 28px khong tach, pill chon toi thieu 44px, da chon vien xanh, het hang mo */
.single-product form.variations_form .woocommerce-variation .price,
.single-product .woocommerce-variation .price {
  color: #c84236 !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
.single-product form.variations_form .variations select,
.single-product .woo-variation-swatches .variable-items-wrapper .variable-item {
  min-height: 44px !important;
  min-width: 44px !important;
}
.single-product .woo-variation-swatches .variable-items-wrapper .variable-item.selected {
  border-color: #0d47a1 !important;
  box-shadow: 0 0 0 1px #0d47a1 !important;
}
.single-product .woo-variation-swatches .variable-items-wrapper .variable-item.disabled {
  opacity: 0.45 !important;
}
/* Danh muc: gia khong tach, nut mua toi thieu 44px, badge khong bi cat */
body.woocommerce.archive .products .product-small .price,
body.woocommerce.archive .products .product-small .price .amount {
  white-space: nowrap !important;
}
body.woocommerce.archive .products .product-small .add-to-cart-button,
body.woocommerce.archive .products .product-small .add-to-cart-button > a,
body.woocommerce.archive .products .product-small .add-to-cart-button > button {
  min-height: 44px !important;
}
body.woocommerce.archive .products .product-small .badge-container {
  overflow: visible !important;
}
/* Trust box: tablet 550-849px cung xuong 2 cot nhu mobile, desktop >=850px giu 4 cot */
@media (max-width: 849px) {
  .mq-trust-box {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px 8px !important;
  }
}

/* ===== 4. style.css cu (tru header theme, giu nguyen thu tu cuoi) ===== */
/*************** ADD CUSTOM CSS HERE.   ***************/

@media only screen and (max-width: 48em) {

.page-header-excerpt,
.post_comments {
    display: none;
}

/* Minh Quan homepage product tiles v2 — 2026-10-10 */
:root{--mq-blue:#0646b5;--mq-line:#e3eaf3;--mq-radius:18px}
.home{background:#f7f9fc}
.home .section{padding-top:28px;padding-bottom:28px}
.home .section-title,.home .section-title b,.home .section-title-main{color:var(--mq-ink);font-size:clamp(20px,2.1vw,30px);font-weight:800;letter-spacing:-.02em;line-height:1.2}
.home .section-title{margin-bottom:18px}
.home .section-title:after{background:var(--mq-blue);height:3px;border-radius:99px}
.home .products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0!important}
.home .products .product-small{width:auto!important;min-width:0;background:#fff;border:1px solid var(--mq-line);border-radius:var(--mq-radius);overflow:hidden;box-shadow:0 5px 18px rgba(15,38,74,.06);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;display:flex;flex-direction:column}
.home .products .product-small:hover{transform:translateY(-5px);border-color:#bcd0ef;box-shadow:0 14px 28px rgba(15,55,110,.14)}
.home .product-small .box-image{background:linear-gradient(180deg,#fbfdff 0%,#f2f6fb 100%);margin:0!important;padding:14px!important;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.home .product-small .box-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s ease}
.home .product-small:hover .box-image img{transform:scale(1.04)}
.home .product-small .box-text{padding:14px 15px 16px!important;display:flex;flex-direction:column;flex:1}
.home .product-small .category{color:#718096;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin:0 0 6px}
.home .product-small .name,.home .product-small .name a{color:var(--mq-ink);font-size:15px;font-weight:700;line-height:1.38;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}
.home .product-small .price{color:var(--mq-blue);font-size:17px;font-weight:800;line-height:1.2;margin:10px 0 0}
.home .product-small .price del{color:#94a3b8;font-size:12px;font-weight:500;margin-right:4px}

.home .product-small .wishlist-icon,.home .product-small .quick-view{border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.home .product-category{background:#fff;border:1px solid var(--mq-line);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(15,38,74,.06);transition:transform .2s ease,box-shadow .2s ease}
.home .product-category:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(15,55,110,.12)}
.home .product-category .box-text{padding:12px 10px!important;text-align:center}
.home .product-category .box-text h5{font-size:14px;font-weight:800;color:var(--mq-ink);margin:0}
.home .button.primary,.home .button.is-outline{border-radius:10px;font-weight:800}
@media (max-width:1100px){.home .products{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media (max-width:767px){.home .section{padding-top:20px;padding-bottom:20px}.home .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home .products .product-small{border-radius:14px}.home .product-small .box-image{padding:9px!important}.home .product-small .box-text{padding:10px!important}.home .product-small .name,.home .product-small .name a{font-size:13px;line-height:1.32;min-height:35px}.home .product-small .price{font-size:15px;margin-top:7px}.home .section-title,.home .section-title b,.home .section-title-main{font-size:21px}}





/* Minh Quan homepage news thumbnails — shared child-theme CSS */
.mq-hero-news a{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;padding:7px 0!important;min-width:0!important}
.mq-hero-news a img{display:block!important;width:42px!important;height:32px!important;max-width:42px!important;object-fit:cover!important;border-radius:5px!important;margin:0!important}
.mq-hero-news a span{min-width:0!important;overflow:hidden!important;font-size:11px!important;line-height:1.2!important}
.mq-hero-news a span small{display:block!important;margin-top:2px!important;font-size:9px!important;color:#8b9aad!important}
@media (max-width:900px){.mq-hero-news a{grid-template-columns:36px minmax(0,1fr)!important;gap:6px!important}.mq-hero-news a img{width:36px!important;height:28px!important;max-width:36px!important}.mq-hero-news a span{font-size:9px!important}.mq-hero-news a span small{font-size:8px!important}}


/* Dynamic mega menu driven by Appearance > Menus */
.mq-hero-menu-dynamic{position:relative!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;min-height:350px!important;z-index:60!important;overflow:visible!important}
.mq-dynamic-mega{position:relative;width:100%;height:100%}.mq-dynamic-mega__trigger{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;padding:0 14px;border:0;border-radius:7px;background:#1d6fe8;color:#fff;cursor:pointer;font:700 14px/1.2 inherit;text-align:left}.mq-dynamic-mega__trigger span{font-size:19px;line-height:1}.mq-dynamic-mega__panel{position:absolute;top:52px;left:0;display:none;width:min(980px,calc(100vw - 32px));min-height:330px;grid-template-columns:190px minmax(0,1fr);background:#fff;border:1px solid #e4eaf2;border-radius:0 0 14px 14px;box-shadow:0 18px 42px rgba(7,27,54,.18);overflow:hidden}.mq-dynamic-mega:hover .mq-dynamic-mega__panel,.mq-dynamic-mega:focus-within .mq-dynamic-mega__panel{display:grid}.mq-dynamic-mega__rail{padding:8px 0;background:#f7f8fb;border-right:1px solid #e4eaf2}.mq-dynamic-mega__rail a{display:flex!important;align-items:center!important;gap:9px!important;padding:12px 16px!important;color:#263853!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;text-decoration:none!important}.mq-dynamic-mega__rail a:hover{background:#fff;color:#1769b7!important;border-left:3px solid #e87722;padding-left:13px!important}.mq-dynamic-mega__icon{display:grid;place-items:center;width:20px;height:20px;color:#1d6fe8;font-size:12px}.mq-dynamic-mega__content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:22px;padding:20px 24px}.mq-dynamic-mega__group{min-width:0}.mq-dynamic-mega__group h3{margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #edf0f5;color:#a54832;font-size:13px;font-weight:900;line-height:1.2}.mq-dynamic-mega__group h3 a{color:inherit;text-decoration:none}.mq-dynamic-mega__group ul{list-style:none;margin:0;padding:0}.mq-dynamic-mega__group li{margin:0}.mq-dynamic-mega__group li a,.mq-dynamic-mega__group p{display:block!important;padding:5px 0!important;color:#5b6572!important;font-size:12px!important;line-height:1.25!important;text-decoration:none!important}.mq-dynamic-mega__group li a:hover{color:#1769b7!important}.mq-dynamic-mega__group p{color:#8a94a3!important}@media(max-width:900px){.mq-dynamic-mega__panel{width:min(760px,calc(100vw - 24px));grid-template-columns:150px minmax(0,1fr)}.mq-dynamic-mega__content{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.mq-dynamic-mega__rail a{padding:10px 12px!important;font-size:11px!important}.mq-dynamic-mega__trigger{font-size:12px}}@media(max-width:560px){.mq-hero-menu-dynamic{display:none!important}}


/* Always-open homepage category menu */


/* Restore three-column hero with always-open left menu */
.mq-hero-menu-dynamic{position:relative!important;overflow:visible!important;z-index:60!important}.mq-hero-menu-dynamic .mq-dynamic-mega__trigger{display:flex!important}.mq-hero-menu-dynamic .mq-dynamic-mega__panel{position:absolute!important;top:52px!important;left:0!important;display:grid!important;width:min(980px,calc(100vw - 32px))!important;min-height:330px!important}.mq-hero-menu-dynamic .mq-dynamic-mega__content{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:20px 24px}@media(max-width:900px){.mq-hero-menu-dynamic .mq-dynamic-mega__panel{width:min(760px,calc(100vw - 24px))!important;grid-template-columns:150px minmax(0,1fr)}.mq-hero-menu-dynamic .mq-dynamic-mega__content{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}}@media(max-width:560px){.mq-hero-menu-dynamic .mq-dynamic-mega__panel{position:static!important;display:block!important;width:100%!important;min-height:0}.mq-hero-menu-dynamic .mq-dynamic-mega__rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-right:0}.mq-hero-menu-dynamic .mq-dynamic-mega__content{display:none!important}}


/* UX hover effects: ca-mega__rail a{position:relative;transition:background-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}.mq-dynamic-mega__rail a:hover{transform:translateX(4px);background:linear-gradient(90deg,#fff 0%,#eef6ff 100%)!important;color:#1267c4!important;box-shadow:0 5px 14px rgba(18,103,196,.10)}.mq-dynamic-mega__rail a:hover .mq-dynamic-mega__icon{transform:scale(1.15);color:#ed7b25}.mq-dynamic-mega__icon{transition:transform .22s ease,color .22s ease}.mq-dynamic-mega__group li a{position:relative;border-radius:6px;transition:background-color .2s ease,color .2s ease,padding-left .2s ease}.mq-dynamic-mega__group li a:hover{padding-left:8px!important;background:#f3f8ff;color:#1267c4!important}.mq-hero-news-list>a{position:relative;overflow:hidden;border-radius:8px;transition:background-color .22s ease,transform .22s ease,box-shadow .22s ease;padding:7px!important}.mq-hero-news-list>a:hover{transform:translateY(-2px);background:#f4f8ff;box-shadow:0 7px 16px rgba(20,65,115,.13)}.mq-hero-news-list>a img{transition:transform .3s ease,filter .3s ease}.mq-hero-news-list>a:hover img{transform:scale(1.1);filter:saturate(1.12)}.mq-hero-news-list>a span{transition:color .2s ease}.mq-hero-news-list>a:hover span{color:#1267c4!important}.mq-hero-news-list>a span small{transition:color .2s ease}.mq-hero-news-list>a:hover span small{color:#ed7b25!important}@media(prefers-reduced-motion:reduce){.mq-dynamic-mega__rail a,.mq-dynamic-mega__icon,.mq-dynamic-mega__group li a,.mq-hero-news-list>a,.mq-hero-news-list>a img{transition:none!important;transform:none!important}}


/* Flash Sale: compact cards and responsive 5/4/2 layout */
.mq-flash .fs-products-grid.products{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;grid-auto-rows:auto!important;align-items:start!important}.mq-flash .fs-product-wrap{min-width:0!important;box-shadow:0 6px 18px rgba(7,27,54,.10)!important;border-radius:12px!important}.mq-flash .fs-image-container img{width:86%!important;height:86%!important;margin:7%!important;object-fit:contain!important}.mq-flash .fs-product-info{padding:8px 8px 10px!important}.mq-flash .fs-product-title,.mq-flash .fs-product-title a{font-size:13px!important;line-height:1.3!important}.mq-flash .fs-product-price,.mq-flash .fs-product-price span,.mq-flash .price{font-size:13px!important}.mq-flash .fs-contain{margin:7px 8px!important}.mq-flash .rq_count b{font-size:11px!important}@media(max-width:900px){.mq-flash .fs-products-grid.products{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}}@media(max-width:560px){.mq-flash .fs-products-grid.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.mq-flash .fs-product-title,.mq-flash .fs-product-title a{font-size:11px!important}.mq-flash .fs-product-price,.mq-flash .fs-product-price span,.mq-flash .price{font-size:11px!important}.mq-flash .fs-image-container img{width:82%!important;height:82%!important;margin:9%!important}}


/* MQ PARTNERS / UX BUILDER LOGO SLIDER v3.1.7 */

.mq-partners{position:relative;overflow:hidden;padding:34px 28px 26px;border:1px solid #e8edf3;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f7fbff 100%);box-shadow:0 12px 30px rgba(16,42,67,.06)}
.mq-partners-head{text-align:center;margin:0 auto 22px;max-width:720px}
.mq-partners-head .mq-kicker{display:inline-block;margin-bottom:8px;color:#1677ff;font-size:11px;font-weight:800;letter-spacing:.16em}
.mq-partners-head h2{margin:0;color:#102a43;font-size:clamp(20px,2.2vw,30px);font-weight:800;letter-spacing:-.02em}
.mq-partners-head p{margin:8px 0 0;color:#627d98;font-size:14px}
.mq-partner-slider{margin:0!important;padding:0 30px!important}
.mq-partner-slider .flickity-viewport{overflow:hidden!important}
.mq-partner-slider .flickity-slider>.mq-partner-slide{width:12.5%;padding:5px 9px;box-sizing:border-box}
.mq-partner-slide a{height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px 10px;border:1px solid #e6edf5;border-radius:15px;background:#fff;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.mq-partner-slide a:hover{transform:translateY(-4px);border-color:#b9d6ff;box-shadow:0 10px 22px rgba(22,119,255,.12)}
.mq-partner-slide img{display:block;width:auto!important;max-width:112px;height:42px!important;object-fit:contain!important}
.mq-partner-slide span{display:block;color:#486581;font-size:11px;font-weight:700;line-height:1.15;text-align:center;white-space:nowrap}
.mq-partner-slider .flickity-button{width:32px;height:32px;background:#1677ff;color:#fff;opacity:1}
.mq-partner-slider .flickity-button:hover{background:#0b5ed7}
.mq-partner-slider .flickity-button svg{width:14px;height:14px}
@media(max-width:1100px){.mq-partner-slider .flickity-slider>.mq-partner-slide{width:20%}.mq-partner-slider{padding:0 26px!important}}
@media(max-width:600px){.mq-partners{padding:25px 10px 20px;border-radius:16px}.mq-partners-head{margin-bottom:15px}.mq-partners-head p{font-size:12px}.mq-partner-slider{padding:0 20px!important}.mq-partner-slider .flickity-slider>.mq-partner-slide{width:33.333%;padding:4px}.mq-partner-slide a{height:86px;padding:9px 4px;gap:6px;border-radius:11px}.mq-partner-slide img{max-width:72px;height:28px!important}.mq-partner-slide span{font-size:9px}.mq-partner-slider .flickity-button{width:27px;height:27px}}


/* MQ PARTNERS FIX v3.1.8 - Flatsome slider fallback */
.mq-partner-slider>.slider>.mq-partner-slide{display:inline-block;width:12.5%;padding:5px 9px;box-sizing:border-box;vertical-align:top}
.mq-partner-slider>.slider>.mq-partner-slide a{width:100%;box-sizing:border-box}
.mq-partners{max-width:100%;box-sizing:border-box}
@media(max-width:600px){.mq-partner-slider>.slider>.mq-partner-slide{width:33.333%;padding:4px}.mq-partner-slider{max-width:100%;overflow:hidden}.mq-partners{overflow:hidden}}


/* MQ PARTNERS FIX v3.1.9 - override Flatsome width */
.mq-partner-slider>.slider>.mq-partner-slide{width:12.5%!important;min-width:0!important;flex:0 0 12.5%!important;display:inline-block!important}
.mq-partner-slider>.slider{display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
@media(max-width:1100px){.mq-partner-slider>.slider>.mq-partner-slide{width:20%!important;flex-basis:20%!important}}
@media(max-width:600px){.mq-partner-slider>.slider>.mq-partner-slide{width:33.333%!important;flex-basis:33.333%!important}}


/* MQ FINAL FIX v3.1.9 */
/* Logo slider: override Flatsome default width:100% for non-Flickity children */
.mq-partner-slider>.slider:not(.flickity-enabled)>div.mq-partner-slide{width:12.5%!important;min-width:0!important;max-width:12.5%!important;display:inline-block!important;vertical-align:top;box-sizing:border-box}
.mq-partner-slider>.slider.flickity-enabled .flickity-slider>div.mq-partner-slide{width:12.5%!important;min-width:0!important;max-width:12.5%!important;box-sizing:border-box}
.mq-partner-slider>.slider{width:100%!important;max-width:100%!important;overflow:hidden!important}
@media(max-width:1100px){.mq-partner-slider>.slider:not(.flickity-enabled)>div.mq-partner-slide,.mq-partner-slider>.slider.flickity-enabled .flickity-slider>div.mq-partner-slide{width:20%!important;max-width:20%!important}}
@media(max-width:600px){.mq-partner-slider>.slider:not(.flickity-enabled)>div.mq-partner-slide,.mq-partner-slider>.slider.flickity-enabled .flickity-slider>div.mq-partner-slide{width:33.333%!important;max-width:33.333%!important}}
/* Category mega menu: closed by default, opens while hovering the menu area */
@media(min-width:561px){.mq-hero-menu-dynamic .mq-dynamic-mega__panel{display:none!important;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease}.mq-hero-menu-dynamic .mq-dynamic-mega:hover .mq-dynamic-mega__panel,.mq-hero-menu-dynamic .mq-dynamic-mega:focus-within .mq-dynamic-mega__panel{display:grid!important;visibility:visible;opacity:1;pointer-events:auto}.mq-hero-menu-dynamic .mq-dynamic-mega__trigger{cursor:pointer}}

/* MQ LOGO WAVE UNDER LOGO v1 */
#header #logo::after{content:"";display:none;width:100%;height:36px;background-image:url("https://minhquan.net/wp-content/uploads/2026/07/ChatGPT-Image-Jul-3-2026-01_09_05-PM-1.png");background-repeat:no-repeat;background-position:center bottom;background-size:100% auto;}}

/* MQ FIX3 20261024 - Khám phá nhanh: trước đây không có rule nào cho .mq-cat-grid/.mq-cat nên 6 mục xếp dọc, nay làm lưới thẻ theo mẫu brand */
.mq-cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.mq-cat-grid br{display:none}
.mq-cat{display:flex;align-items:center;gap:10px;min-height:92px;padding:14px 12px;border:1px solid #e6edf5;border-radius:14px;background:#fff;color:#1b2c43;text-decoration:none;box-shadow:0 7px 18px rgba(16,34,61,.04);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.mq-cat:hover{transform:translateY(-4px);border-color:#0756a8;box-shadow:0 13px 26px rgba(7,86,168,.12);color:#0756a8}
.mq-cat-icon{flex:0 0 40px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eef4ff;color:#0756a8;font-size:13px;font-weight:900}
@media(max-width:900px){.mq-cat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.mq-cat-grid{grid-template-columns:repeat(2,1fr);gap:9px}.mq-cat{min-height:82px;padding:10px 9px}.mq-cat-icon{flex-basis:34px;width:34px;height:34px;font-size:12px}}
/* MQ FIX3 20261024 - Đối tác Flickity px: width % cũ bị Flickity đo lại thành 1 logo/khung, đổi sang px để nhiều logo hiện cùng lúc */
.mq-partner-slider>.slider.flickity-enabled .flickity-slider>div.mq-partner-slide,.mq-partner-slider>.slider:not(.flickity-enabled)>div.mq-partner-slide{width:160px!important;min-width:160px!important;max-width:160px!important}
@media(max-width:1100px){.mq-partner-slider>.slider.flickity-enabled .flickity-slider>div.mq-partner-slide,.mq-partner-slider>.slider:not(.flickity-enabled)>div.mq-partner-slide{width:140px!important;min-width:140px!important;max-width:140px!important}}
@media(max-width:600px){.mq-partner-slider>.slider.flickity-enabled .flickity-slider>div.mq-partner-slide,.mq-partner-slider>.slider:not(.flickity-enabled)>div.mq-partner-slide{width:120px!important;min-width:120px!important;max-width:120px!important}}

/* MQ HERO NEW 20261024 - slider hero toan bo moi: text-box thanh the trang ben trai, chu trai, kicker dang pill, nut dang vien thuoc */
.mq-home-v5-hero .text-box{background:rgba(255,255,255,.92)!important;border-radius:16px!important;box-shadow:0 10px 24px rgba(16,42,67,.08)!important}
.mq-home-v5-hero .text-box .text-inner{text-align:left!important}
.mq-home-v5-hero .text-box h3{display:inline-block!important;background:#eef4ff!important;color:#0756a8!important;padding:6px 12px!important;border-radius:999px!important;font-size:12px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.mq-home-v5-hero .text-box .button{border-radius:999px!important}

/* MQ HERO TITLE FIX 20261024 - tieu de hero bi trang tren the trang, kho doc: ep tieu de ve xanh den, giu phan xanh #0756a8, mo ta ve xam xanh */
.mq-home-v5-hero .text-box h2{color:#071b36!important}
.mq-home-v5-hero .text-box h2 strong{color:#071b36!important}
.mq-home-v5-hero .text-box h2 span{color:#0756a8!important}
.mq-home-v5-hero .text-box p{color:#486581!important}

/* MQ HERO DESC FIX 20261024 - mo ta va nhan danh muc hero bi trang do rule cu MQ-FIX-20261023-Y8 (body.home .slider-wrapper:not(.mq-partner-slider) .banner .text-box-content h2/h3/p color #fff !important, do dac hieu 0,5,2 thang rule mq-custom cu 0,2,1); dung #main de thang, chi ap cho hero, khong doi slider khac */
#main .mq-home-v5-hero .text-box h3{color:#0756a8!important;background:#eef4ff!important}
#main .mq-home-v5-hero .text-box p{color:#486581!important}
#main .mq-home-v5-hero .text-box h2{color:#071b36!important}
#main .mq-home-v5-hero .text-box h2 strong{color:#071b36!important}
#main .mq-home-v5-hero .text-box h2 span{color:#0756a8!important}

/* MQ HERO DESC DARK 20261024 - mo ta hero #486581 van bi nhin la xam nhat tren the trang mo .92 (chu nho + anh sang sau the), ep mo ta ve xanh den dam #243b59 va the ve trang duc hoan toan de tang tuong phan, chi hero */
#main .mq-home-v5-hero .text-box{background:#fff!important}
#main .mq-home-v5-hero .text-box p{color:#243b59!important}

/* MQ HERO DESC SIZE 20261024 - mo ta hero da toi mau va the da duc nhung van qua nho so voi tieu de nen nhin luot de sot, tang co chu mo ta len 15px va dam vua 500, chi hero */
#main .mq-home-v5-hero .text-box p{font-size:15px!important;line-height:1.6!important;font-weight:500!important}