.cart-drawer{position:fixed;top:0;right:0;width:400px;max-width:95vw;height:100vh;background:var(--color-surface);z-index:var(--z-drawer);display:flex;flex-direction:column;box-shadow:-4px 0 24px #0000002e;transform:translate(100%);transition:transform var(--transition-slow)}.cart-drawer.is-open{transform:translate(0)}.cart-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);flex-shrink:0}.cart-drawer__title{font-size:1.1rem;font-weight:700;color:var(--color-accent);display:flex;align-items:center;gap:8px}.cart-drawer__count{font-size:.8125rem;font-weight:500;color:var(--color-text-muted)}.cart-drawer__close{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;transition:color var(--transition),background-color var(--transition)}.cart-drawer__close:hover{color:var(--color-text);background-color:var(--color-background)}.cart-drawer__free-shipping{padding:12px 20px;background:#f0fff4;border-bottom:1px solid #c6f6d5;font-size:.8125rem}.cart-drawer__shipping-text{margin-bottom:6px;color:var(--color-text)}.cart-drawer__shipping-text strong{color:var(--color-success)}.progress-bar{height:6px;background:#e0e0e0;border-radius:var(--radius-pill);overflow:hidden}.progress-bar__fill{height:100%;background:var(--color-success);border-radius:var(--radius-pill);transition:width .4s ease}.cart-drawer__body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.cart-drawer__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;text-align:center;color:var(--color-text-muted)}.cart-drawer__empty svg{width:64px;height:64px;opacity:.3}.cart-drawer__empty p{font-size:1rem;font-weight:500}.cart-item{display:flex;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.cart-item:last-child{border-bottom:none;padding-bottom:0}.cart-item__image{flex-shrink:0;width:72px;height:72px;border-radius:var(--radius-sm);overflow:hidden;background:#f5f5f5}.cart-item__image img{width:100%;height:100%;object-fit:cover}.cart-item__details{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.cart-item__title{font-size:.875rem;font-weight:600;color:var(--color-text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-item__variant{font-size:.75rem;color:var(--color-text-muted)}.cart-item__bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:4px}.cart-item__price{font-size:.9375rem;font-weight:700;color:var(--color-text)}.cart-item__qty{display:flex;align-items:center;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.cart-item__qty-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-background);border:none;cursor:pointer;font-size:1rem;color:var(--color-text);transition:background-color var(--transition)}.cart-item__qty-btn:hover{background:var(--color-border)}.cart-item__qty-input{width:36px;text-align:center;border:none;background:var(--color-surface);font-size:.875rem;font-weight:600;color:var(--color-text);padding:0;height:28px}.cart-item__remove{font-size:.75rem;color:var(--color-text-muted);cursor:pointer;background:none;border:none;text-decoration:underline;text-underline-offset:2px;transition:color var(--transition)}.cart-item__remove:hover{color:var(--color-sale)}.cart-drawer__footer{border-top:2px solid var(--color-border);padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex-shrink:0;background:var(--color-surface)}.cart-drawer__subtotal{display:flex;justify-content:space-between;align-items:center;font-size:1rem}.cart-drawer__subtotal-label{font-weight:600;color:var(--color-text)}.cart-drawer__subtotal-value{font-size:1.25rem;font-weight:800;color:var(--color-text)}.cart-drawer__shipping-note{font-size:.75rem;color:var(--color-text-muted);text-align:center}.cart-drawer__actions{display:flex;flex-direction:column;gap:8px}.cart-page{padding:var(--section-spacing) 0}.cart-page__layout{display:grid;gap:24px}@media(min-width:1024px){.cart-page__layout{grid-template-columns:1fr 360px;align-items:start}}.cart-page__items{background:var(--color-surface);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm)}.cart-page__summary{background:var(--color-surface);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-sm);position:sticky;top:calc(var(--header-height) + 16px)}.cart-summary__row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--color-border);font-size:.9375rem}.cart-summary__row:last-of-type{border-bottom:none}.cart-summary__total{font-size:1.2rem;font-weight:800;color:var(--color-text)}.cart-page__empty{text-align:center;padding:60px 20px;background:var(--color-surface);border-radius:var(--radius-md)}.cart-page__empty h2{margin-bottom:12px}.cart-page__empty p{color:var(--color-text-muted);margin-bottom:24px}.cart-drawer__upsell{padding:12px 16px 14px;border-top:1px solid var(--color-border);background:#fafafa}.cart-upsell__heading{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:10px}.cart-upsell__track{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cart-upsell__track::-webkit-scrollbar{display:none}.cart-upsell-card{flex:0 0 110px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s}.cart-upsell-card:hover{box-shadow:var(--shadow-md)}.cart-upsell-card__img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.cart-upsell-card__body{padding:6px 8px 8px}.cart-upsell-card__title{font-size:.7rem;font-weight:600;line-height:1.3;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-upsell-card__price{font-size:.7rem;color:var(--color-primary);font-weight:700;margin-top:3px}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-cart-drawer.css.map */