* { box-sizing: border-box; }
body { font-family: Arial, sans-serif; background:#f4f4f4; margin:0; color:#222; }
.container { max-width: 980px; margin: 24px auto; background:#fff; padding: 24px; border-radius: 8px; }
h1 { font-size: 24px; margin-top:0; text-transform: uppercase; }
h2 { margin-top: 28px; padding-top: 16px; border-top: 1px solid #ddd; font-size: 18px; }
label { display:block; margin: 10px 0; font-weight: 600; }
span { color: #b00020; }
input, select { width:100%; margin-top: 6px; padding: 10px; border:1px solid #bbb; border-radius:4px; font-size: 15px; }
.grid2, .grid3, .grid4 { display:grid; gap: 14px; }
.grid2 { grid-template-columns: repeat(2, 1fr); }
.grid3 { grid-template-columns: repeat(3, 1fr); }
.grid4 { grid-template-columns: repeat(4, 1fr); }
.check { font-weight: 400; display:flex; gap:10px; align-items:flex-start; }
.check input { width:auto; margin-top: 2px; }
.fee { background:#eef6ff; padding:12px; border-radius:4px; }
.note { color:#444; font-size: 14px; }
button { margin-top: 20px; background:#111; color:#fff; border:0; padding: 12px 18px; border-radius:4px; cursor:pointer; }
table { width:100%; border-collapse: collapse; font-size: 14px; }
th,td { border-bottom:1px solid #ddd; padding:8px; text-align:left; }
.actions { display:flex; gap:10px; margin: 16px 0; }
@media(max-width:800px){ .grid2,.grid3,.grid4,.payment-grid{ grid-template-columns:1fr; } }

.payment-box h2 { margin-top: 22px; }
.payment-grid { display:grid; grid-template-columns: repeat(2, 1fr); gap:14px; margin-top: 12px; }
.payment-card { border:1px solid #ccc; border-radius:6px; padding:14px; background:#fafafa; }
.payment-card.selected { border-width:2px; background:#eef6ff; }
.payment-card h3 { margin:0 0 10px 0; font-size:17px; }
.payment-card p { margin:7px 0; }
.iban { color:#111; font-weight:700; letter-spacing:.4px; }

.debug-box {
    margin-top: 24px;
    padding: 16px;
    border: 2px solid #b00020;
    background: #fff7f7;
    border-radius: 8px;
}

.debug-box pre {
    white-space: pre-wrap;
    background: #222;
    color: #f5f5f5;
    padding: 12px;
    border-radius: 6px;
    overflow-x: auto;
}

.debug-box .note {
    font-size: 0.9rem;
    color: #7a0000;
}