.bottom-nav-bar{display:none}@media screen and (max-width:768px){.bnav-spacer{height:74px}.bottom-nav-bar{display:block;position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#ffffffe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(155,47,190,.12);box-shadow:0 -8px 32px #9b2fbe1a,0 -1px #ffffffe6;padding:0 6px env(safe-area-inset-bottom,8px)}.bnav-inner{display:flex;align-items:flex-end;justify-content:space-around;padding:6px 0 4px}.bnav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 10px 4px;border-radius:16px;text-decoration:none;position:relative;transition:all .25s cubic-bezier(.34,1.56,.64,1);min-width:56px;-webkit-tap-highlight-color:transparent}.bnav-item:hover{background:#9b2fbe0f;transform:translateY(-1px)}.bnav-icon-wrap{border-radius:14px;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.bnav-icon{width:22px;height:22px;stroke:#9e9e9e;transition:stroke .25s ease;display:block}.bnav-label{font-size:10px;font-weight:600;color:#9e9e9e;letter-spacing:.2px;white-space:nowrap;transition:color .25s ease;margin-top:1px}.bnav-item.bnav-active .bnav-icon-wrap{background:linear-gradient(135deg,#9b2fbe,#c0397a);border-radius:14px;box-shadow:0 6px 20px #9b2fbe66,0 2px 8px #9b2fbe40,inset 0 1px #fff3;transform:translateY(-6px)}.bnav-item.bnav-active .bnav-icon{stroke:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.bnav-item.bnav-active .bnav-label{color:#9b2fbe;font-weight:700}.bnav-item.bnav-active:after{content:"";position:absolute;bottom:2px;width:4px;height:4px;background:#9b2fbe;border-radius:50%;animation:bnavDotPulse 2s ease-in-out infinite}@keyframes bnavDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.bnav-badge{position:absolute;top:4px;right:6px;min-width:16px;height:16px;background:linear-gradient(135deg,#ff4757,#ff6b81);border-radius:8px;border:2px solid white;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;color:#fff;padding:0 3px;line-height:1;box-shadow:0 2px 6px #ff475780;animation:bnavBadgePop .4s cubic-bezier(.34,1.56,.64,1) both;pointer-events:none}@keyframes bnavBadgePop{0%{transform:scale(0) rotate(-10deg)}to{transform:scale(1) rotate(0)}}body{padding-bottom:0!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/bottom-nav.css.map */