.scd{--scd-bg: #fffdf9;--scd-fg: #1c1917;--scd-muted: #78716c;--scd-border: #e7e5e4;--scd-surface: #ffffff;--scd-overlay: rgba(28, 25, 23, .42);--scd-accent: #1c1917;--scd-accent-fg: #fffdf9;--scd-chip: #f5f5f4;--scd-width: min(420px, 100vw);--scd-radius: 14px;--scd-font: "Segoe UI", ui-sans-serif, system-ui, sans-serif;box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none;font-family:var(--scd-font);color:var(--scd-fg)}.scd *,.scd *:before,.scd *:after{box-sizing:border-box}.scd.is-open{pointer-events:auto}.scd__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scd-overlay);opacity:0;transition:opacity .22s ease}.scd.is-open .scd__backdrop{opacity:1}.scd__panel{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;width:var(--scd-width);background:linear-gradient(180deg,#ffffff 0%,var(--scd-bg) 48%,#fafaf9 100%);box-shadow:-12px 0 40px #1c191724;outline:none;transition:transform .26s cubic-bezier(.22,1,.36,1)}.scd--right .scd__panel{right:0;transform:translate(100%)}.scd--left .scd__panel{left:0;transform:translate(-100%);box-shadow:12px 0 40px #1c191724}.scd.is-open .scd__panel{transform:translate(0)}.scd__header{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:1.1rem 1.15rem .95rem;border-bottom:1px solid var(--scd-border);background:#ffffffb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scd__title{margin:0;font-size:1.12rem;font-weight:700;letter-spacing:-.03em}.scd__count{min-width:1.6rem;padding:3px 9px;border-radius:999px;background:var(--scd-accent);color:var(--scd-accent-fg);font-size:.78rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.scd__count:empty{display:none}.scd__close{width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:inherit;font-size:1.45rem;line-height:1;cursor:pointer}.scd__close:hover{background:var(--scd-chip)}.scd__close:focus-visible,.scd__qty-btn:focus-visible,.scd__remove:focus-visible,.scd__checkout:focus-visible{outline:2px solid #0f766e;outline-offset:2px}.scd__empty{margin:auto 1.25rem;padding:2.25rem 1.1rem;color:var(--scd-muted);text-align:center;font-size:.95rem;line-height:1.5;border:1px dashed var(--scd-border);border-radius:var(--scd-radius);background:#ffffff8c}.scd__list{flex:1;overflow:auto;padding:.85rem 1rem 1.15rem;display:flex;flex-direction:column;gap:.75rem}.scd__line{display:grid;grid-template-columns:72px 1fr;grid-template-areas:"thumb body" "thumb qty" "thumb remove";gap:.35rem .85rem;padding:.75rem;border:1px solid var(--scd-border);border-radius:var(--scd-radius);background:var(--scd-surface);box-shadow:0 1px #1c191708}.scd__line--no-image{grid-template-columns:1fr;grid-template-areas:"body" "qty" "remove"}.scd__thumb{grid-area:thumb;width:72px;height:72px;border-radius:10px;object-fit:cover;background:var(--scd-chip);border:1px solid var(--scd-border)}.scd__line-body{grid-area:body;min-width:0}.scd__line-title{font-size:.94rem;font-weight:650;letter-spacing:-.015em}.scd__line-meta{margin-top:.15rem;color:var(--scd-muted);font-size:.76rem}.scd__line-price{margin-top:.35rem;font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums}.scd__qty{grid-area:qty;display:inline-flex;align-items:center;gap:.35rem;padding:2px;border:1px solid var(--scd-border);border-radius:999px;background:#fafaf9;width:fit-content}.scd__qty-btn{width:28px;height:28px;border:0;border-radius:999px;background:#fff;color:inherit;font:inherit;font-weight:600;line-height:1;cursor:pointer;box-shadow:0 0 0 1px var(--scd-border)}.scd__qty-btn:hover{background:var(--scd-chip)}.scd__qty-value{min-width:1.4rem;text-align:center;font-variant-numeric:tabular-nums;font-size:.88rem;font-weight:650}.scd__remove{grid-area:remove;justify-self:start;padding:0;border:0;background:transparent;color:var(--scd-muted);font-size:.78rem;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.scd__remove:hover{color:#b91c1c}.scd__footer{padding:.95rem 1.15rem 1.2rem;border-top:1px solid var(--scd-border);display:flex;flex-direction:column;gap:.75rem;background:#ffffffd9}.scd__subtotal{display:flex;justify-content:space-between;align-items:baseline;font-size:.96rem}.scd__subtotal strong{font-size:1.08rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.scd__summary{display:flex;flex-direction:column;gap:.35rem;padding-top:.65rem;border-top:1px solid var(--scd-border)}.scd__summary-row{display:flex;justify-content:space-between;gap:1rem;color:var(--scd-muted);font-size:.86rem;font-variant-numeric:tabular-nums}.scd__total{color:var(--scd-fg);font-size:.96rem;font-weight:700}.scd__checkout{height:46px;border:0;border-radius:12px;background:var(--scd-accent);color:var(--scd-accent-fg);font:inherit;font-weight:700;letter-spacing:-.01em;cursor:pointer}.scd__checkout:disabled{opacity:.4;cursor:not-allowed}.scd__checkout:hover:not(:disabled){filter:brightness(1.12)}@media(prefers-reduced-motion:reduce){.scd__backdrop,.scd__panel{transition:none}}