:root{--primary-color:#111;--accent-color:#fa541c;--accent-light:#fff2e8;--bg-color:#f7f8fa;--card-bg:#fff;--text-primary:#222;--text-secondary:#767676;--border-color:#e8e8e8;--badge-bg:#ff4d4f;--input-bg:#fff;--input-border:#d9d9d9;--shadow-color:#00000014;--overlay-bg:#00000080;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--app-max-width:480px}.dark{--primary-color:#f0f0f0;--accent-color:#ff6b35;--accent-light:#3d1a0e;--bg-color:#0f1117;--card-bg:#1a1d27;--text-primary:#e8eaf0;--text-secondary:#8b909e;--border-color:#2a2d3a;--badge-bg:#ff4d4f;--input-bg:#22253a;--input-border:#353848;--shadow-color:#0006;--overlay-bg:#000000bf}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}@keyframes spin{to{transform:rotate(360deg)}}html{overscroll-behavior:none;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);overscroll-behavior:none;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;margin:0;padding:0;transition:background-color .3s,color .3s;display:flex;overflow-x:hidden}#root{justify-content:center;align-items:flex-start;width:100%;min-height:100vh;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.dark ::-webkit-scrollbar-thumb{background:#3a3d4a}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.app-shell{width:100%;max-width:var(--app-max-width);background-color:var(--card-bg);height:100vh;padding-top:env(safe-area-inset-top);flex-direction:column;transition:background-color .3s;display:flex;position:relative;overflow:hidden}@media (width<=480px){body,#root{background-color:var(--card-bg)}.app-shell{width:100vw;max-width:100%;box-shadow:none;border-radius:0}}@media (width<=360px){.product-grid{gap:8px;padding:8px}.product-title{font-size:11px}.current-price{font-size:12px}.tab-item{font-size:11px}.nav-item{font-size:9px}}@media (width>=390px) and (width<=480px){.product-grid{gap:10px;padding:10px}}@media (width>=600px) and (width<=899px){:root{--app-max-width:600px}body,#root{background-color:var(--bg-color)}.app-shell{box-shadow:0 0 0 1px var(--border-color), 0 8px 32px var(--shadow-color);border-radius:0}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px}.bottom-nav,.modal-overlay{max-width:600px}}@media (width>=900px){:root{--app-max-width:480px}body,#root{background-color:var(--bg-color);padding:20px 0}.app-shell{height:calc(100vh - 40px);max-height:900px;box-shadow:0 0 0 1px var(--border-color), 0 20px 60px var(--shadow-color);border-radius:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.bottom-nav{border-radius:0 0 20px 20px;max-width:480px}.modal-overlay{border-radius:20px 20px 0 0;max-width:480px}}.app-content{-webkit-overflow-scrolling:touch;background-color:var(--bg-color);width:100%;padding-bottom:calc(64px + env(safe-area-inset-bottom));flex:1;transition:background-color .3s;position:relative;overflow:hidden auto}.header-wrapper{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:100;transition:background-color .3s,border-color .3s;position:sticky;top:0}.top-bar{align-items:center;gap:12px;padding:10px 14px;display:flex}.top-icon{cursor:pointer;color:var(--text-primary);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.icon-badge{background-color:var(--badge-bg);color:#fff;text-align:center;border-radius:10px;min-width:12px;padding:1px 4px;font-size:8px;font-weight:700;position:absolute;top:-4px;right:-4px}.search-bar-container{flex:1;align-items:center;display:flex;position:relative}.search-input{border:1px solid var(--primary-color);background-color:var(--input-bg);width:100%;height:36px;color:var(--text-primary);border-radius:4px;outline:none;padding:0 40px 0 12px;font-size:13px;transition:background-color .3s,border-color .3s,color .3s}.search-input::placeholder{color:var(--text-secondary)}.search-actions{align-items:center;gap:8px;display:flex;position:absolute;right:6px}.search-action-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;display:flex}.search-action-btn.search-submit{background-color:var(--primary-color);color:var(--card-bg);border-radius:2px;padding:6px 10px}.tabs-container{white-space:nowrap;border-bottom:1px solid var(--border-color);background-color:var(--card-bg);align-items:center;gap:18px;padding:4px 10px 0;transition:background-color .3s,border-color .3s;display:flex;position:relative;overflow-x:auto}.tabs-container::-webkit-scrollbar{display:none}.tab-item{color:var(--text-secondary);cursor:pointer;border-bottom:2px solid #0000;padding:10px 2px;font-size:14px;font-weight:500;transition:all .2s}.tab-item.active{color:var(--text-primary);border-bottom:2px solid var(--primary-color);font-weight:700}.hamburger-btn{cursor:pointer;color:var(--text-primary);background:0 0;border:none;align-items:center;padding:10px;display:flex}.bottom-nav{width:100%;max-width:var(--app-max-width);height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background-color:var(--card-bg);border-top:1px solid var(--border-color);z-index:1000;-webkit-backdrop-filter:blur(12px);justify-content:space-around;align-items:flex-start;padding-top:8px;transition:background-color .3s,border-color .3s;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:20%;height:100%;font-size:11px;font-weight:500;transition:color .2s;display:flex;position:relative}.nav-item.active{color:var(--text-primary);font-weight:700}.nav-icon-wrapper{justify-content:center;align-items:center;margin-bottom:2px;display:flex;position:relative}.product-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:100%;padding:10px;display:grid}.product-card{background-color:var(--card-bg);cursor:pointer;border:1px solid #0000;border-radius:6px;flex-direction:column;width:100%;min-width:0;transition:transform .2s,box-shadow .2s,background-color .3s;display:flex;position:relative;overflow:hidden}.dark .product-card{border-color:var(--border-color)}.product-card:active{transform:scale(.98)}.product-image-container{background-color:var(--bg-color);width:100%;padding-top:133%;position:relative}.product-image{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.card-badge{color:#fff;text-transform:uppercase;background-color:#ff4d4fe6;border-radius:2px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:6px;left:6px}.tag-badge{color:#fff;background-color:#0009;border-radius:2px;padding:2px 5px;font-size:9px;position:absolute;bottom:6px;left:6px}.product-info{flex-direction:column;flex:1;gap:4px;min-width:0;padding:8px;display:flex;overflow:hidden}.product-title{color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:34px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.price-container{flex-wrap:wrap;align-items:baseline;gap:4px;min-width:0;display:flex;overflow:hidden}.current-price{color:var(--accent-color);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;font-weight:700;overflow:hidden}.original-price{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:10px;text-decoration:line-through;overflow:hidden}.discount-badge{color:var(--accent-color);font-size:10px;font-weight:600}.deal-type-tag{color:var(--accent-color);background-color:var(--accent-light);border-radius:2px;align-self:flex-start;padding:1px 4px;font-size:10px;font-weight:500}.card-rating{color:#ffb800;align-items:center;gap:2px;font-size:10px;display:flex}.card-rating span{color:var(--text-secondary);font-size:9px}.modal-overlay{width:100%;max-width:var(--app-max-width);background-color:var(--overlay-bg);z-index:2000;flex-direction:column;justify-content:flex-end;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.modal-content{background-color:var(--card-bg);max-height:calc(100dvh - env(safe-area-inset-top) - 20px);border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;transition:background-color .3s;animation:.3s cubic-bezier(.1,.7,.1,1) slideUp;display:flex;position:relative;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border-color);background-color:var(--card-bg);z-index:10;justify-content:space-between;align-items:center;padding:16px;transition:background-color .3s,border-color .3s;display:flex;position:sticky;top:0}.modal-title{color:var(--text-primary);font-size:16px;font-weight:700}.modal-close-btn{cursor:pointer;color:var(--text-primary);background:0 0;border:none}.btn-primary{background-color:var(--primary-color);color:var(--card-bg);cursor:pointer;text-align:center;border:none;border-radius:4px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:background-color .2s,color .2s}.btn-primary:active{opacity:.85}.btn-secondary{background-color:var(--card-bg);color:var(--primary-color);border:1px solid var(--border-color);cursor:pointer;text-align:center;border-radius:4px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:active{background-color:var(--bg-color)}.dark input,.dark textarea,.dark select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--input-bg)!important;color:var(--text-primary)!important;border-color:var(--input-border)!important}.dark input::placeholder,.dark textarea::placeholder{color:var(--text-secondary)!important}.dark .product-card,.dark .modal-content,.dark .modal-header,.dark .bottom-nav{background-color:var(--card-bg)!important}.dark [style*="background-color: rgb(255, 255, 255)"],.dark [style*="background-color: #fff"],.dark [style*="background-color: white"],.dark [style*="backgroundColor: '#fff'"],.dark [style*="backgroundColor: \"#fff\""],.dark [style*="background: white"],.dark [style*="background: #fff"]{background-color:var(--card-bg)!important;color:var(--text-primary)!important}.dark [style*="background:#fff"],.dark [style*="background: #fff"]{background:var(--card-bg)!important}.dark [style*="color: rgb(34, 34, 34)"],.dark [style*="color: #222"],.dark [style*="color: black"],.dark [style*="color: #000"]{color:var(--text-primary)!important}.dark [style*="border: 1px solid rgb(232, 232, 232)"],.dark [style*="borderTop: '1px solid #e8e8e8'"]{border-color:var(--border-color)!important}.dark [style*="background-color: rgb(247, 248, 250)"],.dark [style*="background-color: #f7f8fa"],.dark [style*="background-color: #f9f9f9"],.dark [style*="background-color: #f5f5f5"],.dark [style*="background-color: #fafafa"]{background-color:var(--bg-color)!important}.dark [style*="background-color: rgb(255, 248, 240)"],.dark [style*="background-color: #fff8f0"],.dark [style*="background: #fff8f0"]{background-color:var(--accent-light)!important}.dark [style*="background-color: rgb(230, 244, 234)"]{background-color:#142a1a!important}.dark [style*="background-color: rgb(238, 242, 255)"]{background-color:#151a2e!important}.dark [style*="background-color: rgb(204, 204, 204)"]{background-color:#3a3d4a!important}.dark [style*="background-color: rgb(246, 255, 237)"],.dark [style*="background: rgb(246, 255, 237)"]{background-color:#0f2a1a!important}.dark [style*="background-color: var(--bg-color)"]{background-color:var(--bg-color)!important}@media (width<=360px){.product-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px}.product-title{font-size:11px}.current-price{font-size:13px}.tab-item{font-size:12px}.nav-item{font-size:9px}}@media (width>=600px) and (width<=899px){:root{--app-max-width:768px}.product-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:14px}.modal-overlay{max-width:768px}}@media (width>=900px){:root{--app-max-width:1180px}body{padding:16px 0}.app-shell{border:1px solid var(--border-color);box-shadow:0 12px 36px var(--shadow-color);border-radius:16px;height:calc(100vh - 32px);max-height:940px}.product-grid{grid-template-columns:repeat(4,1fr);gap:16px;padding:18px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;max-width:1180px;padding:20px}.modal-content{width:100%;max-width:560px;max-height:85vh;box-shadow:0 20px 40px var(--shadow-color);border-radius:16px;animation:.2s cubic-bezier(.1,.8,.2,1) modalPop}.bottom-nav{max-width:560px;box-shadow:0 -4px 20px var(--shadow-color);border-radius:16px 16px 0 0}}@media (width>=1280px){.product-grid{grid-template-columns:repeat(5,1fr)}}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}