html.pl-on{overflow:hidden}
.pl-ov{position:fixed;inset:0;z-index:2147482000;background:var(--bg,#f6f7f9);display:flex}
.pl{flex:1;display:flex;flex-direction:column;min-height:0;background:#f6f7f9;color:#0f172a;font-family:inherit;font-size:15px;line-height:1.35}
.pl-h{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:max(10px,env(safe-area-inset-top)) 12px 6px;background:#fff;flex:none}
.pl-bk{justify-self:start;display:inline-flex;align-items:center;gap:2px;border:0;background:none;color:var(--brand,#0d4a57);font:inherit;font-size:16px;font-weight:600;min-height:44px;padding:0 6px 0 0;cursor:pointer}
.pl-bk:focus:not(:focus-visible){outline:none}
.pl-t{margin:0;font-size:17px;font-weight:700;white-space:nowrap}
.pl-sb{display:flex;gap:8px;padding:6px 12px 10px;background:#fff;flex:none}
.pl-q{flex:1;display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;border:1px solid #d7dde4;border-radius:12px;background:#f8fafc;color:#64748b;min-width:0}
.pl-q input{flex:1;min-width:0;border:0;background:none;outline:none;font:inherit;font-size:16px;color:#0f172a}
.pl-scan{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border:0;border-radius:12px;background:var(--brand,#0d4a57);color:#fff;font:inherit;font-weight:600;cursor:pointer;flex:none}
.pl-ch{display:flex;gap:8px;padding:10px 12px;overflow-x:auto;scrollbar-width:none;flex:none;border-bottom:1px solid #e5e7eb;background:#fff}
.pl-ch::-webkit-scrollbar{display:none}
.pl-c{flex:none;height:34px;padding:0 12px;border-radius:999px;border:1px solid #d7dde4;background:#fff;color:#334155;font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
.pl-c i{font-style:normal;color:#64748b;font-weight:500;margin-left:2px}
.pl-c.is-on{background:var(--brand,#0d4a57);border-color:var(--brand,#0d4a57);color:#fff}.pl-c.is-on i{color:rgba(255,255,255,.8)}
.pl-b{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:10px 12px calc(20px + env(safe-area-inset-bottom))}
.pl-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pl-r{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}
.pl-r.is-o{border-color:rgba(13,74,87,.35)}
.pl-rm{display:flex;width:100%;align-items:center;gap:12px;padding:12px 14px;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.pl-rm:focus:not(:focus-visible){outline:none}
.pl-it{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pl-it b{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.pl-it small{color:#64748b;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-loc{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;margin-top:4px;padding:2px 8px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:600;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pl-loc.is-no{background:#f1f5f9;color:#64748b}
.pl-st{flex:none;display:flex;flex-direction:column;align-items:flex-end;min-width:64px}
.pl-st b{font-size:20px;font-weight:700;color:#0f172a;font-variant-numeric:tabular-nums}
.pl-st small{font-size:11.5px;color:#64748b;white-space:nowrap}
.pl-st.is-low b{color:#b45309}.pl-st.is-0 b{color:#b91c1c}
.pl-ed{display:flex;flex-direction:column;gap:10px;padding:0 14px 14px;border-top:1px solid #f1f5f9;padding-top:12px}
.pl-qty,.pl-shf{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:#334155;font-weight:600}
.pl-stp{display:flex;align-items:center;border:1px solid #d7dde4;border-radius:12px;overflow:hidden}
.pl-stp button{width:44px;height:44px;border:0;background:#f8fafc;font-size:22px;line-height:1;color:var(--brand,#0d4a57);cursor:pointer}
.pl-stp input{width:64px;height:44px;border:0;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;text-align:center;font:inherit;font-size:16px;font-weight:700;-moz-appearance:textfield}
.pl-stp input::-webkit-outer-spin-button,.pl-stp input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pl-shf select{flex:0 1 200px;min-width:0;height:44px;border:1px solid #d7dde4;border-radius:12px;background:#fff;font:inherit;font-size:16px;padding:0 10px;color:#0f172a}
.pl-e,.pl-m{color:#64748b;text-align:center;padding:24px 12px;margin:0}.pl-m{padding:12px}
html.pl-on #bn-q,html.pl-on #spk-pnb,html.pl-on .spk-hubbtn{display:none!important}
html:has(#spk-demo-badge) .pl-h{padding-top:max(40px,calc(env(safe-area-inset-top) + 30px))}
