body { font-family: Arial, sans-serif; margin: 0; padding: 0; text-align: center; }
.hero { position: relative; height: 45svh; overflow: hidden; }
.hero-img { width: 100%; height: 100%; object-fit: cover; }
.status { position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); color: red; font-weight: bold; font-size: 1.5em; }
.menu .item { margin: 20px auto; max-width: 400px; }
.menu img { width: 100%; max-height: 200px; object-fit: cover; background: #f0f0f0; }
.order, .betaling { margin: 20px auto; padding: 20px; max-width: 500px; border: 1px solid #ccc; border-radius: 8px; }
.betaling.pending { opacity: 0.5; }