.cd-lock,.cd-lock body{overflow:hidden}
.cd-overlay{position:fixed;inset:0;background:rgba(16,36,29,.55);z-index:40;opacity:0;transition:opacity .25s}
.cd-overlay.is-open{opacity:1}
.cd{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);background:var(--paper);z-index:41;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s ease;box-shadow:-20px 0 60px rgba(0,0,0,.15)}
.cd.is-open{transform:none}
.cd.is-busy .cd-body{opacity:.55;pointer-events:none}
.cd-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.cd-head h2{font-size:22px;margin:0;letter-spacing:-.03em}.cd-head h2 span{color:var(--muted);font-weight:normal;font-size:16px}
.cd-close{background:none;border:1px solid var(--line);border-radius:50%;width:36px;height:36px;font-size:22px;line-height:1;color:var(--ink)}
.cd-nudge{background:var(--lime);padding:12px 20px;font-size:14px}
.cd-body{flex:1;overflow-y:auto;padding:6px 20px;transition:opacity .15s}
.cd-empty{padding:40px 0;text-align:center;display:grid;gap:14px;justify-items:center}
.cd-item{display:grid;grid-template-columns:80px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start}
.cd-item img{width:80px;height:80px;object-fit:cover;border-radius:8px;background:#f0f2e8}
.cd-title{font-weight:bold;text-decoration:none;font-size:14px;line-height:1.3;display:block}
.cd-var{margin:3px 0 0;font-size:13px;color:var(--muted)}
.cd-disc{margin:4px 0 0;font-size:12px;color:#4d6b00;font-weight:bold}
.cd-qty{display:flex;align-items:center;gap:8px;margin-top:10px}
.cd-qty button:not(.cd-remove){width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:6px;color:var(--ink)}
.cd-qty span{min-width:18px;text-align:center}
.cd-remove{border:0;background:none;color:var(--muted);text-decoration:underline;font-size:12px;margin-left:6px;padding:0}
.cd-price{text-align:right;font-size:14px;display:grid}.cd-price s{color:var(--muted);font-size:12px}
.cd-foot{border-top:1px solid var(--line);padding:16px 20px calc(16px + env(safe-area-inset-bottom));display:grid;gap:8px;background:#fff}
.cd-row{display:flex;justify-content:space-between}.cd-save{color:#4d6b00;font-size:14px}.cd-total{font-size:18px}
.cd-note{margin:0;font-size:12px;color:var(--muted)}
.cd-checkout{width:100%;margin-top:4px}.cd-checkout[aria-disabled="true"]{opacity:.55;pointer-events:none}
.cd-viewcart{text-align:center;font-size:13px;color:var(--muted)}
.cd-error{color:#9e2d20;font-size:14px;margin:10px 0 0}
@media(prefers-reduced-motion:reduce){.cd,.cd-overlay{transition:none}}