:root{--cd-bg: #ffffff;--cd-bg-alt: #f8f7ff;--cd-text: #1f1830;--cd-text-muted: #6b7280;--cd-accent: #7c3aed;--cd-accent-light: rgba(124, 58, 237, .08);--cd-border: rgba(31, 24, 48, .08);--cd-shadow: 0 20px 50px rgba(31, 24, 48, .15), 0 10px 20px rgba(31, 24, 48, .05);--cd-radius: 24px}.cd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#1f183066;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.2,.8,.2,1)}.cd-overlay.is-open{opacity:1;pointer-events:auto}.cd{position:fixed;top:16px;right:16px;bottom:16px;z-index:901;width:500px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;background:var(--cd-bg);border:1px solid var(--cd-border);border-radius:var(--cd-radius);box-shadow:var(--cd-shadow);transform:translate(calc(100% + 40px));transition:transform .45s cubic-bezier(.16,1,.3,1);overflow:hidden;will-change:transform}.cd.is-open{transform:translate(0)}body.cart-open{overflow:hidden}.cd__hd{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--cd-border);flex-shrink:0}.cd__title{margin:0;font-size:1.25rem;font-weight:800;color:var(--cd-text);display:flex;align-items:center;gap:12px;letter-spacing:-.02em}.cd__badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;background:var(--cd-accent);color:#fff;border-radius:100px;font-size:.75rem;font-weight:700;line-height:1}.cd__badge:empty{display:none}.cd__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;color:var(--cd-text);cursor:pointer;transition:opacity .2s ease;padding:0;margin-right:-10px}.cd__close:hover{opacity:.6}.cd__reward{display:none;align-items:center;gap:8px;margin:16px 20px 0;padding:12px 16px;background:var(--cd-bg-alt);border:1px solid var(--cd-border);border-radius:12px;font-size:.82rem;font-weight:600;color:var(--cd-text-muted);flex-shrink:0;animation:slideDown .4s ease forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cd__reward.is-visible{display:flex}.cd.is-empty .cd__reward{display:none!important}.cd__reward.is-highlight{animation:slideDown .4s ease forwards,rewardPulse .65s ease 1}.cd__reward svg{flex-shrink:0;opacity:.6}.cd__body{flex:1;overflow-y:auto;padding:20px;scrollbar-width:thin;scrollbar-color:var(--cd-border) transparent}.cd__body::-webkit-scrollbar{width:5px}.cd__body::-webkit-scrollbar-track{background:transparent}.cd__body::-webkit-scrollbar-thumb{background:var(--cd-border);border-radius:10px}.cd__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;color:var(--cd-text-muted)}.cd__empty p{margin:0;font-size:1rem;font-weight:500}.cd-item{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--cd-border);animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cd-item:last-child{border-bottom:none}.cart-drawer__item-image{width:70px;height:90px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;border-radius:14px;border:1px solid var(--cd-border);padding:6px;box-sizing:border-box}.cart-drawer__item-image img,.cd-item__img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.cd-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.cd-item__name{margin:0;font-size:1rem;font-weight:700;color:var(--cd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.cd-item__price{margin:0;font-size:1rem;font-weight:800;color:var(--cd-accent)}.cd-item__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:8px}.cd-qty{display:inline-flex;align-items:center;background:var(--cd-bg-alt);border:1px solid var(--cd-border);border-radius:12px;padding:2px}.cd-qty__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid var(--cd-border);border-radius:9px;color:var(--cd-text);cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease;padding:0;box-shadow:0 1px 2px #00000008}.cd-qty__btn:hover:not(:disabled){background:var(--cd-accent);color:#fff;border-color:var(--cd-accent)}.cd-qty__btn:disabled{opacity:.4;cursor:not-allowed;background:transparent}.cd-qty__val{min-width:34px;text-align:center;font-size:.9rem;font-weight:700;color:var(--cd-text);-webkit-user-select:none;user-select:none}.cd__ft{flex-shrink:0;padding:24px 28px 32px;background:var(--cd-bg-alt);border-top:1px solid var(--cd-border);display:flex;flex-direction:column;gap:16px}.cd__subtotal{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.cd__subtotal-label{font-size:.95rem;font-weight:600;color:var(--cd-text-muted)}.cd__subtotal-val{font-size:1.4rem;font-weight:800;color:var(--cd-text);letter-spacing:-.02em}.cd__shipping{display:flex;align-items:center;justify-content:space-between;margin-top:-4px}.cd__shipping:not(.is-visible){display:none}.cd__shipping-label,.cd__shipping-val{font-size:.9rem;font-weight:400;color:var(--cd-text-muted)}@keyframes rewardPulse{0%{box-shadow:0 0 #7c3aed57;border-color:var(--cd-border);background:var(--cd-bg-alt)}45%{box-shadow:0 0 0 10px #7c3aed00;border-color:#7c3aed73;background:#7c3aed1f}to{box-shadow:0 0 #7c3aed00;border-color:var(--cd-border);background:var(--cd-bg-alt)}}.cd__cta{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 24px;background:var(--cd-accent);color:#fff;font-weight:700;font-size:1rem;border-radius:16px;letter-spacing:.01em;box-shadow:0 4px 15px #7c3aed4d;transition:all .3s cubic-bezier(.16,1,.3,1)}.cd__cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7c3aed73;filter:brightness(1.05)}.cd__view-cart{text-align:center;font-size:.88rem;font-weight:600;color:var(--cd-text-muted);transition:color .2s ease;display:block;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--cd-border)}.cd__view-cart:hover{color:var(--cd-accent);text-decoration-color:var(--cd-accent)}@media(max-width:540px){.cd{top:0;right:0;bottom:0;width:100%;max-width:100%;border-radius:0;border:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/cart-drawer.css.map */