:root{--drawer-bg: var(--color-surface-primary);--drawer-width: 420px;--drawer-transition: var(--transition-slow)}.cart-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity var(--drawer-transition),visibility var(--drawer-transition);z-index:2000}.cart-drawer-overlay.is-open{opacity:1;visibility:visible}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:var(--drawer-width);max-width:100vw;min-height:-webkit-fill-available;min-height:100dvh;background:var(--drawer-bg);z-index:2001;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--drawer-transition);will-change:transform;outline:none}.cart-drawer.is-open{transform:translate(0)}.cart-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);padding:var(--space-20) var(--space-20);border-bottom:1px solid var(--color-accent);flex-shrink:0}.cart-drawer__title{display:flex;align-items:baseline;gap:var(--space-2xs);margin:0;font-family:var(--font-heading--family);font-size:var(--text-base);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-foreground)}.cart-drawer__title-count{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;letter-spacing:0}.cart-drawer__close{background:none;border:none;cursor:pointer;padding:var(--space-2xs);color:var(--color-foreground);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-default),color var(--transition-fast)}.cart-drawer__close:hover{transform:rotate(90deg);color:var(--color-accent)}.cart-drawer__body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.cart-drawer__shipping{padding:var(--space-12) var(--space-20) var(--space-12);background:var(--color-surface-secondary)}.cart-drawer__shipping-text{margin:0 0 var(--space-2xs) 0;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);text-align:center;color:var(--color-text-secondary);line-height:1.4}.cart-drawer__shipping-bar{height:1px;background:var(--color-border);overflow:hidden}.cart-drawer__shipping-progress{height:100%;background:var(--color-accent);transform-origin:left center;transform:scaleX(calc(var(--progress, 0) / 100));transition:transform var(--transition-slow)}.cart-drawer__items{list-style:none;margin:0;padding:0 var(--space-20)}.cart-drawer__item{display:grid;grid-template-columns:80px 1fr;gap:var(--space-12);padding:var(--space-12) 0;border-bottom:1px solid var(--color-border);transition:opacity var(--transition-default),transform var(--transition-default)}.cart-drawer__item.is-removing{opacity:0;transform:translate(20px);pointer-events:none}.cart-drawer__item-image{display:block;position:relative;width:80px;height:80px;background:var(--color-surface-secondary);overflow:hidden}.cart-drawer__item-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-default)}.cart-drawer__item-image:hover .cart-drawer__item-img{transform:scale(1.04)}.cart-drawer__item-img--placeholder{background:var(--color-surface-tertiary);opacity:.3}.cart-drawer__item-info{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0}.cart-drawer__item-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-12)}.cart-drawer__item-title{margin:0;font-family:var(--font-heading--family);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-tight);line-height:1.3;color:var(--color-foreground);text-decoration:none;flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-drawer__item-title:hover{text-decoration:underline}.cart-drawer__item-price{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-foreground)}.cart-drawer__item-variant{margin:0;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary)}.cart-drawer__item-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--space-2xs);gap:var(--space-s)}.cart-drawer__qty{display:inline-flex;align-items:center;border:1px solid var(--color-border);height:30px}.cart-drawer__qty-btn{background:none;border:none;width:28px;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-foreground);transition:background-color var(--transition-fast),color var(--transition-fast);padding:0}.cart-drawer__qty-btn:hover{background:var(--color-foreground);color:var(--color-background)}.cart-drawer__qty-btn:disabled{opacity:.4;cursor:not-allowed}.cart-drawer__qty-value{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;min-width:36px;text-align:center;padding:0 4px;color:var(--color-foreground)}.cart-drawer__remove{background:none;border:none;font-size:11px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);opacity:.5;color:var(--color-foreground);cursor:pointer;padding:4px 0;transition:opacity var(--transition-fast)}.cart-drawer__remove:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}.cart-drawer__upsells{padding:var(--space-20);border-top:1px solid var(--color-border)}.cart-drawer__upsells-title{margin:0 0 var(--space-12) 0;font-family:var(--font-heading--family);font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-overline);color:var(--color-accent);padding-bottom:var(--space-2xs);border-bottom:1px solid var(--color-accent)}.cart-drawer__upsells-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);margin-top:var(--space-12)}.cart-drawer__upsell-skeleton-item{aspect-ratio:3 / 4;background:var(--color-surface-secondary)}.cart-drawer__upsell-item{display:flex;flex-direction:column;font-size:var(--text-xs);transition:opacity var(--transition-default)}.cart-drawer__upsell-item.is-added{opacity:.45;pointer-events:none}.cart-drawer__upsell-media{position:relative;display:block;aspect-ratio:3 / 4;background:var(--color-surface-secondary);overflow:hidden}.cart-drawer__upsell-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-default)}.cart-drawer__upsell-media:hover .cart-drawer__upsell-img{transform:scale(1.04)}.cart-drawer__upsell-img--placeholder{background:var(--color-surface-tertiary);opacity:.3}.cart-drawer__upsell-info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xs);padding-top:var(--space-12)}.cart-drawer__upsell-name{margin:0;font-family:var(--font-heading--family);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-tight);line-height:1.3;color:var(--color-foreground);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-drawer__upsell-name:hover{text-decoration:underline}.cart-drawer__upsell-price{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-foreground)}.cart-drawer__upsell-add{margin-top:var(--space-2xs);padding:8px 0;width:100%;background:none;border:1px solid var(--color-foreground);color:var(--color-foreground);font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.cart-drawer__upsell-add:hover{background:var(--color-foreground);color:var(--color-background)}.cart-drawer__upsell-add:disabled{opacity:.5;cursor:not-allowed}.cart-drawer__upsell-add--disabled{border-color:var(--color-border);color:var(--color-text-secondary);pointer-events:none}.cart-drawer__notes{padding:var(--space-12) var(--space-20) var(--space-20);border-top:1px solid var(--color-border)}.cart-drawer__notes-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-foreground);cursor:pointer}.cart-drawer__notes-toggle:focus-visible{outline:none;text-decoration:underline;text-underline-offset:4px}.cart-drawer__notes-chevron{transition:transform var(--transition-default)}.cart-drawer__notes.is-open .cart-drawer__notes-chevron{transform:rotate(180deg)}.cart-drawer__notes-content{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.cart-drawer__notes.is-open .cart-drawer__notes-content{max-height:240px}.cart-drawer__note-input{display:block;box-sizing:border-box;width:100%;margin-top:var(--space-12);padding:var(--space-12);border:1px solid var(--color-border);background:transparent;font-family:inherit;font-size:var(--text-sm);resize:none;color:var(--color-foreground)}.cart-drawer__note-input:focus{outline:none;border-color:var(--color-foreground)}.cart-drawer__note-status{font-family:var(--font-mono);font-size:11px;margin-top:var(--space-2xs);text-align:end;opacity:.6;color:var(--color-text-secondary);min-height:1em}.cart-drawer__footer{flex-shrink:0;padding:var(--space-20);border-top:1px solid var(--color-accent);background:var(--color-surface-primary)}.cart-drawer__subtotal{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-12)}.cart-drawer__subtotal-label{font-family:var(--font-mono);font-size:11px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-text-secondary)}.cart-drawer__subtotal-value{font-family:var(--font-heading--family);font-size:var(--text-base);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-foreground)}.cart-drawer__checkout-form{margin:0 0 var(--space-12)}.cart-drawer__checkout-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);width:100%;padding:14px var(--space-20);background:var(--color-foreground);color:var(--color-background);border:1px solid var(--color-foreground);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.cart-drawer__checkout-btn:hover{background:var(--color-accent);border-color:var(--color-accent)}.cart-drawer__checkout-btn:disabled{opacity:.5;cursor:not-allowed}.cart-drawer__checkout-sep{opacity:.5}.cart-drawer__view-cart{display:block;text-align:center;font-size:var(--text-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);text-decoration:none;color:var(--color-foreground);opacity:.6;padding:4px 0;transition:opacity var(--transition-fast)}.cart-drawer__view-cart:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}.cart-drawer__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);padding:var(--space-48) var(--space-20);text-align:center}.cart-drawer__empty-icon{display:block;width:40px;height:40px;margin-bottom:var(--space-4);color:var(--color-foreground)}.cart-drawer__empty-icon svg{display:block;width:100%;height:100%;fill:currentColor}.cart-drawer__empty-title{margin:0;font-family:var(--font-heading--family);font-size:var(--text-lg);font-weight:var(--font-weight-bold);letter-spacing:0;line-height:1.2;color:var(--color-foreground)}.cart-drawer__empty-text{margin:0;font-size:var(--text-sm);line-height:1.55;color:var(--color-text-secondary);max-width:34ch}.cart-drawer__empty-ctas{display:flex;flex-direction:column;gap:var(--space-12);width:100%;margin-top:var(--space-12)}.cart-drawer__empty-cta{display:flex;align-items:center;justify-content:center;gap:var(--space-2xs);padding:14px var(--space-12);border:1px solid var(--color-foreground);background:var(--color-foreground);color:var(--color-background);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal);text-decoration:none;min-height:78px;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.cart-drawer__empty-cta:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-background)}@media(max-width:767px){:root{--drawer-width: 100%}.cart-drawer__item{grid-template-columns:72px 1fr}.cart-drawer__item-image{width:72px;height:72px}.cart-drawer__empty-ctas{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.cart-drawer,.cart-drawer-overlay,.cart-drawer__item,.cart-drawer__close,.cart-drawer__shipping-progress,.cart-drawer__empty-cta,.cart-drawer__empty-cta svg{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cart-drawer.css.map */