:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#19302b;background:#f5f7f6;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:0;background:none;cursor:pointer;color:inherit}.app{max-width:720px;margin:auto;min-height:100vh;padding-bottom:86px}header{height:72px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;position:sticky;top:0;z-index:5;border-bottom:1px solid #e8ecea}.brand{display:flex;gap:10px;align-items:center}.logo{background:#12352f;color:#7ee081;border-radius:14px;width:44px;height:44px;display:grid;place-items:center;font-size:23px}.brand b{display:block;font-size:18px}.brand small{display:block;color:#78837f;font-size:11px}.location{display:flex;align-items:center;gap:5px;font-size:12px;background:#eef5f1;padding:9px 11px;border-radius:20px}.hero{margin:16px;background:#12352f;color:#fff;border-radius:25px;padding:23px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.hero h1{font-size:31px;line-height:1.08;margin:12px 0}.hero em{color:#7ee081;font-style:normal}.hero p{color:#c7d8d2;line-height:1.45;font-size:13px;max-width:390px}.pill{background:#254b43;color:#bceac1;padding:7px 10px;border-radius:20px;font-size:11px}.heroCart{font-size:90px;opacity:.18;position:absolute;right:-10px;bottom:-20px}.searchbar{height:52px;background:#fff;margin:14px 16px;border:1px solid #e1e8e5;border-radius:16px;display:flex;align-items:center;padding:0 14px;gap:9px;color:#73807b}.searchbar input{border:0;outline:0;flex:1;background:none;color:#19302b}.searchbar button{background:#eef5f1;border-radius:10px;padding:8px}.quick{display:flex;gap:8px;padding:0 16px 16px}.quick button{background:#fff;border:1px solid #e3e9e6;border-radius:13px;padding:10px 12px;display:flex;align-items:center;gap:7px;font-size:12px}.quick b{background:#12352f;color:#fff;border-radius:10px;padding:1px 5px;font-size:10px}.sectionHead{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 10px}.sectionHead h2{font-size:17px;margin:0}.sectionHead button{color:#357a66;font-size:12px}.sectionHead svg{width:17px}.cats{display:flex;gap:9px;overflow:auto;padding:0 16px 18px}.cats button{background:#fff;min-width:88px;border-radius:15px;padding:12px 8px;border:1px solid #e5ebe8;font-size:11px}.cats span{display:block;font-size:23px;margin-bottom:6px}.productGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px}.card{background:#fff;border:1px solid #e4eae7;border-radius:17px;padding:12px;position:relative;min-height:210px}.pic{height:78px;border-radius:13px;background:#f1f5f3;display:grid;place-items:center;font-size:42px;margin-bottom:8px}.pic.small{width:70px;height:70px;flex:none;margin:0;font-size:32px}.card small,.card>b{display:block}.card small{font-size:10px;color:#7b8783}.card>b{font-size:13px;margin:3px 30px 8px 0}.best{display:inline-block;background:#e9f7ec;color:#287346;font-size:11px;padding:5px 7px;border-radius:8px}.card>button,.add{position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:11px;background:#12352f;color:#fff;display:grid;place-items:center}.pageTitle{display:flex;justify-content:space-between;align-items:center;padding:22px 16px 4px}.pageTitle h1{font-size:24px;margin:0}.pageTitle p{margin:4px 0;color:#7c8783;font-size:12px}.iconBtn{width:42px;height:42px;background:#e9f4ef;border-radius:13px;display:grid;place-items:center}.chips{display:flex;overflow:auto;gap:8px;padding:0 16px 12px}.chips button{white-space:nowrap;padding:8px 12px;border-radius:18px;background:#fff;border:1px solid #e1e8e4;font-size:11px}.chips .active{background:#12352f;color:#fff}.list{padding:0 16px}.compareCard{background:#fff;border:1px solid #e4eae7;border-radius:17px;padding:12px;display:flex;gap:11px;margin-bottom:9px;position:relative}.compareCard .grow{padding-right:35px}.compareCard b{display:block;font-size:14px}.compareCard small{display:block;color:#7b8783;font-size:10px;margin:3px 0 9px}.prices{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.prices span{background:#f5f7f6;border-radius:8px;padding:5px;font-size:10px}.prices i{display:block;font-style:normal;color:#7c8783;font-size:8px}.add{border-radius:10px}.cartList{padding:10px 16px}.cartRow{background:#fff;border:1px solid #e4eae7;border-radius:14px;padding:9px;display:flex;align-items:center;gap:8px;margin-bottom:8px}.cartRow .emoji{font-size:27px;background:#f2f6f4;border-radius:10px;padding:7px}.cartRow small{display:block;color:#7c8783;font-size:10px;margin-top:3px}.cartRow button{width:30px;height:30px;background:#eef4f1;border-radius:9px;display:grid;place-items:center}.cartRow .danger{color:#a74b4b;background:#fff0f0}.grow{flex:1}.compareBox{margin:8px 16px;background:#fff;border-radius:20px;padding:16px;border:1px solid #e2e9e5}.compareBox h2{font-size:17px;margin:0 0 12px}.total{display:flex;justify-content:space-between;padding:10px;border-radius:10px;font-size:13px}.winner{background:#eaf7ed;color:#246c40}.smart{margin-top:10px;background:#12352f;color:#fff;border-radius:14px;padding:14px;display:flex;justify-content:space-between;align-items:center}.smart small{display:block;color:#c8d8d2;font-size:10px;margin-top:4px}.saving{color:#287346;font-size:12px}.primary{width:100%;background:#12352f;color:#fff;padding:13px;border-radius:13px;display:flex;justify-content:center;align-items:center;gap:6px}.empty{text-align:center;padding:70px 30px;color:#78837f}.empty:first-letter{font-size:45px}.assistant{margin:18px 16px;background:#fff;border:1px solid #e2e9e5;border-radius:22px;padding:20px}.bot{font-size:44px}.assistant h2{margin:7px 0}.assistant p{font-size:13px;color:#77837f;line-height:1.5}.assistant textarea{width:100%;min-height:130px;border:1px solid #dce5e1;border-radius:14px;padding:12px;resize:none;outline:0;margin:8px 0 12px}.aiResult{margin-top:12px;background:#eef8f0;border-radius:13px;padding:13px;font-size:12px}.profileCard{margin:16px;background:#fff;border:1px solid #e2e9e5;border-radius:18px;padding:14px;display:flex;align-items:center;gap:11px}.avatar{width:45px;height:45px;background:#dcefe5;color:#12352f;border-radius:50%;display:grid;place-items:center;font-weight:800}.profileCard small{display:block;color:#7c8783;font-size:10px;margin-top:3px}.profileCard>button{background:#12352f;color:#fff;border-radius:10px;padding:8px 10px;font-size:11px}.setting{margin:0 16px 8px;background:#fff;border:1px solid #e5ebe8;border-radius:14px;padding:12px;display:flex;align-items:center;gap:11px}.setting>span{font-size:23px}.setting b{display:block;font-size:13px}.setting small{display:block;color:#7c8783;font-size:10px;margin-top:3px}.switch input{display:none}.switch span{display:block;width:39px;height:22px;border-radius:15px;background:#ccd5d1;position:relative}.switch input:checked+span{background:#4c9b72}.switch span:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.2s}.switch input:checked+span:after{left:19px}.privacy{margin:16px;background:#eef7f2;border-radius:15px;padding:13px;display:flex;gap:9px;font-size:12px}.privacy p{margin:4px 0;color:#667570;line-height:1.45}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);max-width:720px;width:100%;height:72px;background:#fffffff7;border-top:1px solid #e1e8e5;display:flex;justify-content:space-around;z-index:10;padding-bottom:7px}.nav{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#88928f;width:20%}.nav svg{width:20px}.nav small{font-size:9px}.nav.active{color:#12352f}.nav i{position:absolute;top:7px;right:20px;background:#12352f;color:#fff;font-size:8px;font-style:normal;border-radius:9px;padding:2px 4px}.floatingLogin{position:fixed;right:18px;bottom:85px;background:#fff;border:1px solid #dce6e1;box-shadow:0 7px 25px #18362d22;border-radius:24px;padding:10px 13px;display:flex;gap:6px;align-items:center;font-size:11px;z-index:9}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#071614cc;z-index:30;display:grid;place-items:center;padding:18px}.scanner{background:#fff;border-radius:22px;padding:18px;width:min(500px,100%);position:relative}.scanner h2{margin:0 0 5px}.scanner p{font-size:12px;color:#75827d}.close{position:absolute;right:13px;top:13px;width:34px;height:34px;border-radius:10px;background:#eef4f1;display:grid;place-items:center}.scanTip{display:flex;align-items:center;gap:7px;font-size:10px;color:#7b8783;margin-top:10px}#reader{border-radius:15px;overflow:hidden}@media(min-width:700px){body{background:#e7eeeb}.app{background:#f5f7f6;box-shadow:0 0 30px #12352f15}}
