:root{--blue: #185FA5;--blue-dark: #0C447C;--blue-50: #E6F1FB;--ink: #1c1c1a;--muted: #6b6a66;--line: #e5e3dc;--bg: #f6f5f1;--white: #fff;--danger: #A32D2D;--ok: #0F6E56;--radius: 10px;--max: 900px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.small{font-size:13px}img{display:block}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--blue);color:#fff;position:sticky;top:0;z-index:20}.bar{max-width:var(--max);margin:0 auto;padding:12px 16px}.brandrow{display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:18px;margin:0;font-weight:600}.topbar .loc{font-size:12px;color:#b5d4f4}.cartbtn{position:relative;color:#fff;font-size:22px;background:none;border:none;cursor:pointer}.cartbadge{position:absolute;top:-6px;right:-8px;background:#fff;color:var(--blue-dark);font-size:11px;font-weight:600;border-radius:10px;padding:0 5px}.search{margin-top:10px}.search input{width:100%;height:42px;border:none;border-radius:10px;padding:0 14px;font-size:14px}.content{flex:1;width:100%;max-width:var(--max);margin:0 auto;padding:16px}.footer{border-top:.5px solid var(--line);text-align:center;padding:14px;font-size:12px;color:var(--muted);background:var(--white)}.footer b{color:var(--ink);font-weight:600}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.chip{flex:none;font-size:13px;padding:7px 14px;border-radius:20px;background:var(--white);border:.5px solid var(--line);color:var(--muted);cursor:pointer}.chip.active{background:var(--blue);color:#fff;border-color:var(--blue)}.banner{margin:14px 0;background:var(--blue-50);border-radius:12px;padding:14px 16px;display:flex;gap:12px;align-items:center}.banner .t{font-size:14px;font-weight:600;color:var(--blue-dark)}.banner .s{font-size:12px;color:var(--blue)}.section-title{font-size:15px;font-weight:600;margin:18px 0 10px}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.pcard{border:.5px solid var(--line);border-radius:12px;overflow:hidden;background:var(--white);display:flex;flex-direction:column}.pcard .img{aspect-ratio:1 / 1;background:var(--blue-50);display:flex;align-items:center;justify-content:center;color:var(--blue)}.pcard .img img{width:100%;height:100%;object-fit:cover}.pcard .body{padding:10px 12px 12px;display:flex;flex-direction:column;flex:1}.pcard .nm{font-size:14px;line-height:1.3}.pcard .unit{font-size:12px;color:var(--muted);margin:2px 0 4px}.pcard .price{font-size:15px;font-weight:600}.pcard .mrp{font-size:12px;color:var(--muted);text-decoration:line-through;margin-left:6px}.pcard .spacer{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 18px;border-radius:var(--radius);border:.5px solid var(--line);background:var(--white);color:var(--ink);font-size:14px;cursor:pointer}.btn:disabled{opacity:.5}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:var(--blue-dark)}.btn-block{width:100%}.addbtn{margin-top:10px;height:34px;border-radius:8px;background:var(--blue);color:#fff;border:none;font-size:13px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}.stepper{margin-top:10px;display:flex;align-items:center;justify-content:space-between;border:.5px solid var(--blue);border-radius:8px;height:34px;overflow:hidden}.stepper button{width:38px;height:100%;border:none;background:var(--blue-50);color:var(--blue-dark);font-size:16px;cursor:pointer}.stepper span{font-size:14px;font-weight:600}.soldout{font-size:12px;color:var(--danger);margin-top:10px}label{display:block;font-size:13px;color:var(--muted);margin:12px 0 4px}input,textarea,select{width:100%;min-height:42px;padding:10px 12px;font-size:14px;border:.5px solid var(--line);border-radius:var(--radius);font-family:inherit;background:var(--white)}input:focus,textarea:focus{outline:2px solid var(--blue-50);border-color:var(--blue)}.card{background:var(--white);border:.5px solid var(--line);border-radius:12px;padding:16px}.line{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:.5px solid var(--line)}.line img{width:52px;height:52px;border-radius:8px;object-fit:cover;background:var(--blue-50)}.line .grow{flex:1;min-width:0}.summary{display:flex;justify-content:space-between;padding:5px 0;font-size:14px}.summary.total{font-weight:600;font-size:16px;border-top:.5px solid var(--line);margin-top:8px;padding-top:12px}.checkout-actions,.btn-block.narrow{max-width:620px;margin:14px auto 0}.pay{display:flex;gap:10px;margin-top:8px}.pay .opt{flex:1;border:.5px solid var(--line);border-radius:10px;padding:12px;text-align:center;font-size:14px;cursor:pointer}.pay .opt.active{border-color:var(--blue);background:var(--blue-50);color:var(--blue-dark);font-weight:600}#map{height:240px;border-radius:10px;margin-top:6px;border:.5px solid var(--line)}.err{color:var(--danger);font-size:13px;margin-top:10px}.ok-msg{color:var(--ok);font-size:13px;margin-top:10px}.chatbtn{position:fixed;right:max(16px,calc(50vw - 464px));bottom:20px;width:50px;height:50px;border-radius:50%;background:var(--blue);color:#fff;border:none;font-size:24px;cursor:pointer;z-index:30;box-shadow:0 2px 8px #0003}.chatpanel{position:fixed;right:max(16px,calc(50vw - 464px));bottom:80px;width:300px;max-width:calc(100vw - 32px);background:var(--white);border:.5px solid var(--line);border-radius:14px;z-index:31;overflow:hidden;box-shadow:0 4px 16px #00000026}.chathead{background:var(--blue);color:#fff;padding:10px 14px;font-size:14px;font-weight:600;display:flex;justify-content:space-between}.chatbody{padding:12px;max-height:320px;overflow-y:auto}.chatmsg{font-size:13px;margin-bottom:10px}.chatmsg.bot{background:var(--blue-50);color:var(--ink);padding:8px 10px;border-radius:10px}.chatq{display:block;width:100%;text-align:left;font-size:13px;padding:8px 10px;border:.5px solid var(--line);border-radius:8px;margin-top:6px;background:var(--white);cursor:pointer}.center{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px}.pill{font-size:12px;padding:4px 12px;border-radius:20px;background:var(--blue-50);color:var(--blue-dark)}@media (min-width: 800px){.topbar h1{font-size:20px}.pgrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}}