/* Lumos Liquid Glass — CSS-only optical layers, no canvas or animation loop. */
@media (max-width:991px) {
  #lumos-super-dock {
    background: linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.025) 42%,rgba(255,255,255,.10)),rgba(32,35,39,.30) !important;
    -webkit-backdrop-filter: blur(18px) saturate(165%) brightness(1.08) !important;
    backdrop-filter: blur(18px) saturate(165%) brightness(1.08) !important;
    border:1px solid rgba(255,255,255,.27) !important;
    box-shadow: 0 12px 36px rgba(14,18,24,.17),0 2px 7px rgba(14,18,24,.08),inset 0 1px 1px rgba(255,255,255,.78),inset 0 -1px 1px rgba(255,255,255,.28),inset 1px 0 1px rgba(255,255,255,.30),inset -1px 0 1px rgba(255,255,255,.14) !important;
    -webkit-mask-image:none !important;
    text-shadow:0 1px 2px rgba(0,0,0,.16);
  }
  #lumos-super-dock::before {
    content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:0;
    background:radial-gradient(ellipse at 6% 0%,rgba(255,255,255,.24),transparent 52%),radial-gradient(ellipse at 100% 100%,rgba(255,255,255,.12),transparent 48%);
  }
  #lumos-super-dock::after {
    content:"" !important; position:absolute !important; inset:0 !important; border-radius:inherit !important;
    border:0 !important; padding:1.5px !important; pointer-events:none !important; z-index:30 !important;
    background:linear-gradient(135deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.15) 23%,rgba(255,255,255,.02) 43%,rgba(255,255,255,.62) 66%,rgba(255,255,255,.12) 83%,rgba(255,255,255,.66) 100%) !important;
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0) !important;
    mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite:xor !important; mask-composite:exclude !important;
    box-shadow:none !important;
  }
  #lumos-super-dock .lumos-drag-handle { box-sizing:border-box !important; touch-action:manipulation; }
  #lumos-super-dock .handle-bar { background:rgba(255,255,255,.66) !important; box-shadow:0 1px 1px rgba(0,0,0,.13),inset 0 1px rgba(255,255,255,.35); }
  #lumos-super-dock .normal-pill,
  #lumos-super-dock .l-list-item,
  #lumos-super-dock .lsr-item {
    background:linear-gradient(155deg,rgba(255,255,255,.18),rgba(255,255,255,.045)) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.30),inset 0 -1px 0 rgba(255,255,255,.08),0 2px 7px rgba(0,0,0,.06) !important;
  }
  #lumos-super-dock .ig-nav-item.active { background:rgba(255,255,255,.21) !important; box-shadow:inset 0 1px 1px rgba(255,255,255,.38),0 1px 4px rgba(0,0,0,.06) !important; }
  #lumos-super-dock .lmc-checkout-btn,
  #lumos-super-dock #lpb-buy-now { background:rgba(255,255,255,.94) !important; box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(0,0,0,.10) !important; text-shadow:none; touch-action:manipulation; }
  #lumos-super-dock .lmc-header { position:relative; z-index:1; }
  #lumos-super-dock .lumos-dock-divider { background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent) !important; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  #lumos-super-dock { background:rgba(55,58,62,.96) !important; }
}
@media (prefers-reduced-transparency:reduce) {
  #lumos-super-dock { background:rgba(55,58,62,.96) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
}
@media (prefers-reduced-motion:reduce) {
  #lumos-super-dock,#lumos-super-dock * { animation:none !important; transition:none !important; }
}
/* Clear glass refinement: compact when collapsed, generous only when open. */
@media(max-width:991px){
 #lumos-super-dock{
  --top-h:76px; --tall-h:min(520px,calc(100dvh - 140px));
  padding-top:24px!important;
  transform-origin:center bottom!important;
  background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.045) 38%,rgba(255,255,255,.14)),rgba(242,245,248,.14)!important;
  -webkit-backdrop-filter:blur(10px) saturate(155%)!important;
  backdrop-filter:blur(10px) saturate(155%)!important;
  border:1px solid rgba(110,119,128,.24)!important;
  box-shadow:0 8px 24px rgba(20,28,38,.13),0 1px 4px rgba(20,28,38,.12),inset 0 1px 1px rgba(255,255,255,.95),inset 0 -1px 1px rgba(90,103,118,.22)!important;
  color:#20252b!important;text-shadow:0 1px 1px rgba(255,255,255,.4);
 }
 #lumos-super-dock:not(.top-active):not(.dock-tall),#lumos-super-dock.dock-collapsed{padding-top:12px!important;--bottom-h:52px}
 #lumos-super-dock.dock-collapsed{transform:translate3d(-50%,0,0) scale(.94)!important}
 #lumos-super-dock .lumos-drag-handle{height:24px!important;padding-top:9px!important}
 #lumos-super-dock:not(.top-active):not(.dock-tall) .lumos-drag-handle,#lumos-super-dock.dock-collapsed .lumos-drag-handle{height:16px!important;padding-top:5px!important}
 #lumos-super-dock .handle-bar{background:rgba(45,52,62,.40)!important;box-shadow:0 1px 1px rgba(255,255,255,.8)!important}
 #lumos-super-dock::before{background:radial-gradient(ellipse at 0 0,rgba(255,255,255,.12),transparent 45%)!important}
 #lumos-super-dock::after{background:linear-gradient(135deg,rgba(255,255,255,1),rgba(106,122,138,.22) 24%,rgba(255,255,255,.08) 43%,rgba(255,255,255,.9) 66%,rgba(92,105,120,.26) 83%,rgba(255,255,255,.85))!important}
 #lumos-super-dock .ig-nav-item,#lumos-super-dock .ig-nav-item:hover,#lumos-super-dock .ig-nav-item:focus,#lumos-super-dock .ig-nav-item:active,#lumos-super-dock .ig-nav-item.active{
  background:transparent!important;box-shadow:none!important;border-radius:999px!important;color:#30363d!important
 }
 #lumos-super-dock .ig-nav-item:not(.wa-item).active::before{
  background:rgba(255,255,255,.48)!important;border-radius:999px!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.85),0 1px 5px rgba(25,35,45,.12)!important
 }
 #lumos-super-dock .ig-nav-item:focus-visible{outline:2px solid #505b68!important;outline-offset:-6px!important}
 #lumos-super-dock .lpb-title,#lumos-super-dock .lpb-price,#lumos-super-dock .lpb-price *,
 #lumos-super-dock .lpb-share-btn,#lumos-super-dock .normal-pill,
 #lumos-super-dock .lsr-name,#lumos-super-dock .lsr-price,#lumos-super-dock .lsr-price *,
 #lumos-super-dock .lsr-recently-title,#lumos-super-dock .l-list-name,#lumos-super-dock .l-list-price,
 #lumos-super-dock .l-qty-btn,#lumos-super-dock .l-qty-num,#lumos-super-dock .lmc-header span,
 #lumos-super-dock .dock-close-btn,#lumos-super-dock .dock-search-submit,#lumos-super-dock .lumos-in-dock-search input,
 #lumos-super-dock .l-empty-state,#lumos-super-dock .l-recently-empty,#lumos-super-dock .icon-top{color:#20252b!important}
 #lumos-super-dock .lpb-share-btn svg{stroke:currentColor!important}
 #lumos-super-dock .lpb-price del,#lumos-super-dock .lpb-price del *,#lumos-super-dock .l-remove-item{color:#59636e!important}
 #lumos-super-dock .lumos-in-dock-search input::placeholder{color:#59636e!important}
 #lumos-super-dock .lumos-in-dock-search,#lumos-super-dock .l-qty-wrap{background:rgba(255,255,255,.26)!important;box-shadow:inset 0 0 0 1px rgba(80,90,100,.15)!important}
 #lumos-super-dock .normal-pill,#lumos-super-dock .l-list-item,#lumos-super-dock .lsr-item{background:rgba(255,255,255,.24)!important}
 #lumos-super-dock #lpb-buy-now,#lumos-super-dock .lmc-checkout-btn{background:rgba(255,255,255,.72)!important}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 #lumos-super-dock{background:rgba(237,241,245,.97)!important}
}
@media(prefers-reduced-transparency:reduce){
 #lumos-super-dock{background:rgba(237,241,245,.97)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
