.payment-invitation { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:32px; padding:30px 34px; margin:0 0 32px; background:#eaf6ff; border:1px solid #b8d9ea; border-left:5px solid #076b8d; border-radius:14px; }
.payment-invitation .payment-copy h3 { margin:0 0 8px; font-size:clamp(1.4rem,2vw,1.85rem); line-height:1.2; color:#10364d; }
.payment-invitation .payment-copy p { margin:0; max-width:390px; color:#496274; font-size:.98rem; line-height:1.6; }
.payment-invitation .payment-amount { padding-inline:30px; border-inline:1px solid #b8d9ea; color:#10364d; }
.payment-invitation .payment-amount span { display:block; font-size:.82rem; font-weight:600; margin-bottom:3px; }
.payment-invitation .payment-amount strong { font-size:clamp(3rem,4vw,4rem); font-weight:750; line-height:1.05; letter-spacing:-.055em; white-space:nowrap; }
.payment-invitation .payment-amount small { font-size:1.05rem; font-weight:600; letter-spacing:0; }
.payment-invitation .button { white-space:nowrap; }
@media(max-width:1050px) { .payment-invitation { grid-template-columns:1fr auto; gap:22px; } .payment-invitation .payment-amount { border-right:0; padding-right:0; } .payment-invitation .payment-action { grid-column:1/-1; } }
@media(max-width:600px) { .payment-invitation { grid-template-columns:1fr; padding:25px 23px; gap:22px; } .payment-invitation .payment-amount { border:0; border-top:1px solid #b8d9ea; padding:20px 0 0; } .payment-invitation .payment-amount strong { font-size:3.7rem; } .payment-invitation .payment-action .button { width:100%; white-space:normal; text-align:center; } }