@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit;scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit}.app{width:90%;max-width:1400px;margin:0 auto}@media (max-width: 768px){.app{width:95%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.footer{color:#fff;background-color:#1f1f1f;display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 8vw;padding-top:80px;margin-top:100px}.footer-content{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px}.footer-content-left img{max-width:150px;width:100%;height:auto;object-fit:contain}.footer-content-left,.footer-content-right,.footer-content-center{display:flex;flex-direction:column;align-items:start;gap:20px}.footer-content-left li,.footer-content-right li,.footer-content-center li{list-style:none;margin-bottom:10px;cursor:pointer;transition:color .3s ease,transform .3s ease}.footer-content-left li:hover,.footer-content-right li:hover,.footer-content-center li:hover{color:#ffae00;transform:translate(5px)}.footer-content-right h2,.footer-content-center h2{color:#ff5722}.footer-social-icons img{width:40px;max-width:100%;height:auto;margin-right:15px;transition:transform .3s ease,filter .3s ease,box-shadow .3s ease;filter:grayscale(100%);border-radius:50%}.footer-social-icons img:hover{transform:scale(1.2);filter:none;box-shadow:0 0 10px 2px #ffffff80}.footer-social-icons img[alt=facebook]:hover{filter:none;color:#1877f2;background-color:#1877f2}.footer-social-icons img[alt=linkedin]:hover{filter:none;color:#0a66c2;background-color:#0a66c2}.footer-social-icons img[alt=twitter]:hover{filter:none;color:#1da1f2;background-color:#1da1f2}.footer-tech-partner{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 0}.footer-tech-partner span{font-size:14px;color:#888}.tech-partner-link{display:flex;align-items:center}.tech-partner-link img{height:36px;width:auto;transition:opacity .3s}.tech-partner-link:hover img{opacity:.8}.footer hr{width:100%;height:2px;margin:20px 0;background-color:#ffae00;border:none}@media (max-width: 768px){.footer{padding:40px 20px 30px;margin-top:60px}.footer-content{grid-template-columns:1fr;gap:40px;text-align:center}.footer-content-left,.footer-content-right,.footer-content-center{align-items:center}.footer-content-left img{max-width:120px}.footer-content-left p{text-align:center}.footer-copyright{font-size:14px;text-align:center}}@media (max-width: 480px){.footer-content-left img{max-width:100px}.footer-social-icons img{width:36px}}body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:#f4f4f4}h1,h2,h3{font-weight:700;color:#333}p{color:#666;font-size:1rem}div{max-width:1200px;margin:0 auto;padding:20px}header{background-color:#f8f8f8;padding:20px 0;box-shadow:0 4px 8px #0000001a;margin-bottom:40px}header h1{text-align:center;font-size:2.5rem;color:#333;margin-bottom:10px}header p{text-align:center;font-size:1rem;color:#777}.explore-menu-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.explore-menu-container h2{font-size:2rem;color:#333}.explore-menu-container select{padding:10px 15px;font-size:1rem;border-radius:5px;border:1px solid #ddd;background-color:#fff;cursor:pointer}.explore-menu-container select:hover{border-color:#333}.food-display-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;margin-top:20px}.food-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;text-align:center;transition:transform .3s ease-in-out}.food-card img{width:100%;height:auto;border-radius:8px;object-fit:cover;margin-bottom:15px}.food-card h3{font-size:1.5rem;color:#333;margin-bottom:10px}.food-card p{font-size:1rem;color:#555;margin-bottom:15px}.food-card .price{font-size:1.25rem;color:#28a745;font-weight:700}.food-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px #0000001a}@media (max-width: 1200px){.food-display-container{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.explore-menu-container{flex-direction:column;align-items:flex-start}.explore-menu-container select{margin-top:10px}}@media (max-width: 768px){.explore-menu-container{flex-direction:column;align-items:flex-start;gap:15px}.food-card{padding:15px}.food-card h3{font-size:1.2rem}.food-card p{font-size:.9rem}.food-card .price{font-size:1rem}}.explore-menu{display:flex;flex-direction:column;gap:20px}.explore-menu h1{color:#262626;font-weight:500}.explore-menu-text{max-width:60%;color:gray}.explore-menu-scanner{display:flex;flex-direction:column;align-items:center;gap:10px;margin:24px 0}.explore-menu-scanner img{width:140px;height:140px;object-fit:contain}.explore-menu-scanner p{font-size:14px;color:#666}.explore-menu-list{display:flex;justify-content:space-between;align-items:center;gap:30px;text-align:center;margin:20px 0;overflow-x:scroll}.explore-menu-list::-webkit-scrollbar{display:none}.explore-menu-list-item img{width:7.5vw;min-width:80px;max-width:120px;height:auto;aspect-ratio:1;object-fit:cover;cursor:pointer;border-radius:50%;transition:.2s;flex-shrink:0}.explore-menu-list-item p{color:#747474;font-size:max(1.4vw,16px);cursor:pointer}.explore-menu-list-item .active{border:4px solid tomato;padding:2px}.explore-menu-food-names{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px}.explore-menu-names-column h3{font-size:18px;color:#262626;margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid tomato}.explore-menu-names-column ul{list-style:none}.explore-menu-names-column li{padding:6px 0;color:#555;cursor:pointer;transition:color .2s}.explore-menu-names-column li:hover{color:tomato}@media (max-width: 768px){.explore-menu h1{font-size:22px}.explore-menu-text{max-width:100%;font-size:14px;line-height:1.5}.explore-menu-list{gap:16px;margin:16px 0;-webkit-overflow-scrolling:touch}.explore-menu-list-item img{min-width:60px;width:60px}.explore-menu-list-item p{font-size:13px}}@media (max-width: 480px){.explore-menu-list-item img{min-width:50px;width:50px}.explore-menu-list-item p{font-size:12px}}@media (max-width: 768px){.explore-menu-scanner img{width:120px;height:120px}.explore-menu-food-names{grid-template-columns:1fr;gap:24px}}.food-display{margin-top:30px}.food-display h2{font-size:max(2vw,24px);font-weight:600}.food-display-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:30px;gap:30px;row-gap:50px}@media (max-width: 768px){.food-display h2{font-size:20px}.food-display-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;row-gap:30px}}@media (max-width: 480px){.food-display-list{grid-template-columns:1fr;gap:24px}}.food-item{width:100%;margin:auto;border-radius:15px;box-shadow:0 0 10px #00000015;transition:.3s;animation:fadeIn 1s}.food-item-image{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:15px 15px 0 0;display:block}.food-item-info{padding:20px}.food-item-name-rating{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.food-item-name-rating p{font-size:20px;font-weight:500}.food-item-name-rating img{width:70px;max-width:100%;height:auto;object-fit:contain}.food-item-desc{color:#676767;font-size:20px}.food-item-price{color:tomato;font-size:22px;font-weight:500;margin:10px 0}.food-item-img-container{position:relative}.food-item-img-container .add,.food-item-img-container .add-button{width:45px;height:45px;position:absolute;bottom:15px;right:15px;cursor:pointer;border-radius:50%;background:#000;border:none;display:flex;align-items:center;justify-content:center}.food-item-img-container .add-button img{width:24px;filter:invert(1)}.food-item-counter{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:10px;padding:6px;border-radius:50px;background-color:#fff}.food-item-counter img{width:30px}@media (max-width: 768px){.food-item-info{padding:14px}.food-item-name-rating p{font-size:16px}.food-item-name-rating img{width:50px}.food-item-desc{font-size:14px}.food-item-price{font-size:18px}.food-item-img-container .add,.food-item-img-container .add-button{width:38px;height:38px;bottom:10px;right:10px}.food-item-img-container .add-button img{width:18px}.food-item-counter{padding:4px;gap:6px;bottom:10px;right:10px}.food-item-counter img{width:22px}}.gallery{margin-top:60px;padding:20px 0}.gallery h2{font-size:28px;color:#262626;margin-bottom:24px;text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.gallery-item{aspect-ratio:1;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.gallery-item img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}}.header{height:34vw;min-height:200px;max-height:450px;margin:30px auto;background:url(/header_image.png.jpg) center/cover no-repeat;position:relative;background-color:#1a1a1a}.header-contents{position:absolute;display:flex;flex-direction:column;align-items:start;gap:1.5vw;max-width:50%;bottom:10%;left:6vw;animation:fadeIn 3s}.header-contents h2{font-weight:500;color:#fff;font-size:max(4.5vw,22px)}.header-contents p{color:#fff;font-size:1vw}.header-contents button{border:none;color:#747474;font-weight:500;padding:1vw 2.3vw;background-color:#fff;font-size:max(1vw,13px);border-radius:50px;cursor:pointer}@media (max-width: 768px){.header{height:45vw;min-height:180px;max-height:350px;margin:15px auto}.header-contents{max-width:90%;left:5%;bottom:15%}.header-contents h2{font-size:max(4vw,18px)}.header-contents p{font-size:3vw;line-height:1.4}.header-contents button{padding:10px 20px;font-size:14px}}@media (max-width: 480px){.header{height:55vw;min-height:160px;max-height:280px}.header-contents h2{font-size:16px}.header-contents p{font-size:12px}}.navbar{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:20px}.navbar .logo{width:150px;max-width:100%;height:auto;object-fit:contain}.navbar-menu{display:flex;align-items:center;gap:40px;list-style:none}.navbar-menu a{font-size:18px;font-weight:500;transition:color .3s}.navbar-menu a.active{color:tomato;padding-bottom:2px;border-bottom:2px solid tomato}.navbar-menu{position:relative}.navbar-right{display:flex;align-items:center}.navbar-cart{position:relative;display:flex;align-items:center}.navbar-cart img{width:28px;max-width:100%;height:auto;cursor:pointer}.navbar-cart-count{position:absolute;top:-8px;right:-8px;background:tomato;color:#fff;font-size:12px;font-weight:600;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px}.navbar-submenu{position:absolute;top:60px;left:0;background-color:#fff;border:1px solid #ccc;box-shadow:0 8px 16px #0003;z-index:1;display:none}.navbar-menu a:hover+.navbar-submenu,.navbar-submenu:hover{display:block}.navbar-submenu ul{list-style:none;padding:0}.navbar-submenu ul li{padding:10px;cursor:pointer}.navbar-submenu ul li:hover{background-color:#f1f1f1}.navbar-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}.navbar-toggle span{display:block;width:25px;height:3px;background:#333;margin:5px 0;border-radius:2px;transition:.3s}@media (max-width: 900px){.navbar .logo{width:120px}.navbar-menu{gap:24px}.navbar-menu a{font-size:16px}}@media (max-width: 768px){.navbar{flex-wrap:wrap;position:relative}.navbar .logo{width:100px}.navbar-toggle{display:block;margin-left:auto}.navbar-menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px;gap:16px;box-shadow:0 10px 30px #0000001a;z-index:100}.navbar-menu.open{display:flex}.navbar-submenu{position:static;box-shadow:none;border:none;display:none!important}.navbar-menu.open .navbar-submenu{display:block!important}}@media (max-width: 480px){.navbar .logo{width:80px}}.cart{padding:20px;max-width:900px;margin:0 auto 80px}.cart h1{font-size:28px;margin-bottom:24px;color:#1f1f1f}.cart-items{margin-bottom:40px}.cart-item{display:flex;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid #eee}.cart-item img{width:80px;min-width:60px;height:80px;object-fit:cover;border-radius:12px;flex-shrink:0}.cart-item-info{flex:1}.cart-item-name{font-size:18px;font-weight:600;margin-bottom:4px}.cart-item-price{color:#676767;font-size:14px}.cart-item-counter{display:flex;align-items:center;gap:10px;margin-top:8px}.cart-item-counter button{background:none;border:none;cursor:pointer;padding:4px}.cart-item-counter img{width:24px;height:24px}.cart-item-total{font-size:18px;font-weight:600;color:tomato}.cart-bottom{background:#f9f9f9;padding:24px;border-radius:12px}.cart-total{margin-bottom:20px}.cart-total h2{font-size:22px;color:#1f1f1f}.cart-form{display:flex;flex-direction:column;gap:12px}.cart-form h2{font-size:18px;margin-bottom:8px}.cart-form input,.cart-form select{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:16px}.cart-form button{padding:14px 24px;background:tomato;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px}.cart-form button:hover:not(:disabled){background:#e63e2e}.cart-form button:disabled{opacity:.7;cursor:not-allowed}.cart-error{color:tomato;font-size:14px}.cart-branch-note{font-size:13px;color:#676767;margin:-4px 0 0}.cart-empty,.cart-success{text-align:center;padding:80px 20px}.cart-empty img,.cart-success img{width:120px;opacity:.5;margin-bottom:20px}.cart-empty h2,.cart-success h2{font-size:24px;margin-bottom:12px}.cart-empty p,.cart-success p{color:#676767;margin-bottom:24px}.cart-empty button,.cart-success button{padding:12px 32px;background:tomato;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer}.cart-success h2{color:#2e7d32}@media (max-width: 768px){.cart{padding:16px;margin-bottom:40px}.cart h1{font-size:22px}.cart-item{flex-wrap:wrap;gap:12px;padding:12px 0}.cart-item img{width:70px;min-width:60px;height:70px}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-size:16px}.cart-item-total{width:100%;text-align:right;font-size:16px}.cart-bottom{padding:20px 16px}.cart-total h2{font-size:18px}.cart-form input,.cart-form select{font-size:16px;padding:12px}.cart-empty,.cart-success{padding:40px 20px}.cart-empty img,.cart-success img{width:80px;max-width:100%;height:auto}.cart-empty h2,.cart-success h2{font-size:20px}}@media (max-width: 480px){.cart-item img{width:50px;height:50px}.cart-item-name{font-size:14px}.cart-form button{padding:12px 20px;font-size:15px}}