:root{--cart-drawer-width: 420px;--cart-drawer-bg: #ffffff;--cart-drawer-border: #e8e8e8;--cart-drawer-text: #1a1a1a;--cart-drawer-muted: #6b6b6b;--cart-drawer-accent: #1a1a1a;--cart-drawer-accent-hover: #333;--cart-drawer-overlay: rgba(0, 0, 0, .45);--cart-drawer-radius: 0px;--cart-drawer-transition: .35s cubic-bezier(.4, 0, .2, 1);--cart-item-gap: 20px}.cart-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}.cart-drawer.is-open{pointer-events:all}.cart-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cart-drawer-overlay);opacity:0;transition:opacity var(--cart-drawer-transition);cursor:pointer}.cart-drawer__overlay{opacity:0;visibility:hidden;transition:opacity var(--cart-drawer-transition),visibility var(--cart-drawer-transition)}.cart-drawer.is-open .cart-drawer__overlay{opacity:1;visibility:visible}.cart-drawer{visibility:hidden;opacity:0}.cart-drawer.is-open{visibility:visible;opacity:1}.cart-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(var(--cart-drawer-width),100vw);background:var(--cart-drawer-bg);border-left:1px solid var(--cart-drawer-border);border-radius:var(--cart-drawer-radius) 0 0 var(--cart-drawer-radius);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--cart-drawer-transition);overflow:hidden;visibility:hidden}.cart-drawer.is-open .cart-drawer__panel{transform:translate(0);visibility:visible}body.cart-drawer-open{overflow:hidden}.cart-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--cart-drawer-border);flex-shrink:0}.cart-drawer__title{font-size:17px;font-weight:600;color:var(--cart-drawer-text);margin:0;display:flex;align-items:baseline;gap:8px}.cart-drawer__count{font-size:13px;font-weight:400;color:var(--cart-drawer-muted)}.cart-drawer__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:50%;cursor:pointer;color:var(--cart-drawer-text);transition:background .15s;flex-shrink:0}.cart-drawer__close:hover{background:#f4f4f4}.cart-drawer__close svg{width:18px;height:18px}.cart-drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0}.cart-drawer__body::-webkit-scrollbar{width:4px}.cart-drawer__body::-webkit-scrollbar-track{background:transparent}.cart-drawer__body::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:2px}.cart-drawer__items{list-style:none;margin:0;padding:0}.cart-item{display:flex;gap:14px;padding:18px 24px;border-bottom:1px solid var(--cart-drawer-border);position:relative;align-items:flex-start;animation:slideIn .25s ease both}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cart-item__image-link{flex-shrink:0}.cart-item__image{width:72px;height:72px;object-fit:cover;border-radius:6px;border:1px solid var(--cart-drawer-border);display:block}.cart-item__image--placeholder{background:#f4f4f4;display:flex;align-items:center;justify-content:center}.cart-item__details{flex:1;min-width:0}.cart-item__name{display:block;font-size:14px;font-weight:500;color:var(--cart-drawer-text);text-decoration:none;line-height:1.4;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item__name:hover{text-decoration:underline}.cart-item__variant,.cart-item__selling-plan{font-size:12px;color:var(--cart-drawer-muted);margin:0 0 4px}.cart-item__discounts{list-style:none;padding:0;margin:0 0 6px}.cart-item__discount{font-size:11px;background:#f0faf0;color:#2a7a2a;display:inline-block;padding:2px 6px;border-radius:3px;margin-right:4px}.cart-item__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.cart-item__quantity-wrapper{display:flex;align-items:center;border:1px solid var(--cart-drawer-border);border-radius:6px;overflow:hidden;height:32px}.cart-item__quantity-btn{width:30px;height:32px;border:none;background:#f7f7f7;cursor:pointer;font-size:16px;line-height:1;color:var(--cart-drawer-text);display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.cart-item__quantity-btn:hover{background:#ebebeb}.cart-item__quantity-input{width:34px;height:32px;border:none;border-left:1px solid var(--cart-drawer-border);border-right:1px solid var(--cart-drawer-border);text-align:center;font-size:13px;font-weight:500;color:var(--cart-drawer-text);background:#fff;-moz-appearance:textfield}.cart-item__quantity-input::-webkit-outer-spin-button,.cart-item__quantity-input::-webkit-inner-spin-button{-webkit-appearance:none}.cart-item__price-wrapper{text-align:right}.cart-item__price{font-size:14px;font-weight:600;color:var(--cart-drawer-text)}.cart-item__price--original{font-size:12px;font-weight:400;color:var(--cart-drawer-muted);display:block;text-decoration:line-through}.cart-item__remove{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:#aaa;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s,background .15s}.cart-item__remove:hover{color:#e53935;background:#ffeaea}.cart-drawer__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 32px;gap:12px}.cart-drawer__empty-icon{color:#041527;margin-bottom:8px;font-size:30px}.cart-drawer__empty-title{font-size:17px;font-weight:600;color:var(--cart-drawer-text);margin:0}.cart-drawer__empty-subtitle{font-size:14px;color:var(--cart-drawer-muted);margin:0}.cart-drawer__continue-btn{margin-top:12px;display:inline-block;padding:12px 28px;background:var(--cart-drawer-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:600;transition:background .15s}.cart-drawer__continue-btn:hover{background:var(--cart-drawer-accent-hover)}.cart-drawer__footer{border-top:1px solid var(--cart-drawer-border);padding:20px 24px;flex-shrink:0;background:var(--cart-drawer-bg)}.cart-drawer__discounts{list-style:none;padding:0;margin:0 0 12px}.cart-drawer__discount{display:flex;justify-content:space-between;font-size:13px;color:#2a7a2a;background:#f0faf0;padding:6px 10px;border-radius:4px;margin-bottom:6px}.cart-drawer__subtotal{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600;color:var(--cart-drawer-text);margin-bottom:4px}.cart-drawer__tax-note{font-size:12px;color:var(--cart-drawer-muted);margin:0 0 16px}.cart-drawer__checkout-btn{display:block;width:100%;padding:15px;background:var(--cart-drawer-accent);color:#fff;text-align:center;text-decoration:none;font-size:15px;font-weight:600;letter-spacing:.01em;transition:background .15s,transform .1s;margin-bottom:12px}.cart-drawer__checkout-btn:hover{background:var(--cart-drawer-accent-hover);transform:translateY(-1px)}.cart-drawer__checkout-btn:active{transform:translateY(0)}.cart-drawer__view-cart{display:block;text-align:center;font-size:13px;color:var(--cart-drawer-muted);text-decoration:none}.cart-drawer__view-cart:hover{text-decoration:underline;color:var(--cart-drawer-text)}.cart-drawer__loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}.cart-drawer__loading.is-visible{opacity:1;pointer-events:all}.cart-drawer__spinner{width:28px;height:28px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--cart-drawer-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cart-drawer__toast{position:absolute;bottom:24px;left:50%;transform:translate(-50%) translateY(12px);opacity:0;transition:opacity .2s,transform .2s;padding:10px 20px;font-size:13px;font-weight:500;white-space:nowrap;pointer-events:none;z-index:20}.cart-drawer__toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.cart-drawer__toast--error{background:#fff0f0;color:#c62828;border:1px solid #ffcdd2}@media(max-width:480px){:root{--cart-drawer-width: 100vw}.cart-drawer__panel{border-left:none}}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cart-drawer.css.map */