:root{--brand:#15803d;--brand-2:#f59e0b;--brand-ink:#fff;--bg:#fbfaf7;--surface:#fff;--surface-2:#f4f2ec;--ink:#1c1917;--ink-2:#57534e;--ink-3:#6b655d;--line:#e7e3da;--ok:#15803d;--warn:#b45309;--bad:#b91c1c;--radius:16px;--radius-sm:10px;--shadow:0 1px 2px #1c19170f, 0 8px 24px -12px #1c19172e;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--display:ui-rounded, "SF Pro Rounded", var(--font);--brand-soft:color-mix(in srgb, var(--brand) 12%, white);--brand-deep:color-mix(in srgb, var(--brand) 82%, black)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:16px/1.5 var(--font);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 55%, white);outline-offset:2px;border-radius:8px}.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 16px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:12px;height:60px;display:flex}.brand{font-family:var(--display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:19px;font-weight:800;text-decoration:none;display:flex}.brand-mark{background:var(--brand);width:34px;height:34px;color:var(--brand-ink);border-radius:10px;place-items:center;font-size:17px;display:grid;overflow:hidden}.icon-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:0 14px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.badge-count{background:var(--brand);min-width:22px;height:22px;color:var(--brand-ink);border-radius:999px;place-items:center;padding:0 6px;font-size:12px;font-weight:700;display:inline-grid}.hero{background:radial-gradient(120% 140% at 0% 0%, var(--brand-soft), transparent 60%), linear-gradient(160deg, var(--surface) 0%, var(--bg) 100%);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero-inner{padding:28px 16px 22px}.hero h1{font-family:var(--display);letter-spacing:-.03em;margin:10px 0 8px;font-size:clamp(30px,8vw,52px);line-height:1.05}.hero p.lead{color:var(--ink-2);max-width:560px;margin:0 0 18px;font-size:17px}.pill{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:13px;font-weight:600;display:inline-flex}.dot{background:var(--ink-3);border-radius:50%;width:8px;height:8px}.dot.open{background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb, var(--ok) 18%, transparent)}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.facts{color:var(--ink-2);flex-wrap:wrap;gap:8px 16px;margin-top:16px;font-size:14px;display:flex}.facts a{border-bottom:1px dashed var(--ink-3);text-decoration:none}.btn{cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:16px;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow .2s,background .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--brand);color:var(--brand-ink);box-shadow:0 6px 16px -8px var(--brand)}.btn-primary:hover{background:var(--brand-deep)}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-wa{color:#073b1c;background:#25d366}.btn-block{width:100%}.btn[disabled]{opacity:.55;cursor:not-allowed}.chips{scrollbar-width:none;scroll-snap-type:x proximity;gap:8px;margin:0 -16px;padding:14px 16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{scroll-snap-align:start;border:1px solid var(--line);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;min-height:40px;padding:0 16px;font-size:14px;font-weight:600}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.section-title{font-family:var(--display);letter-spacing:-.02em;margin:22px 0 4px;font-size:22px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:120px;display:grid}@media (min-width:720px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (min-width:980px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.card-media{aspect-ratio:1;background:var(--surface-2);position:relative}.card-media img{object-fit:cover;width:100%;height:100%}.placeholder{font-family:var(--display);color:color-mix(in srgb, var(--brand) 70%, white);background:radial-gradient(circle at 30% 20%, var(--brand-soft), var(--surface-2));place-items:center;font-size:40px;font-weight:800;display:grid;position:absolute;inset:0}.card-body{flex-direction:column;flex:1;gap:6px;padding:10px 12px 12px;display:flex}.card-name{margin:0;font-size:15px;font-weight:700;line-height:1.25}.card-desc{color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.price{white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:16px;font-weight:800;overflow:hidden}.price small{color:var(--ink-3);margin-left:5px;font-size:12px;font-weight:500}.card-foot{margin-top:auto;padding-top:4px;display:flex}.card-foot>*{flex:1}.add{background:var(--brand);min-height:44px;color:var(--brand-ink);cursor:pointer;border:none;border-radius:12px;padding:0 12px;font-size:15px;font-weight:700}.stepper{background:var(--brand-soft);border-radius:12px;justify-content:space-between;align-items:center;display:inline-flex}.stepper button{width:44px;height:44px;color:var(--brand-deep);cursor:pointer;background:0 0;border:none;font-size:20px;font-weight:700}.stepper output{text-align:center;min-width:26px;font-weight:800}.cartbar{z-index:30;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--bg) 30%);pointer-events:none;position:fixed;bottom:0;left:0;right:0}.cartbar a{pointer-events:auto;background:var(--ink);max-width:560px;min-height:56px;color:var(--bg);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:0 18px;font-weight:700;text-decoration:none;display:flex;box-shadow:0 12px 30px -12px #00000080}.cartbar .count{background:var(--brand);width:28px;height:28px;color:var(--brand-ink);border-radius:9px;place-items:center;margin-right:10px;font-size:14px;display:inline-grid}.header-actions{gap:8px;display:flex}.icon-btn.wa{color:#073b1c;background:#25d366;border-color:#25d366}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.stack{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:14px;font-weight:600}.field .hint{color:var(--ink-3);font-size:13px}.input{border:1px solid var(--line);background:var(--surface);border-radius:12px;width:100%;min-height:48px;padding:0 14px;font-size:16px}textarea.input{resize:vertical;min-height:84px;padding:12px 14px}.input:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 16%, transparent);outline:none}.choices{gap:10px;display:grid}.choice{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;align-items:center;gap:12px;min-height:60px;padding:12px 14px;display:flex}.choice:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}.choice input{width:20px;height:20px;accent-color:var(--brand)}.choice strong{display:block}.choice span{color:var(--ink-2);font-size:13px}.line{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.line:last-child{border-bottom:none}.line-thumb{background:var(--surface-2);border-radius:12px;flex:none;width:56px;height:56px;position:relative;overflow:hidden}.line-thumb img{object-fit:cover;width:100%;height:100%}.totals{justify-content:space-between;padding-top:12px;font-size:18px;font-weight:800;display:flex}.error{color:var(--bad);background:color-mix(in srgb, var(--bad) 8%, white);border:1px solid color-mix(in srgb, var(--bad) 25%, white);border-radius:12px;padding:10px 12px;font-size:14px}.note{color:var(--ink-2);background:var(--surface-2);border-radius:12px;padding:10px 12px;font-size:14px}.empty{text-align:center;color:var(--ink-2);padding:48px 16px}.status-hero{text-align:center;padding:32px 16px 8px}.status-icon{border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 14px;font-size:36px;display:grid}.status-icon.wait{background:var(--brand-soft);animation:1.6s ease-in-out infinite pulse}.status-icon.ok{background:color-mix(in srgb, var(--ok) 14%, white)}.status-icon.bad{background:color-mix(in srgb, var(--bad) 12%, white)}@keyframes pulse{50%{box-shadow:0 0 0 14px color-mix(in srgb, var(--brand) 10%, transparent)}}.tabs{background:var(--surface-2);border-radius:14px;gap:6px;margin:16px 0;padding:4px;display:flex}.tab{cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;min-height:44px;font-weight:700}.tab[aria-selected=true]{background:var(--surface);box-shadow:var(--shadow)}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.tag{background:var(--surface-2);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.tag.paid{background:color-mix(in srgb, var(--ok) 14%, white);color:var(--ok)}.tag.wait{background:color-mix(in srgb, var(--warn) 14%, white);color:var(--warn)}.tag.bad{background:color-mix(in srgb, var(--bad) 12%, white);color:var(--bad)}.switch{flex:none;width:52px;height:32px;position:relative}.switch input{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;width:100%;height:100%;margin:0;transition:background .2s}.switch input:checked{background:var(--brand)}.switch input:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #0003}.switch input:checked:after{transform:translate(20px)}.footer{border-top:1px solid var(--line);color:var(--ink-3);margin-top:24px;padding:24px 0 140px;font-size:13px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.preview-bar{color:#f9fafb;background:#111827;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:13px;line-height:1.3;display:flex}.preview-bar a{color:#fff;text-underline-offset:3px;white-space:nowrap;padding:6px 0;font-weight:600;text-decoration:underline}.areas{color:var(--ink-2);margin:10px 0 0;font-size:14px}.faq{margin:40px 0 8px}.faq h2{margin:0 0 12px;font-size:20px}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:8px;padding:12px 14px}.faq summary{cursor:pointer;color:var(--ink);font-weight:600;list-style-position:inside}.faq details[open] summary{margin-bottom:6px}.faq details p{color:var(--ink-2);margin:0;line-height:1.55}