/* QMBShop header/mobile polish - intentionally isolated from main.css and Now UI */
.qmb-desktop-brand-menu > a::after { content: "⌄"; font-size: 12px; margin-right: 7px; opacity: .55; }
.qmb-desktop-brand-menu .qmb-brand-dropdown {
    position:absolute; top:100%; right:0; min-width:230px; max-height:420px; overflow:auto;
    background:#fff; border:1px solid #edf0f4; border-radius:16px; padding:8px;
    box-shadow:0 18px 45px rgba(15,23,42,.14); opacity:0; visibility:hidden;
    transform:translateY(8px); transition:.2s ease; z-index:1050;
}
.qmb-desktop-brand-menu { position:relative; }
.qmb-desktop-brand-menu:hover .qmb-brand-dropdown,
.qmb-desktop-brand-menu:focus-within .qmb-brand-dropdown { opacity:1; visibility:visible; transform:none; }
.qmb-brand-dropdown a { display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:11px; color:#273142!important; white-space:nowrap; }
.qmb-brand-dropdown a:hover { background:#f6f3ff; color:#6d42d8!important; }
.qmb-brand-mini { width:28px; height:28px; border-radius:50%; object-fit:cover; background:#f2f3f6; flex:0 0 28px; }
.qmb-brand-mini-fallback { width:28px; height:28px; border-radius:50%; display:grid; place-items:center; background:#eee9ff; color:#7145d9; font-size:12px; font-weight:800; flex:0 0 28px; }

@media (max-width:1077px) {
    nav.header-responsive {
        height:112px !important; min-height:112px; padding:0 !important; background:#fff !important;
        box-shadow:0 7px 24px rgba(15,23,42,.09); border-bottom:1px solid #edf0f4; z-index:1040;
        overflow:visible !important;
    }
    nav.header-responsive > .container { height:100%; padding:0 14px; }
    nav.header-responsive .navbar-translate { height:58px; min-height:58px; width:100%; padding:0 2px; align-items:center; }
    nav.header-responsive .navbar-brand { position:relative; display:flex; align-items:center; height:44px; margin:0 auto; padding:0 8px; transform:none !important; }
    nav.header-responsive .navbar-brand img { height:32px !important; width:auto; display:block; object-fit:contain; }
    nav.header-responsive .navbar-toggler { position:relative !important; inset:auto !important; width:44px; height:44px; margin:0; padding:0; border:1px solid #e8eaf0 !important; border-radius:13px; background:#171923 !important; display:grid; place-items:center; box-shadow:0 7px 16px rgba(23,25,35,.18); z-index:3; }
    nav.header-responsive .navbar-toggler-bar { background:#fff !important; width:21px !important; height:2px !important; margin:3px 0 !important; border-radius:3px; }
    nav.header-responsive .navbar-toggler-bar.bar2 { width:15px !important; justify-self:end; margin-right:1px !important; }
    nav.header-responsive .search-nav { position:absolute; right:14px; left:14px; top:65px; width:auto; height:36px; }
    nav.header-responsive .search-nav form { width:100%; height:36px; float:none; }
    nav.header-responsive .search-nav form input { height:36px; border:1px solid #e7e9ee; border-radius:12px; background:#f7f8fa; padding-right:14px; padding-left:50px; box-shadow:none; }
    nav.header-responsive .search-nav form button { width:44px; height:36px; left:0; border-radius:11px 0 0 11px; background:#f7f8fa; color:#343746; }
    nav.header-responsive .navbar-collapse { top:112px !important; height:calc(100vh - 112px) !important; width:min(360px,88vw) !important; right:0 !important; left:auto !important; border-radius:0 0 0 24px; box-shadow:-18px 0 55px rgba(0,0,0,.25); padding:14px 12px 28px; overflow-y:auto !important; }
    nav.header-responsive .navbar-collapse:before { display:none !important; }
    nav.header-responsive .navbar-nav.default { margin:0 !important; padding:0 !important; width:100%; }
    nav.header-responsive .navbar-nav.default .menu { margin:0 !important; padding:0 !important; background:transparent !important; }
    nav.header-responsive .navbar-nav.default > li { width:100%; margin:0 0 5px; border:0 !important; }
    nav.header-responsive .navbar-nav.default > li > a,
    nav.header-responsive .navbar-nav.default .nav-link { display:flex; align-items:center; justify-content:space-between; min-height:48px; margin:0 !important; padding:11px 13px !important; border-radius:12px; background:transparent !important; color:#f7f7fb !important; font-size:14px; line-height:1.7; }
    nav.header-responsive .navbar-nav.default > li > a:hover { background:#1c1e26 !important; }
    nav.header-responsive .navbar-nav.default .menu-item > div { width:100%; display:flex; align-items:center; border-radius:12px; }
    nav.header-responsive .navbar-nav.default .menu-item > div > a { flex:1; color:#f7f7fb !important; }
    nav.header-responsive .navbar-nav.default .toggle-btn { width:40px; height:40px; margin-left:4px; padding:0 !important; border:0 !important; border-radius:10px; color:#aeb3c0 !important; background:transparent !important; }
    nav.header-responsive .navbar-nav.default .toggle-btn i { font-size:11px; }
    nav.header-responsive .navbar-nav.default .submenu { margin:3px 7px 7px 0 !important; padding:3px 8px !important; background:#181a21 !important; border-right:2px solid #6e48d8; border-radius:10px; }
    nav.header-responsive .navbar-nav.default .submenu .nav-link { min-height:42px; padding:8px 10px !important; color:#121317 !important; font-size:13px; }
    nav.header-responsive .navbar-nav.default .submenu .submenu { margin-right:7px !important; background:#20222a !important; }
    nav.header-responsive ul, nav.header-responsive li { list-style:none !important; }
    nav.header-responsive ul::before, nav.header-responsive ul::after,
    nav.header-responsive li::before, nav.header-responsive li::after { content:none !important; display:none !important; }
    nav.header-responsive .sub-menu::before, nav.header-responsive .sub-menu::after { content:none !important; }
}

@media (max-width:1077px) {
    nav.header-responsive .qmb-mobile-brands-item > .qmb-mobile-brand-link {
        display:block; min-height:38px; padding:8px 24px !important; margin:2px 0; border-radius:9px;
        background:#181a21 !important; color:#aeb3c0 !important; font-size:12px !important;
    }
    nav.header-responsive .qmb-mobile-brands-item > .qmb-mobile-brand-link:hover { background:#23252e !important; color:#fff !important; }
}
@media (max-width:1077px) {
    nav.header-responsive .navbar-nav.default > li.sub-menu > .menu {
        display:none !important; padding:5px !important; border-radius:12px; background:#181a21 !important;
    }
    nav.header-responsive .navbar-nav.default > li.sub-menu > .menu.qmb-mobile-products-open {
        display:block !important;
    }
    nav.header-responsive .navbar-nav.default > li.sub-menu > .menu > li { margin:2px 0; }
}
@media (max-width:1077px) {
    nav.header-responsive .navbar-collapse { transform:translate3d(100%,0,0) !important; }
    nav.header-responsive .navbar-collapse.show { transform:translate3d(0,0,0) !important; }
}