/* Các phần mới chỉ dành cho mobile, giữ nguyên thanh menu desktop. */
.bhld-mobile-menu-heading,.bhld-mobile-menu-tools,.bhld-mobile-menu-footer{display:none}
@media(max-width:768px){
    /* Thanh đầu trang: logo ở giữa, các nút chạm có diện tích tối thiểu 44px. */
    #bgdp-custom-mobile-header .bgdp-mobile-header-inside{gap:8px;padding:8px 12px;min-height:64px}
    #bgdp-custom-mobile-header .mobile-menu-wrap{order:0;flex:0 0 44px;justify-content:flex-start}
    #bgdp-custom-mobile-header .mobile-logo-wrap{order:1;flex:1 1 auto;min-width:0;text-align:left}
    #bgdp-custom-mobile-header .mobile-logo-wrap img{max-width:110px;max-height:42px;object-fit:contain}
    #bgdp-custom-mobile-header .mobile-actions-wrap{order:2;flex:0 0 auto;gap:6px}
    #bgdp-custom-mobile-header .bgdp-custom-toggle,
    #bgdp-custom-mobile-header .mobile-search-btn,
    #bgdp-custom-mobile-header .mobile-hotline-btn{width:44px;height:44px;min-height:44px;padding:0;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#ffffff18;border:1px solid #ffffff24;flex:0 0 44px}
    #bgdp-custom-mobile-header .mobile-hotline-text{display:none}
    /* Màu trắng cho cả Font Awesome dạng font và SVG, ưu tiên hơn CSS plugin. */
    #bgdp-custom-mobile-header .mobile-hotline-btn,
    #bgdp-custom-mobile-header .mobile-hotline-btn .bgdp_icon,
    #bgdp-custom-mobile-header .mobile-hotline-btn .bgdp_icon::before,
    #bgdp-custom-mobile-header .mobile-hotline-btn i,
    #bgdp-custom-mobile-header .mobile-hotline-btn svg{color:#fff!important}
    #bgdp-custom-mobile-header .bgdp-custom-toggle:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}
    #bhld-navigation{background:rgba(8,25,19,.52);backdrop-filter:blur(5px)}
    #bhld-navigation .inside-navigation{display:flex;flex-direction:column;min-height:0;height:100%;width:min(92vw,420px);max-width:420px;margin:0 0 0 auto;padding:0;background:#f8faf9;border-radius:24px 0 0 24px;overflow:hidden;transform:none;animation:none;box-shadow:-12px 0 48px #0003}
    body.bgdp-menu-open #bhld-navigation .inside-navigation{animation:bhld-menu-slide .24s ease-out}
    @keyframes bhld-menu-slide{from{translate:24px 0;opacity:.6}to{translate:0 0;opacity:1}}
    #bhld-navigation .bhld-mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(24px + env(safe-area-inset-top)) 18px 22px;background:linear-gradient(135deg,#004d26,#087b48);color:white;flex-shrink:0}
    .bhld-mobile-menu-brand{display:flex;align-items:center;gap:10px;min-width:0}
    .bhld-mobile-menu-brand img{width:46px;height:46px;object-fit:contain;border-radius:14px;background:#fff;padding:4px;flex-shrink:0}
    #bhld-navigation .bhld-mobile-menu-eyebrow{display:block;color:#c2f3dc;font-size:10px;font-weight:600;letter-spacing:.65px;margin-bottom:4px}
    #bhld-navigation .bhld-mobile-menu-heading h2{margin:0;font-size:18px;font-weight:700;line-height:1.25;color:#fff;text-transform:none}
    #bhld-navigation .bgdp-mobile-menu-popup-close{position:static;flex:0 0 44px;width:44px;height:44px;margin:0;border:1px solid #ffffff35;background:#ffffff15;color:#fff;border-radius:14px;font-size:28px;transform:none}
    #bhld-navigation .bgdp-mobile-menu-popup-close:hover{background:#ffffff30;color:#fff;transform:none}
    #bhld-navigation .bhld-mobile-menu-tools{display:block;flex-shrink:0;padding:16px 18px 8px}
    #bhld-navigation .bhld-mobile-menu-tools button{width:100%;display:flex;align-items:center;gap:10px;min-height:46px;padding:12px 14px;background:#fff;border:1px solid #dfe9e3;border-radius:14px;color:#52675a;font-size:14px;text-align:left;cursor:pointer}
    #bhld-navigation .bhld-mobile-menu-tools p{margin:18px 2px 0;color:#708578;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
    #bhld-navigation .main-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;background:transparent;padding:4px 12px 16px;max-width:100%;scrollbar-width:thin}
    /* Khóa thứ tự riêng, tránh order của CSS menu cũ trong plugin. */
    #bhld-navigation .bhld-mobile-menu-heading{order:1}
    #bhld-navigation .bhld-mobile-menu-tools{order:2}
    #bhld-navigation .inside-navigation{flex-wrap:nowrap}
    #bhld-navigation #primary-menu{order:3;flex:1 1 0%;height:auto;min-height:0;width:100%;max-height:none;align-self:stretch}
    #bhld-navigation .bhld-mobile-menu-footer{order:4}
    #bhld-navigation .main-nav>ul{padding:0;background:transparent}
    #bhld-navigation .main-nav>ul>li{margin:4px 0;border:0;background:#fff;border-radius:14px;overflow:hidden}
    #bhld-navigation .main-nav>ul>li>a{display:flex;align-items:center;gap:10px;min-height:52px;margin:0;padding:12px 14px;border:0;background:#fff;color:#203d2b;font-size:14px;font-weight:600;line-height:1.4;text-transform:none;white-space:normal;border-radius:14px;transform:none}
    #bhld-navigation .main-nav>ul>li>a i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;margin:0;border-radius:10px;background:#edf7f0;color:#087b48;font-size:14px}
    #bhld-navigation .main-nav>ul>li.current-menu-item>a,
    #bhld-navigation .main-nav>ul>li.current-menu-ancestor>a,
    #bhld-navigation .main-nav>ul>li>a:hover{background:#e9f6ed;color:#006633}
    #bhld-navigation .main-nav li.menu-item-has-children>a{padding-right:64px}
    #bhld-navigation .main-nav .bhld-submenu-toggle{width:44px;height:44px;top:4px;right:6px;padding:0;border-radius:12px;background:#f0f6f2;color:#087b48}
    #bhld-navigation .main-nav ul ul .bhld-submenu-toggle{top:2px}
    #bhld-navigation .main-nav .bhld-submenu-toggle[aria-expanded="true"]{background:#087b48;color:#fff}
    #bhld-navigation .main-nav .bhld-submenu-toggle[aria-expanded="true"] i{color:#fff}
    #bhld-navigation .main-nav li:not(.bgdp-submenu-open)>ul{display:none!important}
    #bhld-navigation .main-nav li.bgdp-submenu-open>ul{display:block;position:static;max-height:none;min-width:0;width:100%;margin:0;padding:4px 6px 8px;background:#f0f6f2;border:0;opacity:1;visibility:visible;pointer-events:auto;transform:none;box-shadow:none}
    #bhld-navigation .main-nav ul ul li a{min-height:48px;padding:12px 14px 12px 24px;border:0;border-radius:10px;font-size:13px;line-height:1.45;background:transparent;color:#47604f;text-transform:none;white-space:normal}
    #bhld-navigation .main-nav ul ul ul li a{padding-left:34px;font-size:13px;background:transparent}
    #bhld-navigation .main-nav ul ul li a:hover,
    #bhld-navigation .main-nav ul ul li.current-menu-item>a{background:#fff;color:#006633;border:0}
    #bhld-navigation .bhld-mobile-menu-footer{display:block;flex-shrink:0;padding:12px 18px calc(16px + env(safe-area-inset-bottom));border-top:1px solid #e1eae5;background:#fff}
    #bhld-navigation .bhld-mobile-menu-footer p{margin:0 0 10px;font-size:12px;color:#667b6c;text-align:center}
    .bhld-mobile-menu-footer>div{display:flex;gap:10px}
    #bhld-navigation .bhld-mobile-menu-footer a{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:46px;padding:10px 8px;border-radius:12px;font-size:13px;font-weight:600;text-transform:none;white-space:nowrap}
    #bhld-navigation .bhld-menu-call{background:#087b48;color:#fff}
    #bhld-navigation .bhld-menu-zalo{background:#eaf5ef;color:#087b48;border:1px solid #cee8d7}
}
@media(max-width:360px){#bhld-navigation .bhld-mobile-menu-heading{padding-left:12px;padding-right:12px;gap:8px}.bhld-mobile-menu-brand{gap:8px}.bhld-mobile-menu-brand img{width:36px;height:36px}#bhld-navigation .bhld-mobile-menu-heading h2{font-size:16px}#bhld-navigation .bhld-mobile-menu-eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){body.bgdp-menu-open #bhld-navigation .inside-navigation{animation:none}}