.badge-cart{padding:var(--space-2) var(--space-6);border-radius:var(--radius-badge);font-family:var(--font-family-primary), sans-serif;font-size:var(--font-size-12);font-weight:700;line-height:var(--line-height-16);letter-spacing:0;white-space:nowrap;background-color:var(--surface-strong,#495057);color:var(--text-on-brand);justify-content:center;align-items:center;gap:8px;transition:background-color .15s,color .15s;display:inline-flex}button:hover>* .badge-cart{background-color:var(--surface-base);color:var(--text-body)}button:active>* .badge-cart{background-color:var(--surface-base);color:var(--text-strong)}.icon-button--active .badge-cart{background-color:var(--surface-brand);color:var(--text-on-brand)}
.cart-icon{justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;position:relative}.cart-icon__svg{flex-shrink:0;display:block}.cart-icon__badge{position:absolute;top:6px;left:8px}
.drawer-overlay{z-index:50;background-color:var(--surface-overlay);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);position:fixed;inset:0}.drawer-content{inset-inline:0;z-index:50;max-width:100vw;max-height:calc(100dvh - var(--space-32));background-color:var(--surface-base);border-radius:var(--radius-container) var(--radius-container) 0 0;flex-direction:column;transition:max-height .2s;display:flex;position:fixed;bottom:0;overflow:hidden auto}.drawer-content.drawer-content--scrolled{border-radius:0;max-height:100dvh}.drawer-sticky-header{background-color:var(--surface-base);border-radius:var(--radius-container) var(--radius-container) 0 0}.drawer-handle-area{padding-top:var(--space-16);padding-bottom:var(--space-16);border-bottom:1px solid var(--border-muted);justify-content:center;display:flex}.drawer-handle{background-color:var(--surface-muted);border-radius:8px;width:64px;height:4px}.drawer-header{z-index:1;padding:var(--space-16) var(--space-24);border-bottom:1px solid var(--border-muted);background-color:var(--surface-base);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.drawer-title{font-family:var(--font-family-primary), sans-serif;font-size:var(--font-size-body-large);font-weight:600;line-height:var(--line-height-24);color:var(--text-strong)}.drawer-content:after{display:none!important}.drawer-body{gap:var(--space-8);padding:12px var(--space-24) var(--space-16);background-color:var(--surface-blush);flex-direction:column;flex-shrink:0;display:flex}