/* Basic reset */
*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;color:#222;background:#fff}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.brand-logo{height:40px;width:auto;object-fit:contain}
.lang-toggle button{border:1px solid #ddd;background:#f7f7f7;padding:6px 10px;border-radius:6px;margin-left:6px;cursor:pointer}
.lang-toggle .active{background:#111;color:#fff;border-color:#111}

.hero{width:100%;overflow:hidden;border-bottom:1px solid #eee}
.hero-img{display:block;width:100%;height:auto;max-height:360px;object-fit:cover}

.welcome{padding:20px 0;text-align:center}
.welcome .closed{color:#d00;font-weight:700;margin:0 0 8px}
.hours .center{text-align:center}

.map-embed{background:#f7f7f7;border:1px solid #eee;border-radius:10px;padding:8px}
.map-embed iframe{width:100%;height:260px;border:0;border-radius:8px;background:#ddd}
.map-address{font-size:14px;text-align:center;margin:8px 0 0}

.menu{padding:24px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.card img{width:100%;height:160px;object-fit:cover;background:#fafafa}
.card-body{padding:12px}
.card h3{margin:0 0 8px;font-size:18px}
.allergen{color:#666;font-size:14px;margin:0 0 10px}
.qty{display:flex;align-items:center;gap:10px}
.qty button{width:32px;height:32px;border-radius:8px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:18px}
.qty .count{min-width:24px;display:inline-block;text-align:center}

.checkout{position:sticky;bottom:0;background:#fff;border-top:1px solid #eee}
.checkout-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}
.total{font-size:18px}
.marquee{overflow:hidden;white-space:nowrap;flex:1}
.marquee-inner{display:inline-block;animation:scroll 12s linear infinite}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}