:root{--brand:#176f64;--ink:#173331;--muted:#667a78;--paper:#f6f4ef;--card:#fff;--line:#e4e7e3;--shadow:0 14px 38px rgba(24,52,49,.11);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 10%,#fff) 0, var(--paper) 260px);min-height:100vh}.loading-screen,.error-screen{min-height:100vh;display:grid;place-content:center;text-align:center;gap:16px;padding:32px}.loader{width:38px;height:38px;margin:auto;border:4px solid #d8e4e1;border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button,input{font:inherit}.menu-shell{max-width:760px;margin:auto;padding-bottom:110px}.hero{padding:calc(24px + env(safe-area-inset-top)) 20px 18px}.hero-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800;color:var(--brand)}h1{margin:5px 0 5px;font-size:clamp(1.8rem,8vw,2.65rem);line-height:1.05}.subtitle{margin:0;color:var(--muted);font-size:1rem}.table-pill{flex:none;background:var(--card);border:1px solid color-mix(in srgb,var(--brand) 25%,#fff);padding:8px 11px;border-radius:999px;font-size:.82rem;font-weight:800;box-shadow:0 5px 16px rgba(20,60,55,.08)}.announcement{margin:6px 20px 16px;padding:14px 16px;border-radius:16px;background:var(--brand);color:#fff;box-shadow:var(--shadow);font-weight:650}.search-wrap{position:sticky;top:0;z-index:20;padding:10px 16px 8px;background:rgba(246,244,239,.92);backdrop-filter:blur(12px)}.search{width:100%;border:1px solid var(--line);border-radius:15px;background:#fff;padding:13px 15px;color:var(--ink);outline:none;box-shadow:0 5px 15px rgba(20,40,38,.05)}.search:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.chips{display:flex;gap:8px;overflow:auto;padding:4px 16px 14px;scrollbar-width:none}.chip{border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:999px;white-space:nowrap;color:var(--ink);font-weight:700}.chip.active{background:var(--brand);border-color:var(--brand);color:#fff}.content{padding:0 16px}.featured{margin:3px 0 25px}.featured h2,.category h2{font-size:1.15rem;margin:0 0 11px}.featured-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,78%);gap:11px;overflow:auto;padding:2px 2px 13px;scroll-snap-type:x mandatory}.product-card{position:relative;border:1px solid var(--line);border-radius:19px;background:var(--card);padding:17px;text-align:left;color:var(--ink);box-shadow:0 6px 20px rgba(19,48,45,.06);min-height:112px;cursor:pointer}.product-card:active{transform:scale(.985)}.featured-strip .product-card{scroll-snap-align:start;border-top:4px solid var(--brand)}.product-card strong{display:block;font-size:1rem;padding-right:60px}.product-card p{margin:7px 0 0;color:var(--muted);line-height:1.35;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price{position:absolute;right:15px;top:16px;color:var(--brand);font-weight:850}.category{scroll-margin-top:82px;margin:0 0 28px}.product-list{display:grid;gap:9px}.compact .product-card{min-height:80px;border-radius:14px;padding:14px}.compact .product-card p{display:none}.service-fab{position:fixed;z-index:30;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(92%,420px);border:0;border-radius:17px;background:var(--brand);color:#fff;padding:15px 20px;font-weight:850;font-size:1rem;box-shadow:0 16px 34px color-mix(in srgb,var(--brand) 35%,transparent)}.service-fab:active{transform:translateX(-50%) scale(.98)}dialog{width:min(92%,480px);border:0;border-radius:24px;padding:0;box-shadow:0 25px 80px rgba(14,36,34,.3);color:var(--ink)}dialog::backdrop{background:rgba(10,30,28,.48);backdrop-filter:blur(3px)}.modal-head{padding:22px 22px 10px}.modal-head h2{margin:0 0 6px}.modal-head p{margin:0;color:var(--muted)}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px 22px}.service-option{border:1px solid var(--line);border-radius:15px;background:#fff;padding:14px 9px;color:var(--ink);font-weight:750}.service-option.selected{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,#fff)}.modal-actions{display:flex;gap:9px;padding:12px 22px 22px}.modal-actions button{flex:1;border-radius:14px;padding:13px;border:1px solid var(--line);background:#fff;font-weight:800}.modal-actions .primary{background:var(--brand);border-color:var(--brand);color:#fff}.modal-actions button:disabled{opacity:.55}.product-modal-body{padding:22px}.product-modal-body h2{margin:4px 70px 8px 0}.product-modal-body p{color:var(--muted);line-height:1.55}.product-modal-body .big-price{font-size:1.25rem;font-weight:900;color:var(--brand)}.toast{position:fixed;z-index:60;top:calc(18px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(90%,440px);padding:14px 16px;border-radius:14px;background:#173331;color:#fff;box-shadow:var(--shadow);text-align:center;font-weight:750}.preview-badge{position:fixed;right:12px;top:12px;z-index:50;background:#f6b73c;color:#3d2c05;padding:7px 10px;border-radius:999px;font-weight:850;font-size:.76rem}.empty{padding:25px;border:1px dashed #bdc9c7;border-radius:18px;text-align:center;color:var(--muted)}@media(min-width:720px){.hero{padding-left:28px;padding-right:28px}.content{padding:0 28px}.chips{padding-left:28px;padding-right:28px}.product-list{grid-template-columns:1fr 1fr}}
