.search-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);padding-bottom:calc(72px + env(safe-area-inset-bottom));background:#0f1e2373;align-items:flex-end;animation:.2s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.search-popup{width:100%;padding:0 16px 12px;animation:.22s cubic-bezier(.34,1.4,.64,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-popup-content{background:#fff;border-radius:18px;align-items:center;gap:10px;padding:10px 10px 10px 18px;display:flex;box-shadow:0 8px 32px #0f6f8424,0 2px 8px #00000014}.search-popup-content input{font-family:var(--font-sans,system-ui, -apple-system, sans-serif);color:#1a2e33;caret-color:#0f6f84;background:0 0;border:none;outline:none;flex:1;font-size:1rem}.search-popup-content input::placeholder{color:#9ab4ba}.close-popup-red{color:#fff;cursor:pointer;background-color:#d33434;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:flex;box-shadow:0 2px 5px #0003}.close-popup-red:hover{background:#ff4d4d;transform:scale(1.08)}.bottom-nav{z-index:100;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #0f6f841a;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0f6f8414}.bottom-nav-item{color:#888;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;text-decoration:none;transition:color .18s;display:flex;position:relative}.bottom-nav-item span{font-family:var(--font-sans,system-ui, -apple-system, sans-serif);letter-spacing:.01em;font-size:.68rem;font-weight:500;line-height:1;transition:color .18s}.bottom-nav-icon{filter:invert(55%)sepia(0%)saturate(0%)brightness();width:22px;height:22px;transition:transform .2s cubic-bezier(.34,1.5,.64,1),opacity .18s;display:block}.bottom-nav-item.active .bottom-nav-icon{color:#0f6f84;filter:none;opacity:1;transform:translateY(-2px)scale(1.1)}.bottom-nav-item.active span{color:#0f6f84;font-weight:600}.bottom-nav-item.active:after{content:"";background:#0f6f84;border-radius:3px 3px 0 0;height:4px;position:absolute;bottom:0;left:20%;right:20%}.bottom-cart-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.bottom-cart-badge{color:#fff;min-width:20px;height:20px;font-family:var(--font-sans,system-ui, -apple-system, sans-serif);text-align:center;box-sizing:border-box;background:#0f6f84;border:2px solid #fff;border-radius:9px;padding:0 4px;font-size:.65rem;font-weight:700;line-height:18px;animation:.25s cubic-bezier(.34,1.6,.64,1) badgePop;position:absolute;top:-10px;right:-8px}@keyframes badgePop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (width>=768px){.bottom-nav,.search-overlay{display:none}}html,body,#root{color:#333;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;background-color:#f9f9f9;height:auto;min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;overflow:hidden auto}::-webkit-scrollbar{display:none}@media (width<=950px){.main-content-wrapper{padding-top:10px;padding-bottom:100px}}*{box-sizing:border-box}