@import"https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&family=Lato:wght@400;700&display=swap";*{box-sizing:border-box}body{margin:0;font-family:Raleway,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#251f1f;color:#ebe8e2;min-height:100vh;font-size:14px}#cart-icon{width:2.5rem}#cart-button:hover,#cart-button:active{filter:brightness(.7)}#main-header{position:sticky;top:0;background:linear-gradient(#3d3333,#2b2424,#251f1f);box-shadow:0 14px 18px #251f1f;display:flex;justify-content:space-between;align-items:center;padding:3rem 10%}#main-header #title{display:flex;gap:1rem;align-items:center}#main-header #title img{width:5rem;height:5rem;object-fit:contain;border-radius:50%}#main-header button{font-size:1.5rem;font-family:Lato,sans-serif}h1{font-family:Lato,sans-serif;font-weight:700;font-size:2rem;margin:0;color:#ff4b4f;letter-spacing:.2rem;text-transform:uppercase}#meals{width:90%;max-width:70rem;list-style:none;margin:2rem auto;padding:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1rem}.meal-item{background-color:#1d1616;border-radius:1rem;overflow:hidden;text-align:center}.meal-item article{height:100%;display:flex;flex-direction:column;justify-content:space-between}.meal-item img{width:100%;height:20rem;object-fit:cover}.meal-item h3{font-size:1.5rem;font-weight:700;margin:.75rem 0}.meal-item-description{margin:1rem}.meal-item-price{display:inline-block;background-color:#311d1d;color:#ff4b4f;font-size:.9rem;font-weight:700;padding:.5rem 2rem;margin:0;border-radius:4px}.meal-item-actions{margin-bottom:1.5rem}.cart h2{margin:1rem 0}.cart ul{list-style:none;margin:.5rem 0;padding:0}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.modal-actions .text-button{color:#161d1c;transition:background-color .2s,color .2s}.modal-actions .text-button:hover,.modal-actions .text-button:active{color:#311d1d}.cart-total{display:flex;justify-content:flex-end;margin:2rem 0;font-size:1.15rem;font-weight:700;color:#463c3c}.cart-item{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0}.cart-item p{margin:0}.cart-item-actions{display:flex;gap:1rem;align-items:center}.cart-item-actions button{cursor:pointer;font-size:1rem;width:1.5rem;height:1.5rem;border-radius:50%;border:none;background-color:#1d1616;color:#ebe8e2;display:flex;justify-content:center;align-items:center;transition:background-color .2s,color .2s}.cart-item-actions button:hover,.cart-item-actions button:active{background-color:#ff4b4f;color:#ebe8e2}.control{margin:.5rem 0;display:flex;flex-direction:column}.control label{font-weight:700;margin-bottom:.5rem}.control input{width:100%;max-width:20rem;font:inherit;padding:.5rem;border-radius:4px;border:1px solid #ccc}.control-row{display:flex;justify-content:flex-start;gap:1rem}.button{font:inherit;cursor:pointer;background-color:#ff4b4f;border:1px solid #ff4b4f;color:#ebe2e2;font-weight:700;font-size:16px;padding:.5rem 1.5rem;border-radius:4px;transition:background-color .2s,color .2s}.button:hover,.button:active{background-color:#c53a3c;border-color:#c53a3c;color:#ebe8e2}.text-button{font:inherit;cursor:pointer;background-color:transparent;border:none;color:#ff4b4f}.text-button:hover,.text-button:active{color:#ff4b4f}.modal{background-color:#e4ddd4;border-radius:6px;border:none;box-shadow:0 2px 8px #0009;padding:1rem;width:80%;max-width:40rem;animation:fade-slide-up .3s ease-out forwards}.modal::backdrop{background-color:#0000008c}.center{text-align:center}.error{width:90%;max-width:25rem;margin:2rem auto;padding:1rem;background-color:#f9b8b8;color:#6d0b0b;border-radius:6px}.error h2,.error p{margin:0}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(4rem)}to{opacity:1;transform:translateY(0)}}@keyframes cartPop{0%{transform:scale(1);filter:brightness(1)}20%{transform:scale(1.18);filter:brightness(1.35)}to{transform:scale(1);filter:brightness(1)}}.cart-pop{animation:cartPop .5s cubic-bezier(.22,1,.36,1)}