/* Reset */
* {margin:0; padding:0; box-sizing:border-box; font-family:'Arial', sans-serif;}
body {background:#fff; color:#333; line-height:1.6;}
a {text-decoration:none; color:inherit;}
img {max-width:100%; display:block;}

/* Header */
header {background:#ff6b6b; padding:15px 20px; position:sticky; top:0; z-index:100;}
header .logo {color:white; font-weight:700; font-size:24px; float:left;}
header .nav-links {list-style:none; display:flex; justify-content:flex-end; gap:20px;}
header .nav-links li a {color:white; font-weight:bold; padding:5px 10px; transition:0.3s;}
header .nav-links li a:hover {background:rgba(255,255,255,0.2); border-radius:5px;}
header .hamburger {display:none; font-size:28px; cursor:pointer; color:white;}

/* Hero */
.hero {background:url('https://chenzen9.wordpress.com/wp-content/uploads/2025/10/chatgpt-image-6-oct.-2025-15_18_21.png') center/cover no-repeat; height:90vh; display:flex; justify-content:center; align-items:center; text-align:center; position:relative;}
.hero::before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.4);}
.hero-content {position:relative; color:white; max-width:800px; padding:0 20px;}
.hero-content h1 {font-size:72px; margin-bottom:20px;}
.hero-content p {font-size:24px; margin-bottom:30px;}
.btn {padding:12px 25px; background:#ff6b6b; color:white; font-weight:bold; border-radius:5px; transition:0.3s;}
.btn:hover {background:#ff4b4b;}

/* Sections */
.about, .contact {padding:80px 20px; max-width:1000px; margin:auto; text-align:center;}
.about h2, .contact h2 {font-size:36px; margin-bottom:20px; color:#ff6b6b;}
.contact a {color:#ff6b6b; font-weight:bold;}

/* Menu */
.menu-section {padding:60px 20px; max-width:1200px; margin:auto;}
.menu-section h2 {text-align:center; margin-bottom:40px; color:#ff6b6b;}
.menu-section .category {margin-top:30px; margin-bottom:15px; font-size:28px; color:#222;}
.menu-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:30px;}
.menu-item {background:white; border-radius:10px; overflow:hidden; box-shadow:0 4px 15px rgba(0,0,0,0.2); text-align:center; transition:transform 0.3s, box-shadow 0.3s;}
.menu-item:hover {transform:scale(1.05); box-shadow:0 8px 20px rgba(0,0,0,0.3);}
.menu-item h4 {margin:15px 0 5px; color:#ff6b6b;}
.menu-item p {padding:0 10px 10px;}
.menu-item .price {display:block; margin-bottom:15px; font-weight:bold; font-size:18px; color:#222;}

/* Footer */
footer {text-align:center; background:#222; color:white; padding:20px; margin-top:40px;}
footer .social-links {margin-top:15px; display:flex; justify-content:center; gap:15px;}
footer .social-links a {font-size:24px; transition:transform 0.3s;}
footer .social-links a:hover {transform:scale(1.2);}

/* Responsive */
@media(max-width:768px){
    header .nav-links {display:none; flex-direction:column; background:#ff6b6b; position:absolute; top:60px; right:0; width:200px; padding:10px 0; border-radius:5px;}
    header .hamburger {display:block;}
    .hero-content h1 {font-size:48px;}
    .hero-content p {font-size:20px;}
}