.dl-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dl-fab{position:fixed;right:18px;bottom:18px;z-index:60;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid var(--accent,#4ADE80);background:var(--accent,#4ADE80);color:#06210f;font:inherit;font-weight:800;font-size:.98rem;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.dl-fab:focus-visible,.dl-panel :focus-visible{outline:3px solid #fff;outline-offset:2px}
.dl-fab[hidden]{display:none}
.dl-bump{animation:dlb .35s ease}@keyframes dlb{50%{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.dl-bump{animation:none}.dl-panel{transition:none!important}}
.dl-back{position:fixed;inset:0;z-index:61;background:rgba(0,0,0,.55)}
.dl-back[hidden],.dl-panel[hidden]{display:none}
.dl-panel{position:fixed;top:0;right:0;bottom:0;z-index:62;width:min(440px,100vw);display:flex;flex-direction:column;background:var(--surface,#121821);color:var(--text,#E9EEF4);border-left:1px solid var(--border,#243040);box-shadow:-12px 0 40px rgba(0,0,0,.5);overflow:hidden}
.dl-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px}
.dl-head h2{margin:0;font-size:1.15rem}
.dl-x{width:44px;height:44px;border-radius:10px;border:1px solid var(--border,#243040);background:var(--soft,#18202B);color:var(--text,#E9EEF4);font-size:1.5rem;line-height:1;cursor:pointer}
.dl-sum{margin:0 16px 8px;color:var(--muted,#93A1B1);font-size:.88rem}
.dl-tools{display:flex;gap:10px;padding:0 16px 10px;flex-wrap:wrap}
.dl-tools label{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--muted,#93A1B1)}
.dl-tools select{min-height:36px;border-radius:8px;border:1px solid var(--border,#243040);background:var(--soft,#18202B);color:var(--text,#E9EEF4);font:inherit;font-size:.85rem;padding:0 6px}
.dl-list{flex:1 1 auto;overflow:auto;padding:0 16px;border-top:1px solid var(--border,#243040)}
.dl-list ul{list-style:none;margin:0;padding:0}
.dl-g{margin:12px 0 4px;font-size:.9rem;display:flex;justify-content:space-between}.dl-g span{color:var(--muted,#93A1B1);font-weight:500}
.dl-item{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:10px 0;border-bottom:1px solid var(--border,#243040)}
.dl-main{min-width:0}
.dl-nm{color:var(--text,#E9EEF4);font-weight:700;text-decoration:underline;text-decoration-color:var(--accent,#4ADE80);text-underline-offset:3px}
.dl-meta{color:var(--muted,#93A1B1);font-size:.8rem}
.dl-px{font-size:.88rem;margin-top:2px}
.dl-chg{display:inline-block;font-size:.78rem;margin-left:2px}.dl-chg.up{color:#F87171}.dl-chg.dn{color:#4ADE80}.dl-chg.fl{color:var(--muted,#93A1B1)}
.dl-cheap{font-size:.8rem;margin-top:4px;color:var(--muted,#93A1B1)}.dl-cheap a{color:var(--accent,#4ADE80)}
.dl-qty{display:flex;align-items:center;gap:4px;align-self:start}
.dl-qty button{width:36px;height:36px;border-radius:8px;border:1px solid var(--border,#243040);background:var(--soft,#18202B);color:var(--text,#E9EEF4);font-size:1.1rem;font-weight:700;cursor:pointer}
.dl-qty span{min-width:22px;text-align:center;font-weight:700}
.dl-rm{grid-column:2;justify-self:end;background:none;border:0;color:var(--muted,#93A1B1);font:inherit;font-size:.78rem;text-decoration:underline;cursor:pointer;min-height:28px}
.dl-empty{color:var(--muted,#93A1B1);font-size:.9rem;padding:14px 0}
.dl-foot{padding:12px 16px 16px;border-top:1px solid var(--border,#243040);background:var(--soft,#18202B);max-height:52vh;overflow:auto}
.dl-total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.dl-total span{color:var(--muted,#93A1B1);font-size:.85rem}.dl-total b{font-size:1.35rem}
.dl-buy{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:12px;background:var(--accent,#4ADE80);color:#06210f;font-weight:800;text-decoration:none}
.dl-buy[aria-disabled="true"]{opacity:.45;pointer-events:none}
.dl-exp{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px;font-size:.82rem;color:var(--muted,#93A1B1)}
.dl-exp button,.dl-clear button{font:inherit;font-size:.82rem;font-weight:600;min-height:36px;padding:0 10px;border:1px solid var(--border,#243040);border-radius:999px;background:var(--surface,#121821);color:var(--text,#E9EEF4);cursor:pointer}
.dl-exp button:disabled,.dl-clear button:disabled{opacity:.45;cursor:default}
.dl-out{width:100%;box-sizing:border-box;margin-top:8px;border-radius:8px;border:1px solid var(--border,#243040);background:var(--bg,#0B0F14);color:var(--text,#E9EEF4);font:.8rem/1.4 ui-monospace,monospace;padding:8px}
.dl-st{margin:4px 0 0;font-size:.8rem;color:var(--accent,#4ADE80);min-height:1em}
.dl-clear{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}
.dl-conf{font-size:.82rem;width:100%}
.dl-clear .dl-danger{background:#7f1d1d;border-color:#F87171;color:#fff}
.dl-note{margin:10px 0 0;font-size:.74rem;color:var(--muted,#93A1B1)}
html.dl-open{overflow:hidden}
@media (max-width:640px){
 .dl-fab{right:12px;bottom:12px;left:auto}
 .dl-panel{top:auto;left:0;width:100%;max-height:88vh;border-left:0;border-top:1px solid var(--border,#243040);border-radius:18px 18px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.5)}
 .dl-head::before{content:"";position:absolute;left:50%;top:6px;width:40px;height:4px;margin-left:-20px;border-radius:2px;background:var(--border,#243040)}
 .dl-foot{max-height:44vh}
}