*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#f9f9f9}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.navbar{background:#d32f2f;padding:1rem;color:#fff}.navbar-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.navbar-menu{list-style:none;display:flex;gap:2rem;margin:0}.navbar-menu li a{color:#fff;text-decoration:none;font-size:1.1rem}.navbar-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.home{text-align:center}.hero{background:url(/assets/newhomek-KsP4dtTO.jpg) center/cover no-repeat;padding:4rem 2rem;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.hero h1{font-size:2.5rem;margin:0}.hero p{font-size:1.2rem}.cta-button{display:inline-block;background:#d32f2f;color:#fff;padding:.8rem 1.5rem;text-decoration:none;border-radius:4px;margin-top:1rem}.featured{padding:2rem}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.featured-item img{width:100%;height:150px;object-fit:cover;border-radius:8px}.featured-item h3{margin:.5rem 0}.menu{padding:2rem;max-width:1200px;margin:0 auto}.menu h2{text-align:center;margin-bottom:1rem}.menu-filters{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.menu-filters button{background:#d32f2f;border:1px solid #ddd;padding:.5rem 1rem;cursor:pointer;border-radius:4px}.menu-filters button:hover{background:#d32f2f;color:#fff}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.menu-item{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid #ddd}.menu-item img{width:100px;height:100px;object-fit:cover;border-radius:8px}.menu-item-details{flex:1}.menu-item-details h3{margin:0;font-size:1.2rem}.price{font-weight:700;color:#d32f2f}button{background:#d32f2f;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer;border-radius:4px}button:hover{background:#b71c1c}.cart{padding:2rem;max-width:600px;margin:0 auto}.cart h2{text-align:center}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #ddd}.cart-item button{padding:.3rem .6rem}.cart h3{margin-top:1rem;text-align:right}.cart>button{width:100%;padding:.8rem}.order{padding:2rem}.contact{padding:2rem;max-width:1200px;margin:0 auto;text-align:center}.contact h2{margin-bottom:2rem}.contact-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.contact-section h3{margin-bottom:1rem}.contact-section p{margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.contact-section a{color:#d32f2f;text-decoration:none}.contact-section a:hover{text-decoration:underline}.contact-section iframe{margin-top:1rem}.contact-icon,.social-icon{font-size:1.2rem}.footer{background:#333;color:#fff;padding:2rem}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.footer-section h3{margin-bottom:1rem}.footer-section p{margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.footer-section a{color:#d32f2f;text-decoration:none}.footer-section a:hover{text-decoration:underline}@media (max-width: 600px){.navbar-menu{display:none;position:absolute;top:60px;left:0;width:100%;background:#d32f2f;flex-direction:column;padding:1rem}.navbar-menu.active{display:flex}.navbar-toggle{display:block}.hero{padding:2rem 1rem}.hero h1{font-size:1.8rem}.hero p{font-size:1rem}.featured,.menu{padding:1rem}.menu-grid{grid-template-columns:1fr}.menu-item{flex-direction:column;align-items:center;text-align:center}.menu-item img{width:80%;height:auto}.menu-filters{flex-direction:column;align-items:center}.cart{padding:1rem}.cart-item{flex-direction:column;gap:.5rem;text-align:center}.order,.contact{padding:1rem}.contact-container{grid-template-columns:1fr}.contact-section iframe{height:200px}.contact-icon,.social-icon{font-size:1rem}.footer{padding:1rem}.footer-container{grid-template-columns:1fr;text-align:center}}@media (min-width: 601px) and (max-width: 900px){.navbar-menu{gap:1rem}.hero h1{font-size:2rem}.featured-grid,.menu-grid{grid-template-columns:repeat(2,1fr)}.menu-item img{width:80px;height:80px}.contact-container,.footer-container{grid-template-columns:repeat(2,1fr)}.contact-icon,.social-icon{font-size:1.1rem}}