/* ==========================================================================
   BestMerchLab Cart Drawer v1.0.0

   Tone mau lay tu Additional CSS co san cua site (post ID 24797):
     #d80b3d  crimson - nut checkout, gia total, moc da dat
     #d9043d  hover   - hover nut add-to-cart
     #111     ink     - nut chinh, chu dam
     #27394f  navy    - ten san pham
     #FAFAFA  paper   - nen header

   NGUYEN TAC: moi selector deu co scope (#cart-popup, .bmlcd-*) de khong
   lam hong phan con lai cua site. Khong dung "color:#fff!important" vo
   dieu kien - loi tung lam mat chu o PickyPod v1.
   ========================================================================== */

:root {
	--bmlcd-primary: #d80b3d;
	--bmlcd-primary-dark: #b00932;
	--bmlcd-ink: #111;
	--bmlcd-navy: #27394f;
	--bmlcd-paper: #fafafa;
	--bmlcd-line: #ececec;
	--bmlcd-muted: #777;
	--bmlcd-green: #1a8f4c;
	--bmlcd-radius: 12px;
}

/* --------------------------------------------------------------------------
   1. KHUNG DRAWER
   Flatsome dung Magnific Popup. Chieu cao phai la 100dvh tren mobile, neu
   dung 100vh thi thanh dia chi iOS se cat mat day drawer.
   -------------------------------------------------------------------------- */
.off-canvas-cart #cart-popup {
	display: flex;
	flex-direction: column;
	height: 100vh;
	height: 100dvh;
	background: #fff;
}

.off-canvas-cart .cart-popup-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 0;
	overflow: hidden;
}

/* Tieu de drawer */
.off-canvas-cart .cart-popup-title {
	flex: 0 0 auto;
	margin: 0;
	padding: 18px 20px 14px;
	border-bottom: 1px solid var(--bmlcd-line);
	background: var(--bmlcd-paper);
	text-align: left;
}

.off-canvas-cart .cart-popup-title .heading-font {
	font-size: 17px;
	font-weight: 800;
	letter-spacing: .4px;
	color: var(--bmlcd-ink);
}

.off-canvas-cart .cart-popup-title .is-divider {
	display: none;
}

/* Vung cuon */
.off-canvas-cart .widget_shopping_cart,
.off-canvas-cart .widget_shopping_cart_content {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
}

.off-canvas-cart .widget_shopping_cart_content > .woocommerce-mini-cart {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	margin: 0;
	padding: 0 20px;
}

/* --------------------------------------------------------------------------
   2. CARD CHUNG
   -------------------------------------------------------------------------- */
#cart-popup .bmlcd-card {
	margin: 14px 0;
	padding: 14px;
	border: 1px solid var(--bmlcd-line);
	border-radius: var(--bmlcd-radius);
	background: #fff;
}

#cart-popup .bmlcd-progress {
	margin: 0 0 4px;
}

#cart-popup .bmlcd-progress .bmlcd-card + .bmlcd-card {
	margin-top: 10px;
}

/* --------------------------------------------------------------------------
   3. REWARD STEPPER  (Buy 2 = 10% OFF, Buy 3 = 15% OFF)
   -------------------------------------------------------------------------- */
#cart-popup .bmlcd-reward-msg {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0 0 14px;
	font-size: 13px;
	line-height: 1.45;
	color: var(--bmlcd-navy);
}

#cart-popup .bmlcd-reward-msg b {
	color: var(--bmlcd-primary);
	font-weight: 800;
}

#cart-popup .bmlcd-reward-ico {
	flex: 0 0 auto;
	font-size: 15px;
	line-height: 1.3;
}

#cart-popup .bmlcd-steps {
	position: relative;
	padding-top: 4px;
}

#cart-popup .bmlcd-steps-track {
	position: absolute;
	top: 9px;
	left: 10%;
	right: 10%;
	height: 3px;
	border-radius: 3px;
	background: #e8e8e8;
}

#cart-popup .bmlcd-steps-fill {
	display: block;
	height: 100%;
	border-radius: 3px;
	background: var(--bmlcd-primary);
	transition: width .45s cubic-bezier(.4, 0, .2, 1);
}

#cart-popup .bmlcd-steps-list {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	list-style: none;
}

#cart-popup .bmlcd-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	flex: 1 1 0;
	margin: 0;
	text-align: center;
}

#cart-popup .bmlcd-step-dot {
	width: 13px;
	height: 13px;
	border: 2px solid #d8d8d8;
	border-radius: 50%;
	background: #fff;
	transition: all .3s ease;
}

#cart-popup .bmlcd-step.is-done .bmlcd-step-dot {
	border-color: var(--bmlcd-primary);
	background: var(--bmlcd-primary);
	box-shadow: 0 0 0 3px rgba(216, 11, 61, .15);
}

#cart-popup .bmlcd-step-label {
	font-size: 10.5px;
	line-height: 1.3;
	font-weight: 700;
	color: var(--bmlcd-muted);
	text-transform: uppercase;
	letter-spacing: .3px;
}

#cart-popup .bmlcd-step-label em {
	display: block;
	margin-top: 1px;
	font-style: normal;
	font-size: 10px;
	font-weight: 800;
	color: #bbb;
}

#cart-popup .bmlcd-step.is-done .bmlcd-step-label {
	color: var(--bmlcd-ink);
}

#cart-popup .bmlcd-step.is-done .bmlcd-step-label em {
	color: var(--bmlcd-primary);
}

/* --------------------------------------------------------------------------
   4. FREE SHIPPING BAR  (moc $100)
   -------------------------------------------------------------------------- */
#cart-popup .bmlcd-ship-msg {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.4;
	color: var(--bmlcd-navy);
}

#cart-popup .bmlcd-ship-msg b {
	font-weight: 800;
	color: var(--bmlcd-primary);
}

#cart-popup .bmlcd-ship-msg .amount {
	font-weight: 800;
	color: inherit;
}

#cart-popup .bmlcd-ship-ico {
	flex: 0 0 auto;
	font-size: 15px;
}

#cart-popup .bmlcd-ship-track {
	height: 7px;
	border-radius: 7px;
	background: #ececec;
	overflow: hidden;
}

#cart-popup .bmlcd-ship-fill {
	display: block;
	height: 100%;
	border-radius: 7px;
	background: linear-gradient(90deg, var(--bmlcd-primary), #ff4d75);
	transition: width .45s cubic-bezier(.4, 0, .2, 1);
}

/* Da dat moc free ship */
#cart-popup .bmlcd-ship.is-unlocked {
	border-color: rgba(26, 143, 76, .35);
	background: rgba(26, 143, 76, .06);
}

#cart-popup .bmlcd-ship.is-unlocked .bmlcd-ship-msg,
#cart-popup .bmlcd-ship.is-unlocked .bmlcd-ship-msg b {
	color: var(--bmlcd-green);
}

#cart-popup .bmlcd-ship.is-unlocked .bmlcd-ship-fill {
	background: var(--bmlcd-green);
}

/* --------------------------------------------------------------------------
   5. DANH SACH SAN PHAM TRONG GIO
   -------------------------------------------------------------------------- */
/*
 * Markup that cua Flatsome 3.20.5 (da kiem tra bang AJAX):
 *   <li class="woocommerce-mini-cart-item mini_cart_item">
 *     <a class="remove" data-cart_item_key="...">x</a>
 *     <a href="..."><img ...>Ten san pham - Size</a>
 *     <div class="ux-mini-cart-qty"> nut -/+ + thanh tien </div>
 *   </li>
 *
 * Anh nam BEN TRONG the <a> cung voi ten -> khong tach cot duoc bang grid.
 * Dung flex + float cho anh de ten chay quanh anh.
 */
#cart-popup .woocommerce-mini-cart-item {
	position: relative;
	margin: 0;
	padding: 14px 34px 14px 0;
	border-bottom: 1px solid var(--bmlcd-line);
	list-style: none;
}

#cart-popup .woocommerce-mini-cart-item:last-child {
	border-bottom: 0;
}

#cart-popup .woocommerce-mini-cart-item img {
	float: left;
	width: 64px;
	height: 64px;
	margin: 0 12px 0 0;
	border: 1px solid var(--bmlcd-line);
	border-radius: 8px;
	object-fit: cover;
}

#cart-popup .woocommerce-mini-cart-item > a:not(.remove) {
	display: block;
	overflow: hidden;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
	color: var(--bmlcd-navy);
	text-decoration: none;
}

#cart-popup .woocommerce-mini-cart-item > a:not(.remove):hover {
	color: var(--bmlcd-primary);
}

#cart-popup .woocommerce-mini-cart-item .variation {
	margin: 3px 0 0;
	font-size: 11px;
	line-height: 1.4;
	color: var(--bmlcd-muted);
}

#cart-popup .woocommerce-mini-cart-item .variation dt,
#cart-popup .woocommerce-mini-cart-item .variation dd {
	display: inline;
	margin: 0;
	font-weight: 500;
}

/* Truong hop mini-cart in dang text "2 x $20.00" (khi tat nut -/+) */
#cart-popup .woocommerce-mini-cart-item > .quantity {
	font-size: 12.5px;
	font-weight: 700;
	color: var(--bmlcd-ink);
}

#cart-popup .woocommerce-mini-cart-item > .quantity .amount {
	color: var(--bmlcd-primary);
	font-weight: 800;
}

/* Nut xoa */
#cart-popup .woocommerce-mini-cart-item a.remove {
	position: absolute;
	top: 14px;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #f3f3f3;
	color: var(--bmlcd-muted) !important;
	font-size: 16px;
	line-height: 1;
	text-decoration: none;
	transition: all .2s ease;
}

#cart-popup .woocommerce-mini-cart-item a.remove:hover {
	background: var(--bmlcd-primary);
	color: #fff !important;
}

/* --------------------------------------------------------------------------
   6. NUT TANG GIAM SO LUONG
   Flatsome 3.20.5 DA CO SAN nut -/+ (.ux-mini-cart-qty, xem
   inc/woocommerce/class-mini-cart.php:186) kem AJAX rieng. Ta KHONG tu chen
   nut nua - chi style lai cho khop thiet ke.
   -------------------------------------------------------------------------- */
#cart-popup .ux-mini-cart-qty {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: 8px;
}

#cart-popup .ux-mini-cart-qty .ux-quantity {
	display: inline-flex;
	align-items: center;
	margin: 0;
	border: 1px solid var(--bmlcd-line);
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
}

#cart-popup .ux-mini-cart-qty .ux-quantity__button {
	width: 30px;
	height: 30px;
	min-height: 30px;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: #fff;
	color: var(--bmlcd-ink);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	box-shadow: none;
	cursor: pointer;
	transition: background .2s ease;
}

#cart-popup .ux-mini-cart-qty .ux-quantity__button:hover {
	background: #f3f3f3;
	color: var(--bmlcd-primary);
}

#cart-popup .ux-mini-cart-qty input.qty {
	width: 38px;
	height: 30px;
	min-height: 30px;
	padding: 0 2px;
	margin: 0;
	border: 0;
	border-left: 1px solid var(--bmlcd-line);
	border-right: 1px solid var(--bmlcd-line);
	border-radius: 0;
	background: #fff;
	color: var(--bmlcd-ink);
	font-size: 13px;
	font-weight: 800;
	text-align: center;
	box-shadow: none;
	-moz-appearance: textfield;
}

#cart-popup .ux-mini-cart-qty input.qty::-webkit-outer-spin-button,
#cart-popup .ux-mini-cart-qty input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Thanh tien tung dong */
#cart-popup .ux-mini-cart-qty .product-subtotal .amount {
	font-size: 14px;
	font-weight: 800;
	color: var(--bmlcd-primary);
}

/* --------------------------------------------------------------------------
   7. TRUST BADGES
   -------------------------------------------------------------------------- */
#cart-popup .bmlcd-trust {
	display: flex;
	justify-content: space-between;
	gap: 6px;
	margin: 4px 0 12px;
	padding: 12px 10px;
	border-radius: var(--bmlcd-radius);
	background: var(--bmlcd-paper);
	list-style: none;
}

#cart-popup .bmlcd-trust li {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	flex: 1 1 0;
	margin: 0;
	font-size: 10px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--bmlcd-muted);
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .2px;
}

#cart-popup .bmlcd-trust li span {
	font-size: 14px;
}

/* --------------------------------------------------------------------------
   8. FOOTER - TOTAL + CHECKOUT  (sticky day drawer)
   -------------------------------------------------------------------------- */
.off-canvas-cart .widget_shopping_cart_content > .woocommerce-mini-cart__total,
.off-canvas-cart .widget_shopping_cart_content > .woocommerce-mini-cart__buttons {
	flex: 0 0 auto;
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
	background: #fff;
}

.off-canvas-cart .woocommerce-mini-cart__total {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding-top: 14px;
	padding-bottom: 10px;
	border-top: 1px solid var(--bmlcd-line);
	font-size: 14px;
	font-weight: 700;
	color: var(--bmlcd-ink);
}

.off-canvas-cart .woocommerce-mini-cart__total strong {
	font-weight: 700;
}

.off-canvas-cart .woocommerce-mini-cart__total .amount {
	font-size: 21px;
	font-weight: 800;
	color: var(--bmlcd-primary);
}

.off-canvas-cart .woocommerce-mini-cart__buttons {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-top: 2px;
	padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
}

/* Nut PROCEED TO CHECKOUT */
.off-canvas-cart .woocommerce-mini-cart__buttons .checkout {
	order: 1;
	display: block;
	width: 100%;
	min-height: 52px;
	margin: 0;
	padding: 16px 20px;
	border: 0;
	border-radius: var(--bmlcd-radius);
	background: var(--bmlcd-primary);
	color: #fff;
	font-size: 14.5px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: .8px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	box-shadow: 0 8px 18px rgba(216, 11, 61, .22);
	transition: all .25s ease;
}

.off-canvas-cart .woocommerce-mini-cart__buttons .checkout:hover {
	background: var(--bmlcd-ink);
	box-shadow: 0 10px 22px rgba(0, 0, 0, .18);
}

/* Nut View cart - phu, de nhe */
.off-canvas-cart .woocommerce-mini-cart__buttons .button:not(.checkout) {
	order: 2;
	display: block;
	width: 100%;
	min-height: 44px;
	margin: 0;
	padding: 13px 20px;
	border: 1px solid var(--bmlcd-line);
	border-radius: var(--bmlcd-radius);
	background: #fff;
	color: var(--bmlcd-ink);
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	box-shadow: none;
	transition: all .25s ease;
}

.off-canvas-cart .woocommerce-mini-cart__buttons .button:not(.checkout):hover {
	border-color: var(--bmlcd-ink);
	background: var(--bmlcd-paper);
}

/* --------------------------------------------------------------------------
   9. GIO TRONG - hien offer de khach quay lai mua
   -------------------------------------------------------------------------- */
#cart-popup .bmlcd-empty-offers {
	margin: 18px 20px 0;
	padding: 16px;
	border: 1px dashed rgba(216, 11, 61, .3);
	border-radius: var(--bmlcd-radius);
	background: rgba(216, 11, 61, .04);
	text-align: left;
}

#cart-popup .bmlcd-empty-title {
	margin: 0 0 10px;
	font-size: 11.5px;
	font-weight: 800;
	color: var(--bmlcd-ink);
	text-transform: uppercase;
	letter-spacing: .6px;
}

#cart-popup .bmlcd-empty-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

#cart-popup .bmlcd-empty-list li {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin: 0 0 7px;
	font-size: 12.5px;
	line-height: 1.4;
	color: var(--bmlcd-navy);
}

#cart-popup .bmlcd-empty-list li:last-child {
	margin-bottom: 0;
}

#cart-popup .bmlcd-empty-list b {
	flex: 0 0 auto;
	min-width: 42px;
	font-size: 13px;
	font-weight: 800;
	color: var(--bmlcd-primary);
}

#cart-popup .bmlcd-empty-list .amount {
	font-weight: 700;
	color: inherit;
}

/* --------------------------------------------------------------------------
   10. MINI VARIATION PICKER  (1224/2287 san pham la variable)
   Phu len drawer, khach chon Color/Sex/Gender ma khong roi trang.
   -------------------------------------------------------------------------- */
.bmlcd-picker-overlay {
	position: absolute;
	inset: 0;
	z-index: 20;
	display: flex;
	align-items: flex-end;
	background: rgba(17, 17, 17, .45);
	animation: bmlcd-fade .18s ease;
}

@keyframes bmlcd-fade {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@keyframes bmlcd-rise {
	from { transform: translateY(14px); opacity: 0; }
	to   { transform: translateY(0);    opacity: 1; }
}

.bmlcd-picker {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-height: 88%;
	border-radius: 16px 16px 0 0;
	background: #fff;
	box-shadow: 0 -10px 30px rgba(0, 0, 0, .18);
	animation: bmlcd-rise .22s cubic-bezier(.2, .8, .3, 1);
}

.bmlcd-picker-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	flex: 0 0 auto;
	padding: 14px 16px;
	border-bottom: 1px solid var(--bmlcd-line);
}

.bmlcd-picker-title {
	font-size: 13.5px;
	font-weight: 800;
	line-height: 1.35;
	color: var(--bmlcd-navy);
}

.bmlcd-picker-close {
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #f3f3f3;
	color: var(--bmlcd-muted);
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	transition: all .2s ease;
}

.bmlcd-picker-close:hover {
	background: var(--bmlcd-primary);
	color: #fff;
}

.bmlcd-picker-body {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 14px 16px 4px;
}

.bmlcd-picker-media {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
}

.bmlcd-picker-media img {
	width: 56px;
	height: 56px;
	border: 1px solid var(--bmlcd-line);
	border-radius: 8px;
	object-fit: cover;
}

.bmlcd-picker-price {
	font-size: 15px;
	font-weight: 800;
	color: var(--bmlcd-primary);
}

.bmlcd-picker-price del {
	margin-right: 5px;
	color: var(--bmlcd-muted);
	font-weight: 500;
}

.bmlcd-picker-price ins {
	text-decoration: none;
}

.bmlcd-picker-group {
	margin-bottom: 14px;
}

.bmlcd-picker-label {
	display: block;
	margin-bottom: 7px;
	font-size: 10.5px;
	font-weight: 800;
	color: var(--bmlcd-muted);
	text-transform: uppercase;
	letter-spacing: .6px;
}

.bmlcd-picker-opts {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.bmlcd-chip {
	min-height: 38px;
	padding: 9px 15px;
	border: 1.5px solid var(--bmlcd-line);
	border-radius: 8px;
	background: #fff;
	color: var(--bmlcd-ink);
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
	transition: all .18s ease;
}

.bmlcd-chip:hover {
	border-color: var(--bmlcd-ink);
}

.bmlcd-chip.is-active {
	border-color: var(--bmlcd-primary);
	background: var(--bmlcd-primary);
	color: #fff;
}

.bmlcd-chip.is-disabled {
	opacity: .35;
	cursor: not-allowed;
	text-decoration: line-through;
}

.bmlcd-picker-foot {
	flex: 0 0 auto;
	padding: 12px 16px calc(14px + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid var(--bmlcd-line);
	background: #fff;
}

.bmlcd-picker-add {
	display: block;
	width: 100%;
	min-height: 50px;
	padding: 15px 20px;
	border: 0;
	border-radius: var(--bmlcd-radius);
	background: var(--bmlcd-primary);
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .6px;
	text-transform: uppercase;
	cursor: pointer;
	transition: all .25s ease;
}

.bmlcd-picker-add:hover:not(:disabled) {
	background: var(--bmlcd-ink);
}

.bmlcd-picker-add:disabled {
	background: #d8d8d8;
	color: #fff;
	cursor: not-allowed;
}

.bmlcd-picker-link {
	display: block;
	margin-top: 9px;
	font-size: 11.5px;
	font-weight: 600;
	color: var(--bmlcd-muted);
	text-align: center;
	text-decoration: underline;
}

.bmlcd-picker-link:hover {
	color: var(--bmlcd-primary);
}

/* --------------------------------------------------------------------------
   11. TOAST bao loi trong drawer
   -------------------------------------------------------------------------- */
.bmlcd-toast {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: calc(18px + env(safe-area-inset-bottom, 0px));
	z-index: 30;
	padding: 12px 15px;
	border-radius: 10px;
	background: rgba(17, 17, 17, .94);
	color: #fff;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	animation: bmlcd-rise .2s ease;
}

/* --------------------------------------------------------------------------
   12. NUT ADD TO CART O LUOI SAN PHAM
   QUAN TRONG: CSS goc cua site viet cho the <a>. Ta doi sang <button> de
   chay AJAX, nen phai reset style mac dinh cua trinh duyet, neu khong nut
   se bi vien xam + font khac -> vo giao dien toan bo luoi san pham.
   Giu nguyen tone #111 -> hover #d9043d nhu thiet ke hien co.
   -------------------------------------------------------------------------- */
button.bml-add-to-cart-btn {
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	box-shadow: none;
	font-family: inherit;
	cursor: pointer;
	text-shadow: none;
}

button.bml-add-to-cart-btn:focus {
	outline: 2px solid rgba(216, 11, 61, .4);
	outline-offset: 2px;
}

.bml-add-to-cart-btn.is-loading {
	opacity: .65;
	pointer-events: none;
}

.bml-add-to-cart-btn.is-added {
	background: var(--bmlcd-green) !important;
	color: #fff !important;
}

/* --------------------------------------------------------------------------
   13. ICON CART TREN HEADER MOBILE
   Additional CSS cua site ep .header-main .mobile-nav a { background:#fff }
   de sua nut menu bi tang hinh. Icon cart dung chung selector do nen can
   bao dam no van nhin thay va badge so luong hien dung.
   -------------------------------------------------------------------------- */
.header-main .mobile-nav .cart-item .header-cart-link {
	color: var(--bmlcd-ink) !important;
}

.header-main .mobile-nav .cart-item .header-cart-link i {
	color: var(--bmlcd-ink) !important;
	font-size: 20px;
}

/* Badge so luong */
.header-main .mobile-nav .cart-item [data-icon-label]:after {
	background-color: var(--bmlcd-primary) !important;
	color: #fff !important;
	font-weight: 800;
}

/* --------------------------------------------------------------------------
   14. MOBILE  (<= 849px: nguong off-canvas cua Flatsome)
   -------------------------------------------------------------------------- */
@media (max-width: 849px) {

	.off-canvas-cart .cart-popup-title {
		padding: 16px 16px 12px;
	}

	.off-canvas-cart .widget_shopping_cart_content > .woocommerce-mini-cart {
		padding: 0 16px;
	}

	.off-canvas-cart .widget_shopping_cart_content > .woocommerce-mini-cart__total,
	.off-canvas-cart .widget_shopping_cart_content > .woocommerce-mini-cart__buttons {
		padding-left: 16px;
		padding-right: 16px;
	}

	#cart-popup .bmlcd-empty-offers {
		margin-left: 16px;
		margin-right: 16px;
	}

	/* Touch target >= 44px theo khuyen nghi cua Apple/Google */
	#cart-popup .ux-mini-cart-qty .ux-quantity__button {
		width: 38px;
		height: 38px;
		min-height: 38px;
		font-size: 17px;
	}

	#cart-popup .ux-mini-cart-qty input.qty {
		width: 44px;
		height: 38px;
		min-height: 38px;
		font-size: 14px;
	}

	#cart-popup .woocommerce-mini-cart-item a.remove {
		width: 32px;
		height: 32px;
		font-size: 19px;
	}

	.bmlcd-chip {
		min-height: 44px;
		padding: 12px 17px;
		font-size: 13px;
	}

	.bmlcd-picker-close {
		width: 36px;
		height: 36px;
	}

	/* Nut checkout to hon cho ngon tay */
	.off-canvas-cart .woocommerce-mini-cart__buttons .checkout {
		min-height: 56px;
		font-size: 15px;
	}

	#cart-popup .bmlcd-step-label {
		font-size: 10px;
	}
}

/* Man hinh rat nho (iPhone SE ~320px) */
@media (max-width: 360px) {

	#cart-popup .woocommerce-mini-cart-item img {
		width: 54px;
		height: 54px;
		margin-right: 10px;
	}

	#cart-popup .bmlcd-trust li {
		font-size: 9px;
	}

	#cart-popup .bmlcd-step-label em {
		font-size: 9px;
	}
}

/* Nguoi dung tat hieu ung chuyen dong */
@media (prefers-reduced-motion: reduce) {

	#cart-popup .bmlcd-steps-fill,
	#cart-popup .bmlcd-ship-fill,
	.bmlcd-picker,
	.bmlcd-picker-overlay,
	.bmlcd-toast {
		transition: none;
		animation: none;
	}
}