#root{display:block}:root{--primary-color:#d35400;--secondary-color:#f39c12;--bg-color:#fafafa;--text-color:#2c3e50;--white:#fff}body{background-color:var(--bg-color);color:var(--text-color);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{text-align:center;background-color:var(--white);border-bottom:5px solid var(--primary-color);padding:60px 0}.header h1{color:var(--primary-color);margin:0;font-size:3rem}.subtitle{color:#7f8c8d;font-size:1.2rem}.hero{height:400px;color:var(--white);text-align:center;background-color:#0000;background-image:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1569718212165-3a8278d5f624?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:12px;justify-content:center;align-items:center;margin-top:20px;margin-bottom:60px;display:flex}.hero-content h2{margin-bottom:20px;font-size:2.5rem}.menu-section{padding-bottom:80px}.section-title{text-align:center;margin-bottom:40px;font-size:2rem;position:relative}.section-title:after{content:"";background:var(--primary-color);width:50px;height:3px;margin:10px auto;display:block}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.menu-card{background:var(--white);border-top:4px solid #0000;border-radius:12px;padding:30px;transition:transform .3s;box-shadow:0 4px 15px #0000000d}.menu-card:hover{border-top:4px solid var(--secondary-color);transform:translateY(-5px)}.menu-card h4{color:var(--primary-color);margin-top:0;font-size:1.5rem}.price{color:var(--secondary-color);margin-top:20px;font-size:1.2rem;font-weight:700;display:block}.footer{color:var(--white);text-align:center;background-color:#34495e;border-top-left-radius:20px;border-top-right-radius:20px;margin-top:60px;padding:60px 0 20px}.contact-info p{margin:10px 0}.copyright{opacity:.7;margin-top:40px;font-size:.9rem}@media (width<=768px){.header h1{font-size:2rem}.hero{height:300px}}