:root{--ink: #1c1c1a;--paper: #ffffff;--orange: #f5821f;--olive: #8dc63f;--forest: #1e5631;--gold: #f5a800;--line: #ecece7;--shadow: 0 10px 30px rgba(28, 28, 26, .08);--display: "Fredoka", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.5}h1,h2,h3,h4{font-family:var(--display);font-weight:600;margin:0;letter-spacing:-.01em}button{font-family:var(--body);cursor:pointer}img{max-width:100%;display:block}.hdr{position:sticky;top:0;z-index:30;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.hdr-inner{max-width:1080px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.brand{background:none;border:none;padding:0}.brand img{height:40px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.cart-pill{display:flex;align-items:center;gap:8px;background:var(--forest);color:#fff;border:none;padding:10px 18px;border-radius:999px;font-weight:600;font-size:14px}.cart-pill-dot{background:var(--gold);color:var(--ink);min-width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}main{max-width:1080px;margin:0 auto;padding:0 20px 100px}.hero{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:56px 0 40px;border-bottom:1px solid var(--line)}.hero-eyebrow{display:inline-block;margin:0 0 14px;padding:6px 14px;background:color-mix(in srgb,var(--olive) 18%,white);color:var(--forest);border-radius:999px;font-size:13px;font-weight:600}.hero h1{font-size:clamp(36px,5vw,56px);line-height:1.05}.hero-sub{max-width:46ch;color:#55554e;margin:18px 0 0;font-size:16px}.hero-mark{width:160px;flex-shrink:0}.hero-mark img{border-radius:20px}@media (max-width: 680px){.hero{flex-direction:column-reverse;text-align:center;padding-top:32px}.hero-sub{margin-inline:auto}.hero-mark{width:110px}}.closed-banner{background:color-mix(in srgb,var(--orange) 12%,white);color:#8a4300;border:1px solid color-mix(in srgb,var(--orange) 35%,white);padding:12px 16px;border-radius:12px;font-size:14px;margin-top:20px}.shelf{padding:44px 0 8px}.shelf h2{font-size:24px;margin-bottom:18px}.shelf-track{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;margin:0 -20px;padding-inline:20px;scroll-snap-type:x proximity}.shelf-card{position:relative;flex:0 0 220px;scroll-snap-align:start;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.shelf-card img{height:140px;width:100%;object-fit:cover}.shelf-badge{position:absolute;top:10px;left:10px;z-index:2;background:var(--orange);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px}.shelf-body{padding:14px}.shelf-body h3{font-size:16px;margin-bottom:4px}.price{color:var(--forest);font-weight:700;font-family:var(--display);margin:4px 0 10px}.btn-add{background:var(--forest);color:#fff;border:none;border-radius:10px;padding:9px 20px;font-weight:600;font-size:14px}.sold-out{color:#a0a09a;font-size:13px;font-weight:600}.stepper{display:inline-flex;align-items:center;gap:14px;background:var(--forest);color:#fff;border-radius:10px;padding:6px 14px}.stepper button{background:none;border:none;color:#fff;font-size:18px;line-height:1;padding:2px 4px}.stepper span{min-width:14px;text-align:center;font-weight:700}.browser{padding:48px 0 20px}.browser h2{font-size:24px;margin-bottom:18px}.tabs{position:sticky;top:65px;z-index:20;background:var(--paper);display:flex;gap:10px;overflow-x:auto;padding:6px 0 16px;border-bottom:1px solid var(--line)}.tab{flex-shrink:0;border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600}.tab.active{background:var(--gold);border-color:var(--gold);color:var(--ink)}.cat-block{padding-top:32px}.cat-block h3{font-size:19px;margin-bottom:14px;color:var(--forest)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.item-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.item-card img{height:130px;width:100%;object-fit:cover}.item-body{padding:14px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex:1}.item-body h4{font-size:15px;margin-bottom:4px}.desc{font-size:13px;color:#7a7a72;margin:0 0 6px}.cart-bar{position:fixed;left:50%;bottom:20px;transform:translate(-50%);width:min(520px,calc(100% - 40px));z-index:40;background:var(--forest);color:#fff;border:none;border-radius:16px;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;font-weight:700;box-shadow:0 12px 30px #1e563159}.page{padding:36px 0 60px;max-width:520px;margin:0 auto}.page h2{font-size:26px;margin-bottom:20px}.back{background:none;border:none;color:var(--forest);font-weight:600;padding:0 0 20px;font-size:14px}.status-msg{text-align:center;color:#7a7a72;padding:40px 0}.error-msg{color:#b3261e;font-size:14px;margin:4px 0 0}.cart-line{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.cart-total{display:flex;justify-content:space-between;font-family:var(--display);font-size:20px;font-weight:700;padding:20px 0;border-top:2px solid var(--ink)}.btn-primary{width:100%;background:var(--orange);color:#fff;border:none;padding:16px;border-radius:14px;font-size:16px;font-weight:700;margin-top:8px}.btn-primary:disabled{background:#d8d8d2;color:#8a8a82}.field{display:block;margin-bottom:16px}.field span{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:#55554e}.field input,.field select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line);font-size:15px;font-family:var(--body);background:#fff}.qr{width:200px;margin:20px auto;border-radius:12px;border:1px solid var(--line)}.utr-panel{margin-top:28px;padding:22px;border-radius:18px;background:color-mix(in srgb,var(--forest) 5%,white);border:1px dashed color-mix(in srgb,var(--forest) 35%,white)}.utr-panel h3{font-size:17px;margin-bottom:6px}.utr-hint{font-size:13px;color:#55554e;margin:0 0 14px}.utr-input{width:100%;border-radius:10px;border:1px solid var(--line);padding:12px;font-family:var(--body);font-size:14px;resize:vertical}.utr-reveal{margin-top:14px;padding:14px;border-radius:12px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:4px;transition:border-color .25s ease,background .25s ease}.utr-reveal.found{border-color:var(--olive);background:color-mix(in srgb,var(--olive) 10%,white);animation:pop .3s ease}.utr-reveal-label{font-size:12px;font-weight:600;color:var(--forest)}.utr-reveal-label.muted{color:#a0a09a}.utr-reveal-digits{font-family:var(--display);font-size:22px;font-weight:600;letter-spacing:.06em;color:var(--ink)}@keyframes pop{0%{transform:scale(.97);opacity:.5}to{transform:scale(1);opacity:1}}.confirmed{margin-top:14px;text-align:center;font-family:var(--display);font-weight:600;color:var(--forest);font-size:17px;animation:pop .3s ease}.upi-pay-box{border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:20px;background:color-mix(in srgb,var(--olive) 5%,white);display:flex;flex-direction:column;gap:18px}.upi-id-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.upi-id-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#888;margin:0 0 4px}.upi-id-value{font-family:var(--display);font-size:20px;font-weight:700;color:var(--ink);word-break:break-all;margin:0 0 2px}.upi-payee{font-size:13px;color:#777;margin:0}.btn-copy{flex-shrink:0;padding:8px 16px;border-radius:10px;border:1.5px solid var(--olive);background:#fff;color:var(--forest);font-family:var(--body);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.btn-copy:hover{background:var(--olive);color:#fff}.upi-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.upi-qr{width:200px;height:200px;object-fit:contain;border-radius:12px;border:1px solid var(--line);background:#fff;padding:8px}.upi-qr-hint{font-size:12px;color:#999;margin:0}.track-card{border:1px solid var(--line);border-radius:16px;padding:24px;text-align:center}.track-status{font-family:var(--display);font-size:24px;font-weight:700;color:var(--forest);margin-bottom:8px}.checkout-fields{margin-top:8px;padding-top:20px;border-top:1px solid var(--line)}.checkout-fields h3{font-size:16px;margin:0 0 14px;color:var(--ink)}.footer{border-top:1px solid var(--line);padding:24px 20px;text-align:center;color:#a0a09a;font-size:13px}@media (prefers-reduced-motion: reduce){.utr-reveal.found,.confirmed{animation:none}}