/* =====================================================================
   NOMA MOBILE — Header + menu dùng chung (LUÔN nạp trên mobile, mọi trang).
   Mục tiêu: 1 menu thống nhất. Trên trang KHÔNG phải NOMA (home/giỏ/checkout…)
   chèn thanh .noma-m.noma-m-bar (promo + header + drawer), ẩn header WoodMart.
   ===================================================================== */
.noma-m{ --noma-blue:#1A1A1C; --accent-blue:#2563EB;
  --ink:#1C1C1E; --g900:#1A1A1C; --g700:#44444A; --g500:#8A8A92;
  --g200:#E8E8EC; --g100:#F4F4F7; --g50:#FAFAFC; --white:#FFFFFF;
  --sans:"Noto Sans",system-ui,sans-serif; --mono:"Noto Sans",system-ui,sans-serif;
  --r-sm:4px; --r-md:8px; --r-lg:12px; --r-full:9999px;
  font-family:'Noto Sans',system-ui,-apple-system,sans-serif; -webkit-tap-highlight-color:transparent; }
.noma-m .promo{ background:#000; color:#fff; text-align:center; font-size:12.5px; font-weight:600; letter-spacing:.01em; padding:9px 16px; }
.noma-m .header{ position:sticky; top:0; z-index:50; background:#0c0c0e; border-bottom:1px solid #26262b; }
.noma-m .header .row{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:13px 16px; }
.noma-m .menu-btn{ justify-self:start; display:flex; align-items:center; gap:9px; background:none; border:none; color:#fff; cursor:pointer; padding:0; font-family:inherit; }
.noma-m .menu-btn svg{ width:21px; height:21px; display:block; }
.noma-m .menu-btn .mlabel{ font-size:11.5px; font-weight:600; letter-spacing:.18em; color:rgba(255,255,255,.9); }
.noma-m .header .logo{ justify-self:center; height:28px; width:auto; display:block; color:#fff; }
.noma-m .header .logo svg{ height:100%; width:auto; display:block; fill:currentColor; }
.noma-m .header .acts{ justify-self:end; display:flex; align-items:center; gap:16px; }
.noma-m .icon-btn{ background:none; border:none; color:#fff; display:flex; align-items:center; position:relative; cursor:pointer; padding:0; }
.noma-m .icon-btn svg{ width:23px; height:23px; }
.noma-m .badge-count{ position:absolute; top:-6px; right:-7px; background:#1C6EF2; color:#fff; font-size:10px; font-weight:700; min-width:16px; height:16px; border-radius:var(--r-full); display:flex; align-items:center; justify-content:center; padding:0 4px; font-family:var(--mono); }
/* Chống icon giỏ phình to (xung đột WoodMart/WooCommerce) — ép cỡ SVG nút thêm-giỏ ở mọi nơi */
.noma-m a.add_to_cart_button svg,
.noma-m button[name="add-to-cart"] svg,
.noma-m .buy svg,
.noma-m .buybar a svg,
.noma-m .btn-primary svg{ width:18px !important; height:18px !important; flex:0 0 auto; }

/* Mũi tên carousel (Trải nghiệm/Trang chủ): dùng KÝ TỰ chevron ‹ › (glyph văn bản)
   → không phụ thuộc SVG/border nên WoodMart/Elementor không thể đè ẩn/làm lệch. */
.noma-m .navs button,
.noma-m .hnavs button{ color:#1C1C1E !important; font-size:0 !important; line-height:0 !important; }
.noma-m .navs button > svg,
.noma-m .hnavs button > svg{ display:none !important; }
.noma-m .navs button::before,
.noma-m .hnavs button::before{ display:inline-block !important; color:#1C1C1E !important;
  font-family:Arial,Helvetica,system-ui,sans-serif !important; font-size:22px !important; font-weight:700 !important;
  line-height:1 !important; -webkit-text-fill-color:#1C1C1E !important; }
.noma-m .navs button[data-dir="1"]::before,
.noma-m .hnavs button[data-dir="1"]::before{ content:"\203A" !important; }   /* › */
.noma-m .navs button[data-dir="-1"]::before,
.noma-m .hnavs button[data-dir="-1"]::before{ content:"\2039" !important; }  /* ‹ */