/* LUMENX FIRST (t138u, 20 Oct 2026) – badge, product-page compare box, pop-up sheet, cart nudge. Uses the theme variables only. */
.lxbg{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.02em;white-space:nowrap;line-height:1;
 background:rgba(77,163,255,.16);color:var(--y2);border:1px solid rgba(77,163,255,.35);text-transform:none}
.lxbg.best{background:rgba(61,220,151,.16);color:var(--ok);border-color:rgba(61,220,151,.4)}
html[data-theme=light] .lxbg{background:#e8f1ff;color:#1554b8;border-color:#b9d3fb}html[data-theme=light] .lxbg.best{background:#e3f7ec;color:#11713f;border-color:#a9e2c2}
.pc .im .lxbg{position:absolute;left:8px;top:8px;height:22px;box-shadow:0 1px 4px rgba(0,0,0,.25);background:rgba(5,15,36,.86);color:#9fd0ff;border-color:rgba(124,198,255,.55)}
.pc .im .lxbg.best{background:rgba(5,40,26,.88);color:#7ff0bd;border-color:rgba(61,220,151,.6)}
/* product page */
.lxin{padding:12px 16px;display:flex;flex-direction:column;gap:8px;margin-top:12px;border-color:rgba(61,220,151,.35)}
.lxinh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lxinh b{font-size:15px}
.lxinr{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lxinn{display:flex;flex-direction:column;color:var(--ink);text-decoration:none!important}.lxinn .nm{font-weight:700}
.lxpr{font-weight:800;color:var(--ink)}
.lxsv,.lxsave{color:var(--ok);font-weight:800}
html[data-theme=light] .lxsv,html[data-theme=light] .lxsave{color:#11713f}
.lxinb{display:flex;gap:8px;flex-wrap:wrap}.lxin .note3{margin:0}
/* pop-up sheet (bottom sheet on phone, centred card on desktop – same shell as the voice picker) */
.lxbox{gap:10px}
.lxbox .vfhd{display:flex;align-items:center;justify-content:space-between;gap:8px}.lxbox .vfhd b{font-size:17px}
.lxcols{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:stretch}
.lxc{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:14px;background:var(--glass);border:1px solid var(--bd);min-width:0}
.lxc.lx{border-color:rgba(61,220,151,.5);background:rgba(61,220,151,.08)}
.lxc .lxb{font-size:12px;font-weight:700;color:var(--mute);text-transform:uppercase;letter-spacing:.04em;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.lxc .nm{font-weight:700;overflow-wrap:anywhere}.lxw{color:var(--mute);font-size:12px}
.lxvs{align-self:center;color:var(--mute);font-size:20px}
.lxsave{font-size:18px;margin:4px 0 0}.lxq,.lxwhy{margin:0}
.lxbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.lxbtns .btn{height:46px;padding:0 12px;white-space:normal;line-height:1.2;text-align:center}
@media(max-width:380px){.lxcols{grid-template-columns:1fr}.lxvs{transform:rotate(90deg);justify-self:center}}
/* cart nudge (inside the summary, below Total) */
.lxn{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:8px 0;padding:10px 12px;border-radius:14px;background:rgba(61,220,151,.1);border:1px solid rgba(61,220,151,.4)}
.lxn .lxn1{font-weight:800;color:var(--ok);flex:1 1 100%}
html[data-theme=light] .lxn .lxn1{color:#11713f}
.lxn small{color:var(--mute);flex:1 1 auto}.lxn .btn{height:36px;padding:0 14px;font-size:13px}
.lxn.ok span{flex:1 1 auto;font-weight:700}