body { margin: 0; font-family: Arial, sans-serif; text-align: center; }
.hero { height: 45svh; display: flex; align-items: center; justify-content: center; }
.hero-img { max-width: 100%; max-height: 100%; object-fit: cover; }
.status { margin: 10px 0; font-weight: bold; color: red; }
.menu-header { display: flex; justify-content: center; gap: 20px; }
.menu-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; padding: 20px; }
.menu-item img { width: 100%; height: auto; }
.quantity { display: flex; justify-content: center; align-items: center; gap: 5px; }
.quantity button { width: 30px; height: 30px; }
.betaling.pending { opacity: 0.5; }