/* Checkout UX v3 – klarere Felder, Adresse und Zahlungswahl */
.checkout-form-card{position:relative}
.checkout-form-card h3{display:flex;align-items:center;gap:.55rem}
.checkout-form-card h3:before{content:"";width:8px;height:8px;border-radius:50%;background:#b86c2e;box-shadow:0 0 0 4px #b86c2e1c}
.checkout-form-note{display:flex;align-items:flex-start;gap:.55rem;margin:0 0 1rem;padding:.75rem .8rem;background:#f5ede2;border-left:2px solid #bc7a3d;color:#4d3d32;font-size:.72rem;line-height:1.45}
.checkout-form-note i{font-style:normal;color:#744118;font-weight:900}
.checkout-form-grid{gap:1rem}
.checkout-form-grid label{position:relative;gap:.48rem}
.checkout-form-grid label.is-street{grid-column:span 1}
.checkout-form-grid label.is-house{grid-column:span 1}
.checkout-form-grid label.is-postal{grid-column:span 1}
.checkout-form-grid label.is-city{grid-column:span 1}
.checkout-form-grid input,.checkout-form-grid select{min-height:50px;border-width:1.5px;border-radius:2px;padding:.75rem .82rem;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.checkout-form-grid input:hover,.checkout-form-grid select:hover{border-color:#806047;background:#fffefb}
.checkout-form-grid input:focus,.checkout-form-grid select:focus{border-color:#8a491a;box-shadow:0 0 0 4px #c9863d2b;background:#fff}
.checkout-form-grid input:user-invalid,.checkout-form-grid select:user-invalid,.checkout-form-grid input.is-invalid{border-color:#a83b2d;background:#fff4f2;box-shadow:0 0 0 3px #a83b2d1e}
.checkout-field-error{display:none;color:#8a2117;font-size:.65rem;font-weight:800;line-height:1.35}
.checkout-form-grid label.has-error .checkout-field-error{display:block}
.checkout-input-hint{color:#67584d;font-size:.64rem;font-weight:600;line-height:1.4;margin-top:-.1rem}
.checkout-same-address{padding:.9rem;border:1px solid #decfc0;background:#fffdf9;transition:border-color .2s,background .2s}
.checkout-same-address:hover{border-color:#97714f;background:#fff8ee}
.checkout-same-address:has(input:focus-visible){outline:3px solid #c27831;outline-offset:3px}
.checkout-shipping-address{background:#faf6f0;padding:1rem;margin-left:-.1rem;margin-right:-.1rem}
.checkout-payment-list{gap:.8rem}
.checkout-payment-card{grid-template-columns:22px 37px 1fr 18px;min-height:78px;align-items:center;padding:1rem 1.05rem;border-width:1.5px;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}
.checkout-payment-card:hover{border-color:#96613a;background:#fff8ee;transform:translateY(-1px);box-shadow:0 7px 17px #59351312}
.checkout-payment-card:has(input:focus-visible){outline:3px solid #c27831;outline-offset:3px}
.checkout-payment-card>i{width:31px;height:31px;background:#ead5bb;color:#513019;border-radius:50%}
.checkout-payment-card b{font-size:.84rem}
.checkout-payment-card small{font-size:.72rem;line-height:1.5}
.checkout-payment-card.is-selected{border-color:#754016;background:#fff7e9;box-shadow:inset 4px 0 #754016}
.checkout-payment-card.is-selected>i{background:#174630;color:#fffdf8}
.checkout-payment-card.is-selected em{border-color:#174630}
.checkout-payment-availability{display:flex;align-items:center;gap:.55rem;margin-top:.45rem;padding:.8rem .9rem;border:1px solid #d5e1d6;background:#f3faf4;color:#244932;font-size:.72rem;line-height:1.4}
.checkout-payment-availability i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#cfeac6;color:#1e4a2d;font-style:normal;font-size:.65rem;font-weight:900}
.checkout-next-button,.checkout-back-button,.checkout-submit-button{min-height:52px}
.checkout-next-button:focus-visible,.checkout-back-button:focus-visible,.checkout-submit-button:focus-visible{outline:3px solid #c27831;outline-offset:4px}
.checkout-next-button:hover{box-shadow:0 10px 22px #a6612531}
@media(max-width:700px){.checkout-form-grid label.is-street,.checkout-form-grid label.is-house,.checkout-form-grid label.is-postal,.checkout-form-grid label.is-city{grid-column:auto}.checkout-form-note{font-size:.69rem}.checkout-payment-card{min-height:84px;padding:.9rem;grid-template-columns:20px 32px 1fr 16px}.checkout-payment-card b{font-size:.8rem}.checkout-shipping-address{padding:.9rem;margin:0}.checkout-same-address{padding:.85rem}}

/* Zahlungsarten und Gutschein – klare, hochwertige Auswahl statt Pseudo-Symbole. */
.checkout-payment-card{grid-template-columns:22px 42px minmax(0,1fr) 18px!important}
.checkout-payment-card .payment-method-icon{display:grid;place-items:center;width:34px;height:34px;box-sizing:border-box;border:1px solid #cfbca7;border-radius:10px;background:#fffdfa;color:#6c4425}
.checkout-payment-card .payment-method-icon svg{display:block;width:19px;height:19px}
.checkout-payment-card.is-selected .payment-method-icon{border-color:#174630;background:#174630;color:#fffdf8}
.checkout-payment-card.is-unavailable .payment-method-icon{border-color:#dbd3ca;background:#f0ece6;color:#9c9287}
.checkout-voucher-input{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,240px);gap:1rem;align-items:center;margin-top:.25rem;padding:1.15rem 0 .15rem;border-top:1px solid #e6ddd3}
.checkout-voucher-copy{display:grid;gap:.22rem;min-width:0}
.checkout-voucher-copy b{color:#40352d;font-size:.76rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.checkout-voucher-copy small{color:#766b61;font-size:.69rem;line-height:1.4}
.checkout-voucher-control input{box-sizing:border-box;min-height:46px;width:100%;border:1.5px solid #cfc3b6;border-radius:2px;background:#fffdfa;color:#292019;padding:.65rem .75rem;font:800 .75rem/1.2 Inter,system-ui;letter-spacing:.035em;text-transform:uppercase;outline:0}
.checkout-voucher-control input::placeholder{color:#9c9085;font-weight:600;letter-spacing:0;text-transform:none}
.checkout-voucher-control input:hover{border-color:#806047}
.checkout-voucher-control input:focus{border-color:#8a491a;box-shadow:0 0 0 4px #c9863d2b;background:#fff}
@media(max-width:700px){.checkout-payment-card{grid-template-columns:20px 40px minmax(0,1fr) 16px!important}.checkout-payment-card .payment-method-icon{width:32px;height:32px}.checkout-voucher-input{grid-template-columns:1fr;gap:.7rem;padding-top:1rem}.checkout-voucher-control input{min-height:48px}}

/* Echtzeit-Skonto bei Vorkasse */
.checkout-payment-card[data-payment-card="bank_transfer"]{border-color:#bdd5bc;background:#f7fcf5}
.checkout-payment-card[data-payment-card="bank_transfer"] .payment-method-icon{border-color:#9fbe9b;background:#ecf7e9;color:#1d5630}
.checkout-payment-card[data-payment-card="bank_transfer"].is-selected{border-color:#2c7042;background:#f2faef;box-shadow:inset 4px 0 #2c7042}
.checkout-payment-card[data-payment-card="bank_transfer"] small{color:#3a6542}