*{margin:0;padding:0;box-sizing:border-box;font-family:Rubik,sans-serif}body{background-color:#f0e0b8;min-height:100vh}@font-face{font-family:Rubik;src:url(/assets/fonts/Rubik-VariableFont_wght.ttf)}.content{width:100%;max-width:1500px;margin:0 auto;overflow:hidden;padding:0 10px 10px}@media screen and (max-width: 1366px){.content{width:100%;max-width:1100px}}.menu{background-color:#f2f0dc;padding:100px 0 50px}.menu .content{padding:0}.menu .banner{height:60vh;display:flex;align-items:center;justify-content:center;position:relative;border-radius:0 0 40px 40px;overflow:hidden}.menu .banner:after{content:"";display:block;height:60vh;position:absolute;top:0;width:100%;background-color:#0000047c}.menu .banner h1{color:#fae8d9;z-index:2;font-size:4rem}.menu .banner img{display:block;width:100%;height:100%;object-fit:cover}.menu .items{padding-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}@media screen and (max-width: 1100px){.menu .items{padding:5%}}.order-item{background-color:#fae8d9;display:flex;align-items:stretch;justify-content:space-between;border-radius:20px;margin:3%;box-shadow:#0000001a 0 4px 12px;height:100px}.order-item .item-image{flex-basis:30%;height:100%}.order-item .item-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:#0000001a 0 4px 12px}.order-item .item-info{flex-basis:40%;display:flex;flex-direction:column;justify-content:space-between;padding:10px 0}.order-item .item-info .item-name{font-weight:700;font-size:1.15rem}.order-item .item-actions{flex-basis:15%;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;padding:10px}.order-item .item-actions button{border:none;color:#fff;font-size:1.25rem;width:24px;height:24px;background-color:#3e1d11;cursor:pointer}.order-item .item-actions .change-quantity{display:flex;float:right;flex-wrap:nowrap;font-size:1rem;font-weight:700;border-radius:10px;overflow:hidden}.order-item .item-actions .change-quantity span{border:1.5px solid #3e1d11;height:24px;width:24px;margin:auto;display:flex;align-items:center;justify-content:center}.order-item .item-actions .remove button{background-color:transparent}@media screen and (max-width: 500px){.order-item{gap:10px}.order-item .item-info{flex-basis:50%}.order-item .item-info .item-name{font-size:1.15rem}.order-item .item-info .item-price{font-size:1rem}.order-item .item-actions{flex-basis:15%}.order-item .item-actions button,.order-item .item-actions .change-quantity{font-size:.75rem}}.order{width:400px;height:100%;z-index:99999999;position:fixed;right:0;bottom:0;background-color:#f0e0b8;color:#3e1d11;overflow:auto;transform:translate(100%);transition:.4s}.order .order-top{padding:5%}.order .order-top .close-btn{background:none;border:none;cursor:pointer}.order .order-top h1{text-align:center}.order .total{text-align:center;font-weight:700;font-size:1.5rem;padding:3% 0}.order .total:before,.order .total:after{content:"";width:80%;height:2px;background-color:#3e1d11;display:block;margin:2% auto}.order .place-order{text-decoration:none;display:flex;justify-content:center;background-color:#fae8d9;font-size:1.75rem;color:#3e1d11;font-weight:700;width:60%;margin:auto auto 3%;border-radius:20px;padding:2%;box-shadow:#0000001a 0 4px 12px}.order .empty-order{text-align:center;margin-top:50%}.slide-in{transform:translate(0)}@media screen and (max-width: 500px){.order{width:100%}}.header{width:100%;height:100px;background-color:#f0e0b8;color:#3e1d11;padding:1.5% 3%;position:fixed;top:0;z-index:30;font-size:1.5rem;display:flex;align-items:center;justify-content:space-between;box-shadow:#0000003d 0 3px 8px}.header .back-btn{border:none;border-radius:50%;width:3rem;height:3rem;box-shadow:#0000003d 0 3px 8px;background-color:#fae8d9;display:flex;align-items:center;justify-content:center;float:left;cursor:pointer}.header a{text-decoration:none;color:#3e1d11}.header .header-title{font-size:1.25rem;display:flex;align-items:center}.header .header-title img{width:48px;height:48px}.header .waiter-icon{position:relative;border-radius:50%;width:3rem;height:3rem;background-color:#fae8d9;box-shadow:#0000003d 0 3px 8px;border:none;cursor:pointer;float:right}.header .order-quantity{position:absolute;left:0;bottom:0;transform:translate(-30%,25%);width:1.5rem;height:1.5rem;font-size:.85rem;font-weight:700;background-color:#e79c82;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 500px){.header{padding:2.5% 3%}}.menu-item{text-decoration:none;background-color:#fae8d9;color:#3e1d11;box-shadow:#63636333 0 2px 8px;border-radius:20px;overflow:hidden}.menu-item .top-section{height:200px;display:flex;align-items:center;justify-content:center}.menu-item .top-section img{display:block;width:100%;height:100%;object-fit:cover}.menu-item .bottom-section{height:100px;background-color:#fff;padding:15px;border-radius:0 0 20px 20px;display:flex;flex-direction:column;justify-content:space-between}.menu-item .bottom-section .item-name{font-weight:700;font-size:1.1rem}.menu-item .bottom-section .add-section{display:flex;justify-content:space-between;align-items:flex-end}.menu-item .bottom-section .add-section .add-btn{color:inherit;border:none;border-radius:50%;height:30px;width:30px;background-color:#f2c4b4;font-size:1.5rem;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;cursor:pointer}.home{background-color:#f2f0dc;min-height:100vh}.home .hero .container{background-color:#f2c4b4;color:#3e1d11;font-size:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:center;padding:2% 10%}.home .hero .container img{height:100%;width:50%;display:block;margin:auto}.home .hero .container h1{text-align:center}.home .bottom-section{display:flex;flex-direction:column;align-items:center;color:#3e1d11;padding:5% 0}.home .bottom-section p{font-size:1.75rem}.home .bottom-section a{text-decoration:none;font-weight:700;color:#3e1d11;margin-top:3%;padding:1.5% 3%;background-color:#f2c4b4;border-radius:40px;box-shadow:#0003 0 3px 8px}@media screen and (max-width: 500px){.home .hero .container{font-size:1.25rem}.home .hero .container img{width:80%}.home .bottom-section a{font-size:2rem;margin-top:10%}}.main-menu{background-color:#f2f0dc;color:#3e1d11;padding:100px 0 50px}.main-menu h1{margin:30px 0}.main-menu .special-section .special{margin-top:2vh;height:25rem;padding:3% 10%;background-color:#fae8d9;border-radius:20px;box-shadow:#0000003d 0 3px 8px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#3e1d11}.main-menu .special-section .special .special-text{flex-basis:30%;font-weight:700;font-size:1.5rem;text-align:center}.main-menu .special-section .special .special-image{flex-basis:60%;height:100%;width:100%}.main-menu .special-section .special .special-image img{display:block;margin:auto;width:100%;height:100%;object-fit:cover;border-radius:40px}.main-menu .categories-section{margin-top:3vh}.main-menu .categories-section .categories{margin:auto;display:flex;justify-content:center;flex-wrap:wrap}.main-menu .categories-section .categories .card{background-color:#fae8d9;color:inherit;text-decoration:none;font-size:1.5rem;font-weight:700;height:210px;width:210px;box-shadow:#63636333 0 2px 8px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin:30px}.main-menu .popular-section{margin-top:3vh;border-radius:20px}.main-menu .popular-section .popular{margin-top:3vh;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}@media screen and (max-width: 1366px){.main-menu .categories-section .categories .card{height:200px;width:200px;margin:20px}}@media screen and (max-width: 1024px){.main-menu .categories-section .categories .card{height:260px;width:260px;margin:30px}}@media screen and (max-width: 500px){.main-menu{padding:100px 10px 50px}.main-menu .categories-section .categories{justify-content:space-around}.main-menu .categories-section .categories .card{height:150px;width:150px;margin:7.5px}.main-menu .categories-section .categories .card img{height:50%;width:50%}.main-menu .special-section .special{flex-direction:column-reverse;padding:3%}.main-menu .special-section .special .special-text{font-size:1rem}}@media screen and (max-width: 350px){.main-menu .categories-section .categories .card{margin:5px}}.single-item{background-color:#f2f0dc;color:#3e1d11;padding:100px 0 50px;min-height:100vh}.single-item .content{padding:0}.single-item .container-top{display:flex;flex-direction:column;justify-content:center;overflow:hidden;margin:auto}.single-item .container-top .item-image{height:55vh;width:100%;background-color:#f2c4b4;border-radius:0 0 40px 40px}.single-item .container-top .item-image img{display:block;width:100%;height:100%;object-fit:contain;margin:auto}.single-item .container-bottom{width:80%;padding-top:40px;display:flex;flex-direction:row;align-items:center;justify-content:center;margin:auto;gap:80px}.single-item .container-bottom .item-info{flex-basis:60%}.single-item .container-bottom .item-info .name{font-weight:700;font-size:1.75rem}.single-item .container-bottom .item-info .price{font-weight:700;padding:40px 0;font-size:1.5rem}.single-item .container-bottom .item-actions{display:flex;align-items:center;flex-wrap:nowrap;width:150px;height:60px;border-radius:20px}.single-item .container-bottom .item-actions button{border:none;background-color:#3e1d11;color:#f0e0b8;width:100%;height:100%;cursor:pointer;font-size:1.75rem;width:50px}.single-item .container-bottom .item-actions button:first-child{border-radius:20px 0 0 20px}.single-item .container-bottom .item-actions button:nth-last-child(1){border-radius:0 20px 20px 0}.single-item .container-bottom .item-actions span{font-size:1.75rem;height:60px;width:60px;border:1px solid #3e1d11;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 1024px){.single-item .container-top .item-image{height:100%}.single-item .container-top .item-image img{border-radius:0 0 40px 40px}}@media screen and (min-width: 2000px){.single-item .container-top .item-image{height:50vh}}@media screen and (max-width: 1000px){.single-item .container-bottom{padding:40px 20px}.single-item .container-bottom .item-info .price{padding:20px 0 0}}@media screen and (max-width: 700px){.single-item .container-bottom{width:100%;flex-direction:column;gap:50px}}.order-confirm{background-color:#fae8d9;min-height:100vh;padding:120px 0 50px;display:flex;flex-direction:column;gap:2rem;color:#3e1d11;position:relative}.order-confirm .order-items{display:flex;flex-direction:column}.order-confirm h1{text-align:center}.order-confirm .total{text-align:center;font-size:1.5rem}.order-confirm .total:before,.order-confirm .total:after{content:"";width:90%;height:.5vh;background-color:#3e1d11;display:block;margin:2% auto}.order-confirm .buttons{display:flex;justify-content:center;gap:2rem;font-weight:700;font-size:1.25rem}.order-confirm .buttons button{color:#3e1d11;border:none;background-color:#cad1a1;border:1px solid #3e1d11;padding:2% 1%;border-radius:20px;width:20%;font-weight:700;font-size:1.25rem;cursor:pointer}.order-confirm .buttons a{text-decoration:none;color:#3e1d11;background-color:#f2f0dc;border:1px solid #3e1d11;padding:2% 1%;border-radius:20px;width:20%;text-align:center}.order-confirm .modal-background{position:absolute;height:100%;top:0;bottom:0;left:0;right:0;background-color:#0000003b;display:flex;align-items:center;justify-content:center}.order-confirm .modal-background .modal{background-color:#f0e0b8;width:30%;border-radius:40px;padding:2%;text-align:center;font-size:1.5rem}.order-confirm .modal-background .modal p{margin:5% 0}.order-confirm .modal-background .modal a{text-decoration:none;color:#3e1d11;background-color:#f2c4b4;margin:10% 0;padding:2% 3%;border-radius:10px;box-shadow:#0000001a 0 4px 12px}@media screen and (max-width: 500px){.order-confirm .buttons{align-items:center}.order-confirm .buttons button,.order-confirm .buttons a{width:45%}.order-confirm .modal-background .modal{width:60%;padding:5%}}.confirmed-item{display:flex;align-items:center;width:75%;margin:20px auto;color:#3e1d11;background-color:#f2c4b4;border-radius:40px;box-shadow:#0000001a 0 4px 12px;height:125px}.confirmed-item .item-image{height:100%;width:175px}.confirmed-item .item-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:40px;box-shadow:#0000001a 0 4px 12px}.confirmed-item .item-info{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px}.confirmed-item .item-info .item-name{font-size:1.75rem}.confirmed-item .item-info .item-price{font-size:1.5rem}.confirmed-item .quantity{font-size:1.5rem;margin-left:auto;padding-right:20px}@media screen and (max-width: 500px){.confirmed-item{height:90px;width:95%;border-radius:20px;margin:10px auto}.confirmed-item .item-image{width:125px}.confirmed-item .item-image img{border-radius:20px;width:125px}.confirmed-item .item-info{padding:10px}.confirmed-item .item-info .item-name{font-size:1.25rem}.confirmed-item .item-info .item-price{font-size:1rem}.confirmed-item .quantity{font-size:1.25rem}}
