.bnav-wrap{position:fixed;bottom:12px;left:0;right:0;z-index:40;display:none;justify-content:center;pointer-events:none;padding:0 1rem calc(.75rem + env(safe-area-inset-bottom, 0px))}@media (max-width:1023.98px){.bnav-wrap{display:flex}}.bnav-capsule{pointer-events:auto;gap:.25rem;background:#fff;border-radius:1.25rem;padding:.375rem .5rem;box-shadow:0 4px 24px rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.03);max-width:420px;width:100%;transition:background-color .3s ease}.bnav-capsule,.bnav-item{display:flex;align-items:center}.bnav-item{flex:1;flex-direction:column;gap:.125rem;padding:.375rem 0;border:none;background:none;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}.bnav-item:active{transform:scale(.92)}.bnav-item:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px;border-radius:.75rem}.bnav-cart-pill{flex:2.2;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:0;height:2.875rem;padding-inline:.875rem;border-radius:min(var(--button-radius,.9rem),.9rem);background:hsl(var(--cta));color:hsl(var(--cta-foreground));font-size:.8125rem;font-weight:700;box-shadow:0 4px 12px -4px hsl(var(--cta)/.55);-webkit-tap-highlight-color:transparent;transition:transform .15s ease}.bnav-cart-pill:active{transform:scale(.96)}.bnav-cart-pill:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.bnav-cart-pill__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bnav-cart-pill__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .375rem;border-radius:9999px;background:hsl(var(--primary-foreground)/.22);font-variant-numeric:tabular-nums}@keyframes bnav-pill-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.bnav-cart-pill{animation:bnav-pill-in .25s cubic-bezier(.4,0,.2,1)}}.bnav-icon{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:32px;border-radius:.75rem;color:#9ca3af;transition:all .25s cubic-bezier(.4,0,.2,1)}.bnav-label{font-size:.625rem;font-weight:500;color:#9ca3af;transition:color .25s ease;white-space:nowrap}.bnav-badge{position:absolute;top:-4px;inset-inline-start:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:hsl(var(--primary-600));color:#fff;font-size:.625rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff;line-height:1}.bnav-item.active .bnav-icon{background:linear-gradient(135deg,hsl(var(--primary-500)),hsl(var(--primary-600)));color:#fff;box-shadow:0 2px 8px hsl(var(--primary-500)/.35)}.bnav-item.active .bnav-label{color:hsl(var(--primary-600));font-weight:600}.bnav-item.active .bnav-badge{border-color:hsl(var(--primary-500))}:is(.dark) .bnav-capsule{background:#1f2937;box-shadow:0 4px 24px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.05)}:is(.dark) .bnav-icon{color:#6b7280}:is(.dark) .bnav-label{color:#6b7280}:is(.dark) .bnav-item.active .bnav-icon{background:linear-gradient(135deg,hsl(var(--primary-500)),hsl(var(--primary-600)));color:#fff}:is(.dark) .bnav-item.active .bnav-label{color:hsl(var(--primary-400))}:is(.dark) .bnav-badge{border-color:#1f2937}:is(.dark) .bnav-item.active .bnav-badge{border-color:hsl(var(--primary-500))}