.msc-root{--msc-accent:#E63946;--msc-bg:#0B0D10;--msc-surface:#16181D;--msc-surface-2:#1E2127;--msc-line:rgba(255, 255, 255, 0.08);--msc-text:#F4F4F5;--msc-muted:#9A9CA3;--msc-radius:14px;--msc-width:420px;--msc-ease:cubic-bezier(0.22, 1, 0.36, 1)}body.msc-locked{overflow:hidden}.msc-backdrop{position:fixed;inset:0;z-index:99998;background:rgb(4 6 9 / .55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity 0.32s var(--msc-ease),visibility 0.32s var(--msc-ease)}.msc-backdrop.is-open{opacity:1;visibility:visible}.msc-drawer{position:fixed;top:0;right:0;z-index:99999;display:flex;flex-direction:column;width:var(--msc-width);max-width:100vw;height:100%;height:100dvh;background:var(--msc-bg);color:var(--msc-text);box-shadow:-24px 0 60px rgb(0 0 0 / .5);transform:translateX(100%);transition:transform 0.4s var(--msc-ease);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.msc-drawer.is-open{transform:translateX(0)}.msc-drawer *{box-sizing:border-box}.msc-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--msc-line);flex:0 0 auto}.msc-title{font-size:16px;font-weight:600;letter-spacing:.2px}.msc-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;margin-left:4px;padding:0 6px;border-radius:999px;background:var(--msc-accent);color:#fff;font-size:12px;font-weight:700}.msc-x{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:var(--msc-surface);color:var(--msc-text);cursor:pointer;transition:background 0.2s ease,transform 0.2s ease}.msc-x:hover{background:var(--msc-surface-2);transform:rotate(90deg)}.msc-body-fragment{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.msc-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:18px 22px 8px;-webkit-overflow-scrolling:touch}.msc-body::-webkit-scrollbar{width:8px}.msc-body::-webkit-scrollbar-thumb{background:var(--msc-surface-2);border-radius:8px}.msc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:70px 20px;color:var(--msc-muted);text-align:center}.msc-empty p{margin:0;font-size:15px}.msc-ship{margin-bottom:18px;padding:14px 16px;background:var(--msc-surface);border-radius:var(--msc-radius)}.msc-ship-txt{margin:0 0 10px;font-size:13px;color:var(--msc-muted);display:flex;align-items:center;gap:6px}.msc-ship-txt strong{color:var(--msc-text);font-weight:700}.msc-ship-txt.msc-ship-done{color:#34D399;font-weight:600}.msc-ship-track{height:6px;border-radius:999px;background:var(--msc-surface-2);overflow:hidden}.msc-ship-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--msc-accent),#ff7a86);transition:width 0.5s var(--msc-ease)}.msc-items{list-style:none;margin:0;padding:0}.msc-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--msc-line);max-height:260px;opacity:1;animation:msc-in 0.38s var(--msc-ease) both;transition:max-height 0.3s var(--msc-ease),opacity 0.22s ease,padding 0.3s var(--msc-ease),margin 0.3s var(--msc-ease)}.msc-item.msc-removing{max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;overflow:hidden}@keyframes msc-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msc-thumb{flex:0 0 70px;width:70px;height:70px;border-radius:10px;overflow:hidden;background:var(--msc-surface)}.msc-thumb img{width:100%;height:100%;object-fit:cover;display:block}.msc-meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}.msc-name{font-size:13.5px;font-weight:600;line-height:1.35;color:var(--msc-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.msc-unit{font-size:12px;color:var(--msc-muted)}.msc-unit del{opacity:.6}.msc-qty{display:inline-flex;align-items:center;margin-top:2px;border:1px solid var(--msc-line);border-radius:9px;overflow:hidden;width:fit-content}.msc-step{width:28px;height:28px;padding:0;border:0;background:var(--msc-surface);color:var(--msc-text);font-size:15px;line-height:1;cursor:pointer;transition:background 0.18s ease}.msc-step:hover{background:var(--msc-surface-2)}.msc-qn{width:34px;height:28px;padding:0;border:0;border-left:1px solid var(--msc-line);border-right:1px solid var(--msc-line);background:#fff0;color:var(--msc-text);text-align:center;font-size:13px;font-weight:600;-moz-appearance:textfield}.msc-qn:focus{outline:none}.msc-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;flex:0 0 auto}.msc-line{font-size:13.5px;font-weight:700;white-space:nowrap;color:var(--msc-text)}.msc-rm{padding:0;border:0;background:none;color:var(--msc-muted);font-size:11.5px;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color 0.18s ease}.msc-rm:hover{color:var(--msc-accent)}.msc-upsell{margin:20px 0 6px;padding-top:18px;border-top:1px dashed var(--msc-line)}.msc-upsell-h{margin:0 0 12px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--msc-muted)}.msc-upsell-list{display:flex;flex-direction:column;gap:8px}.msc-up{display:flex;align-items:center;gap:12px;padding:8px;border-radius:11px;background:var(--msc-surface);transition:background 0.18s ease}.msc-up:hover{background:var(--msc-surface-2)}.msc-up-thumb{flex:0 0 48px;width:48px;height:48px;border-radius:8px;overflow:hidden;background:var(--msc-surface-2)}.msc-up-thumb img{width:100%;height:100%;object-fit:cover;display:block}.msc-up-meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.msc-up-name{font-size:12.5px;font-weight:600;color:var(--msc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msc-up-price{font-size:12px;color:var(--msc-muted)}.msc-up-price ins{color:var(--msc-text);text-decoration:none}.msc-up-price del{opacity:.55;margin-right:4px}.msc-up-add{flex:0 0 36px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--msc-accent);color:#fff;cursor:pointer;text-decoration:none;transition:transform 0.18s var(--msc-ease),filter 0.18s ease}.msc-up-add:hover{transform:scale(1.1);filter:brightness(1.08)}.msc-up-add.msc-busy{pointer-events:none;background:#34D399}.msc-foot{flex:0 0 auto;padding:16px 22px 20px;border-top:1px solid var(--msc-line);background:var(--msc-bg)}.msc-subtotal{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.msc-subtotal-lbl{font-size:13px;color:var(--msc-muted)}.msc-subtotal-val{font-size:19px;font-weight:800;color:var(--msc-text)}.msc-checkout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 20px;border-radius:12px;background:var(--msc-accent);color:#fff;font-size:14.5px;font-weight:700;text-decoration:none;letter-spacing:.2px;transition:filter 0.18s ease,transform 0.12s ease}.msc-checkout:hover{filter:brightness(1.08);color:#fff}.msc-checkout:active{transform:scale(.99)}.msc-drawer.msc-loading .msc-body-fragment{opacity:.55;pointer-events:none;transition:opacity 0.15s ease}@media (prefers-reduced-motion:reduce){.msc-drawer,.msc-backdrop,.msc-item,.msc-ship-track span{transition-duration:0.01ms!important;animation-duration:0.01ms!important}}@media (max-width:480px){.msc-root{--msc-width:100vw}.msc-head,.msc-body,.msc-foot{padding-left:16px;padding-right:16px}}