.bottom-navbar-container{z-index:1000;pointer-events:none;box-sizing:border-box;align-items:center;gap:12px;width:100%;max-width:500px;padding:0 16px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.bottom-navbar-container .bottom-navbar-btn,.bottom-navbar-container .bottom-navbar-search{pointer-events:auto;cursor:pointer;box-sizing:border-box;background-color:#fff;border:none;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 6px 16px #00000014,0 2px 4px #0000000a}.bottom-navbar-container .bottom-navbar-btn:hover,.bottom-navbar-container .bottom-navbar-search:hover{background-color:#f8fafc;transform:translateY(-2px);box-shadow:0 8px 20px #0000001f,0 3px 6px #0000000f}.bottom-navbar-container .bottom-navbar-btn:active,.bottom-navbar-container .bottom-navbar-search:active{transform:translateY(0)scale(.96)}.bottom-navbar-container .bottom-navbar-btn{color:#171717;border-radius:50%;flex-shrink:0;width:48px;height:48px;position:relative}.bottom-navbar-container .bottom-navbar-btn svg{font-size:1.35rem;transition:color .2s}.bottom-navbar-container .bottom-navbar-btn.active{color:#fff;background-color:#171717}.bottom-navbar-container .bottom-navbar-btn.active:hover{background-color:#262626}.bottom-navbar-container .bottom-navbar-btn.has-items{color:#fff;background-color:#0c831f;box-shadow:0 6px 16px #0c831f59,0 2px 4px #0c831f33}.bottom-navbar-container .bottom-navbar-btn.has-items:hover{background-color:#0a701a;box-shadow:0 8px 20px #0c831f73,0 3px 6px #0c831f40}.bottom-navbar-container .bottom-navbar-btn.has-items.active{background-color:#0a701a;box-shadow:0 6px 18px #0a701a80}.bottom-navbar-container .bottom-navbar-btn .cart-count-badge{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;font-weight:800;line-height:1;animation:.25s cubic-bezier(.175,.885,.32,1.275) badge-pop;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #00000040}@keyframes badge-pop{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}.bottom-navbar-container .bottom-navbar-search{text-align:left;color:#64748b;border-radius:24px;flex-grow:1;justify-content:flex-start;gap:8px;min-width:0;height:48px;padding:0 16px}.bottom-navbar-container .bottom-navbar-search .search-icon{color:#64748b;flex-shrink:0;font-size:1.25rem}.bottom-navbar-container .bottom-navbar-search span{white-space:nowrap;text-overflow:ellipsis;font-family:inherit;font-size:.95rem;font-weight:500;overflow:hidden}.bottom-navbar-container .bottom-navbar-search.active{border:1.5px solid #171717}.bottom-navbar-container .bottom-navbar-search.search-page-active{border:2px solid #0c831f!important;box-shadow:0 0 0 3px #0c831f26!important}.bottom-navbar-container .bottom-navbar-search .bottom-navbar-input-wrapper{flex-grow:1;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.bottom-navbar-container .bottom-navbar-search .bottom-navbar-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.92rem;font-weight:600}.bottom-navbar-container .bottom-navbar-search .bottom-navbar-search-input::placeholder{color:#94a3b8;font-weight:500}.bottom-navbar-container .bottom-navbar-search .typing-indicator{color:#0284c7;white-space:nowrap;background-color:#e0f2fe;border-radius:10px;flex-shrink:0;padding:2px 7px;font-size:.7rem;font-weight:700;animation:1.2s ease-in-out infinite alternate pulse-badge}.bottom-navbar-container .bottom-navbar-search .search-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.bottom-navbar-container .bottom-navbar-search .search-clear-btn:hover{color:#475569;background-color:#f1f5f9}@keyframes pulse-badge{0%{opacity:.7;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}