:root{--o:#F58220;--od:#C9560A;--g:#1F7A37;--gl:#E6F5E9;--cream:#FFF8EC;--ink:#2B2118;--mut:#6B5E52;--card:#fff;--r:16px}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:64px}
body{font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden;padding-bottom:76px}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
.wrap{max-width:960px;margin:0 auto;padding:0 16px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid transparent;font-size:1rem;cursor:pointer}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #1b5fd6;outline-offset:2px}
.b-wa{background:#14803F;color:#fff}.b-call{background:#fff;color:var(--od);border-color:var(--o)}
.b-o{background:var(--od);color:#fff}.b-g{background:var(--g);color:#fff}.b-line{background:#fff;color:var(--ink);border-color:#E3D6C3}
.hero{background:linear-gradient(160deg,#FFB02E,#F26B0F);color:#fff;padding:28px 0 36px;text-align:center}
.hero .logo{width:min(300px,80%);margin:0 auto 12px;background:#fff;border-radius:20px;padding:10px 14px}
.hero h1{font-size:1.7rem;line-height:1.2;margin:8px 0;text-shadow:0 1px 3px rgba(0,0,0,.3)}
.hero p{max-width:460px;margin:0 auto 18px;font-size:1.05rem;text-shadow:0 1px 3px rgba(0,0,0,.3)}
.hero .cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.hero-img{margin:22px auto 0;max-width:560px;width:100%;border-radius:var(--r);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.badge{display:inline-block;background:rgba(0,0,0,.28);padding:4px 14px;border-radius:99px;font-size:.9rem;font-weight:600}
section{padding:34px 0}
h2{font-size:1.5rem;margin-bottom:6px;color:var(--od)}
.sub{color:var(--mut);margin-bottom:16px}
.chips{position:sticky;top:0;z-index:20;background:var(--cream);padding:10px 0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #EADBC4}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;min-height:40px;padding:0 16px;border-radius:99px;border:2px solid #E3D6C3;background:#fff;font:600 .95rem system-ui,sans-serif;color:var(--ink);cursor:pointer}
.chip[aria-pressed=true]{background:var(--g);border-color:var(--g);color:#fff}
.menu-cat{margin-top:18px}
.menu-cat h3{font-size:1.15rem;margin-bottom:8px}
.items{list-style:none;padding:0;background:var(--card);border-radius:var(--r);box-shadow:0 2px 10px rgba(80,50,10,.08)}
.items li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-bottom:1px solid #F1E7D6}
.items li:last-child{border:0}
.items .t{flex:1;min-width:0}
.items b{display:block}
.items small{color:var(--mut);display:block;font-size:.85rem}
.price{font-weight:800;color:var(--od);white-space:nowrap}
.dot{flex:none;width:16px;height:16px;border:2px solid #1c8f3a;margin-top:4px;display:grid;place-items:center;border-radius:3px}
.dot::after{content:"";width:8px;height:8px;border-radius:50%;background:#1c8f3a}
.dot.nv{border-color:#b3261e}.dot.nv::after{background:#b3261e}
.why{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.why div{background:var(--gl);border-radius:var(--r);padding:16px}
.why h3{font-size:1.05rem;color:var(--g)}
.gal{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}
.gal img{width:100%;height:150px;object-fit:cover;border-radius:12px;background:#222}
@media(min-width:640px){.gal{grid-template-columns:repeat(3,1fr)}.gal img{height:190px}}
.hours{list-style:none;padding:0;background:var(--cream);border-radius:var(--r);overflow:hidden}
.hours li{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #F1E7D6}
.hours li.today{background:var(--gl);font-weight:700}
.state{display:inline-block;padding:4px 14px;border-radius:99px;font-weight:700;margin-bottom:12px}
.state.open{background:#D8F3DF;color:#14612b}.state.closed{background:#FBE1DE;color:#9c2018}
.map{width:100%;height:280px;border:0;border-radius:var(--r);margin:12px 0}
.row{display:flex;gap:10px;flex-wrap:wrap}
footer{background:#2B2118;color:#e9dfd0;text-align:center;padding:26px 16px;font-size:.92rem}
footer a{color:#FFB02E}
.bar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(var(--n,3),1fr);gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -4px 14px rgba(0,0,0,.15)}
.bar a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;font-weight:700;text-decoration:none;color:#fff;font-size:.95rem}
.bar .w{background:#14803F}.bar .c{background:var(--od)}.bar .d{background:var(--g)}
@media(min-width:900px){.bar{display:none}body{padding-bottom:0}}
.lk{min-height:100vh;background:linear-gradient(170deg,#FFB02E,#F26B0F 60%,#C9560A);padding:28px 16px 40px;text-align:center;color:#fff}
.lk .box{max-width:440px;margin:0 auto}
.lk .logo{width:min(280px,80%);margin:0 auto 10px;background:#fff;border-radius:20px;padding:10px 14px}
.lk p{margin-bottom:20px}
.lk .btn{display:flex;width:100%;min-height:58px;margin-bottom:12px;font-size:1.1rem;box-shadow:0 4px 12px rgba(0,0,0,.18)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}