:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#111827;background-color:#f0f2f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0}.app{min-height:100vh;background:#f0f2f5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-header{background:#fff;box-shadow:0 2px 12px #00000014;padding:16px 24px 14px;display:flex;flex-direction:column;align-items:center;gap:12px;position:sticky;top:0;z-index:100}.app-title{font-size:30px;font-weight:800;margin:0;color:#1a1a2e;letter-spacing:-.5px;text-align:center}.top-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.app-logo{height:28px;width:auto}.location-input-wrapper{display:flex;gap:6px;align-items:center}.location-input{width:240px;padding:7px 12px;border-radius:8px;border:1px solid #d1d5db;background:#f9fafb;font-size:13px;color:#374151;outline:none}.save-location{padding:7px 14px;border-radius:8px;background:#2563eb;color:#fff;border:none;cursor:pointer;font-size:13px;font-weight:500;transition:background .2s}.save-location:hover:not(:disabled){background:#1d4ed8}.save-location:disabled{opacity:.65;cursor:not-allowed}.search-container{margin:36px auto 0;padding:0 24px;display:flex;flex-direction:column;gap:10px;text-align:center}.search-form{max-width:640px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:10px}.search-title{font-size:15px;color:#6b7280;margin:0 0 4px}.search-input{padding:13px 16px;font-size:16px;border-radius:10px;border:1.5px solid #d1d5db;outline:none;transition:border-color .2s,box-shadow .2s;background:#fff}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.search-button{padding:12px;font-size:15px;font-weight:600;border-radius:10px;border:none;background:#2563eb;color:#fff;cursor:pointer;transition:background .2s,transform .1s}.search-button:hover:not(:disabled){background:#1d4ed8}.search-button:active:not(:disabled){transform:scale(.98)}.search-button:disabled{opacity:.65;cursor:not-allowed}.results{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:40px;max-width:900px;width:100%;margin-left:auto;margin-right:auto}.provider-column{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000012}.provider-header{padding:12px 16px;background:#e5e7eb}.provider-title{font-size:16px;font-weight:700;margin:0;text-align:center}.provider-column[data-provider=Blinkit] .provider-header{background:#f7c32e}.provider-column[data-provider=Blinkit] .provider-title{color:#1a1a1a}.provider-column[data-provider=Zepto] .provider-header{background:#6c3fc5}.provider-column[data-provider=Zepto] .provider-title{color:#fff}.provider-column[data-provider=Instamart] .provider-header{background:#f97316}.provider-column[data-provider=Instamart] .provider-title{color:#fff}.provider-column[data-provider=BigBasket] .provider-header{background:#15803d}.provider-column[data-provider=BigBasket] .provider-title{color:#fff}.provider-items{padding:8px 12px 4px}.product-card{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #f3f4f6;align-items:flex-start}.product-card:last-child{border-bottom:none}.product-card img{width:72px;height:72px;object-fit:contain;border-radius:8px;background:#f9fafb;flex-shrink:0}.product-info{flex:1;min-width:0}.product-name{font-size:14px;color:#111827;margin:0 0 5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{font-size:15px;font-weight:700;color:#059669;margin:0 0 2px}.product-mrp{font-size:12px;color:#9ca3af;text-decoration:line-through;margin:0}.skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:6px}.skeleton-text{height:22px;margin-bottom:0;border-radius:6px}.provider-column .product-card.skeleton{height:72px;border:none;margin:8px 0}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.backend-warning{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#1f2937;color:#f9fafb;padding:10px 16px;border-radius:999px;font-size:13px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 16px #00000040;z-index:200;white-space:nowrap;max-width:calc(100vw - 32px);white-space:normal;text-align:center}.warning-dismiss{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:14px;padding:0;flex-shrink:0;line-height:1}.warning-dismiss:hover{color:#f9fafb}@media(max-width:768px){.results{grid-template-columns:1fr}.search-container{margin-top:24px;padding:0 16px}.location-input{width:180px}.product-card img{width:56px;height:56px}.product-name{font-size:13px}.product-price{font-size:14px}}@media(max-width:480px){.app-title{font-size:24px}.top-bar{flex-direction:column;gap:8px}.location-input{width:220px}}
