.wc-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9998}
.wc-overlay[hidden]{display:none}
.wc-open{overflow:hidden}
.wc-drawer{position:fixed;top:0;right:0;bottom:0;width:min(85vw,420px);background:var(--wg-surface);color:var(--wg-text);z-index:9999;display:flex;flex-direction:column;transform:translateX(100%);visibility:hidden;transition:transform .24s ease,visibility 0s .24s;box-shadow:-6px 0 24px rgba(0,0,0,.25)}
.wc-open .wc-drawer{transform:none;visibility:visible;transition:transform .24s ease}
.wc-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--wg-border)}
.wc-title{margin:0;font-size:22px;text-transform:uppercase;letter-spacing:.04em}
.wc-close{width:40px;height:40px;border:0;background:none;color:var(--wg-text);font-size:30px;line-height:1;cursor:pointer;border-radius:8px}
body .wc-close,body .wc-close:focus,body .wc-close:active{background:none;color:var(--wg-text);box-shadow:none;outline:0}
body .wc-close:hover,body .wc-close:focus-visible{background:var(--wg-surface-3);color:var(--wg-text)}
body .wc-close:focus-visible{outline:2px solid var(--wg-text);outline-offset:-2px}
.wc-items{list-style:none;margin:0;padding:0;flex:1;overflow-y:auto}
.wc-empty{padding:40px 16px;text-align:center;color:var(--wg-muted)}
.wc-empty p{margin:0 0 16px;font-size:16px}
.wc-empty .wc-go{margin:0}
.wc-item{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--wg-border)}
.wc-img img{width:64px;height:64px;object-fit:cover;border-radius:6px;display:block}
.wc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.wc-name{color:var(--wg-text);font-weight:600;font-size:14px;line-height:1.35;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wc-meta{color:var(--wg-muted);font-size:13px}
.wc-qty{display:inline-flex;align-items:center;border:1px solid var(--wg-border-strong);border-radius:6px;align-self:flex-start;margin-top:6px}
.wc-qty button{width:34px;height:32px;border:0;background:none;color:var(--wg-text);font-size:20px;line-height:1;cursor:pointer;padding:0}
.wc-qty button:hover{background:var(--wg-surface-3);color:var(--wg-text)}
.wc-qty span{min-width:28px;text-align:center;font-weight:700}
.wc-line{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;font-weight:700;white-space:nowrap}
.wc-x{border:0;background:none;color:var(--wg-muted);font-size:22px;line-height:1;cursor:pointer;padding:2px 6px}
body .wc-x,body .wc-x:focus,body .wc-x:active{background:none;box-shadow:none}
.wc-x:hover{background:none;color:var(--wg-red)}
.wc-foot{padding:14px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--wg-border);background:var(--wg-surface)}
.wc-foot[hidden]{display:none}
.wc-total{display:flex;justify-content:space-between;font-size:18px;font-weight:700;margin-bottom:4px}
.wc-low{font-size:12px;font-weight:700;color:var(--wg-red)}
body .wc-wa{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;margin-bottom:8px;padding:12px;border-radius:8px;border:1px solid #1fa855;background:#1fa855;color:#fff;font-weight:700;font-size:15px;text-decoration:none}
body .wc-wa:hover{background:#188a45;border-color:#188a45;color:#fff}
.wc-wa[hidden]{display:none}
.wc-note{margin:0 0 4px;font-size:13px;color:var(--wg-muted)}
.wc-msg{margin:0 0 8px;min-height:0;font-size:13px;color:var(--wg-bad)}
.wc-msg:empty{display:none}
body .wc-go,body .wc-keep{display:block;width:100%;box-sizing:border-box;text-align:center;border-radius:8px;font-family:var(--wg-display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer}
body .wc-go{padding:14px;font-size:19px;background:var(--wg-accent);color:#111;border:0;margin-bottom:8px}
body .wc-go:hover{background:#e6e600;color:#111}
body .wc-keep{padding:11px;font-size:16px;background:none;border:1px solid var(--wg-border-strong);color:var(--wg-text)}
body .wc-keep:hover{background:var(--wg-surface-3);color:var(--wg-text)}