.cd-panel,.cd-overlay{--cd-ink:#0c181c;--cd-text:#2b3036;--cd-muted:#6b7280;--cd-line:#e8e9ee;--cd-soft:#f6f7f9;--cd-brand:var(--kb-navy,#34417e);--cd-brand-hover:#28336a;--cd-success:#15803d;--cd-danger:#c2410c;--cd-radius:12px}html.cd-scroll-lock{overflow:hidden!important}.cd-overlay{z-index:9998;opacity:0;pointer-events:none;background:#0c181c73;transition:opacity .28s;position:fixed;inset:0}.cd-overlay.is-open{opacity:1;pointer-events:auto}.cd-panel{z-index:9999;width:min(440px,100vw);color:var(--cd-text);font-family:var(--kb-font-sans);letter-spacing:0;visibility:hidden;background:#fff;flex-direction:column;font-size:14px;line-height:1.45;transition:transform .36s cubic-bezier(.16,1,.3,1),visibility .36s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-24px 0 60px #0c181c1f}.cd-panel.is-open{visibility:visible;transform:none}.cd-panel *,.cd-panel :before,.cd-panel :after{box-sizing:border-box}.cd-panel a:hover{opacity:1}.cd-panel button{font:inherit;color:inherit;letter-spacing:0}.cd-panel :focus-visible{outline:2px solid var(--cd-brand);outline-offset:2px}.cd-head{border-bottom:1px solid var(--cd-line);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 18px 24px;display:flex}.cd-title{font-family:var(--kb-font-sans);letter-spacing:-.01em;color:var(--cd-ink);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;line-height:1.2;display:flex}.cd-title__count{background:var(--cd-soft);border:1px solid var(--cd-line);min-width:24px;height:24px;color:var(--cd-text);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.cd-close{width:40px;height:40px;color:var(--cd-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.cd-close:hover{background:var(--cd-soft);color:var(--cd-ink)}.cd-ship{background:var(--cd-soft);border-bottom:1px solid var(--cd-line);padding:14px 24px 16px}.cd-ship__text{color:var(--cd-text);align-items:center;gap:8px;margin:0 0 10px;font-size:13px;display:flex}.cd-ship__text svg{color:var(--cd-brand);flex-shrink:0}.cd-ship__text strong{color:var(--cd-ink);font-weight:600}.cd-ship__track{background:#e3e5ec;border-radius:999px;height:6px;overflow:hidden}.cd-ship__fill{border-radius:inherit;background:var(--cd-brand);height:100%;transition:width .45s cubic-bezier(.16,1,.3,1),background .3s}.cd-ship__fill.is-done{background:var(--cd-success)}.cd-body{overscroll-behavior:contain;background:#fff;flex:1;min-height:0;overflow-y:auto}.cd-list{margin:0;padding:4px 24px;list-style:none}.cd-line{border-bottom:1px solid var(--cd-line);gap:16px;padding:20px 0;display:flex}.cd-line:last-child{border-bottom:0}.cd-line__media{border-radius:var(--cd-radius);background:var(--cd-soft);flex-shrink:0;width:88px;height:88px;display:block;overflow:hidden}.cd-line__media img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;display:block}.cd-line__info{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.cd-line__top{align-items:flex-start;gap:8px;display:flex}.cd-line__name{min-width:0;color:var(--cd-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;display:-webkit-box;overflow:hidden}.cd-line__name:hover{text-underline-offset:3px;text-decoration:underline}.cd-line__remove{color:#9aa0aa;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin:-6px -6px 0 0;transition:color .15s,background .15s;display:inline-flex}.cd-line__remove:hover{color:var(--cd-danger);background:#fff4ed}.cd-line__tags{flex-wrap:wrap;gap:6px;display:flex}.cd-tag{background:var(--cd-soft);border:1px solid var(--cd-line);height:22px;color:var(--cd-text);white-space:nowrap;border-radius:6px;align-items:center;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.cd-tag--accent{color:var(--cd-brand);background:#eef0fb;border-color:#dde1f5}.cd-tag--free{height:18px;color:var(--cd-success);text-transform:uppercase;background:#ecfdf3;border-color:#c7f0d6;padding:0 6px;font-size:10px;font-weight:600}.cd-bundle{background:var(--cd-soft);color:var(--cd-text);border-radius:8px;flex-direction:column;gap:4px;margin:0;padding:8px 10px;font-size:12px;list-style:none;display:flex}.cd-bundle li{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cd-bundle__qty{color:var(--cd-muted)}.cd-line__bottom{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;display:flex}.cd-line__price{text-align:right;flex-direction:column;align-items:flex-end;line-height:1.25;display:flex}.cd-line__price s{color:var(--cd-muted);font-size:12px}.cd-line__price strong{color:var(--cd-ink);white-space:nowrap;font-size:15px;font-weight:600}.cd-line__price small{color:var(--cd-muted);white-space:nowrap;margin-top:2px;font-size:11px}.cd-qty{border:1px solid var(--cd-line);background:#fff;border-radius:999px;align-items:center;height:36px;display:inline-flex}.cd-qty button{width:36px;height:34px;color:var(--cd-ink);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background .15s;display:inline-flex}.cd-qty button:hover:not(:disabled){background:var(--cd-soft)}.cd-qty button:disabled{color:#c7cad1;cursor:not-allowed}.cd-qty span{text-align:center;min-width:26px;color:var(--cd-ink);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.cd-empty{text-align:center;flex-direction:column;align-items:center;padding:72px 32px;display:flex}.cd-empty__icon{background:var(--cd-soft);width:64px;height:64px;color:var(--cd-brand);border-radius:999px;justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex}.cd-empty__title{color:var(--cd-ink);margin:0 0 6px;font-size:17px;font-weight:600}.cd-empty__sub{max-width:260px;color:var(--cd-muted);margin:0 0 24px;font-size:14px}.cd-sk{background:linear-gradient(90deg,#f0f1f4 0%,#f7f8fa 50%,#f0f1f4 100%) 0 0/200% 100%;border-radius:6px;animation:1.2s ease-in-out infinite cd-shimmer;display:block}.cd-line__media.cd-sk{border-radius:var(--cd-radius)}.cd-sk--text{width:90%;height:12px}.cd-sk--short{width:45%}@keyframes cd-shimmer{to{background-position:-200% 0}}.cd-foot{padding:18px 24px calc(20px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--cd-line);background:#fff;flex-shrink:0;box-shadow:0 -10px 30px #0c181c0a}.cd-foot__row{color:var(--cd-ink);justify-content:space-between;align-items:baseline;font-size:15px;display:flex}.cd-foot__row strong{font-variant-numeric:tabular-nums;font-size:18px;font-weight:600;transition:opacity .2s}.cd-foot__row strong.is-pending{opacity:.5}.cd-foot__note{color:var(--cd-muted);margin:4px 0 16px;font-size:12px}.cd-btn{min-height:50px;font-family:var(--kb-font-sans);letter-spacing:0;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:15px;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.cd-btn--block{width:100%}.cd-btn--primary{background:var(--cd-brand);color:#fff;border:1px solid var(--cd-brand)}.cd-btn--primary:hover{background:var(--cd-brand-hover);color:#fff}.cd-btn--primary.is-busy{opacity:.85}.cd-btn--ghost{min-height:44px;color:var(--cd-ink);text-underline-offset:4px;background:0 0;border:0;margin-top:8px;font-weight:500;-webkit-text-decoration:underline #c7cad1;text-decoration:underline #c7cad1}.cd-btn--ghost:hover{color:var(--cd-ink);text-decoration-color:currentColor}.cd-btn__sep{opacity:.6}@media (max-width:768px){.cd-panel{border-radius:20px 20px 0 0;width:100vw;height:min(88dvh,100%);top:auto;transform:translateY(100%);box-shadow:0 -20px 60px #0c181c2e}.cd-panel.is-open{transform:none}.cd-head{padding:14px 12px 14px 20px;position:relative}.cd-head:before{content:"";background:#dcdee4;border-radius:999px;width:36px;height:4px;margin-left:-18px;position:absolute;top:6px;left:50%}.cd-ship,.cd-list,.cd-foot{padding-left:20px;padding-right:20px}.cd-line__media{width:76px;height:76px}}@media (prefers-reduced-motion:reduce){.cd-panel,.cd-overlay,.cd-ship__fill{transition:none}.cd-sk{animation:none}}