/* =========================================================================
 * EuP – Abholung beauftragen (Frontend), scoped to .eab-wrap.
 * Palette: schwarz/dunkel + Blau #2271b1 / #2b8ac6 (Seiten-CI).
 * ========================================================================= */
.eab-wrap{--eab-blue:#2271b1;--eab-blue-d:#1b5a8c;--eab-ink:#1a1a1a;--eab-mut:#6b7280;--eab-line:#e2e5e9;--eab-bg:#fff;--eab-soft:#f7f9fc;--eab-err:#dc2626;max-width:760px;margin:0 auto;color:var(--eab-ink);font-size:15px;line-height:1.55}
.eab-wrap *{box-sizing:border-box}

.eab-page-title{font-size:26px;font-weight:700;letter-spacing:.3px;margin:0 0 6px;text-transform:uppercase}
.eab-intro{color:var(--eab-mut);margin:0 0 22px}

.eab-fieldset{border:1px solid var(--eab-line);border-radius:12px;padding:18px 18px 6px;margin:0 0 18px;background:var(--eab-bg)}
.eab-legend{font-weight:700;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--eab-ink);padding:0 8px}
.eab-sub{color:var(--eab-mut);font-size:13px;margin:0 0 14px}

.eab-field{margin:0 0 14px}
.eab-label{display:block;font-weight:600;font-size:13px;margin:0 0 6px}
.eab-opt{font-weight:400;color:var(--eab-mut)}
.eab-input{width:100%;padding:11px 13px;border:1px solid var(--eab-line);border-radius:8px;font:inherit;color:var(--eab-ink);background:#fff;transition:border-color .15s,box-shadow .15s}
.eab-input:focus{outline:none;border-color:var(--eab-blue);box-shadow:0 0 0 3px rgba(34,113,177,.15)}
textarea.eab-input{resize:vertical;min-height:78px}
select.eab-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7280' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}

.eab-row{display:flex;gap:14px}
.eab-col--zip{flex:0 0 130px}
.eab-col--city{flex:1}
@media(max-width:480px){.eab-row{flex-direction:column;gap:0}.eab-col--zip{flex:none}}

.eab-err{display:none;color:var(--eab-err);font-size:12.5px;margin-top:5px}
.eab-field--invalid .eab-input{border-color:var(--eab-err)}
.eab-field--invalid .eab-err{display:block}

.eab-field--consent{margin:4px 0 18px}
.eab-consent{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:#374151;cursor:pointer}
.eab-consent input{margin-top:3px;width:17px;height:17px;flex:none;accent-color:var(--eab-blue)}
.eab-consent a{color:var(--eab-blue);text-decoration:underline}
.eab-field--invalid.eab-field--consent .eab-err{display:block}

.eab-banner{background:#fdecec;border:1px solid #f5c2c2;color:#a11;border-radius:8px;padding:11px 14px;font-size:13.5px;margin:0 0 14px}

.eab-actions{margin-top:4px}
.eab-submit{appearance:none;border:none;cursor:pointer;background:var(--eab-blue);color:#fff;font:inherit;font-weight:700;letter-spacing:.4px;padding:14px 26px;border-radius:9px;transition:background .15s}
.eab-submit:hover{background:var(--eab-blue-d)}
.eab-submit:disabled{opacity:.65;cursor:default}
.eab-submit-note{color:var(--eab-mut);font-size:12.5px;margin:9px 0 0}

.eab-done{text-align:center;padding:34px 22px;border:1px solid var(--eab-line);border-radius:12px;background:var(--eab-soft)}
.eab-done__icon{width:52px;height:52px;line-height:52px;border-radius:50%;background:var(--eab-blue);color:#fff;font-size:26px;margin:0 auto 14px}
.eab-done__title{font-size:21px;font-weight:700;margin:0 0 8px;text-transform:uppercase;letter-spacing:.3px}
.eab-done__text{color:#374151;max-width:520px;margin:0 auto}
.eab-done__ref{margin:16px 0 0;color:var(--eab-mut);font-size:13px}
.eab-done__ref code{background:#fff;border:1px solid var(--eab-line);border-radius:6px;padding:2px 8px;color:var(--eab-ink)}