:root{--ink:#173231;--muted:#687570;--sand:#f7f0e6;--line:#e7ddcf;--teal:#0c5558;--gold:#bd8d3d}*{box-sizing:border-box}body{margin:0;background:#faf7f1;color:var(--ink);font-family:Inter,"Be Vietnam Pro",system-ui,sans-serif}header{height:78px;padding:0 max(24px,calc((100vw - 1260px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand img{width:48px;height:48px}.brand span{display:grid}.brand b{letter-spacing:.12em}.brand small{font-size:11px;color:var(--muted)}nav{display:flex;gap:10px;align-items:center}nav a{text-decoration:none;color:var(--ink);font-weight:800;font-size:13px;padding:9px 11px;border-radius:10px}.order{background:var(--teal);color:white}main{max-width:1260px;margin:auto;padding:28px 24px 60px}.hero{min-height:280px;border-radius:28px;padding:50px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(90deg,#073b3ecc,#073b3e44),url('../assets/food/seafood-platter.webp') center/cover;color:white}.hero p{font-size:11px;letter-spacing:.16em;font-weight:900;margin:0 0 8px;color:#f0d49f}.hero h1{font:700 clamp(38px,6vw,72px)/.95 Georgia,serif;margin:0 0 14px;max-width:700px}.hero span{max-width:680px;line-height:1.6;color:#e8f2ef}.bar{display:flex;justify-content:space-between;align-items:center;padding:24px 2px 16px}.bar div{display:grid}.bar b{font:700 24px Georgia,serif}.bar span{font-size:12px;color:var(--muted)}.bar button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px 12px;font-weight:800;color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 28px #2d2a2410}.pic{height:245px;background:linear-gradient(145deg,#0c5a5c,#d0aa62);display:grid;place-items:center;color:white;font-size:36px;overflow:hidden}.pic img{width:100%;height:100%;object-fit:cover}.copy{padding:17px}.copy .meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.copy small{font-size:10px;letter-spacing:.08em;font-weight:900;color:#97702e}.copy h2{font:700 24px/1.1 Georgia,serif;margin:8px 0}.price{font-size:19px;font-weight:950;color:#9a6819}.copy p{color:var(--muted);font-size:13px;line-height:1.55;min-height:42px}.copy a{display:inline-flex;text-decoration:none;color:white;background:var(--teal);font-weight:900;font-size:12px;padding:10px 12px;border-radius:10px}.loading{grid-column:1/-1;padding:70px;text-align:center;color:var(--muted)}footer{border-top:1px solid var(--line);padding:30px;text-align:center;display:grid;gap:4px;background:#fff}footer span{font-size:12px;color:var(--muted)}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}nav a:not(.order){display:none}}@media(max-width:620px){header{height:68px;padding:0 14px}.brand img{width:42px;height:42px}main{padding:12px 12px 40px}.hero{min-height:250px;padding:28px 22px;border-radius:20px}.grid{grid-template-columns:1fr}.pic{height:235px}.bar{padding:18px 2px 12px}}

.pic{border:0;padding:0;width:100%;position:relative;cursor:default}.pic.has-image{cursor:zoom-in}.pic-hint{position:absolute;left:12px;bottom:12px;background:#ffffffeb;color:#173231;padding:7px 9px;border-radius:9px;font-size:10px;font-weight:900;opacity:0;transform:translateY(4px);transition:.18s}.pic.has-image:hover .pic-hint{opacity:1;transform:none}.image-dialog{border:0;border-radius:20px;padding:0;width:min(900px,calc(100vw - 30px));box-shadow:0 30px 90px #0d202055;overflow:hidden}.image-dialog::backdrop{background:#0b1717a8;backdrop-filter:blur(4px)}.image-dialog form{position:relative;background:#fff}.image-dialog .close{position:absolute;right:12px;top:12px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:#173231;font-size:24px;box-shadow:0 4px 18px #0002}.dialog-image{height:min(62vh,600px);background:#0a2526}.dialog-image img{width:100%;height:100%;object-fit:contain}.dialog-copy{display:flex;justify-content:space-between;gap:20px;padding:17px 20px 10px;align-items:center}.dialog-copy small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#97702e}.dialog-copy h2{font:700 26px Georgia,serif;margin:3px 0}.dialog-copy b{color:#9a6819}.dialog-actions{display:flex;gap:8px}.dialog-actions button,.dialog-actions a{border:0;border-radius:9px;padding:10px 12px;text-decoration:none;font-size:11px;font-weight:900}.dialog-actions button{background:#0c5558;color:#fff}.dialog-actions a{background:#f3f6f4;color:#173231}.link-box{margin:0 20px 18px;border:1px solid #e7ddcf;border-radius:9px;padding:9px 11px;color:#687570;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#173231;color:#fff;padding:10px 14px;border-radius:9px;font-size:11px;transition:.2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:620px){.pic-hint{opacity:1}.dialog-copy{display:grid}.dialog-actions{width:100%}.dialog-actions>*{flex:1;text-align:center}.dialog-image{height:52vh}}