*{margin:0;padding:0;box-sizing:border-box}:root{--background: #FFFBD6;--dark-brown: #251414;--green: #6F9E6A;--pale-yellow: #FFF6A9}body{background-color:var(--background)}:root{font-family:Italiana,sans-serif;font-weight:400;font-style:normal}.header{background-color:#6f9e6a;padding:20px;display:flex;justify-content:space-between;align-items:center;width:100%;height:14vh}.header-left{display:flex;align-items:center}.header-left h1{color:#000;font-size:48px;margin:0;font-family:Italiana,serif}.garlic-icon{width:50px;height:auto;transform:rotate(-15deg)}.logo-link{display:flex;align-items:center;text-decoration:none;color:inherit}.cart-icon{width:40px;height:auto;margin-left:0}.cart-link{position:relative}.cart-count{position:absolute;top:-8px;right:-8px;background:#fff6a9;color:#000;border-radius:50%;padding:2px 6px;font-size:15px;font-weight:900;font-family:Times New Roman,Times,serif}.sticky-header{position:sticky;top:0;z-index:100}@media (max-width: 320px){.header{padding:10px;flex-direction:row;align-items:center;width:100%;height:12vh;margin-bottom:40px}.header-left{display:flex;align-items:left;margin:0}.header-left h1{font-size:23px}.garlic-icon{width:30px;margin:0}.cart-icon{width:35px;margin:0}}@media (max-width: 750px){.header{padding:15px}.header-left h1{font-size:36px}.garlic-icon{width:45px}.cart-icon{width:38px}}@media (max-width: 1100px){.header{padding:20px}.header-left h1{font-size:42px}.garlic-icon{width:50px}.cart-icon{width:40px}}.footer{background-color:#2e1b1b;color:#fff8e7;padding:2rem 1rem;border-top:4px solid #fff;width:100%;box-sizing:border-box;overflow-x:hidden}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2rem;max-width:1000px;margin:auto;box-sizing:border-box;width:100%}.footer-info{display:flex;flex-direction:column;gap:1rem;font-family:Cormorant Garamond,serif;font-size:1.2rem;flex:1 1 300px}.footer-map{flex:1 1 300px;max-width:100%}.footer-map iframe{width:100%;height:250px;border-radius:1rem;border:0;box-sizing:border-box}.login-link{color:#fff6a9;text-decoration:none}.login-link:hover{text-decoration:underline}@media (max-width: 900px){.footer-content{flex-direction:column;align-items:stretch}.footer-info,.footer-map{width:100%}.footer-map iframe{height:300px}}@media (max-width: 480px){.footer{padding:1rem}.footer-info{font-size:1.1rem}.footer-map iframe{height:200px}}html,body{margin:0;padding:0;height:100%}body{display:flex;flex-direction:column}.home{position:relative;flex:1;padding:0;background-color:#fffbd6;margin-top:10px}.intro{display:flex;justify-content:space-between;align-items:flex-start;margin:50px 25px 30px;flex-wrap:wrap}.home h1{font-family:Italiana,serif;font-size:108px;color:#020202;text-align:left;line-height:1.3;flex:1 1 40%;margin-top:15px}.hero{border:3px solid #251414;padding:40px;text-align:center;align-items:center;flex:1 1 30%;box-sizing:border-box;margin:0 45px auto}.hero p{font-size:24px;margin:10px;color:#000;font-family:Galdeano,serif;line-height:1.2;letter-spacing:.05em}.menu-section{position:relative;width:100%;height:100vh}.image-container{background-image:url(https://images-ext-1.discordapp.net/external/VXshl_X6vns-YQffvfxtp4ej39GPvY9AeeHBc2YHUHw/https/storage.googleapis.com/gen-atmedia/3/2019/01/df3b953314d7ee138caaa14b73548a407652fc71.jpeg?format=webp&width=744&height=930);background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:100%;display:flex;justify-content:center;align-items:center;margin:0}.menu-button{background-color:#fff6a9;border:black 1px solid;padding:25px 100px;font-size:5rem;color:#000;cursor:pointer;font-family:Italiana,serif;box-shadow:0 4px 8px #0000004d;transition:background-color .3s ease}.menu-button:hover{background-color:#edd586}@media (min-width: 1025px) and (max-width: 1200px){.intro{align-items:stretch}.home h1{font-size:99px;line-height:1.4;display:flex;align-items:center}.hero{display:flex;flex-direction:column;justify-content:center;height:auto}.hero p{font-size:22px;line-height:1.4}}@media (max-width: 751px){.intro{flex-direction:column;align-items:center;text-align:center;margin:20px 10px;gap:15px}.intro h1{font-size:3.5rem;margin:0;text-align:center}.hero{margin:0 auto;width:95%;padding:15px;align-items:center}.hero p{font-size:1.4rem;width:100%;text-align:center;padding:20px 10px}.menu-button{font-size:3.8rem;padding:10px 70px}}@media (max-width: 320px){.intro h1{font-size:2rem;line-height:30px}.intro{flex-direction:column;align-items:center;text-align:center;margin:20px}.hero{margin:0;width:100%;padding:5px 15px 0 0;align-items:center;text-align:center}.hero p{font-size:20px;text-align:center}.menu-button{font-size:3rem;width:80%;padding:10px 90px 10px 40px}.menu-section{height:50vh;width:100%;margin:0;align-items:center;text-align:center}.image-container{height:100%;background-size:cover;margin-top:10px;background-position:center}body{display:flex;flex-direction:column;height:100vh}}.menu{display:flex;flex-direction:column;width:100%;height:100%;background-color:#fffbd6;margin:0}.menu h1{text-align:center;font-size:3em;font-family:Italiana,serif;margin:0;padding:1em;background-color:#fffbd6;color:#0d0d0d}.menu h2{font-family:Italiana,serif}.menu ul{padding:0}.menu li{list-style:none;padding:4em;background-color:#251414;color:#f8f4f4;border-radius:5px;display:flex;justify-content:space-between;align-items:flex-start;font-size:1.5em;gap:3rem;font-family:galdeano;margin:.3em}.menu li .text-content{flex:1}.menu li .text-content p{margin-top:.5em}.menu li .img-content{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;max-width:500px;flex-shrink:0}.menu li .img-content img{width:100%;height:auto;max-height:400px;max-width:400px;object-fit:cover;border-radius:2px;margin-top:1.6em}.menu li .img-content p{font-size:1.7em;text-align:center;margin:6.5em 0 0}.menu li .price{font-size:1.9em;margin-top:1em;margin-bottom:.2em}.menu li li p{margin-top:1em}.menu li .item-details{z-index:10;position:relative}.menu li .order-button{padding:15px 20px;font-size:1em;background-color:#fff6a9;color:#0d0d0d;border:none;cursor:pointer;border:1px solid #090505;margin-top:.5em}.menu li .order-button:hover{background-color:#faee86}.menu li .ingredient-button{display:flex;justify-content:space-between;padding:10px 20px;font-size:1em;gap:1rem;background-color:#1b0f0f;color:#f6f6f6;margin-bottom:1em;cursor:pointer;margin-top:1.5em}.menu li .ingredient-button:hover{background-color:#261717}.menu li .close-button{padding:10px 20px;font-size:1em;background-color:#fff6a9;color:#0e0d0d;border:none;cursor:pointer;border:1px solid #090505;margin-top:1em}.menu li .close-button:hover{background-color:#faee86}@media (min-width: 320px) and (max-width: 600px){.menu .text-content{flex:1;text-align:center;font-size:larger}.menu .img-content{display:flex;flex-direction:column;align-items:center;gap:.6rem;max-width:100%;flex-shrink:0}.menu .ingredient-button{flex-direction:column;align-items:center;padding:2em;font-size:1.5em;gap:1rem;justify-self:center}.menu li{flex-direction:column-reverse;align-items:center;padding:2em;font-size:1.5em;gap:1rem}.menu h1{font-size:2em;padding:.5em}.menu li{padding:2em;font-size:1.2em;gap:1rem}.menu li img{max-width:100%;max-height:200px}.menu .ingredient-container{min-height:11em}}@media (min-width: 601px) and (max-width: 800px){.menu li{flex-direction:column-reverse;align-items:flex-start;padding:1em 1em 1em 2.5em}.menu li img{width:100%;max-width:400px;margin-top:1rem}.menu .ingredient-container{min-height:10em}}@media (min-width: 800px){.menu li{flex-direction:row;align-items:center;padding:.5em 2em;font-size:1.5em;gap:1rem}.menu li img{object-fit:cover;width:100%;max-width:100px;margin-top:0;margin-bottom:5em}.menu h1{font-size:2em;padding:.5em}.menu .text-content{padding-top:5em;max-width:50%}.menu .ingredient-container{min-height:10em;font-size:larger}}.cart-item-title{font-weight:600;color:#333}.cart-item-info{font-size:.875rem;color:#666}.remove-button{color:#dc2626;font-size:.875rem;cursor:pointer;background:none;border:none;transition:color .3s ease}.remove-button:hover{color:#a00000}html,body{height:100%;margin:0}.cart-container{max-width:800px;margin:3rem auto;padding:2rem;background-color:#fff8e7;border-radius:16px;box-shadow:0 4px 12px #0000001a;font-family:Galdeano,sans-serif;min-height:80vh;display:flex;flex-direction:column;justify-content:space-between}.cart-title{font-size:2rem;font-weight:700;margin-bottom:2rem;color:#3b1f1f;text-align:center;font-family:Italiana,serif}.cart-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.cart-total{background-color:#fcebd5;padding:1rem 1.5rem;border-radius:12px;font-size:1.2rem;font-weight:700;color:#3b1f1f;display:flex;justify-content:space-between;align-items:center;box-shadow:inset 0 0 5px #0000000d;margin-bottom:1.5rem}.text-right{text-align:right}.thank-you{margin-top:1.5rem;text-align:center;font-style:italic;color:#070500;font-weight:bolder}.cart-item{display:flex;justify-content:space-between;align-items:center;background-color:#f3f4f6;padding:1rem;border-radius:.5rem;box-shadow:0 2px 6px #0000001a}.quantity-controls{display:flex;align-items:center;gap:15px}.quantity-controls button{background-color:#f3f4f6;color:#3b1f1f;border:1px solid #ddd;padding:5px 10px;font-size:1.2rem;cursor:pointer;border-radius:5px;transition:background-color .3s ease}.quantity-controls button:hover{background-color:#6c3f3f;color:#fff}.quantity-controls span{font-size:1.2rem;font-weight:700}.remove-item button{background-color:#f44336;color:#fff;border:none;padding:5px 10px;font-size:1rem;cursor:pointer;border-radius:5px;transition:background-color .3s ease}.remove-item button:hover{background-color:#e53935}.remove-icon{font-size:18px}.checkout-button{text-align:center;margin-top:20px}.empty-cart{text-align:center;font-size:1rem;font-family:Italiana,serif;margin-top:250px;font-weight:700}.button-style{display:inline-block;padding:15px 30px;box-shadow:0 0 5px #0000000d,0 4px 12px #0000001a;font-size:1.4rem;text-decoration:none;font-family:Galdeano,serif;text-align:center;transition:background-color .3s ease}.back-link{background-color:#3b1f1f;color:#fff;width:50%}.back-link:hover{background-color:#6c3f3f}.order-link{background-color:#fff6a9;color:#000;width:50%}.order-link:hover{background-color:#edd586}.cart-buttons{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}footer{margin-top:auto;padding:1rem;background-color:#333;color:#fff;text-align:center;font-size:1rem}@media (max-width: 320px){.cart-item-info{font-size:.75rem}}@media (max-width: 750px){.cart-item{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 1100px){.cart-container{padding:1.5rem;margin:2rem auto}.cart-title{font-size:1.75rem}.cart-total{font-size:1rem;flex-direction:column;align-items:flex-start;gap:.5rem}.cart-item{padding:.75rem}.cart-item-title{font-size:1rem}.cart-item-info{font-size:.875rem}.thank-you{font-size:1rem}}.login{background-color:#fffbd6;min-height:100%;display:flex;justify-content:center;align-items:center;min-height:90vh}.login .login-box{margin:2rem;padding:1rem;min-height:315px;width:300px;display:flex;flex-direction:column;justify-content:space-around;color:#fff;background-color:brown;box-shadow:0 4px 12px #00000026}.login .login-box .input-box{display:flex;flex-direction:column;gap:1.5rem}.login .login-box .input-box input{font-size:22px;padding:.5rem;border:none;box-shadow:0 4px 12px #00000026}.login .login-box .input-box input.invalid{border:3px solid rgb(255,0,0)}.login .login-box .input-box button{font-size:22px;padding:1rem;background-color:#fff6a9;border:none;box-shadow:0 4px 12px #00000026}.menu-item{display:flex;justify-content:space-between;align-items:center;border:1px solid black;padding:.6rem;width:100%;max-width:40rem;min-width:13rem;max-height:5.6rem;min-height:5.6rem;font-family:Galdeano,serif;overflow:hidden;transition:max-height .3s ease-in-out,padding .3s ease-in-out}.menu-item button{background:none;padding:.2rem .5rem;border:1px solid var(--dark-brown);height:2rem;width:4rem;cursor:pointer;white-space:nowrap;overflow-x:hidden;font-family:Galdeano,serif;font-size:1rem}.menu-item button:hover{scale:1.1}.menu-item p{font-size:1rem}.edit-form{width:100%}.error-message{min-height:1rem;color:#b61919;font-size:.9rem}.menu-item.editing{flex-direction:column;align-items:flex-start;max-height:50rem;transition:max-height .3s ease-in-out,padding .3s ease-in-out}.menu-item.editing .menu-actions{width:100%;flex-direction:row;justify-content:center}.menu-item.editing .menu-actions .save-btn{background-color:var(--green)}.menu-item.editing .menu-actions .save-btn:hover{background-color:#3d833d}.menu-item.editing .menu-actions .cancel-btn{background-color:#f44336}.menu-item.editing .menu-actions .cancel-btn:hover{background-color:#f02617}.menu-item input,.menu-item textarea{width:100%;margin-bottom:.5rem;padding:1rem;border:1px solid #ccc;border-radius:.2rem;font-family:Galdeano,serif;font-size:1rem}.menu-item textarea{height:auto;min-height:7rem;max-height:15rem;resize:none}.menu-actions{display:flex;flex-direction:column;gap:.5rem;align-items:end}.menu-actions .confirm-remove{background-color:#f44336;width:6rem}.menu-actions .confirm-remove:hover{background-color:#f02617}.edit-menu{background-color:var(--background);padding:1rem;font-family:Galdeano,serif;display:flex;flex-direction:column;align-items:center}.edit-menu button{transition:width .1s ease-in-out,transform .1s ease-in-out}.edit-menu button:hover{transform:scale(1.1)}.edit-menu h1{margin-bottom:.2rem;font-family:italiana,serif;font-size:1.7rem}.edit-menu .back-button{background:none;border:none;font-size:1.2rem;margin-top:1.5rem;cursor:pointer;border:var(--dark-brown) 1px solid;padding:1rem 1.5rem;color:var(--dark-brown);font-family:Galdeano,serif}.edit-menu .menu-list{display:flex;flex-direction:column;gap:1rem;width:100%;align-items:center}.edit-menu .add-button{margin-bottom:1.5rem;padding:1rem 1.5rem;background-color:var(--green);color:#fff;border:none;cursor:pointer;font-size:1.2rem;font-family:Galdeano,serif}.add-menu-item{background-color:#fdf6e3;padding:1rem;font-family:Galdeano,serif;text-align:center;height:100%;display:flex;flex-direction:column;align-items:center;font-size:1.2rem}.add-menu-item .show-form{width:100%;display:flex;flex-direction:column;align-items:center}.add-menu-item a{text-decoration:none}.add-menu-item .return-button{color:var(--dark-brown);background:none;border:2px solid var(--dark-brown);display:flex;align-items:center;justify-content:center;margin:1rem;width:auto}.add-menu-item button{padding:1rem;font-size:1rem;border:none;cursor:pointer;width:6rem;transition:scale ease-in-out .2s}.add-menu-item button:disabled{background-color:#ccc;cursor:not-allowed}.add-menu-item .cancel-button{background-color:#f44336}.add-menu-item .cancel-button:not(:disabled):hover{background-color:#f02617;scale:1.1}.add-menu-item .submit-button{background-color:var(--green)}.add-menu-item .submit-button:not(:disabled):hover{background-color:#3d833d;scale:1.1}.add-menu-item h1{font-size:1.5rem;margin-bottom:1.2rem;font-family:Italiana,serif}.add-menu-item form{display:flex;flex-direction:column;gap:1rem;align-items:center;border:1px solid var(--dark-brown);padding:1rem;max-width:40rem;min-width:19rem;width:100%}.add-menu-item label{display:flex;flex-direction:column;text-align:left;width:100%}.add-menu-item input,.add-menu-item textarea{width:100%;padding:.5rem;border:1px solid black;font-size:1rem;font-family:Galdeano,serif}.add-menu-item input{padding:1rem}.add-menu-item textarea{resize:none;height:6.4rem}.add-menu-item .form-actions{display:flex;justify-content:space-between;gap:2rem}.add-menu-item .error-message{min-height:1rem;color:#b61919;font-size:.9rem}.add-menu-item .back-button{display:inline-block;padding:1rem;font-size:1rem;background-color:#3b1f1f;color:#fff;text-decoration:none;font-weight:700;margin-left:10px;width:6rem}.add-menu-item .back-button:hover{background-color:#6c3f3f}.add-menu-item .show-confirm{display:flex;flex-direction:column;gap:10rem;margin-bottom:4rem;margin-top:4rem}.add-menu-item .show-confirm .add-more-button{width:10rem;background-color:var(--green)}.add-menu-item .show-confirm .add-more-button:hover{scale:1.1;background-color:#3d833d}.checkout{min-height:90vh;display:flex;justify-content:center;align-items:center}.checkout .receipt{font-family:Galdeano,serif;margin:2rem;min-width:500px;display:flex;flex-direction:column;font-size:larger;gap:1rem;padding:2rem;background-color:#fff8e7;box-shadow:0 2px 4px #0000001a}.checkout .receipt h1{align-self:center}.checkout .receipt h2{font-family:Italiana,serif;align-self:center}.checkout .receipt h4{align-self:center}.checkout .receipt .items .items-header{display:flex;justify-content:space-between;font-weight:700;padding:.5rem 0;border-bottom:1px solid #eaeaea}.checkout .receipt .items .item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #eaeaea}.checkout .receipt .items .item p{max-width:4rem}.checkout .receipt .total{display:flex;gap:.5rem;flex-direction:column;align-items:flex-end}.checkout .receipt .total div{display:flex;flex-direction:column;align-items:flex-end}.checkout .receipt .total h3{font-size:larger}.checkout .receipt button{flex-grow:1;background-color:#fff6a9;border:black 1px solid;padding:1rem;font-size:2rem;color:#000;cursor:pointer;font-family:Italiana,serif;font-weight:700;box-shadow:0 4px 8px #0000004d;transition:background-color .3s ease}.checkout .receipt button:hover{background-color:#edd586}@media (max-width: 500px){.checkout .receipt{width:100%;min-width:0;margin:0;padding:.6em;font-size:large;gap:.5rem}.checkout .receipt h2{font-size:1.5rem}.checkout .receipt h4{font-size:1.2rem}.checkout .receipt button,.checkout .receipt .total{margin:2rem}}