*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f7f4ef;color:#222}
header{display:flex;justify-content:space-between;align-items:center;padding:16px 5%;background:#fff;position:sticky;top:0;z-index:9;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.logo{font-size:30px;font-weight:700;color:#8c3f22}.topbtn,.order,.call,.mobilebar a{text-decoration:none;border-radius:999px;font-weight:700}
.topbtn{background:#8c3f22;color:#fff;padding:12px 22px}
.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:calc(100vh - 70px)}
.hero-image{background:#ddd center/cover no-repeat;min-height:340px}
.hero-content{display:flex;flex-direction:column;justify-content:center;padding:40px}
h1{font-size:56px;margin:0;color:#8c3f22}.tag{font-size:22px;color:#666}
.offer{background:#fff8e8;border:3px solid #d6a441;border-radius:20px;padding:18px;margin:20px 0}
.line{font-size:22px;text-align:center}.divider{height:1px;background:#d6a441;margin:14px 0}.note{font-size:12px;color:#666}
.order{display:block;text-align:center;background:#d6a441;color:#fff;padding:20px;font-size:24px}
.helper{text-align:center;color:#777}.call{display:block;text-align:center;background:#8c3f22;color:#fff;padding:16px;margin-top:12px}
.addr{text-align:center;color:#555}
.mobilebar{display:none}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-image{height:260px}h1{font-size:40px}.mobilebar{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fff;box-shadow:0 -4px 15px rgba(0,0,0,.12)}.mobilebar a{flex:1;padding:16px;text-align:center}.mobilebar a:last-child{background:#d6a441;color:#fff}}