:root{--blue:#0780a8;--blue-dark:#065f7d;--text:#111827;--muted:#667085;--line:#e6e8ec;--green:#10a861;--red:#d7192d;--bg:#fff}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:#fff}button,input,select{font:inherit}.hidden{display:none!important}
.search-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:44px minmax(0,1fr) 50px;gap:10px;align-items:center;padding:max(14px,env(safe-area-inset-top)) 16px 14px;background:#fff;border-bottom:1px solid #f0f1f3;box-shadow:0 3px 16px rgba(16,24,40,.04)}
.back-btn{border:0;background:transparent;font-size:48px;line-height:.8;padding:0;color:#111;cursor:pointer}.search-box{height:56px;border-radius:30px;background:#f4f4f5;display:flex;align-items:center;gap:9px;padding:0 16px}.search-icon{font-size:32px;line-height:1;transform:rotate(-18deg);color:#111}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:18px;color:#111}.search-box input::placeholder{color:#b1b4ba}.voice-btn{border:0;background:transparent;font-size:24px;padding:0;cursor:pointer}.nf-btn{width:48px;height:48px;border:0;border-radius:15px;background:var(--red);color:#fff;font-weight:900;font-size:16px;cursor:pointer}.suggestions{position:absolute;top:78px;left:70px;right:74px;background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 14px 34px rgba(16,24,40,.18);overflow:hidden}.suggestions button{display:block;width:100%;border:0;border-bottom:1px solid #eee;background:#fff;text-align:left;padding:12px 14px}
main{max-width:1120px;margin:0 auto}.landing-page{padding:28px 16px 70px}.landing-section{margin-bottom:34px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-head h2{margin:0;font-size:27px;letter-spacing:-.4px}.section-head button{border:0;background:none;color:var(--blue);font-size:17px;font-weight:800}.recent-searches{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.recent-searches::-webkit-scrollbar,.trending-products::-webkit-scrollbar,.popular-categories::-webkit-scrollbar,.quick-chips::-webkit-scrollbar{display:none}.recent-searches button{flex:0 0 auto;white-space:nowrap;border:1px solid #d5d7db;background:#fff;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:700}
.trending-products{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 0 8px}.trend-card{flex:0 0 31%;min-width:142px;max-width:185px;scroll-snap-align:start}.trend-image{position:relative;height:164px;border:1px solid var(--line);border-radius:15px 15px 0 0;display:grid;place-items:center;overflow:hidden;background:#fff}.trend-image img{width:100%;height:100%;object-fit:contain;padding:8px}.trend-image .emoji{font-size:56px}.trend-heart{position:absolute;left:7px;top:7px;border:0;background:none;color:#ced1d5;font-size:25px}.trend-add{position:absolute;right:6px;top:6px;width:40px;height:40px;border-radius:12px;border:2px solid var(--blue);background:#fff;color:var(--blue);font-size:27px;line-height:1}.trend-qty{position:absolute;right:5px;top:6px;display:flex;align-items:center;border:2px solid var(--blue);border-radius:11px;overflow:hidden;background:#fff}.trend-qty button{width:28px;height:36px;border:0;background:#e9f7fb;color:var(--blue);font-size:19px}.trend-qty span{padding:0 5px;font-weight:800}.trend-pack{height:30px;background:#f4f4f4;border-radius:0 0 12px 12px;display:grid;place-items:center;color:#555;font-size:13px}.trend-card h3{margin:9px 0 5px;height:42px;overflow:hidden;font-size:14px;line-height:1.45;color:#555;font-weight:750}.trend-price{font-size:18px;font-weight:900}.trend-saving{font-size:12px;color:#999}.trend-saving b{margin-left:4px;color:var(--green)}.trend-card>p{margin:16px 0 0;font-size:12px;color:#555;white-space:nowrap}
.popular-categories{display:flex;gap:22px;overflow-x:auto;padding-bottom:5px}.popular-categories button{flex:0 0 112px;border:0;background:none;text-align:center;padding:0}.category-circle{width:108px;height:108px;border:1px solid #d9dde1;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#fff}.category-circle img{width:78%;height:78%;object-fit:contain}.category-circle span{font-size:49px}.popular-categories b{display:block;margin-top:9px;font-size:14px;line-height:1.2;color:#555}.loading-note{color:var(--muted);font-size:14px}
.results-area{padding:26px 16px 80px;background:#f7f9fb;min-height:calc(100vh - 86px)}.results-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;background:#fff;border:1px solid #e4e7eb;border-radius:20px;padding:18px;margin-bottom:14px}.results-title-row small{color:var(--blue);font-weight:900}.results-title-row h1{margin:2px 0 3px;font-size:28px}.results-title-row p{margin:0;color:var(--muted)}.filter-toggle{border:1px solid #d8dbe0;background:#fff;border-radius:14px;padding:11px 14px;font-weight:800}.quick-chips{display:flex;gap:9px;overflow-x:auto;background:#fff;border:1px solid #e4e7eb;border-radius:18px;padding:14px;margin-bottom:14px}.quick-chips button{flex:0 0 auto;border:1px solid #d7dade;background:#fff;border-radius:999px;padding:9px 16px;font-weight:800}.quick-chips button.active{background:var(--blue);border-color:var(--blue);color:#fff}.filter-panel{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:10px;background:#fff;border:1px solid #e4e7eb;border-radius:18px;padding:14px;margin-bottom:14px}.filter-panel label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:800;color:var(--muted)}.filter-panel select{border:1px solid #d8dbe0;border-radius:10px;padding:10px;background:#fff}.filter-panel>button{align-self:end;border:0;border-radius:10px;background:#eaf6fa;padding:11px}.results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sr-card{min-width:0;background:#fff;border:1px solid #e4e7eb;border-radius:16px;overflow:hidden}.sr-image{position:relative;aspect-ratio:1/1;background:#fff;display:grid;place-items:center;padding:8px}.sr-image img{width:100%;height:100%;object-fit:contain}.sr-image .emoji{font-size:50px}.sr-badges{position:absolute;top:7px;left:7px;display:flex;flex-direction:column;gap:4px}.sr-badge{font-size:9px;font-weight:900;border-radius:6px;padding:3px 6px}.sr-badge.new{background:#e8f8ef;color:#087947}.sr-badge.offer{background:#fff0e9;color:#b54708}.sr-body{padding:10px}.sr-brand{display:block;color:var(--blue);font-size:10px;font-weight:900;text-transform:uppercase}.sr-name{height:39px;overflow:hidden;margin:4px 0;font-size:14px;font-weight:750;line-height:1.4}.sr-pack{height:30px;overflow:hidden;color:#667085;font-size:11px}.sr-price{display:flex;align-items:flex-end;justify-content:space-between;gap:5px;margin-top:7px}.sr-price .mrp{font-size:10px;color:#999;text-decoration:line-through}.sr-price .rate{font-size:18px;font-weight:900}.sr-stock{font-size:9px;font-weight:800;color:var(--green)}.sr-stock.out{color:#c32b2b}.sr-add{width:100%;margin-top:9px;border:1.5px solid var(--blue);border-radius:10px;background:#fff;color:var(--blue);padding:8px;font-size:11px;font-weight:900}.sr-add:disabled{border-color:#bbb;color:#999}.sr-qty{margin-top:9px;display:grid;grid-template-columns:36px 1fr 36px;align-items:center;border:1.5px solid var(--blue);border-radius:10px;overflow:hidden}.sr-qty button{height:34px;border:0;background:#eaf7fb;color:var(--blue);font-size:20px}.sr-qty span{text-align:center;font-weight:900}.empty-results{text-align:center;background:#fff;border:1px solid #e4e7eb;border-radius:20px;padding:35px}.empty-results div{font-size:55px}.empty-results button{border:0;border-radius:12px;background:var(--blue);color:#fff;padding:11px 18px;font-weight:800}
.mini-cart{position:fixed;right:16px;bottom:16px;z-index:80;width:min(380px,calc(100vw - 32px));max-height:72vh;background:#fff;border-radius:20px;box-shadow:0 18px 50px rgba(16,24,40,.24);padding:16px}.mini-cart-head,.mini-cart-total{display:flex;align-items:center;justify-content:space-between}.mini-cart-head button{border:0;background:none;font-size:28px}.mini-cart-items{max-height:42vh;overflow:auto;margin:12px 0}.mini-item{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #eee}.primary-btn{width:100%;border:0;border-radius:12px;background:var(--blue);color:#fff;padding:12px;font-weight:900;margin-top:12px}.toast{position:fixed;left:50%;bottom:24px;z-index:100;transform:translateX(-50%);background:#111;color:#fff;border-radius:999px;padding:10px 16px;font-weight:700}
@media(max-width:720px){.search-header{grid-template-columns:36px minmax(0,1fr) 48px;padding-left:10px;padding-right:12px}.search-box{height:54px;padding:0 13px}.search-box input{font-size:17px}.suggestions{left:54px;right:62px}.landing-page{padding-top:24px}.section-head h2{font-size:25px}.trend-card{flex-basis:31.5%;min-width:136px}.trend-image{height:153px}.popular-categories{gap:18px}.popular-categories button{flex-basis:104px}.category-circle{width:100px;height:100px}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.filter-panel{grid-template-columns:1fr 1fr}.results-title-row{align-items:center}.results-title-row h1{font-size:24px}}
@media(max-width:420px){.trend-card{flex-basis:43%;min-width:145px}.trend-image{height:155px}.section-head h2{font-size:24px}.popular-categories button{flex-basis:98px}.category-circle{width:94px;height:94px}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.results-title-row{padding:15px}.filter-toggle{padding:9px 11px}.sr-name{font-size:13px}.sr-body{padding:9px}}