:root{--bg:#FFF9F2;--card:#fff;--ink:#241811;--muted:#7A6A5E;--gold:#C68A3C;--gold2:#A96F24;--brown:#154734;--cream:#F7EBDD;--line:#EDE0D2;--wa:#22a35a;--radius:18px;--shadow:0 12px 34px rgba(59,35,20,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
a{color:var(--gold2);text-decoration:none}img{max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.narrow{max-width:820px}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:13px}
h1,h2,h3{font-family:Fraunces,serif;line-height:1.15;margin:.2em 0 .45em}h1{font-size:clamp(34px,5vw,56px)}h2{font-size:clamp(26px,3.4vw,38px)}h1 em{color:var(--gold);font-style:italic}
.lead{font-size:18px;color:#4c3a2c}.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--gold2)}
.progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--gold),#e9b567);width:0;z-index:99}
.topbar{background:var(--brown);color:#ffe9c9;text-align:center;font-size:13.5px;font-weight:600;padding:8px 14px}
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:18px;padding:12px 20px;background:rgba(255,249,242,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-family:Fraunces,serif;font-size:21px;font-weight:700}.brand small{display:block;font-family:Manrope;font-size:9.5px;letter-spacing:.18em;color:var(--muted);font-weight:700}.brand.light{color:#fff}.brand-mark{font-size:26px;background:var(--cream);border-radius:12px;padding:4px 8px}
.links{display:flex;gap:22px;margin-left:auto}.links a{color:var(--ink);font-weight:600;padding:6px 2px;border-bottom:2px solid transparent}.links a.active,.links a:hover{color:var(--gold2);border-color:var(--gold)}
.nav-cta{display:flex;gap:10px;align-items:center}.burger{display:none;background:none;border:1px solid var(--line);border-radius:10px;font-size:18px;padding:6px 10px;cursor:pointer}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:11px 20px;font-weight:800;font-size:15px;border:1px solid transparent;cursor:pointer;transition:.2s;position:relative;overflow:hidden}
.btn:hover{transform:translateY(-1px)}.btn-gold{background:linear-gradient(135deg,#dda24a,var(--gold2));color:#fff;box-shadow:0 8px 20px rgba(169,111,36,.3)}
.btn-outline{background:#fff;border-color:#d9c3a5;color:var(--brown)}.btn-ghost{background:transparent;color:var(--brown)}.btn-wa{background:var(--wa);color:#fff}.btn-fp{background:#D70F64;color:#fff}.fp-strip{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:#fff0f5;border:1px solid #f6c3d7;border-radius:16px;padding:16px 20px;margin-bottom:22px}.fp-strip b{color:#a30b4c}.btn-lg{padding:14px 26px;font-size:16px}.btn-sm{padding:7px 14px;font-size:13.5px}
.hero{padding:64px 0 0;background:radial-gradient(900px 480px at 85% -10%,#ffe9c4,transparent),radial-gradient(700px 400px at -10% 20%,#ffe3ec,transparent)}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:36px;align-items:center;padding-bottom:56px}
.pill{display:inline-block;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;box-shadow:var(--shadow)}
.hero-stats{display:flex;gap:28px;margin-top:26px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-family:Fraunces,serif;font-size:24px}.hero-stats span{font-size:12.5px;color:var(--muted);font-weight:600}
.hero-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:22px}
.hc-head{display:flex;align-items:center;gap:8px;font-weight:800;font-size:13px;letter-spacing:.06em}.live-dot{width:9px;height:9px;border-radius:50%;background:#2fbf71;box-shadow:0 0 0 0 rgba(47,191,113,.5);animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(47,191,113,0)}100%{box-shadow:0 0 0 0 rgba(47,191,113,0)}}
.hc-badge{margin-left:auto;background:#e9f9f0;color:#177a45;border-radius:999px;padding:3px 10px;font-size:11px}
.hc-special{display:flex;gap:14px;align-items:center;background:var(--cream);border-radius:16px;padding:14px;margin:16px 0}.hc-emoji{font-size:34px}.hc-special p{margin:2px 0 0;font-size:13.5px;color:var(--muted)}.hc-price{margin-left:auto;font-weight:800;color:var(--gold2);white-space:nowrap}
.hc-row{display:flex;justify-content:space-between;padding:10px 4px;border-bottom:1px dashed var(--line);font-weight:600}.hc-btn{width:100%;justify-content:center;margin-top:16px}
.float-chip{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;animation:floaty 5s ease-in-out infinite}.fc1{top:-16px;right:18px}.fc2{bottom:-14px;left:18px;animation-delay:1.2s}@keyframes floaty{50%{transform:translateY(-7px)}}
.marquee{overflow:hidden;background:var(--brown);color:#ffd98f;padding:10px 0;font-weight:800;letter-spacing:.08em;font-size:13.5px;white-space:nowrap}.marquee-track{display:inline-block;animation:scrollx 26s linear infinite}@keyframes scrollx{to{transform:translateX(-50%)}}
.section{padding:64px 0}.section.alt{background:#fff;border-block:1px solid var(--line)}.sec-head{text-align:center;max-width:640px;margin:0 auto 34px}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.cat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;text-align:center;color:var(--ink);transition:.2s}.cat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.cat-card span{font-size:36px}.cat-card p{color:var(--muted);margin:0;font-weight:600}
.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:18px}
.menu-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;transition:.2s}.menu-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.menu-card.unavail{opacity:.55}
.mc-top{display:flex;align-items:center;gap:8px}.mc-emoji{font-size:32px}.cat-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.badge{margin-left:auto;background:#fff1d6;color:#8a5a12;border:1px solid #f0d9a8;font-size:11px;font-weight:800;border-radius:999px;padding:3px 9px}
.menu-card h3{font-size:20px;margin-top:10px}.menu-card p{color:var(--muted);font-size:14.5px;flex:1}.mc-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.price{font-weight:800;font-size:18px;color:var(--gold2)}.soldout{font-size:13px;font-weight:700;color:#b03a2e}
.menu-tools{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;margin-bottom:22px}.filters{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #d9c3a5;background:#fff;border-radius:999px;padding:8px 15px;font-weight:700;cursor:pointer}.chip.active{background:var(--brown);color:#ffd98f;border-color:var(--brown)}
#menuSearch{border:1px solid var(--line);border-radius:999px;padding:11px 18px;min-width:250px;font:inherit;background:#fff}
.note-box{background:var(--cream);border:1px solid #ecd9ba;border-radius:var(--radius);padding:18px 20px;margin-top:28px}
.story{display:grid;grid-template-columns:1fr 1.15fr;gap:36px;align-items:center}.story-img{background:linear-gradient(150deg,#ffe9c4,#ffd9e2);border-radius:24px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:64px;gap:8px}.story-img span{font-size:15px;font-weight:700;color:#7a4a21}
.ticks{list-style:none;padding:0}.ticks li{padding:5px 0;font-weight:600}
.testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.testi{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin:0}.testi blockquote{margin:0 0 10px;font-size:16px}.testi figcaption{color:var(--muted);font-weight:700;font-size:13.5px}
.values{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:28px 0}.value{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}.value span{font-size:30px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.info-cards{display:grid;gap:14px}.info-card{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px}.info-card>span{font-size:26px}.info-card h3{margin-top:0}
.contact-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:grid;gap:12px}.contact-form label{display:grid;gap:6px;font-weight:700;font-size:14px}.contact-form input,.contact-form textarea{border:1px solid var(--line);border-radius:12px;padding:11px 13px;font:inherit;background:#fffdf9}.success{color:#177a45;font-weight:700}
.visit-strip{background:var(--cream);border-top:1px solid var(--line);padding:40px 0}.visit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px}.visit-grid h3{margin-top:0}
.footer{background:#0B3524;color:#e9dccf;padding:48px 0 20px}.footer a{color:#e9dccf;display:block;padding:3px 0}.footer h4{color:#ffd98f;margin:0 0 10px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:26px}.brand-logo{width:118px;height:40px;object-fit:cover;object-position:center;border-radius:10px;display:block}.velza-mark{background:#154734!important;color:#fff;font-family:Fraunces,serif;font-weight:700;border-radius:50%;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;padding:0}.foot-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #3a2a1d;margin-top:26px;padding-top:16px;font-size:13.5px;color:#bfae9d}
.wa-float{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:var(--wa);display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 10px 26px rgba(0,0,0,.25);z-index:60}
.reveal{opacity:0;transform:translateY(16px);transition:.6s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:980px){.hero-grid,.story,.contact-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.links{display:none;position:absolute;top:64px;left:12px;right:12px;background:#fff;border:1px solid var(--line);border-radius:16px;flex-direction:column;padding:14px;box-shadow:var(--shadow)}.links.open{display:flex}.burger{display:block}.hide-sm{display:none}.float-chip{display:none}.hero{padding-top:36px}}