@keyframes b2b-cart-slide-in{0%{transform:translate(100%)}to{transform:translate(0,0)}}@keyframes b2b-cart-line-out{to{opacity:0;transform:translate(16px)}}@keyframes b2b-cart-line-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0,0)}}@keyframes b2b-cart-badge-pop{0%{transform:scale(.4)}55%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes b2b-cart-icon-nudge{0%,to{transform:translate(0,0)}35%{transform:translateY(-2px)rotate(-6deg)}70%{transform:translate(0,0)rotate(4deg)}}@keyframes b2b-value-pop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes b2b-step-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translate(0,0)}}@media (prefers-reduced-motion:no-preference){[data-b2b-storefront] .b2b-cart-drawer{animation:b2b-cart-slide-in var(--motion-base,.28s) var(--motion-ease-spring,cubic-bezier(.34, 1.4, .64, 1)) both;will-change:transform}[data-b2b-storefront] .b2b-cart-backdrop{animation:b2b-fade var(--motion-fast,.2s) ease both}[data-b2b-storefront] .b2b-cart-line-enter{animation:b2b-cart-line-in var(--motion-base,.3s) var(--motion-ease-out,cubic-bezier(.22, 1, .36, 1)) both;animation-delay:calc(var(--motion-stagger-step,55ms) * var(--b2b-i,0))}[data-b2b-storefront] .b2b-cart-line--leaving{animation:b2b-cart-line-out var(--motion-fast,.2s) ease both;pointer-events:none}[data-b2b-storefront] .b2b-cart-badge{animation:b2b-cart-badge-pop .48s var(--motion-ease-spring,cubic-bezier(.34, 1.56, .64, 1)) both;transform-origin:50%}[data-b2b-storefront] .b2b-cart-icon--nudge{animation:b2b-cart-icon-nudge .52s var(--motion-ease-out,cubic-bezier(.22, 1, .36, 1)) both}[data-b2b-storefront] .b2b-value--pop{animation:b2b-value-pop .36s var(--motion-ease-spring,cubic-bezier(.34, 1.56, .64, 1)) both}[data-b2b-storefront] .b2b-step-panel{animation:b2b-step-in var(--motion-base,.32s) var(--motion-ease-out,cubic-bezier(.22, 1, .36, 1)) both}}.b2b-cart-drawer{animation:b2b-cart-slide-in .28s var(--motion-ease,cubic-bezier(.22, 1, .36, 1)) both}.b2b-cart-backdrop{animation:.2s both b2b-fade}.b2b-cart-line--leaving{pointer-events:none;animation:.2s both b2b-cart-line-out}.b2b-qty{height:var(--control-h);border-radius:var(--radius-input);border:1.5px solid var(--color-border);background:var(--color-surface);align-items:center;display:inline-flex;overflow:hidden}.b2b-qty--sm{height:var(--control-h-sm)}.b2b-qty__btn{width:36px;height:100%;color:var(--color-fg-muted);cursor:pointer;transition:background var(--motion-hover) var(--motion-ease), color var(--motion-hover) var(--motion-ease);background:0 0;border:none;place-items:center;display:grid}.b2b-qty--sm .b2b-qty__btn{width:30px}.b2b-qty__btn:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-primary)}.b2b-qty__btn:disabled{color:var(--color-fg-subtle);cursor:not-allowed}@media (prefers-reduced-motion:no-preference){[data-b2b-storefront] .b2b-qty__btn:active:not(:disabled){transform:scale(.86)}[data-b2b-storefront] .b2b-qty__btn{transition:background var(--motion-hover) var(--motion-ease), color var(--motion-hover) var(--motion-ease), transform var(--motion-fast,.14s) var(--motion-ease-spring,cubic-bezier(.34, 1.56, .64, 1))}[data-b2b-storefront] .b2b-qty__input{animation:b2b-value-pop .3s var(--motion-ease-spring,cubic-bezier(.34, 1.56, .64, 1)) both}}.b2b-qty__input{border:none;border-inline:1.5px solid var(--color-border);text-align:center;width:44px;height:100%;font-size:var(--text-sm);color:var(--color-fg);-moz-appearance:textfield;background:0 0;outline:none;font-weight:700}.b2b-qty--sm .b2b-qty__input{width:38px}.b2b-qty__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.b2b-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.b2b-steps{align-items:center;gap:0;width:100%;display:flex}.b2b-step{flex:none;align-items:center;gap:10px;display:flex}.b2b-step__dot{border-radius:var(--radius-pill);width:30px;height:30px;font-size:var(--text-sm);border:1.5px solid var(--color-border-strong);color:var(--color-fg-subtle);background:var(--color-surface);transition:all var(--motion-duration) var(--motion-ease);flex-shrink:0;place-items:center;font-weight:800;display:grid}.b2b-step--active .b2b-step__dot{border-color:var(--color-primary);color:var(--color-primary-fg);background:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-ring) 18%, transparent)}.b2b-step--done .b2b-step__dot{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-muted)}.b2b-step__label{font-size:var(--text-sm);color:var(--color-fg-subtle);white-space:nowrap;font-weight:700}.b2b-step--active .b2b-step__label,.b2b-step--done .b2b-step__label{color:var(--color-fg)}.b2b-step__bar{background:var(--color-border);border-radius:2px;flex:auto;min-width:18px;height:2px;margin:0 12px;position:relative;overflow:hidden}.b2b-step__bar--done{background:var(--color-primary)}@media (prefers-reduced-motion:no-preference){[data-b2b-storefront] .b2b-step__bar:before{content:"";background:var(--color-primary);transform-origin:0;transition:transform var(--motion-base,.32s) var(--motion-ease-out,cubic-bezier(.22, 1, .36, 1));position:absolute;inset:0;transform:scaleX(0)}[data-b2b-storefront] .b2b-step__bar--done:before{transform:scaleX(1)}[data-b2b-storefront] .b2b-step--active .b2b-step__dot{animation:b2b-value-pop .36s var(--motion-ease-spring,cubic-bezier(.34, 1.56, .64, 1)) both}}@media (max-width:640px){.b2b-step__label{display:none}.b2b-step__bar{margin:0 6px}}.b2b-cart-line__controls-m{display:none!important}@media (max-width:560px){.b2b-cart-line__controls-d{display:none!important}.b2b-cart-line__controls-m{display:flex!important}}.b2b-min-track{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-warning) 22%, transparent);height:7px;overflow:hidden}.b2b-min-fill{border-radius:var(--radius-pill);background:var(--gradient-accent,var(--color-warning));height:100%;transition:width .52s var(--motion-ease-spring,cubic-bezier(.34, 1.4, .64, 1)), background var(--motion-base) var(--motion-ease);position:relative;overflow:hidden}.b2b-min-fill--met{background:var(--color-success)}@media (prefers-reduced-motion:no-preference){[data-b2b-storefront] .b2b-min-fill:not(.b2b-min-fill--met):after{content:"";background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--color-surface) 55%, transparent) 50%, transparent 80%);animation:b2b-m-shimmer calc(var(--motion-slower,.62s) * 2) linear infinite;background-size:220% 100%;position:absolute;inset:0}}
