@media (min-width: 1200px) {
    html { zoom: 1.1; }

    html body .site-header .header-inner,
    html body .sub-nav .sub-nav-inner,
    html body .main-content-layout,
    html body .announce-bar,
    html body .site-footer .ft-wrap,
    html body .fly-user-main,
    html body .detail-header .hd-inner,
    html body .page-container,
    html body .container,
    html body .container-lg,
    html body .container-xl,
    html body .container-xxl {
        width: 100% !important;
        max-width: 1800px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }
    html body .container .container,
    html body .fly-user-main .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    html body .tg-inner,
    html body .tb-inner { max-width: 1600px; }
}

html body .hok-subnav { gap: 10px; min-height: 46px; }
html body .hok-subnav .hok-chip { height: 42px; padding: 0 18px; font-size: 16px; }
html body .hok-facets { padding: 8px 14px; }
html body .hok-frow { height: auto; min-height: 48px; gap: 12px; }
html body .hok-frow .hok-flabel { line-height: 36px; }
html body .hok-flabel { min-width: 72px; font-size: 14.5px; color: #475569; }
html body .hok-fchips { gap: 10px; }
html body .hok-chip { height: 36px; padding: 0 15px; gap: 6px; border-radius: 18px; font-size: 15px; }
html body .hok-chip .n { font-size: 12.5px; }
html body .hok-subnav .hok-chip { height: 42px; padding: 0 18px; font-size: 16px; border-radius: 10px; }

html body .categories-dropdown-menu { min-width: 300px; padding: 8px 0; max-height: calc(100vh - 140px); overflow-y: auto !important; overscroll-behavior: contain; }
html body .categories-dropdown-item { padding: 12px 18px; font-size: 0.95rem; line-height: 1.35; }
html body .categories-dropdown-item i,
html body .categories-dropdown-item img { width: 20px !important; margin-right: 10px !important; }
html body .categories-dropdown-item .badge { font-size: 0.78rem !important; padding: 0.3em 0.6em; }
html body .dropdown-submenu-item,
html body .submenu-item { padding: 11px 18px; font-size: 0.95rem; }

html body .header-row-2 > a.header-action-link[href*="recharge"]:has(> .fa-credit-card) {
    padding: 5px 12px;
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 600;
}
html body .header-row-2 > a.header-action-link[href*="recharge"]:has(> .fa-credit-card) i { color: #2563eb; }
html body .header-row-2 > a.header-action-link[href*="recharge"]:has(> .fa-credit-card):hover {
    background: #dbeafe;
    border-color: #93c5fd;
    color: #1e40af;
}

}

@media (max-width: 768px) {
    html body .hok-subnav { gap: 8px; min-height: 42px; }
    html body .hok-subnav .hok-chip { height: 38px; padding: 0 14px; font-size: 15px; }
    html body .hok-facets { padding: 6px 10px; }
    html body .hok-frow { height: auto; min-height: 44px; gap: 8px; }
    html body .hok-frow .hok-flabel { line-height: 34px; }
    html body .hok-flabel { min-width: 62px; font-size: 13.5px; }
    html body .hok-fchips { gap: 8px; }
    html body .hok-chip { height: 34px; padding: 0 12px; font-size: 14px; border-radius: 17px; }
    html body .hok-chip .n { font-size: 12px; }
    html body .hok-subnav .hok-chip { height: 38px; padding: 0 14px; font-size: 15px; border-radius: 10px; }
    html body .hok-frow.hok-2r { height: auto; padding: 5px 0; }
    html body .hok-subnav.hok-2r, html body .hok-frow.hok-2r .hok-fchips { gap: 8px; }
    html body .hok-2r .hok-r { gap: 8px; }
    html body .hok-subnav.hok-2r { min-height: 0; }
    html body .categories-dropdown-menu { min-width: 280px; max-width: calc(100vw - 20px); max-height: calc(100vh - 170px); }
    html body .categories-dropdown-item { padding: 12px 16px; }
    html body .header-row-2 > a.header-action-link[href*="recharge"]:has(> .fa-credit-card) { padding: 5px 10px; }
}

@media (max-width: 375px) {
    html body .header-row-2 > a.header-action-link[href*="recharge"]:has(> .fa-credit-card) { padding: 3px 7px; }
}