:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#103c48;background:#dfe8e8;--green:#008f78;--deep:#00534a;--blue:#07588f;--mint:#e9f7f5;--line:#cde4e0}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#dbe8e8,#f5f7f6);display:flex;justify-content:center}.phone-shell{width:min(100%,440px);min-height:100vh;background:#f6fbfa;box-shadow:0 0 32px #12433c2b;position:relative;padding-bottom:74px}.topbar{height:86px;background:linear-gradient(120deg,#005249,#008d77);color:white;display:flex;align-items:center;padding:17px 18px 14px;gap:12px;border-radius:0 0 18px 18px}.brand{font-size:13px;line-height:.8;display:flex;flex-direction:column;letter-spacing:1px}.brand strong{font-size:25px;letter-spacing:-1px}.brand-mark{font-weight:800}.title{flex:1;display:flex;flex-direction:column;gap:2px}.title small{font-size:20px;font-weight:800}.title span{font-size:10px;opacity:.85}.icon-button{background:transparent;border:0;color:#fff;font-size:29px}.search-row{margin:14px 14px 8px;border:1.5px solid #168f83;border-radius:9px;height:36px;background:#fff;display:flex;align-items:center;padding:0 9px}.search-icon{font-size:27px;line-height:1;color:#006c70}.search-row input{border:0;outline:none;flex:1;font-size:12px;color:#254e55}.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0 14px 12px}.chips select{min-width:0;border:0;border-radius:15px;background:#e3f3f0;color:#0a5557;padding:8px 4px;font-size:10px;font-weight:700}.status{margin:0 14px 8px;padding:9px;border-radius:8px;background:#fff0e0;color:#8a4a14;font-size:11px}.featured{margin:0 14px;background:white;border:1px solid #dbeae7;border-radius:13px;box-shadow:0 3px 10px #2e6f6820;overflow:hidden}.hero{display:grid;grid-template-columns:95px 1fr;gap:10px;padding:12px}.product-image{height:94px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f5f8f7 0 11%,#173d42 12% 19%,#e5e9e5 20% 35%,#233c3c 36% 58%,#121c1e 59%);box-shadow:inset -10px -10px 12px #0005;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:800;text-align:center}.hero-copy h1{font-size:14px;line-height:1.15;margin:1px 0 5px;color:#103d50}.meta{font-size:9px;color:#527177}.price-box{display:flex;background:var(--mint);border-radius:8px;margin-top:8px}.price{padding:6px 9px;flex:1;border-right:1px solid #c4e0db}.price small{font-size:9px}.price strong{display:block;color:#00624f;font-size:23px;line-height:1.1}.price:last-child{border:0}.stock-line{display:flex;align-items:center;justify-content:space-between;padding:0 10px 10px}.stock{font-size:10px;color:#496d70}.stock strong{display:block;font-size:20px;color:#164b52}.pill{background:#0aa75f;color:#fff;padding:7px 12px;border-radius:14px;font-size:10px;font-weight:800}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 10px 10px}.hero-actions button{border:1px solid var(--green);border-radius:7px;padding:8px;background:#fff;color:#0b554f;font-weight:700;font-size:10px}.hero-actions button:first-child{background:#096e66;color:white}.section-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 18px 8px;font-size:13px;color:#114a52}.section-heading>div{display:flex;gap:7px;align-items:center}.list-icon{width:22px;height:22px;background:#006f68;color:white;border-radius:50%;display:grid;place-items:center}.section-heading button{border:0;background:none;color:#087769;font-size:10px;font-weight:800}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 14px}.result{background:#fff;border:1px solid #dceae8;border-radius:8px;padding:7px;min-width:0;box-shadow:0 2px 6px #225c5720;cursor:pointer}.result .product-image{height:66px;font-size:7px;margin:auto}.result h3{font-size:9px;line-height:1.2;margin:6px 0 2px;height:23px;overflow:hidden}.result .meta{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result .small-price{font-size:17px;color:#006a5b;font-weight:800;margin:8px 0}.result .mini-stock{font-size:8px;color:#4a6c70;border-top:1px solid #e3eeec;padding-top:5px}.info-card{margin:14px;border-radius:11px;background:#fff;border:1px solid #d9ebe8;overflow:hidden}.info-card h2{font-size:12px;background:#eaf7f5;color:#175760;margin:0;padding:11px}.details{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;font-size:10px;color:#587278}.details.empty{display:block;color:#799296}.detail strong{display:block;color:#174e55;font-size:11px;margin-top:2px}.bottom-nav{position:fixed;bottom:0;width:min(100%,440px);height:68px;background:#006b60;color:white;display:grid;grid-template-columns:repeat(4,1fr);border-radius:15px 15px 0 0;z-index:4}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:25px;color:#d6efea;text-decoration:none}.bottom-nav a small{font-size:10px}.bottom-nav a.active{color:#8df36a;border-bottom:3px solid #8df36a}@media(min-width:700px){.phone-shell{margin:20px 0;border-radius:28px;min-height:calc(100vh - 40px)}.bottom-nav{position:absolute;border-radius:0 0 28px 28px}}