:root{--accent:#2563eb;--ink:#18181b;--muted:#6f7280;--line:#e8ebf0;--bg:#f3f7fb;--soft:#f5f7fb;--shadow:0 16px 44px rgba(17,24,39,.08)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 10%,transparent),transparent 28%),var(--bg);color:var(--ink)}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}
.app{max-width:820px;margin:0 auto;padding:0 14px 112px}.business-hero{margin:0 -14px;background:#0d1018;color:#fff;position:relative;overflow:hidden;min-height:210px;border-radius:0 0 30px 30px}.hero-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.82))}.hero-orb{position:absolute;border-radius:50%}.orb-1{width:150px;height:150px;right:-48px;top:-36px;background:#f28b32;opacity:.94}.orb-2{width:92px;height:92px;left:-26px;bottom:-20px;background:rgba(242,139,50,.28)}.hero-content{position:relative;z-index:1;padding:calc(18px + env(safe-area-inset-top)) 18px 20px;min-height:210px;display:flex;flex-direction:column;justify-content:space-between}.hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.table-badge,.round-btn{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);color:#fff}.table-badge{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;font-size:.79rem;font-weight:800}.hero-actions{display:flex;gap:8px}.round-btn{width:42px;height:42px;border-radius:15px;display:grid;place-items:center}.hero-copy{max-width:44ch}.hero-copy h1{margin:0;font-size:clamp(2rem,8vw,2.8rem);letter-spacing:-.06em;line-height:1.02}.hero-copy p{margin:10px 0 0;color:rgba(255,255,255,.78);font-size:.92rem;font-weight:500;max-width:34ch;line-height:1.45}
.sticky-tools{position:sticky;top:0;z-index:30;margin:14px -14px 0;padding:12px 14px 10px;background:rgba(243,247,251,.88);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.04)}.search-row{display:flex;gap:9px}.search{flex:1;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.92);border-radius:18px;padding:0 14px;height:52px;box-shadow:0 10px 22px rgba(17,24,39,.04)}.search i{color:#9aa2b1}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.view-btn{width:52px;height:52px;border:1px solid rgba(255,255,255,.92);background:rgba(255,255,255,.96);border-radius:18px;display:grid;place-items:center;box-shadow:0 10px 22px rgba(17,24,39,.04)}.categories{display:flex;gap:8px;overflow:auto;padding:11px 0 1px;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.cat-chip{flex:0 0 auto;border:1px solid rgba(255,255,255,.95);background:rgba(255,255,255,.94);border-radius:999px;padding:9px 13px;font-size:.79rem;font-weight:800;color:var(--muted);box-shadow:0 8px 18px rgba(17,24,39,.03)}.cat-chip.active{background:var(--ink);border-color:var(--ink);color:#fff}
.section-head{display:flex;align-items:end;justify-content:space-between;margin:18px 2px 12px}.section-head h2{margin:0;font-size:1.1rem;letter-spacing:-.03em}.section-head span{font-size:.76rem;color:var(--muted)}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.products.list{grid-template-columns:1fr}.product{border:1px solid rgba(255,255,255,.88);background:rgba(255,255,255,.96);border-radius:24px;overflow:hidden;text-align:left;padding:0;box-shadow:0 12px 26px rgba(17,24,39,.05);min-width:0;transition:.18s ease}.product:hover{transform:translateY(-2px)}.product-image{height:150px;background:linear-gradient(145deg,#eff3f8,#dde4ee);position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{height:100%;display:grid;place-items:center;font-size:1.8rem;color:#9aa2b1}.cat-label{position:absolute;left:10px;top:10px;background:rgba(255,255,255,.92);border-radius:999px;padding:6px 9px;font-size:.65rem;font-weight:800;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-body{padding:13px}.product h3{font-size:.95rem;line-height:1.25;margin:0;letter-spacing:-.015em}.product-desc{font-size:.74rem;color:var(--muted);line-height:1.45;margin:7px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.1em}.price{margin-top:10px;font-size:1.05rem;font-weight:900;color:var(--accent)}.products.list .product{display:flex}.products.list .product-image{width:120px;height:118px;flex:0 0 auto}.products.list .product-body{flex:1;display:flex;flex-direction:column;justify-content:center}.empty{display:none;background:rgba(255,255,255,.92);border:1px dashed #d9dfeb;border-radius:24px;padding:30px;text-align:center;color:var(--muted)}.empty i{font-size:1.8rem;display:block;margin-bottom:8px}.menu-empty-note{margin-top:5px;font-size:.82rem}
.footer-info{text-align:center;padding:26px 10px 0;color:#96a0b0;font-size:.72rem}.footer-info a{font-weight:800;color:#647086}.bottom-nav{position:fixed;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(470px,calc(100% - 22px));background:rgba(255,255,255,.96);border:1px solid rgba(0,0,0,.08);box-shadow:0 18px 48px rgba(0,0,0,.16);backdrop-filter:blur(18px);border-radius:24px;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);z-index:60}.bottom-nav button,.bottom-nav a{border:0;background:transparent;border-radius:16px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:.69rem;font-weight:800}.bottom-nav .active{background:var(--ink);color:#fff}.bottom-nav i{font-size:1.05rem}
.sheet-backdrop{position:fixed;inset:0;background:rgba(5,10,20,.52);z-index:100;display:none;align-items:flex-end;justify-content:center;padding:10px}.sheet-backdrop.show{display:flex}.sheet{width:min(560px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:30px;padding:18px;animation:sheetUp .2s ease;box-shadow:0 30px 80px rgba(0,0,0,.28)}.sheet-handle{width:42px;height:5px;background:#ddd;border-radius:999px;margin:0 auto 16px}.sheet-close{position:absolute;right:18px;top:16px;width:39px;height:39px;border:0;background:#f2f5fa;border-radius:13px}.product-large{width:100%;height:230px;border-radius:22px;object-fit:cover;background:#eef2f7}.sheet h2{margin:16px 0 5px;letter-spacing:-.035em}.sheet-description{color:var(--muted);line-height:1.55;font-size:.9rem}.sheet-price{font-weight:900;color:var(--accent);font-size:1.35rem;margin-top:14px}.contact-list{display:grid;gap:9px;margin-top:15px}.contact-link{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:18px;padding:13px;background:#fff}.contact-link i{width:38px;height:38px;border-radius:13px;background:var(--soft);display:grid;place-items:center}.contact-link b{display:block;font-size:.85rem}.contact-link span{display:block;color:var(--muted);font-size:.75rem;margin-top:2px}.admin-link{display:flex;justify-content:center;margin-top:17px;color:#9aa2b1;font-size:.72rem;font-weight:800}.sheet-relative{position:relative}.sheet-category{font-size:.72rem;color:var(--muted);font-weight:800;margin-top:15px}.sheet-heading{margin-top:0}.contact-share{width:100%;background:#fff;text-align:left}
@keyframes sheetUp{from{transform:translateY(25px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:420px){.products{grid-template-columns:1fr}.product{display:flex}.product-image{width:108px;height:114px;flex:0 0 auto}.product-body{flex:1}.hero-copy h1{font-size:clamp(1.8rem,8vw,2.4rem)}}@media(min-width:700px){.app{padding-left:0;padding-right:0}.business-hero{margin-left:0;margin-right:0}.hero-content{padding-left:24px;padding-right:24px}.products{grid-template-columns:repeat(3,minmax(0,1fr))}.products.list{grid-template-columns:1fr}.sticky-tools{margin-left:0;margin-right:0;padding-left:0;padding-right:0}}