.btn-custom{background-color:#cc4242;color:#fff;font-weight:700;border-radius:15px;padding:5px 15px}.btn-note{background-color:#ff7c02;color:#fff;font-weight:700;border-radius:5px;padding:1px 5px}body{margin-bottom:70px}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:8px;border-bottom:1px solid #ccc}.menu-item img{width:80px;height:80px;border-radius:8px;margin-right:10px}.menu-wrap.out-of-stock{opacity:.5;pointer-events:none}.item-details{flex:1}.item-details .item-name{font-size:18px;font-weight:700}.item-details .item-price{font-size:16px;color:#c41717;font-weight:700}.item-note-qty{display:flex;align-items:center;justify-content:space-between;margin-left:10px}.item-note-qty .btn-note{background-color:#ff7c02;color:#fff;font-weight:700;border-radius:5px;padding:1px 5px}.item-note-qty .qty{display:flex;align-items:center;font-weight:600;font-size:18px}.item-note-qty .qty-text{margin:10px;align-items:center}.item-note-qty .btn-qty{background-color:#cc4242;color:#fff;font-weight:700;border-radius:10px;padding:3px 10px;margin-left:5px}.submenu{display:flex;justify-content:flex-start;overflow-x:auto;white-space:nowrap;padding-bottom:10px}.submenu .btn{margin:0 10px}.cart{background-color:#cc4242;box-shadow:0 2px 4px #0000001a;padding:10px;color:#fff;display:flex;justify-content:space-between;align-items:center;position:fixed;bottom:0;left:0;right:0}.cart-icon{display:flex;align-items:center;font-size:24px;margin-right:10px}.cart-icon i{font-size:24px}.cart-icon .cart-item-count{background-color:#fc7821d7;color:#fff;font-size:12px;font-weight:700;border-radius:50%;padding:4px;min-width:20px;text-align:center;margin-left:5px}.cart-total,.cart-total-nom{font-size:medium;font-weight:700}#searchInput{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:16px;margin-bottom:10px}#searchInput.fixed{position:fixed;top:50px;left:0;right:0;background-color:#f9f9f9;box-shadow:0 2px 4px #0000001a;z-index:999}#kategori{width:100%;padding:8px;font-size:16px;margin-bottom:10px}#kategori.fixed{position:fixed;left:0;right:0;background-color:#f9f9f9;box-shadow:0 2px 4px #0000001a;z-index:999}.body-order{background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.body-landing{background-repeat:repeat}.card-bg{position:cover;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.6);border-radius:15px}.popup-container{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;max-height:70%;overflow-y:auto}.popup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding:10px}.popup-header h2{margin:0;padding:10px 0;text-align:center}.popup-close{background:none;border:none;font-size:24px;cursor:pointer;color:#333}.popup-footer{display:flex;justify-content:flex-end;margin-top:20px}.popup-button{background-color:#007bff;color:#fff;border:none;border-radius:4px;padding:8px 15px;cursor:pointer;margin-left:10px}.popup-button:last-child{margin-left:0}.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1200;overflow-y:scroll}.popup-content{padding:20px;max-height:40vh;overflow-y:auto}.table-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.table-item{display:flex;align-items:center;padding:10px;cursor:pointer}.no-scroll{overflow:hidden}.tipe{border:1px solid #ccc;padding:15px;display:flex;align-items:center}.tipe img{margin-right:10px;max-width:50px}.tipe h2{margin:0}.payment-item{display:flex;align-items:center;justify-content:space-between;padding:8px;border-bottom:1px solid #ccc}.loading-container{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.8);display:flex;justify-content:center;align-items:center;z-index:999}.loading-container img{width:100px;height:100px}.swal-title-custom{font-size:medium;font-weight:700}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000b3;justify-content:center;align-items:center}.modal-content{background:#fff;padding:20px;border-radius:10px;width:100%;text-align:center;position:relative}.modal-img{width:100%;object-fit:contain;margin-top:20px;border-radius:8px}.contact-section{margin-top:5px;text-align:center}.contact-section a{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#25d366;text-decoration:none;gap:5px}.contact-section img{width:25px;height:25px}@media (max-width: 600px){.modal-content{width:90%;padding:15px}}