/*!
 * QEMIX - CSS hang menu va mega menu danh muc.
 * Trich tu qemix_new_layout.html, doi ten class sang tien to qmx-.
 */

/* ---------- hang menu ---------- */
#wide-nav.header-bottom{
  background:#fff;
  border-bottom:1px solid var(--qmx-line,#E7EBF2);
  border-top:0;
  box-shadow:none}
#wide-nav .flex-row{align-items:stretch}

/* Ba cot cua thanh nav deu phai cao bang hang.
   Mac dinh Flatsome de cot la display:block nen the ul ben trong chi cao
   bang mot dong chu, khoang 21px, lam moi thu dinh len mep tren.
   Do duoc: cot phai cao 54px nhung ul trong no chi cao 20.8px. */
#wide-nav .flex-col{display:flex;align-items:stretch}
#wide-nav .flex-col>ul{min-height:54px;align-items:center;margin:0}
/* Moi muc menu phai cao bang ca thanh nav, dung nhu file mau:
   .nav .lnk{height:54px;display:flex;align-items:center}
   Nho vay gach chan 2px nam sat day thanh nav chu khong lo lung duoi chu.
   Flatsome dat san line-height 21px cho .header-bottom-nav > li > a nen
   selector o day phai co #wide-nav de thang ve do uu tien. */
#wide-nav ul.header-bottom-nav>li{display:flex;align-items:stretch}
#wide-nav ul.header-bottom-nav>li>a,
#wide-nav .nav>li>a{
  font-family:'Be Vietnam Pro','Be Vietnam',system-ui,sans-serif;
  font-size:14.5px;font-weight:500;color:#5A6779;
  text-transform:none;letter-spacing:0;
  height:54px;display:flex;align-items:center;
  line-height:1;padding-top:0;padding-bottom:0;
  border-bottom:2px solid transparent;transition:.2s}
#wide-nav ul.header-bottom-nav>li>a:hover,
#wide-nav ul.header-bottom-nav>li.current-menu-item>a,
#wide-nav ul.header-bottom-nav>li.current-menu-ancestor>a,
#wide-nav .nav>li>a:hover,
#wide-nav .nav>li.current-menu-item>a,
#wide-nav .nav>li.current-menu-ancestor>a{color:#2F58A8;border-bottom-color:#2F58A8}
#wide-nav .nav-pills>li>a,
#wide-nav .nav>li>a:hover{background:none;border-radius:0}
#wide-nav .header-divider{display:none}

/* dong ghi chu ben phai */
.qmx-navnote{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Be Vietnam Pro','Be Vietnam',system-ui,sans-serif;
  font-size:13px;color:#8F9AAB;text-transform:none;letter-spacing:0;white-space:nowrap}
.qmx-navnote b{color:#141D2C;font-weight:600}

/* ---------- nut danh muc ---------- */
.qmx-navcat-w{position:relative;display:flex;align-items:center;flex:none}
.qmx-navcat{
  position:relative;height:54px;display:flex;align-items:center;gap:10px;
  padding:0 26px 0 0;margin:0;border:0;background:none;cursor:pointer;
  border-right:1px solid var(--qmx-line,#E7EBF2);
  font-family:'Be Vietnam Pro','Be Vietnam',system-ui,sans-serif;
  font-size:14.5px;font-weight:600;color:#141D2C;
  text-transform:none;letter-spacing:0;line-height:1;
  transition:.2s;box-shadow:none;min-height:0}
.qmx-navcat:hover,.qmx-navcat:focus{background:none;box-shadow:none;color:#2F58A8}
.qmx-navcat .qmx-cv{display:inline-flex;transition:.26s cubic-bezier(.22,.8,.28,1);color:#8F9AAB}
.qmx-navcat[aria-expanded="true"]{color:#2F58A8}
.qmx-navcat[aria-expanded="true"] .qmx-cv{transform:rotate(180deg);color:#2F58A8}

/* ---------- khung mega ---------- */
.qmx-mega{
  position:absolute;left:0;top:100%;width:min(760px,92vw);
  background:#fff;border:1px solid var(--qmx-line,#E7EBF2);border-top:0;
  border-radius:0 0 20px 20px;overflow:hidden;
  box-shadow:0 4px 10px rgba(12,27,58,.06),0 24px 54px -18px rgba(12,27,58,.24);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  /* Chi chuyen dong opacity va transform. Rieng visibility doi ngay khi mo,
     va chi doi ve hidden sau khi mo dan xong. Neu de transition rut gon
     chay ca visibility thi trinh duyet co the ve khung mega truoc khi cac
     phan ben trong kip hien, gay hien tuong cot trai trong. */
  transition:opacity .26s cubic-bezier(.22,.8,.28,1),
             transform .26s cubic-bezier(.22,.8,.28,1),
             visibility 0s linear .26s;
  z-index:60;
  font-family:'Be Vietnam Pro','Be Vietnam',system-ui,sans-serif;
  font-size:15.5px;line-height:1.7;color:#141D2C;text-align:left}
.qmx-mega:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(122deg,#3B5BA8 0%,#1FC3F3 56%,#56BA71 100%);z-index:3}
.qmx-mega.qmx-on{opacity:1;visibility:visible;transform:none;
  transition:opacity .26s cubic-bezier(.22,.8,.28,1),
             transform .26s cubic-bezier(.22,.8,.28,1),
             visibility 0s}
/* Bao dam moi phan ben trong hien ro khi mega dang mo. */
.qmx-mega.qmx-on .qmx-mega-in,
.qmx-mega.qmx-on .qmx-rail,
.qmx-mega.qmx-on .qmx-panes,
.qmx-mega.qmx-on .qmx-mfoot,
.qmx-mega.qmx-on .qmx-ritem{visibility:visible}
.qmx-mega-in{display:grid;grid-template-columns:300px 1fr;min-height:406px;padding-left:18px}

/* cot trai */
.qmx-rail{border-right:1px solid var(--qmx-line,#E7EBF2);padding:14px 14px 14px 0;
  display:flex;flex-direction:column;gap:2px}
.qmx-ritem{display:flex;align-items:center;gap:12px;padding:11px 13px;margin:0;
  border:0;background:none;border-radius:12px;width:100%;text-align:left;cursor:pointer;
  transition:.2s cubic-bezier(.22,.8,.28,1);box-shadow:none;min-height:0;text-transform:none}
.qmx-ritem:hover,.qmx-ritem.qmx-on{background:#F3F8FC;box-shadow:none}
.qmx-ritem .qmx-i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;
  flex:none;transition:.2s}
.qmx-ritem .qmx-tx{flex:1;min-width:0}
.qmx-ritem b{display:block;font-size:13.5px;font-weight:600;color:#141D2C;
  line-height:1.3;letter-spacing:-.012em}
.qmx-ritem em{font-style:normal;display:block;font-size:11px;color:#8F9AAB;margin-top:1px}
.qmx-ritem .qmx-ar{margin-left:auto;color:#CBD5E0;transition:.2s;flex:none;display:inline-flex}
.qmx-ritem:hover .qmx-ar,.qmx-ritem.qmx-on .qmx-ar{color:#2F58A8;transform:translateX(3px)}

/* cot phai */
.qmx-panes{padding:20px 22px 20px 24px;position:relative}
.qmx-pane{display:none}
.qmx-pane.qmx-on{display:block;animation:qmx-fade .22s cubic-bezier(.22,.8,.28,1)}
@keyframes qmx-fade{from{opacity:0;transform:translateX(6px)}to{opacity:1;transform:none}}
.qmx-pane .qmx-ph{display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  padding:0 10px 12px;margin-bottom:8px;border-bottom:1px solid var(--qmx-line,#E7EBF2)}
.qmx-pane .qmx-ph b{font-size:15px;font-weight:600;letter-spacing:-.015em}
.qmx-pane ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1px 8px;margin:0;padding:0}
.qmx-pane li{margin:0}
.qmx-pane li a{display:flex;align-items:center;gap:10px;font-size:13px;color:#5A6779;
  padding:8px 10px;border-radius:9px;transition:.18s;text-decoration:none}
.qmx-pane li a:before{content:"";width:5px;height:5px;border-radius:50%;
  background:#D3DBE5;flex:none;transition:.2s}
.qmx-pane li a:hover{color:#2F58A8;background:#F3F8FC}
.qmx-pane li a:hover:before{background:var(--qmx-pc,#2F58A8);transform:scale(1.6)}

/* chan mega */
.qmx-mfoot{border-top:1px solid var(--qmx-line,#E7EBF2);background:#FAFCFE;padding:13px 18px;
  display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.qmx-mfoot .qmx-note{font-size:11.5px;color:#8F9AAB}
.qmx-mega .qmx-tlink{font-size:14px;font-weight:600;color:#2F58A8;display:inline-flex;
  align-items:center;gap:7px;transition:.22s;text-decoration:none}
.qmx-mega .qmx-tlink:hover{gap:12px;color:#12A3C9}
.qmx-mega .qmx-ic{stroke:currentColor;fill:none;stroke-width:1.65;
  stroke-linecap:round;stroke-linejoin:round;display:block}
.qmx-navcat .qmx-ic{stroke:currentColor;fill:none;stroke-width:1.65;
  stroke-linecap:round;stroke-linejoin:round;display:block}

/* Lop mo phia sau khi mega mo.
   pointer-events:none la bat buoc. Neu lop nay nhan chuot, no se nam giua
   con tro va thanh menu, lam thanh menu lien tuc nhan mouseleave roi
   mouseenter, khien mega chop tat va khong the di chuot xuong danh muc.
   Viec bam ra ngoai de dong da duoc xu ly bang su kien click o cap tai lieu. */
/* z-index 20 la co y. Flatsome dat #header o lop 30, nen lop mo o lop 20
   se nam duoi header va thanh menu, chi lam toi phan noi dung ben duoi,
   dung nhu file mau. De lop mo cao hon 30 thi ca header cung bi mo theo. */
.qmx-scrim{position:fixed;inset:0;background:rgba(10,20,40,.35);
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .26s,visibility 0s linear .26s;z-index:20}
.qmx-scrim.qmx-on{opacity:1;visibility:visible;transition:opacity .26s,visibility 0s}

/* Vung dem vo hinh noi lien nut danh muc voi bang mega, de con tro di
   qua khe giua hai phan tu ma khong bi coi la roi ra ngoai. */
.qmx-navcat-w:before{content:"";position:absolute;left:0;right:0;
  top:100%;height:12px;z-index:59}

@media(max-width:1080px){
  .qmx-mega{display:none}
}

/* ============================================================
 * DAU TRANG TREN DIEN THOAI
 * ============================================================
 * Man hinh hep co toi hai nut mo menu: nut ba gach cua Flatsome ben trai
 * va nut cua site ben phai. Hai nut cong voi logo, hai la co va gio hang
 * thi rong hon man hinh, nen nut ngoai cung bi cat mat mot doan.
 * Giu lai nut cua site vi no mo ngan keo danh muc rieng, bo nut cua
 * Flatsome di. Chi an tren dien thoai, ban may tinh khong doi.
 */
@media(max-width:849px){
  /* Dau trang tren dien thoai co ba phan: nut danh muc ben trai, logo o
     giua, nhom nut ben phai. Giao dien goc dat #logo{width:200px} va
     #masthead .flex-col.flex-right{min-width:300px}, cong lai rong hon man
     hinh nen cac nut bi day ra ngoai. Cach chac chan nhat la ghim hai ben
     vao hai me va de logo tu can giua. Vai luat phai dung !important vi
     luat goc viet bang ten dinh danh hoac da co !important san. */
  #masthead .header-inner{
    position:relative;display:flex;align-items:center;justify-content:center;
    padding-left:8px;padding-right:8px;flex-wrap:nowrap}

  #masthead .flex-col.show-for-medium.flex-left,
  #masthead .flex-col.show-for-medium.flex-right{
    position:absolute;top:50%;transform:translateY(-50%);
    width:auto !important;min-width:0 !important;flex:0 0 auto !important}
  #masthead .flex-col.show-for-medium.flex-left{left:8px}
  #masthead .flex-col.show-for-medium.flex-right{right:8px}
  /* Danh sach .mobile-nav duoc giao dien goc dat width:100% nen khong om
     sat noi dung. Cho no thanh display:contents de cac nut tro thanh o
     truc tiep cua cot, luc do cot moi rong dung bang cac nut. */
  #masthead .flex-col.show-for-medium{
    display:flex;align-items:center;gap:2px}
  #masthead .flex-col.show-for-medium>.mobile-nav{display:contents}
  #masthead .mobile-nav>li{margin:0}

  /* Nut ba gach cua Flatsome duoc thay bang nut danh muc cua site. */
  #masthead .mobile-nav.nav-left>li.nav-icon{display:none !important}

  #masthead #logo{
    flex:0 1 auto;width:auto !important;min-width:0;margin:0 auto;
    display:flex;align-items:center;justify-content:center;overflow:hidden;
    max-width:calc(100% - 190px)}
  #masthead #logo a{display:block;max-width:100%;line-height:0}
  #masthead #logo img{max-width:100%;width:auto;height:auto;max-height:44px}

  .qmx-mb-cat,.qmx-mb-login{width:36px;height:36px}

  /* Khoi tai khoan doi tac cua site von co ca hai dong chu, rong qua cho
     dau trang dien thoai. Thu lai con mot bieu tuong, chu chi de cho may
     doc man hinh. Khong dong toi ma goc, chi doi cach hien. */
  #masthead .qemix-mobile-header-account .qemix-account-content{
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  #masthead .qemix-mobile-header-account .qemix-header-account,
  #masthead .qemix-mobile-header-account .qemix-account-login{
    display:flex;align-items:center;justify-content:center;
    gap:0;padding:0;margin:0;background:none;border:0;box-shadow:none}
  #masthead .qemix-mobile-header-account .qemix-account-icon{
    display:grid;place-items:center;width:36px;height:36px}
  #masthead .qemix-mobile-header-account .qemix-account-icon svg{
    width:21px;height:21px;fill:currentColor}
  /* O doi ngon ngu duoc mot doan JS cua site chen thang vao trong o gio
     hang, chiem gan 90px nen ba nut khong con du cho. Tren dien thoai an
     no di, ban sao da nam trong ngan keo menu chinh. */
  .header-main .qmxh-top-right{display:none}
  #qemix-mobile-top-language-switcher,
  .qemix-mobile-switcher-item{display:none}
}
.qemix-language-switcher.qmx-lang-keo{display:none}
@media(max-width:849px){
  .qemix-language-switcher.qmx-lang-keo{
    display:flex;gap:10px;margin:18px 0 0;padding-top:16px;
    border-top:1px solid #E7EBF2}
  .qmx-lang-keo .qemix-language-item{
    display:inline-flex;align-items:center;gap:7px;
    padding:8px 14px;border-radius:10px;font-size:13.5px;font-weight:600;
    color:#5A6779;background:#F7F9FC;box-shadow:inset 0 0 0 1px #E7EBF2}
  .qmx-lang-keo .qemix-language-item.is-active{
    color:#2F58A8;background:#EAEFFA;box-shadow:inset 0 0 0 1.5px #2F58A8}
}

/* ============================================================
 * NUT DANH MUC VA NUT DANG NHAP TREN DAU TRANG DIEN THOAI
 * ============================================================ */

.qmx-mb-item{list-style:none;margin:0}
.qmx-mb-cat,.qmx-mb-login{
  display:grid;place-items:center;width:40px;height:40px;
  padding:0;margin:0;border:0;background:none;color:#141D2C;cursor:pointer}
.qmx-mb-cat .qmx-ic,.qmx-mb-login .qmx-ic{
  stroke:currentColor;fill:none;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;display:block}
.qmx-mb-login:hover,.qmx-mb-cat:hover{color:#2F58A8}

/* Ngan keo danh muc, mo tu canh trai. */
.qmx-cd{
  position:fixed;top:0;left:0;bottom:0;z-index:1000;
  width:min(86vw,340px);display:flex;flex-direction:column;
  background:#fff;box-shadow:0 0 40px rgba(12,27,58,.22);
  transform:translateX(-100%);visibility:hidden;
  transition:transform .28s cubic-bezier(.22,.8,.28,1),visibility .28s;
  font-family:'Be Vietnam Pro','Be Vietnam',system-ui,sans-serif}
body.qmx-cd-open .qmx-cd{transform:none;visibility:visible}
.qmx-cd-ov{
  position:fixed;inset:0;z-index:999;background:rgba(12,27,58,.45);
  opacity:0;visibility:hidden;transition:.28s}
body.qmx-cd-open .qmx-cd-ov{opacity:1;visibility:visible}
body.qmx-cd-open{overflow:hidden}

.qmx-cd-hd{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 18px;border-bottom:1px solid #E7EBF2}
.qmx-cd-hd strong{
  font-size:13px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:#0C1B3A}
.qmx-cd-close{
  width:32px;height:32px;padding:0;border:0;border-radius:50%;
  background:#F7F9FC;color:#5A6779;font-size:20px;line-height:1;cursor:pointer}
.qmx-cd-close:hover{background:#EAEFFA;color:#2F58A8}

.qmx-cd-bd{flex:1;overflow-y:auto;padding:8px 0}
.qmx-cd-g{border-bottom:1px solid #F0F3F8}
.qmx-cd-g>summary{
  display:flex;align-items:center;gap:11px;cursor:pointer;
  padding:12px 18px;font-size:14px;color:#141D2C;list-style:none}
.qmx-cd-g>summary::-webkit-details-marker{display:none}
.qmx-cd-g>summary .qmx-i{
  width:32px;height:32px;border-radius:9px;flex:none;
  display:grid;place-items:center}
.qmx-cd-g>summary .qmx-i .qmx-ic{
  stroke:currentColor;fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.qmx-cd-g>summary b{flex:1;font-weight:600;letter-spacing:-.01em;line-height:1.4}
.qmx-cd-g>summary i{font-style:normal;font-size:12px;color:#8F9AAB}
.qmx-cd-g[open]>summary{color:#2F58A8}
.qmx-cd-g ul{margin:0 0 10px;padding:0 18px 0 61px;list-style:none}
.qmx-cd-g ul li{margin:0;padding:0}
.qmx-cd-g ul a{
  display:block;padding:7px 0;font-size:13.5px;color:#5A6779;line-height:1.5}
.qmx-cd-g ul a:hover{color:#2F58A8}

.qmx-cd-ft{padding:14px 18px;border-top:1px solid #E7EBF2}
.qmx-cd-ft a{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13.5px;font-weight:600;color:#2F58A8}
.qmx-cd-ft a .qmx-ic{
  stroke:currentColor;fill:none;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}

/* Ban may tinh da co hang menu duoi nen khong can hai nut nay. */
@media(min-width:850px){
  .qmx-mb-item,.qmx-cd,.qmx-cd-ov{display:none}
}

/* ============================================================
 * GIO HANG XEM NHANH
 * ============================================================
 * Ngan keo do Flatsome mo tu bieu tuong gio hang tren header. Markup la
 * cua WooCommerce, o day chi to lai cho hop giao dien moi.
 */

#cart-popup.widget_shopping_cart{
  font-family:'Be Vietnam Pro','Be Vietnam',system-ui,sans-serif;
  font-size:14.5px;color:#141D2C;background:#fff}
#cart-popup *{box-sizing:border-box}
#cart-popup .cart-popup-inner{padding:22px}
#cart-popup .cart-popup-title{
  text-align:left;padding:0 0 14px;margin-bottom:16px;
  border-bottom:1px solid #E7EBF2}
#cart-popup .cart-popup-title h4{
  font-size:16px;font-weight:600;letter-spacing:-.01em;
  text-transform:none;color:#0C1B3A;margin:0}
#cart-popup .cart-popup-title .is-divider{display:none}

/* Danh sach san pham trong gio. */
#cart-popup ul.woocommerce-mini-cart{margin:0;padding:0;list-style:none}
#cart-popup ul.woocommerce-mini-cart li{
  margin:0;padding:13px 0;list-style:none;
  border-bottom:1px solid #F0F3F8;position:relative}
#cart-popup ul.woocommerce-mini-cart li:first-child{padding-top:0}
#cart-popup ul.woocommerce-mini-cart li a:not(.remove){
  font-size:14px;font-weight:600;line-height:1.45;
  color:#141D2C;transition:.2s}
#cart-popup ul.woocommerce-mini-cart li a:not(.remove):hover{color:#2F58A8}
#cart-popup ul.woocommerce-mini-cart img{
  width:58px;height:58px;object-fit:contain;
  border:1px solid #F0F3F8;border-radius:10px;
  background:#F7F9FC;padding:4px;margin-left:12px}
#cart-popup ul.woocommerce-mini-cart .quantity{
  display:block;font-size:13px;color:#8F9AAB;font-weight:400;margin-top:3px}
#cart-popup ul.woocommerce-mini-cart .woocommerce-Price-amount.amount{
  color:#2F58A8;font-size:14px;font-weight:600;letter-spacing:0}
#cart-popup .woocommerce-Price-currencySymbol{
  font-size:.74em;font-weight:600;margin-left:2px}

/* Nut xoa tren tung dong. */
#cart-popup ul.woocommerce-mini-cart a.remove{
  display:grid;place-items:center;width:24px;height:24px;
  border-radius:50%;font-size:16px;line-height:1;
  color:#8F9AAB;background:#F7F9FC;border:0;
  transition:.18s cubic-bezier(.22,.8,.28,1)}
#cart-popup ul.woocommerce-mini-cart a.remove:hover{
  background:#FBEDF2;color:#B44E79}

/* Dong tong tien. */
#cart-popup .woocommerce-mini-cart__total,
#cart-popup p.total{
  display:flex;align-items:baseline;justify-content:space-between;
  margin:16px 0;padding:14px 0 0;border-top:1px solid #E7EBF2;
  font-size:14px;font-weight:500;color:#5A6779}
#cart-popup .woocommerce-mini-cart__total strong{
  font-weight:500;color:#5A6779;text-transform:none}
#cart-popup .woocommerce-mini-cart__total .woocommerce-Price-amount.amount{
  color:#2F58A8;font-size:19px;font-weight:700;letter-spacing:-.02em}

/* Hai nut o day. */
#cart-popup .woocommerce-mini-cart__buttons{
  display:flex;flex-direction:column;gap:10px;margin:0}
#cart-popup .woocommerce-mini-cart__buttons a.button{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:46px;min-height:0;margin:0;padding:0 20px;
  font-size:14px;font-weight:600;line-height:1;letter-spacing:-.008em;
  text-transform:none;border:0;border-radius:12px;
  transition:.22s cubic-bezier(.22,.8,.28,1)}
#cart-popup .woocommerce-mini-cart__buttons a.button:not(.checkout){
  background:#fff;color:#141D2C;box-shadow:inset 0 0 0 1.5px #E7EBF2}
#cart-popup .woocommerce-mini-cart__buttons a.button:not(.checkout):hover{
  color:#2F58A8;box-shadow:inset 0 0 0 1.5px #2F58A8}
#cart-popup .woocommerce-mini-cart__buttons a.button.checkout{
  background:linear-gradient(122deg,#3B5BA8 0%,#1FC3F3 56%,#56BA71 100%);
  color:#fff;box-shadow:0 10px 24px -8px rgba(47,88,168,.42)}
#cart-popup .woocommerce-mini-cart__buttons a.button.checkout:hover{
  transform:translateY(-2px);filter:brightness(1.05);color:#fff}

/* Khi gio rong. */
#cart-popup .woocommerce-mini-cart__empty-message{
  font-size:14.5px;color:#8F9AAB;text-align:center;
  margin:0;padding:26px 0}

/* mini-cart layout fix */
#cart-popup ul.woocommerce-mini-cart li{padding:14px 34px 14px 74px !important;min-height:0}#cart-popup ul.woocommerce-mini-cart li:first-child{padding-top:0 !important}#cart-popup ul.woocommerce-mini-cart img{position:absolute;left:0;top:14px;width:60px;height:60px;margin:0 !important}#cart-popup ul.woocommerce-mini-cart li:first-child img{top:0}#cart-popup ul.woocommerce-mini-cart li a:not(.remove){display:block;margin:0 0 4px;font-size:13.5px;line-height:1.4;overflow:visible;white-space:normal}#cart-popup ul.woocommerce-mini-cart a.remove{position:absolute;right:0;top:14px}#cart-popup ul.woocommerce-mini-cart li:first-child a.remove{top:0}#cart-popup ul.woocommerce-mini-cart .quantity{margin-top:2px}

#cart-popup ul.woocommerce-mini-cart li .quantity{opacity:1 !important;color:#3C4855 !important;font-size:13.5px !important;font-weight:500 !important;margin-top:4px}#cart-popup ul.woocommerce-mini-cart li .quantity .woocommerce-Price-amount.amount{color:#2F58A8 !important;font-weight:600 !important;font-size:14px !important}#cart-popup ul.woocommerce-mini-cart li .quantity .woocommerce-Price-currencySymbol{color:#2F58A8 !important}

#cart-popup ul.woocommerce-mini-cart li .qmx-ci-sku{display:block;font-size:12.5px;font-weight:600;color:#5A6779;letter-spacing:.01em;margin-bottom:3px;line-height:1.3}

#cart-popup ul.woocommerce-mini-cart li dl.variation{display:grid;grid-template-columns:max-content 1fr;gap:2px 8px;margin:5px 0 2px;font-size:12.5px;line-height:1.35;opacity:1}#cart-popup ul.woocommerce-mini-cart li dl.variation dt,#cart-popup ul.woocommerce-mini-cart li dl.variation dd{float:none;margin:0;padding:0;font-size:12.5px;line-height:1.35;text-transform:none;letter-spacing:0}#cart-popup ul.woocommerce-mini-cart li dl.variation dt{font-weight:500;color:#8F9AAB}#cart-popup ul.woocommerce-mini-cart li dl.variation dd{font-weight:600;color:#3C4855}#cart-popup ul.woocommerce-mini-cart li dl.variation dd p{margin:0;display:inline;font-size:inherit;line-height:inherit}#cart-popup ul.woocommerce-mini-cart li .qmx-noim-ci{position:absolute;left:0;top:14px;width:60px;height:60px;border-radius:10px;border:1px solid #F0F3F8;background:linear-gradient(150deg,#E9F6EC,#D4EDDB);color:#9DB4D6;display:grid;place-items:center}#cart-popup ul.woocommerce-mini-cart li:first-child .qmx-noim-ci{top:0}

/* mega rail: row height = icon */
#masthead .qmx-ritem,.qmx-mega .qmx-ritem{font-weight:400 !important;line-height:1.3 !important;padding:9px 13px !important}
.qmx-mega .qmx-ritem .qmx-tx{line-height:1.3;display:flex;flex-direction:column;justify-content:center;min-height:36px}
.qmx-mega .qmx-ritem b{font-weight:600 !important;line-height:1.3 !important;font-size:13.5px}
.qmx-mega .qmx-ritem em{font-weight:400 !important;line-height:1.3 !important;font-size:11.5px;margin-top:2px;letter-spacing:0}

/* mobile account icon = desktop glyph */
#masthead .qmx-mb-login .qmx-ic{display:none !important}
#masthead .qmx-mb-login::before{content:"\e901";font-family:fl-icons !important;font-size:22px;line-height:1;color:#5A6779;font-style:normal;font-weight:400;display:block}
body.logged-in #masthead .qmx-mb-login::before{color:#2F58A8}
#masthead .qmx-mb-login:hover::before{color:#2F58A8}
#masthead .mobile-nav.nav-right{align-items:center}
#masthead .mobile-nav.nav-right>li{display:flex;align-items:center}

/*optic-m3*/#masthead .mobile-nav.nav-right a.qmx-mb-login{padding:0 !important;justify-content:center;align-items:center}#masthead .qmx-mb-login::before{position:relative;top:-1px}#masthead .mobile-nav.nav-right li.cart-item .header-cart-link i.icon-shopping-basket::before{position:relative;top:-1px}
#masthead .mobile-nav.nav-right li.cart-item .header-cart-link{display:flex;align-items:center;justify-content:center}