html:not(.no-liquid){
  
  --lg-blur: 11px;
  --lg-blur-sm: 6px;
  
  --lg-sheen: linear-gradient(150deg,
      rgba(255,255,255,.60) 0%,
      rgba(255,255,255,.18) 14%,
      rgba(255,255,255,.04) 30%,
      rgba(255,255,255,0) 52%);
  
  --lg-edge:
      inset 0 1px 0 rgba(255,255,255,.55),
      inset 0 0 0 1px rgba(255,255,255,.10),
      inset 0 -10px 22px rgba(15,23,42,.10);
  --lg-edge-strong:
      inset 0 1.5px 0 rgba(255,255,255,.66),
      inset 0 0 0 1px rgba(255,255,255,.14),
      inset 0 -14px 30px rgba(15,23,42,.14);
}
html:not(.no-liquid)[data-theme="dark"]{
  --lg-sheen: linear-gradient(150deg,
      rgba(255,255,255,.28) 0%,
      rgba(255,255,255,.08) 14%,
      rgba(255,255,255,.02) 30%,
      rgba(255,255,255,0) 52%);
  --lg-edge:
      inset 0 1px 0 rgba(255,255,255,.16),
      inset 0 0 0 1px rgba(255,255,255,.06),
      inset 0 -10px 22px rgba(0,0,0,.34);
  --lg-edge-strong:
      inset 0 1.5px 0 rgba(255,255,255,.22),
      inset 0 0 0 1px rgba(255,255,255,.08),
      inset 0 -14px 30px rgba(0,0,0,.42);
}


html:not(.no-liquid) .bg-blob{
  filter:none !important;
  background:radial-gradient(circle at 50% 50%,
      rgba(10,20,45,.13) 0%,
      rgba(10,20,45,.07) 38%,
      rgba(10,20,45,0) 70%) !important;
}
html:not(.no-liquid)[data-theme="dark"] .bg-blob{
  background:radial-gradient(circle at 50% 50%,
      rgba(150,180,255,.10) 0%,
      rgba(150,180,255,.045) 40%,
      rgba(150,180,255,0) 72%) !important;
}


html:not(.no-liquid) .battery-platform{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:0 46px 100px rgba(0,0,0,.30),0 18px 54px rgba(0,0,0,.22),var(--lg-edge-strong);
}


html:not(.no-liquid):not(.perf-lite) #navbar{
  backdrop-filter:blur(var(--lg-blur)) saturate(1.4) !important;
  -webkit-backdrop-filter:blur(var(--lg-blur)) saturate(1.4) !important;
}



html:not(.no-liquid) .co-card,
html:not(.no-liquid) .partner-hub-card,
html:not(.no-liquid) .login-drop,
html:not(.no-liquid) .auth-modal,
html:not(.no-liquid) .mob-login-card,
html:not(.no-liquid) .sb-offer,
html:not(.no-liquid) .bg-head{
  position:relative;
  isolation:isolate;
  box-shadow:var(--glass-shadow), var(--lg-edge);
}

html:not(.no-liquid) .co-card::before,
html:not(.no-liquid) .partner-hub-card::before,
html:not(.no-liquid) .login-drop::before,
html:not(.no-liquid) .auth-modal::before,
html:not(.no-liquid) .mob-login-card::before,
html:not(.no-liquid) .sb-offer::before,
html:not(.no-liquid) .bg-head::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:var(--lg-sheen);
  opacity:.9;
  pointer-events:none;
  z-index:0;
  mix-blend-mode:screen;
}

html:not(.no-liquid) .co-card > *,
html:not(.no-liquid) .partner-hub-card > *,
html:not(.no-liquid) .login-drop > *,
html:not(.no-liquid) .auth-modal > *,
html:not(.no-liquid) .mob-login-card > *,
html:not(.no-liquid) .sb-offer > *,
html:not(.no-liquid) .bg-head > *{
  position:relative;
  z-index:1;
}


html:not(.no-liquid):not(.perf-lite) #cart-overlay,
html:not(.no-liquid):not(.perf-lite) #auth-overlay,
html:not(.no-liquid):not(.perf-lite) #mob-login-overlay,
html:not(.no-liquid):not(.perf-lite) #prod-modal-bg,
html:not(.no-liquid):not(.perf-lite) #konfig-overlay,
html:not(.no-liquid):not(.perf-lite) #FATYOL{
  backdrop-filter:blur(var(--lg-blur-sm)) !important;
  -webkit-backdrop-filter:blur(var(--lg-blur-sm)) !important;
}


@media (prefers-reduced-motion: reduce){
  html:not(.no-liquid) .bg-blob,
  html:not(.no-liquid) body::before,
  html:not(.no-liquid) body::after{
    animation:none !important;
  }
}


html.perf-lite *,
html.perf-lite *::before,
html.perf-lite *::after{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
html.perf-lite #bg-blobs{ display:none !important; }
html.perf-lite body::before,
html.perf-lite body::after{ animation:none !important; }

html.perf-lite #navbar{
  background:linear-gradient(180deg,rgba(22,100,235,.98) 0%,rgba(14,72,205,1) 100%) !important;
}
html.perf-lite #products,
html.perf-lite #recently-viewed,
html.perf-lite #ordered-again{
  background:var(--bg2) !important;
}
html.perf-lite .co-card,
html.perf-lite .partner-hub-card,
html.perf-lite #sa-chat-panel,
html.perf-lite .login-drop,
html.perf-lite .auth-modal,
html.perf-lite .mob-login-card,
html.perf-lite .bg-head{
  background:var(--bg2) !important;
}
html.perf-lite .sa-chat-messages{ background:var(--bg2) !important; }