:root{--green:#16b364;--green-dark:#0f9152;--navy:#0a1d37;--bg:#f6f8f9;--card:#fff;--border:#e3e8ee;--muted:#6b7280;--accent:#f59e0b}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Inter,Poppins,-apple-system,Segoe UI,Roboto,Noto Sans Devanagari,sans-serif;background:var(--bg);color:#1a2230;line-height:1.5}a{color:inherit;text-decoration:none}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.topbar{background:var(--navy);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar-inner{display:flex;align-items:center;gap:20px;height:62px}.brand{font-size:24px;font-weight:800;color:#fff;letter-spacing:-.5px}.brand-dot{color:var(--green)}.tagline{color:#9fb3c8;font-size:13px;flex:1 1}.nav{display:flex;gap:18px;font-weight:600;font-size:15px}.nav a{padding:6px 4px}.cart-link{color:var(--green)}.main{padding:28px 20px 60px;min-height:70vh}.footer{border-top:1px solid var(--border);color:var(--muted);font-size:13px;padding:20px 0;text-align:center}.banner{background:linear-gradient(120deg,var(--green),var(--green-dark));color:#fff;border-radius:16px;padding:32px 28px;margin-bottom:24px}.banner h1{margin:0 0 6px;font-size:26px}.banner p{margin:0;opacity:.92}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.chip{background:var(--card);border:1px solid var(--border);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;color:var(--navy)}.chip.active{background:var(--green);color:#fff;border-color:var(--green)}.search{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:10px;font-size:15px;margin-bottom:22px;background:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:18px;gap:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:box-shadow .15s,transform .15s;display:flex;flex-direction:column}.card:hover{box-shadow:0 8px 24px rgba(10,29,55,.1);transform:translateY(-2px)}.card .img{aspect-ratio:1/1;width:100%;object-fit:cover;background:#eef2f5}.card .body{padding:12px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1 1}.card .name{font-weight:600;font-size:15px;color:var(--navy)}.card .cat{font-size:12px;color:var(--muted)}.price-row{display:flex;align-items:baseline;gap:8px;margin-top:auto}.price{font-weight:800;color:var(--navy);font-size:17px}.compare{color:var(--muted);text-decoration:line-through;font-size:13px}.btn{background:var(--green);color:#fff;border:none;border-radius:10px;padding:11px 18px;font-size:15px;font-weight:700;cursor:pointer}.btn:hover{background:var(--green-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:#fff;color:var(--navy);border:1px solid var(--border)}.btn-block{width:100%}.btn-sm{padding:7px 12px;font-size:13px}.pd{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px}.pd .hero{width:100%;border-radius:16px;aspect-ratio:1/1;object-fit:cover;background:#eef2f5}.pd h1{margin:0 0 8px;color:var(--navy)}.stock{font-size:13px;font-weight:600}.stock.in{color:var(--green)}.stock.low{color:var(--accent)}.stock.out{color:#dc2626}.qty{display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:10px;width:-moz-fit-content;width:fit-content;overflow:hidden}.qty button{border:none;background:#f2f5f8;width:38px;height:40px;font-size:18px;cursor:pointer}.qty span{width:46px;text-align:center;font-weight:700}.panel{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px 22px}.line{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.line:last-child{border-bottom:none}.line .li-img{width:64px;height:64px;border-radius:10px;object-fit:cover;background:#eef2f5}.line .li-name{font-weight:600;color:var(--navy)}.line .li-price{color:var(--muted);font-size:14px}.grow{flex:1 1}.totals{margin-top:8px}.totals .row{display:flex;justify-content:space-between;padding:6px 0}.totals .row.total{font-weight:800;font-size:18px;color:var(--navy);border-top:1px solid var(--border);margin-top:6px;padding-top:12px}.layout-2{display:grid;grid-template-columns:1fr 340px;grid-gap:24px;gap:24px;align-items:start}.empty{text-align:center;color:var(--muted);padding:60px 0}.notice{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:10px 14px;border-radius:10px;font-size:14px;margin:12px 0}.success-badge{display:inline-block;background:var(--green);color:#fff;border-radius:999px;padding:4px 14px;font-weight:700;font-size:13px}.order-no{font-family:ui-monospace,monospace;font-size:20px;font-weight:800;color:var(--navy)}h2.section{color:var(--navy);margin:4px 0 16px}.back{color:var(--muted);font-size:14px;margin-bottom:14px;display:inline-block}@media (max-width:720px){.layout-2,.pd{grid-template-columns:1fr}.tagline{display:none}}