/* ===== Thương hiệu cho header/footer VinaSite (matongmanuka.vn) ===== */
/* Chứa off-canvas menu (VinaSite) để không gây tràn ngang toàn site */
html,body{overflow-x:hidden;overflow-x:clip}

/* Header – nút CTA & menu theo màu thương hiệu */
.vs-header .vs-btn--primary{background:var(--brand-primary);border-color:var(--brand-primary)}
.vs-header .vs-btn--primary:hover{background:var(--brand-primary-dark)}
.vs-header .vs-menu > li > a:hover,.vs-header .vs-menu .current-menu-item > a{color:var(--brand-primary)}
.vs-header .vs-menu .current-menu-item > a{font-weight:700}
.vs-topbar{background:var(--brand-primary);color:#fff}
.vs-topbar a,.vs-topbar span{color:#fff}
.vs-header .vs-logo img{max-height:52px;width:auto;height:auto}

/* Off-canvas active link */
.vs-offcanvas__nav .current-menu-item > a{color:var(--brand-primary)}

/* Footer – tông thương hiệu */
.vs-footer{background:#12233d;color:#d7dce4}
.vs-footer a{color:#d7dce4}
.vs-footer a:hover{color:var(--honey-accent)}
.vs-footer h3{color:#fff;font-size:16px;margin-bottom:12px}
.vs-footer__brand img{background:#fff;padding:8px 10px;border-radius:8px;max-width:190px;height:auto}
.vs-footer__slogan{color:var(--honey-light);font-style:italic}
.vs-footer__links a:hover,.vs-footer__contact a:hover{color:var(--honey-accent)}
.vs-footer__bottom{background:#0d1a2e}
.vs-footer__socials a{background:rgba(255,255,255,.1);border-radius:8px}

/* Vùng bấm tối thiểu ở header/footer */
.vs-header .vs-btn,.vs-burger{min-height:44px}

/* Footer child – lưới 4 cột + mobile CTA bar */
.mmnv-footer .vs-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:30px;padding:40px 0}
.mmnv-footer .vs-footer__links{list-style:none;margin:0;padding:0}
.mmnv-footer .vs-footer__links li{margin:0 0 8px}
.mmnv-footer .vs-footer__contact{list-style:none;margin:0;padding:0}
.mmnv-footer .vs-footer__contact li{margin:0 0 8px}
.mmnv-footer .mmnv-todo{color:#9fb0c4;font-size:13px}
.vs-footer__bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 0;font-size:13px}
.vs-footer__legal{display:flex;gap:14px;flex-wrap:wrap}
.mmnv-mobilebar{display:none}
@media(max-width:900px){
  .mmnv-footer .vs-footer__grid{grid-template-columns:1fr 1fr;gap:22px;padding:28px 0}
  .mmnv-mobilebar{position:fixed;left:0;right:0;bottom:0;z-index:9990;display:flex;background:#fff;border-top:1px solid #e4e4e4;box-shadow:0 -4px 16px rgba(0,0,0,.1);padding-bottom:env(safe-area-inset-bottom)}
  .mmnv-mobilebar a{flex:1;min-height:52px;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:13.5px;text-decoration:none;color:#243; border-right:1px solid #eee}
  .mmnv-mobilebar a:last-child{border-right:0;color:var(--brand-primary)}
  body{padding-bottom:58px}
}
@media(max-width:560px){.mmnv-footer .vs-footer__grid{grid-template-columns:1fr}}

/* ================= HEADER 3 TẦNG (child) ================= */
.mmnv-header .vs-topbar{display:none} /* dùng announce riêng */
/* Tầng 1 */
.mmnv-announce{background:var(--brand-primary);color:#fff;font-size:13px}
.mmnv-announce-in{display:flex;gap:26px;align-items:center;justify-content:center;padding:7px 20px;flex-wrap:wrap}
.mmnv-announce a{color:#fff;font-weight:700}
/* Tầng 2 */
.mmnv-bar{background:#fff;border-bottom:1px solid var(--border-color)}
.mmnv-bar-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:12px 20px}
.mmnv-logo img{max-height:46px;width:auto;height:auto;display:block}
.mmnv-search{display:flex;border:2px solid var(--brand-primary);border-radius:999px;overflow:hidden;max-width:520px;width:100%;background:#fff}
.mmnv-search input[type=search]{flex:1;border:0;padding:10px 18px;font-size:14.5px;outline:none;min-width:0;background:transparent}
.mmnv-search button{border:0;background:var(--brand-primary);color:#fff;padding:0 18px;font-size:16px;cursor:pointer}
.mmnv-search button:hover{background:var(--brand-primary-dark)}
.mmnv-actions{display:flex;align-items:center;gap:14px}
.mmnv-hotline{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-primary)}
.mmnv-hotline-txt{display:flex;flex-direction:column;line-height:1.1}
.mmnv-hotline-txt small{font-size:11px;color:#888}
.mmnv-hotline-txt strong{font-size:16px;color:var(--brand-primary)}
.mmnv-hotline-ic{font-size:20px}
.mmnv-icon-btn{position:relative;font-size:22px;text-decoration:none;line-height:1;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:#333}
.mmnv-cart-count{position:absolute;top:2px;right:2px;background:var(--sale-color);color:#fff;font-size:11px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}
.mmnv-burger{display:none;background:none;border:0;font-size:26px;cursor:pointer;min-width:44px;min-height:44px}
/* Tầng 3 – product nav sticky */
.mmnv-nav{background:var(--brand-primary);position:sticky;top:0;z-index:50}
.mmnv-nav .mmnv-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.mmnv-nav .mmnv-menu > li{position:relative}
.mmnv-nav .mmnv-menu > li > a{display:block;color:#fff;text-decoration:none;padding:13px 18px;font-weight:600;font-size:14.5px}
.mmnv-nav .mmnv-menu > li > a:hover,.mmnv-nav .mmnv-menu .current-menu-item > a{background:rgba(255,255,255,.14)}
.mmnv-nav .mmnv-menu ul{position:absolute;top:100%;left:0;background:#fff;min-width:220px;box-shadow:var(--shadow-md);list-style:none;margin:0;padding:6px 0;border-radius:0 0 10px 10px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.15s;z-index:60}
.mmnv-nav .mmnv-menu li:hover > ul{opacity:1;visibility:visible;transform:none}
.mmnv-nav .mmnv-menu ul a{display:block;padding:9px 18px;color:#333;text-decoration:none;font-size:14px}
.mmnv-nav .mmnv-menu ul a:hover{background:var(--brand-primary-soft);color:var(--brand-primary)}

@media(max-width:900px){
	.mmnv-bar-in{grid-template-columns:auto 1fr auto;gap:12px}
	.mmnv-search{display:none}
	.mmnv-nav{display:none}
	.mmnv-hotline-txt{display:none}
	.mmnv-burger{display:inline-flex}
	.mmnv-announce-in{gap:16px;font-size:12px}
	.mmnv-announce-in span:first-child{display:none}
}
.mmnv-search--oc{display:flex;margin:14px 0}

/* ===== Off-canvas mobile (tự quản, không phụ thuộc scope theme) ===== */
.vs-offcanvas{position:fixed;top:0;right:-380px;left:auto;width:min(86vw,340px);height:100%;background:#fff;transform:none!important;transition:right .28s ease;z-index:9999;overflow-y:auto;padding:0 18px 24px;box-shadow:-8px 0 30px rgba(0,0,0,.15)}
.mmnv-site .vs-offcanvas.is-open,.vs-offcanvas.is-open{right:0!important}
.vs-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998;opacity:0;visibility:hidden;transition:.28s;border:0}
.vs-overlay.is-open{opacity:1;visibility:visible}
.vs-offcanvas__head{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #eee;margin-bottom:6px;position:sticky;top:0;background:#fff}
.vs-offcanvas__head img{max-height:34px;width:auto}
.vs-offcanvas__close{background:none;border:0;font-size:22px;cursor:pointer;min-width:44px;min-height:44px;color:#333}
.vs-offcanvas__nav{list-style:none;margin:0;padding:0}
.vs-offcanvas__nav li{border-bottom:1px solid #f1f1f1}
.vs-offcanvas__nav a{display:block;padding:13px 4px;color:#222;text-decoration:none;font-weight:600}
.vs-offcanvas__nav .current-menu-item > a{color:var(--brand-primary)}
.vs-offcanvas__actions{margin-top:16px}
body.mmnv-lock{overflow:hidden}
.vs-overlay:not([hidden]){opacity:1;visibility:visible}

/* ===== Off-canvas RIÊNG (mmnv-oc) – tự quản hoàn toàn ===== */
.mmnv-oc{position:fixed;inset:0;background:#fff;z-index:99999;overflow-y:auto;padding:0 18px 26px;display:none}
.mmnv-oc.open{display:block}
.mmnv-oc-ov{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99998}
.mmnv-oc-ov[hidden]{display:none}
.mmnv-oc-head{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #eee;margin-bottom:8px;position:sticky;top:0;background:#fff}
.mmnv-oc-head img{max-height:34px;width:auto}
.mmnv-oc-close{background:none;border:0;font-size:22px;cursor:pointer;min-width:44px;min-height:44px;color:#333}
.mmnv-oc-nav{list-style:none;margin:0;padding:0}
.mmnv-oc-nav li{border-bottom:1px solid #f1f1f1}
.mmnv-oc-nav a{display:block;padding:13px 4px;color:#222;text-decoration:none;font-weight:600}
.mmnv-oc-nav .current-menu-item>a{color:var(--brand-primary)}
.mmnv-oc-nav .sub-menu{list-style:none;margin:0;padding:2px 0 8px 14px}
.mmnv-oc-nav .sub-menu a{padding:9px 4px;font-weight:400;font-size:14px;color:#555}
.mmnv-oc-actions{margin-top:16px}
body.mmnv-lock{overflow:hidden}

/* ================= FOOTER đồng bộ + chuyên nghiệp (thắng VinaSite) ================= */
.mmnv-footer{background:#0f1d33!important;border-top:0!important;border-radius:0!important;color:#c8d2df!important}
.mmnv-footer .vs-footer__main{background:transparent!important;padding:52px 0 38px!important}
.mmnv-footer .vs-footer__grid{gap:36px!important}
.mmnv-footer .vs-footer__bottom{background:#0a1526!important;border-top:1px solid rgba(255,255,255,.08)!important}
.mmnv-footer h3{color:#fff!important;font-size:15.5px!important;font-weight:700!important;letter-spacing:.02em;margin:0 0 18px!important;padding-bottom:12px!important;position:relative;text-transform:uppercase}
.mmnv-footer h3::after{content:""!important;position:absolute;left:0;bottom:0;width:40px;height:3px;background:var(--honey-accent)!important;border-radius:2px}
.mmnv-footer a{color:#c1ccda!important;transition:color .15s;text-decoration:none}
.mmnv-footer a:hover{color:var(--honey-accent)!important}
.mmnv-footer .vs-footer__links li,.mmnv-footer .vs-footer__contact li{margin:0 0 11px!important;line-height:1.5}
.mmnv-footer .vs-footer__brand img{background:#fff!important;padding:10px 14px!important;border-radius:10px!important;max-width:210px!important;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.mmnv-footer .vs-footer__slogan{color:var(--honey-light)!important;font-style:italic;margin:16px 0 12px!important;font-size:14.5px;line-height:1.6}
.mmnv-footer .vs-footer__meta{font-size:13.5px;color:#93a1b4;line-height:1.7}
.mmnv-footer .mmnv-todo{color:#8090a3!important;font-size:12.5px}
.mmnv-footer .vs-footer__bottom-inner{padding:18px 0!important;color:#8fa0b5}
.mmnv-footer .vs-footer__legal a{color:#aebacb!important}
.mmnv-footer .vs-footer__legal a:hover{color:#fff!important}
/* mobile footer gọn */
@media(max-width:768px){
  .mmnv-footer .vs-footer__main{padding:34px 0 22px!important}
  .mmnv-footer .vs-footer__bottom-inner{flex-direction:column;gap:10px;text-align:center}
}

/* ================= WooCommerce archive (shop / danh mục) ================= */
/* Nới rộng khung chỉ trên trang shop/danh mục */
.mmnv-shop .vs-page__wrap{max-width:1280px!important}

/* Thanh công cụ: kết quả + sắp xếp */
.woocommerce .woocommerce-result-count{margin:0 0 4px;color:var(--text-secondary,#555);font-size:14px}
.woocommerce .woocommerce-ordering{margin:0 0 18px}
.woocommerce .woocommerce-ordering select{padding:9px 12px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:14px}

/* Lưới card đồng đều */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:20px;margin:0 0 28px!important;padding:0!important;list-style:none!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{content:none!important;display:none!important}
.woocommerce ul.products li.product{width:auto!important;float:none!important;clear:none!important;margin:0!important;padding:0!important;position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #ececec;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:transform .16s ease,box-shadow .16s ease}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(0,0,0,.1)}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex:1;text-decoration:none!important;padding:0}
.woocommerce ul.products li.product img{margin:0!important;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;padding:14px;border-bottom:1px solid #f2f2f2}
.woocommerce ul.products li.product .woocommerce-loop-product__title{padding:12px 14px 0!important;margin:0!important;font-size:14.5px;font-weight:600;line-height:1.4;color:#1a1a1a!important;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.woocommerce ul.products li.product .price{padding:8px 14px 0;margin:auto 0 0!important;color:var(--sale-color,#e60000)!important;font-weight:800;font-size:16px}
.woocommerce ul.products li.product .price del{color:#999;font-weight:400;font-size:13px;opacity:1}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .star-rating{margin:8px 14px 0;font-size:13px}
/* Nút thêm giỏ – xanh thương hiệu, full width, cao đều */
.woocommerce ul.products li.product .button{display:block!important;margin:12px 14px 14px!important;padding:11px 12px!important;text-align:center;background:var(--brand-primary,#1b6fd8)!important;color:#fff!important;border:0!important;border-radius:8px!important;font-weight:700;font-size:13.5px;min-height:44px;line-height:1.5}
.woocommerce ul.products li.product .button:hover{background:var(--brand-primary-dark,#1257ac)!important}
.woocommerce ul.products li.product .added_to_cart{display:block!important;margin:0 14px 14px!important;padding:10px 12px!important;text-align:center;background:var(--olive-accent,#6f8f3f)!important;color:#fff!important;border-radius:8px!important;font-weight:700;font-size:13px}
/* Badge sale */
.woocommerce ul.products li.product .onsale{position:absolute;top:10px;left:10px;margin:0!important;min-height:0!important;background:var(--honey-accent,#f6c324)!important;color:#1a1a1a!important;border-radius:20px;padding:3px 11px!important;font-size:12px;font-weight:800;line-height:1.6;z-index:2}
/* Phân trang */
.woocommerce nav.woocommerce-pagination ul{border:0!important;display:flex;gap:6px;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:0!important;margin:0}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border:1px solid #e2e2e2!important;border-radius:8px;min-width:42px;height:42px;line-height:42px!important;padding:0 8px}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--brand-primary,#1b6fd8)!important;color:#fff!important;border-color:var(--brand-primary,#1b6fd8)!important}

@media(max-width:1024px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr)!important;gap:16px}}
@media(max-width:768px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important;gap:14px}}
@media(max-width:420px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important;gap:10px}.woocommerce ul.products li.product .button{font-size:12.5px}}