@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.tag-container{height:24px;width:auto;display:flex;align-items:center;gap:6px;border-radius:40px}.tag-container img{margin-left:10px;height:16px;width:16px}.tag-container span{font-size:11px;font-weight:600;border-radius:40px;padding:0;margin-right:14px}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Thin.otf);font-weight:100;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20ExtraLight.otf);font-weight:200;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Light.otf);font-weight:300;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Regular.otf);font-weight:400;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Medium.otf);font-weight:500;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20DemiBold.otf);font-weight:600;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Bold.otf);font-weight:700;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20ExtraBold.otf);font-weight:800;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Black.otf);font-weight:900;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Thin.otf);font-weight:100;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Extra%20Light.otf);font-weight:200;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Light.otf);font-weight:300;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Regular.otf);font-weight:400;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Medium.otf);font-weight:500;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Semibold.otf);font-weight:600;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Bold.otf);font-weight:700;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Extra%20Bold.otf);font-weight:800;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Black.otf);font-weight:900;font-style:normal}.default{display:flex;direction:row-reverse;background-image:url(../Image/Wave.png);background-repeat:no-repeat;animation:moveBackground 10s infinite ease-in-out}.overlay .ticket{width:820px;height:470px;background-image:url(../Icon/Ticket.png);background-repeat:no-repeat;padding:40px 90px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;font-family:TT-Interfaces,Jokerman,sans-serif}.button{width:140px;height:40px;margin-left:5px;background-color:#282a33;border-radius:120px;display:flex;flex-direction:row;align-items:center;align-self:center;justify-content:space-between}.button Button{border:none;border-radius:50px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.button-less{height:28px;width:28px;margin-left:6px;background-color:#363944}.button-less Img{width:20px;height:20px}.button-more{height:34px;width:34px;margin-right:3px;background-color:#fb944a}.button-more Img{width:32px;height:32px}.button span{font-size:20px;font-weight:700;color:#fff;text-shadow:0px 2px 8px rgba(247,247,247,.25)}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Thin.otf);font-weight:100;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20ExtraLight.otf);font-weight:200;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Light.otf);font-weight:300;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Regular.otf);font-weight:400;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Medium.otf);font-weight:500;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20DemiBold.otf);font-weight:600;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Bold.otf);font-weight:700;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20ExtraBold.otf);font-weight:800;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Black.otf);font-weight:900;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Thin.otf);font-weight:100;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Extra%20Light.otf);font-weight:200;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Light.otf);font-weight:300;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Regular.otf);font-weight:400;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Medium.otf);font-weight:500;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Semibold.otf);font-weight:600;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Bold.otf);font-weight:700;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Extra%20Bold.otf);font-weight:800;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Black.otf);font-weight:900;font-style:normal}.default{display:flex;direction:row-reverse;background-image:url(../Image/Wave.png);background-repeat:no-repeat;animation:moveBackground 10s infinite ease-in-out}.overlay .ticket{width:820px;height:470px;background-image:url(../Icon/Ticket.png);background-repeat:no-repeat;padding:40px 90px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;font-family:TT-Interfaces,Jokerman,sans-serif}.food-content{display:flex;flex-direction:column;gap:30px}.tabs{height:auto;width:100%;display:flex;flex-wrap:wrap;gap:20px}.tab-selected{height:50px;padding:12px 55px 10px;border-radius:25px;font-size:18px;font-weight:700;text-align:center;color:#363944;border:none;cursor:pointer;box-shadow:0 4px 12px #00000040;background-color:#f9964f;color:#fff}.tab-unselected{height:50px;padding:12px 55px 10px;border-radius:25px;font-size:18px;font-weight:700;text-align:center;color:#363944;border:none;cursor:pointer;box-shadow:0 4px 12px #00000040;background-color:#fff}.containner{display:flex;gap:40px;flex-basis:0;flex-grow:1;flex-wrap:wrap;margin-bottom:16px}.card{width:290px;height:auto;background-color:#fff;border-radius:15px;outline:6px solid #faaf79;display:flex;flex-direction:column;justify-content:space-between;gap:15px}@media screen and (min-width: 1626px){.card{width:22%}}@media screen and (min-width: 1280px) and (max-width: 1626px){.card{width:30%}}@media screen and (min-width: 965px) and (max-width: 1280px){.card{width:45%}}@media screen and (max-width: 965px){.card{width:100%}}.card:hover{box-shadow:0 0 15px 5px #f98e4799}.card-header{padding:12px 12px 0;display:flex;flex-direction:column;gap:8px}.card-header img{width:100%;height:192px;border-radius:10px;object-fit:cover}.card-footer{height:60px;display:flex;justify-content:space-between;padding-right:12px}.card-footer .price-containner{height:100%;width:120px;background-color:#faaf79;border-top-right-radius:45px;border-bottom-left-radius:10px;font-family:TT-Interfaces,Jokerman,sans-serif;font-weight:800;font-size:34px;color:#fff;letter-spacing:4px;text-align:center;align-content:center}.card-footer .price-containner *{margin-right:20px}.tags{width:100%;display:flex;gap:5px;flex-wrap:wrap}.tag-Nuts{width:auto;background-color:#faaf79;border-radius:25px;padding:6px 14px;color:#393939;font-size:12px;font-weight:700;text-align:center;align-self:center;background-color:#b07969}.tag-Gluten{width:auto;background-color:#faaf79;border-radius:25px;padding:6px 14px;color:#393939;font-size:12px;font-weight:700;text-align:center;align-self:center;background-color:#ffc0b0}.tag-Vegan{width:auto;background-color:#faaf79;border-radius:25px;padding:6px 14px;color:#393939;font-size:12px;font-weight:700;text-align:center;align-self:center;background-color:#c9f79a}.tag-Diary{width:auto;background-color:#faaf79;border-radius:25px;padding:6px 14px;color:#393939;font-size:12px;font-weight:700;text-align:center;align-self:center;background-color:#b1ebfa}.tag-Egg{width:auto;background-color:#faaf79;border-radius:25px;padding:6px 14px;color:#393939;font-size:12px;font-weight:700;text-align:center;align-self:center;background-color:#ffdc7d}.tag-Cold{width:auto;background-color:#faaf79;border-radius:25px;padding:6px 14px;color:#393939;font-size:12px;font-weight:700;text-align:center;align-self:center;background-color:#b1c4fa}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Thin.otf);font-weight:100;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20ExtraLight.otf);font-weight:200;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Light.otf);font-weight:300;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Regular.otf);font-weight:400;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Medium.otf);font-weight:500;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20DemiBold.otf);font-weight:600;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Bold.otf);font-weight:700;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20ExtraBold.otf);font-weight:800;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Black.otf);font-weight:900;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Thin.otf);font-weight:100;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Extra%20Light.otf);font-weight:200;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Light.otf);font-weight:300;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Regular.otf);font-weight:400;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Medium.otf);font-weight:500;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Semibold.otf);font-weight:600;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Bold.otf);font-weight:700;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Extra%20Bold.otf);font-weight:800;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Black.otf);font-weight:900;font-style:normal}.default{display:flex;direction:row-reverse;background-image:url(../Image/Wave.png);background-repeat:no-repeat;animation:moveBackground 10s infinite ease-in-out}.overlay .ticket{width:820px;height:470px;background-image:url(../Icon/Ticket.png);background-repeat:no-repeat;padding:40px 90px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;font-family:TT-Interfaces,Jokerman,sans-serif}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Thin.otf);font-weight:100;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20ExtraLight.otf);font-weight:200;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Light.otf);font-weight:300;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Regular.otf);font-weight:400;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Medium.otf);font-weight:500;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20DemiBold.otf);font-weight:600;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Bold.otf);font-weight:700;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20ExtraBold.otf);font-weight:800;font-style:normal}@font-face{font-family:TT-Hoves;src:url(../Fonts/TT%20Hoves/TT%20Hoves%20Black.otf);font-weight:900;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Thin.otf);font-weight:100;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Extra%20Light.otf);font-weight:200;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Light.otf);font-weight:300;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Regular.otf);font-weight:400;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Medium.otf);font-weight:500;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Semibold.otf);font-weight:600;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Bold.otf);font-weight:700;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Extra%20Bold.otf);font-weight:800;font-style:normal}@font-face{font-family:TT-Interfaces;src:url(../Fonts/TT%20Interfaces/TT%20Interfaces%20Black.otf);font-weight:900;font-style:normal}.debug{font-size:24px}body{font-family:TT-Hoves,Jokerman,sans-serif;background:linear-gradient(45deg,#ffe7c9,#fef0de);color:#282a33;font-size:16px;padding:0;margin:0;overflow-x:hidden}h1{font-size:54px;font-weight:800;color:#fff;margin:0;letter-spacing:2px}h2{font-size:64px;font-weight:800;font-family:TT-Interfaces,Jokerman,sans-serif;color:#282a33;margin:0;letter-spacing:3px}h3{font-size:34px;font-weight:700;color:#fff;margin:0;letter-spacing:2px}h4{display:inline;font-size:26px;margin-right:4px;font-weight:500}h5{font-size:48px;margin:0;font-weight:800;background:linear-gradient(0deg,#f98e47,#faaf79);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h6{font-size:30px;font-weight:700;margin:0}.default{display:flex;direction:row-reverse;background-image:url(../Image/Wave.png);background-repeat:no-repeat;animation:moveBackground 10s infinite ease-in-out}@keyframes moveBackground{0%{background-position:0 0}50%{background-position:0 -50px}to{background-position:0 0}}.main{height:100vh;margin:36px;flex:7;display:flex;flex-direction:column;gap:20px}.space{height:100vh;min-width:404px;width:504px;flex:2.625}.search-box{max-width:560px;height:60px;background-color:#f8f8f8;border-radius:15px;border:none;box-shadow:0 4px 8px #00000040;outline:none;padding:0 20px;display:flex;align-items:center;gap:10px}.search-box img{width:20px;height:20px;margin-bottom:4px}.search-box input{flex:1;border:none;background:none;outline:none;color:#ababab;font-size:16px;font-weight:500}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center}.overlay .ticket{width:820px;height:470px;background-image:url(../Icon/Ticket.png);background-repeat:no-repeat;padding:40px 90px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;font-family:TT-Interfaces,Jokerman,sans-serif}.overlay .ticket h1{font-size:72px;font-weight:900;color:#fff;letter-spacing:2px}.overlay .ticket h3{font-size:270px;font-weight:900;color:#fff;letter-spacing:15px;margin-bottom:100px}.overlay .ticket h2{font-size:48px;line-height:48px;margin-bottom:10px}.order-overlay{position:fixed;width:100%;height:120%;margin:-84px -36px -36px;z-index:1;background:#000c;display:flex;justify-content:center;align-items:center}.order-info{position:relative;width:450px;height:auto;background:#282a33;border-radius:25px;padding:30px;display:flex;flex-direction:column;gap:15px}.order-info .close{position:absolute;top:-20px;right:-20px}.order-info .close button{width:50px;height:50px;border-radius:50%;border:none;background:#ff4141;cursor:pointer}.order-info .close img{margin-top:5px;width:55%;height:45%}.order-info img{width:100%}.order-info h3{display:flex;justify-content:space-between}.order-info h3 span{font-size:34px;font-weight:800;background:linear-gradient(0deg,#f98e47,#faaf79);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.order-datetime{display:flex;justify-content:space-between}.order-datetime h3{font-size:24px;font-weight:700}.order-list{width:auto;border-radius:10px;display:flex;flex-direction:column;gap:5px}.order-list-item{display:flex;justify-content:space-between;align-items:center;gap:10px}.order-list-item h3,.order-list-item h5{font-size:24px}.not-found h3{font-size:34px}.not-found h3 span{font-size:30px;display:flex;flex-direction:column;justify-content:end}.order{height:calc(100vh - 20px);min-height:520px;max-height:1280px;max-width:484px;position:fixed;right:0;margin:10px;background:linear-gradient(0deg,#31343f,#282a33 40%);border-radius:15px;display:flex;flex-direction:column}.order h1{margin:19px;text-align:left}.order .empty-cart{font-size:48px;color:#3b3e4c;margin:0;font-weight:700;justify-content:center;align-items:center;display:flex;flex:1}.order-items{flex:1;overflow:auto;display:flex;flex-direction:column;margin:0 19px;gap:8px}.order-item{width:auto;padding:20px;background-color:#25262b;border-radius:10px;display:flex;justify-content:space-between}.order-item .order-header span{font-size:24px;color:#6f6f6f;margin:0;font-weight:700}.order-item .order-quantity{display:flex;align-items:baseline}.footer{margin:19px;display:flex;flex-direction:column;gap:20px}.footer img{width:100%;height:auto}.footer .total{display:flex;justify-content:space-between;margin-top:14px}.footer .total span{color:#fff;font-weight:900;font-size:48px;margin:0}.footer .total *{display:flex;align-items:center}.footer .note{background-color:#363944;border-radius:10px;padding:10px;width:calc(100% - 20px);height:50px;color:#b8b8b8;font-size:15px;font-weight:700}.footer .buttons{display:flex;gap:20px;height:64px}.footer .buttons button{border:none;border-radius:15px;height:auto;cursor:pointer}.footer .buttons-confirm{flex:1;background:linear-gradient(0deg,#f98e47,#faaf79);font-size:24px;font-weight:600;color:#fff}.footer .buttons-cancel{background-color:#232429;width:64px}.footer .buttons-cancel img{margin-top:4px;width:27px;height:27px}