:root{--brand:#fc8019;--brand-dark:#e0720f;--green:#60b246;--red:#ff3b30;--text:#1c1c1e;--text-secondary:#8e8e93;--text-muted:#aeaeb2;--bg:#f5f6f7;--card:#fff;--border:#e5e5ea;--radius:14px;--radius-sm:8px;--shadow:0 1px 3px #00000014;--font:-apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--nav-height:56px;--max-width:480px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}body:before{content:"";height:env(safe-area-inset-top,0px);background:var(--card);z-index:9998;pointer-events:none;position:fixed;top:0;left:0;right:0}.app-container{max-width:var(--max-width);background:var(--card);min-height:100vh;margin:0 auto;position:relative}@media (width>=768px){.app-container{box-shadow:0 0 20px #0000001a}}.app-main{padding-bottom:calc(var(--nav-height) + 16px);min-height:100vh}@font-face{font-family:simple-line-icons;src:url(/assets/fonts/Simple-Line-Icons.woff2)format("woff2"),url(/assets/fonts/Simple-Line-Icons.woff)format("woff"),url(/assets/fonts/Simple-Line-Icons.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.si{speak:none;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:simple-line-icons;font-style:normal;font-weight:400;line-height:1}.si-pointer:before{content:""}.si-bell:before{content:""}.si-magnifier:before{content:""}.si-bag:before{content:""}.si-user:before{content:""}.cart-bar{width:92%;max-width:calc(var(--max-width) - 32px);background:var(--green,#34c759);z-index:101;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;animation:.35s cubic-bezier(.16,1,.3,1) cartBarSlideUp;display:flex;position:fixed;bottom:70px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #34c75959}.cart-bar:active{transform:translate(-50%)scale(.98)}@keyframes cartBarSlideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.cart-bar__left{align-items:center;gap:8px;display:flex}.cart-bar__badge{color:#fff;background:#ffffff40;border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:800;display:flex}.cart-bar__text{color:#fff;font-size:.82rem;font-weight:600}.cart-bar__right{align-items:center;gap:10px;display:flex}.cart-bar__total{color:#fff;font-size:.95rem;font-weight:800}.cart-bar__btn{color:#fff;background:#fff3;border-radius:8px;padding:5px 12px;font-size:.78rem;font-weight:700}.bnav-wrap{z-index:100;pointer-events:none;justify-content:center;padding:0 0 7px;display:flex;position:fixed;bottom:0;left:0;right:0}.bnav{width:95%;max-width:calc(var(--max-width) - 24px);text-align:center;pointer-events:auto;background:#fff;border-radius:.6rem;padding:10px 10px 5px;display:inline-flex;box-shadow:0 2px 25px 12px #00000017}.bnav-item{color:#4d4d4d;flex-direction:column;flex:1;align-items:center;gap:2px;padding:2px 0;font-size:.857rem;font-weight:500;text-decoration:none;transition:color .15s;display:flex;position:relative}.bnav-item:hover{color:#4d4d4d;text-decoration:none}.bnav-active,.bnav-active:hover{color:var(--brand);font-weight:600}.bnav-icon{margin-bottom:1px;font-size:1.5em;line-height:1;display:block}.bnav-icon-wrap{display:inline-block;position:relative}.bnav-label{font-size:.7rem;font-weight:600;line-height:1.2}.bnav-badge{color:#fff;text-align:center;border-radius:100%;width:16px;height:16px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-8px}.bnav-bell-ring{transform-origin:50% 4px;animation:8s ease-in-out 1s infinite bellRing}@keyframes bellRing{0%{transform:rotate(0)}1%{transform:rotate(30deg)}3%{transform:rotate(-28deg)}5%{transform:rotate(34deg)}7%{transform:rotate(-32deg)}9%{transform:rotate(30deg)}11%{transform:rotate(-28deg)}13%{transform:rotate(26deg)}15%{transform:rotate(-24deg)}17%{transform:rotate(22deg)}19%{transform:rotate(-20deg)}21%{transform:rotate(18deg)}23%{transform:rotate(-16deg)}25%{transform:rotate(14deg)}27%{transform:rotate(-12deg)}29%{transform:rotate(10deg)}31%{transform:rotate(-8deg)}33%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}37%{transform:rotate(2deg)}39%{transform:rotate(-1deg)}41%{transform:rotate(1deg)}43%{transform:rotate(0)}to{transform:rotate(0)}}.loading-container{justify-content:center;align-items:center;min-height:200px;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--brand);will-change:transform;border-radius:50%;width:32px;height:32px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .15s}.btn:active{opacity:.8}.btn-primary{background:var(--brand);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.btn-block{width:100%;display:block}.input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:var(--card);padding:12px 16px;font-size:15px}.input:focus{border-color:var(--brand);outline:none}.section{padding:16px}.section-title{margin-bottom:12px;font-size:15px;font-weight:800}.price{color:var(--text);font-weight:800}.badge{border-radius:4px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-green{color:#0a8a0a;background:#e6f7e6}.toast{background:var(--text);color:#fff;z-index:10000;opacity:0;pointer-events:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;position:fixed;bottom:80px;left:50%;transform:translate(-50%)translateY(20px)}.toast.visible{opacity:1;transform:translate(-50%)translateY(0)}