.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);z-index:var(--z-drawer);background-color:var(--color-surface);display:flex;flex-direction:column;transform:translate(100%);transition:transform .26s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-xl)}.cart-drawer.is-open{transform:translate(0)}.cart-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border);flex-shrink:0}.cart-drawer__title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.cart-drawer__count{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:400;color:color-mix(in srgb,var(--color-text) 50%,transparent)}.cart-drawer__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-full);color:var(--color-text);transition:background-color var(--transition-fast),transform var(--transition-fast)}.cart-drawer__close:hover{background-color:var(--color-border);transform:rotate(90deg)}.cart-drawer__shipping-bar{padding:var(--spacing-md) var(--spacing-xl);background-color:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg));border-bottom:1px solid var(--color-border);flex-shrink:0}.shipping-bar__text{font-size:var(--font-size-xs);font-weight:500;letter-spacing:.04em;margin-bottom:var(--spacing-sm);text-transform:uppercase}.shipping-bar__text em{font-style:normal;color:var(--color-accent);font-weight:700}.shipping-bar__track{height:4px;background-color:var(--color-border);border-radius:var(--border-radius-full);overflow:hidden}.shipping-bar__fill{height:100%;background-color:var(--color-accent);border-radius:var(--border-radius-full);transition:width .6s cubic-bezier(.4,0,.2,1);min-width:4px}.cart-drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--spacing-lg) var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.cart-drawer__body::-webkit-scrollbar{width:4px}.cart-drawer__body::-webkit-scrollbar-track{background:transparent}.cart-drawer__body::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--border-radius-full)}.cart-item{display:grid;grid-template-columns:80px 1fr auto;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);animation:fadeUp .18s ease both;transition:opacity .16s ease,transform .16s ease,background-color .16s ease}.cart-item:last-child{border-bottom:none}.cart-item__img-wrap{aspect-ratio:3/4;border-radius:var(--border-radius-md);overflow:hidden;background-color:var(--color-border);flex-shrink:0}.cart-item__img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.cart-item__img-wrap:hover .cart-item__img{transform:scale(1.05)}.cart-item__details{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.cart-item__name{font-size:var(--font-size-sm);font-weight:600;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cart-item__variant{font-size:var(--font-size-xs);color:color-mix(in srgb,var(--color-text) 55%,transparent);text-transform:capitalize}.cart-item__price{font-size:var(--font-size-sm);font-weight:600}.quantity-selector{display:flex;align-items:center;border:1.5px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden;width:fit-content;margin-top:auto}.quantity-selector__btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--color-text);font-size:var(--font-size-lg);line-height:1;transition:background-color var(--transition-fast),color var(--transition-fast);flex-shrink:0}.quantity-selector__btn:hover{background-color:var(--color-text);color:var(--color-bg)}.quantity-selector__input{width:36px;height:30px;text-align:center;border:none;border-left:1.5px solid var(--color-border);border-right:1.5px solid var(--color-border);border-radius:0;font-size:var(--font-size-sm);font-weight:600;padding:0;background:transparent;color:var(--color-text);-moz-appearance:textfield}.quantity-selector__input::-webkit-outer-spin-button,.quantity-selector__input::-webkit-inner-spin-button{-webkit-appearance:none}.quantity-selector__input:focus{outline:none;box-shadow:none;border-color:var(--color-border)}.cart-item__actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm);flex-shrink:0}.cart-item__remove{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--color-text) 18%,transparent);border-radius:var(--border-radius-full);color:color-mix(in srgb,var(--color-text) 72%,transparent);transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast);text-decoration:none}.cart-item__remove:hover{border-color:var(--color-error, #e53e3e);background-color:color-mix(in srgb,var(--color-error, #e53e3e) 8%,transparent);color:var(--color-error, #e53e3e);opacity:1;transform:translateY(-1px)}.cart-item__remove svg{width:18px;height:18px;pointer-events:none}.cart-item.is-loading{opacity:.82;background:color-mix(in srgb,var(--color-border) 14%,transparent)}.cart-drawer.is-updating .cart-drawer__body{cursor:progress}.cart-drawer__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:var(--spacing-2xl);gap:var(--spacing-lg);animation:fadeUp .4s ease both}.cart-drawer__empty[hidden],#cart-items[hidden],.cart-drawer__footer[hidden],.cart-drawer.has-items .cart-drawer__empty,.cart-drawer.is-empty #cart-items,.cart-drawer.is-empty .cart-drawer__footer{display:none!important}.cart-drawer__empty-icon{color:var(--color-border);opacity:.6}.cart-drawer__empty-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:600}.cart-drawer__empty-text{font-size:var(--font-size-sm);color:color-mix(in srgb,var(--color-text) 60%,transparent);max-width:24ch;margin:0}.cart-drawer__footer{border-top:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md);flex-shrink:0;background-color:var(--color-surface)}.cart-drawer__subtotal{display:flex;justify-content:space-between;align-items:baseline}.cart-drawer__subtotal-label{font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:.06em}.cart-drawer__subtotal-price{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:600}.cart-drawer__tax-note{font-size:var(--font-size-xs);color:color-mix(in srgb,var(--color-text) 50%,transparent);text-align:center}.cart-drawer__checkout-form{display:block;margin:0}.cart-drawer__checkout{width:100%}.cart-drawer__checkout.btn--primary{color:#fff!important;font-weight:800;letter-spacing:.08em}.cart-drawer__checkout.btn--primary:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff!important}@media(max-width:600px){.cart-drawer{width:100vw}.cart-drawer__header,.cart-drawer__body,.cart-drawer__footer{padding-inline:var(--spacing-md)}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/cart-drawer.css.map */