:root{--beberlis-red:#d50032;--beberlis-ink:#171717;--beberlis-muted:#686868;--beberlis-line:#e7e7e7}
.beberlis-payment{box-sizing:border-box;width:min(760px,calc(100% - 32px));margin:clamp(48px,8vw,120px) auto;padding:clamp(28px,6vw,64px);background:#fff;color:var(--beberlis-ink);font-family:Poppins,Arial,sans-serif;box-shadow:0 18px 65px rgba(0,0,0,.08)}
.beberlis-payment *{box-sizing:border-box}.beberlis-payment__eyebrow{margin-bottom:12px;color:var(--beberlis-red);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.beberlis-payment h1{margin:0 0 12px;font-family:Poppins,Arial,sans-serif;font-size:clamp(30px,5vw,48px);font-weight:600;line-height:1.1}.beberlis-payment__intro{margin:0 0 36px;color:var(--beberlis-muted);font-size:16px}.beberlis-payment__summary{margin:0}.beberlis-payment__summary>div{display:grid;grid-template-columns:minmax(110px,32%) 1fr;gap:20px;padding:17px 0;border-bottom:1px solid var(--beberlis-line)}.beberlis-payment dt{color:var(--beberlis-muted);font-size:13px;font-weight:600;text-transform:uppercase}.beberlis-payment dd{margin:0;font-size:16px;font-weight:500;text-align:right}.beberlis-payment__summary .beberlis-payment__total{padding-top:24px;border-bottom:0}.beberlis-payment__total dd{color:var(--beberlis-red);font-size:28px;font-weight:700}.beberlis-payment__form{text-align:right}.beberlis-payment__form button{width:100%;margin-top:28px;padding:16px 28px;border:1px solid var(--beberlis-red);border-radius:0;background:var(--beberlis-red);color:#fff;font:600 15px/1 Poppins,Arial,sans-serif;cursor:pointer;transition:.2s ease}.beberlis-payment__form button:hover,.beberlis-payment__form button:focus{background:#ad0029;border-color:#ad0029;transform:translateY(-1px)}.beberlis-payment__secure{margin:18px 0 0;color:var(--beberlis-muted);font-size:12px;text-align:center}.beberlis-payment__notice{margin:0 0 24px;padding:14px 16px;border-left:3px solid var(--beberlis-red);background:#fff4f6}.beberlis-payment__status{text-align:center}.beberlis-payment__status a{color:var(--beberlis-red)}
@media(max-width:600px){.beberlis-payment{margin:28px auto;padding:26px 20px}.beberlis-payment__summary>div{display:block}.beberlis-payment dd{margin-top:7px;text-align:left}}
