:root,
    body {
      --g-blur: blur(30px) saturate(1.45);
      --mmg-blur: blur(30px) saturate(1.45);
      --g-fill: color-mix(in srgb, var(--surface) 60%, transparent);
      --g-fill-inner: color-mix(in srgb, var(--surface) 46%, transparent);
    }

    [data-theme="dark"],
    [data-theme="dark"] body {
      --g-fill: color-mix(in srgb, var(--surface) 52%, transparent);
      --g-fill-inner: color-mix(in srgb, var(--surface) 40%, transparent);
    }

    /* card-এর ভেতরের box */
    html body .homepage-view :is(.mm-pricebox, .mm-allinone__right),
    html body .homepage-view :is(.mmh-live-pill, .mmh-sync-node, .mmh-menu-row),
    html body:not(.show-homepage):not(.show-auth-page) .container .tab-panel :is([class*="table-wrap"], .guest-lock-box,
      .notice-item, .mmx-mini-metric, .duty-summary-mini, .mmx-demo-note, .mmx-person, .mmx-shopping-item,
      .mmx-menu-slot, .mmx-missing-item, .mmd-menu-slot, .mt-probar, .mt-live, .mt-seg) {
      -webkit-backdrop-filter: blur(22px) saturate(1.35) !important;
      backdrop-filter: blur(22px) saturate(1.35) !important;
    }

    /* mobile/tablet hamburger menu (login-এর আগে) */
    @media (max-width: 1180px) {
      html body .hp-nav .hp-nav-links.hp-mobile-open {
        -webkit-backdrop-filter: blur(38px) saturate(1.5) !important;
        backdrop-filter: blur(38px) saturate(1.5) !important;
      }
    }

    /* app sidebar (login-এর পরে) */
    html body nav#responsiveSidebar.responsive-sidebar {
      -webkit-backdrop-filter: blur(38px) saturate(1.5) !important;
      backdrop-filter: blur(38px) saturate(1.5) !important;
    }

    html body nav#responsiveSidebar :is(.sidebar-top-row, .mm-sidebar-footer, .sidebar-identity-card) {
      -webkit-backdrop-filter: blur(26px) saturate(1.4) !important;
      backdrop-filter: blur(26px) saturate(1.4) !important;
    }

    /* menu খুললে পেছনের পেজ */
    html body .sidebar-overlay {
      -webkit-backdrop-filter: blur(8px) !important;
      backdrop-filter: blur(8px) !important;
    }

    /* যারা কম transparency চান (OS setting) — তাদের জন্য blur বন্ধ */
    @media (prefers-reduced-transparency: reduce) {
      html body .homepage-view :is(.hpx-feature-card, .mm-allinone, .mm-freecard, .mmx-public-showcase),
      html body nav#responsiveSidebar.responsive-sidebar,
      html body .hp-nav .hp-nav-links.hp-mobile-open {
        background: var(--surface) !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
      }
    }