body.payment-page{background:#0b0c0d;color:#f5f3ee}.payment-back,.payment-kicker,.payment-benefits,.payment-consent,.payment-security,.payment-price-row small{color:#c5c3be}.payment-intro h1{color:#fff}.checkout-card{background:linear-gradient(135deg,#ffffff0e,#ffffff03);border:1px solid #ffffff25;box-shadow:0 25px 80px #0007;backdrop-filter:blur(18px)}.payment-field input{background:#ffffff09;color:#fff;border:1px solid #ffffff28}.payment-field input:focus{border-color:#ed9458;outline-color:#ed9458}.payment-field>span,.payment-price-row strong{color:#fff}.payment-submit{background:linear-gradient(130deg,#bf6539,#d68a51);color:#fff;border:1px solid #ffc29480;box-shadow:inset 0 1px 0 #ffffff65,0 10px 35px #bc613521;justify-content:center}.payment-submit:hover{filter:brightness(1.08)}.payment-consent a,.payment-access-now{color:#edb086}.checkout-title-step{color:#aaa}[hidden]{display:none!important}/* Keep product, total, fields and payment action close together. */
@media(max-width:900px){
 .payment-shell{width:min(620px,calc(100% - 28px));padding:18px 0 32px}
 .payment-back{margin-bottom:14px;font-size:12px}
 .payment-layout{gap:18px;align-items:start}
 .payment-kicker{margin-bottom:10px;font-size:10px}
 .payment-intro h1{font-size:clamp(25px,6.8vw,34px);line-height:1.18;margin:0 0 10px}
 .checkout-title-step{font-size:11px;margin-top:8px}
 .payment-benefits{margin:13px 0;gap:7px}
 .payment-benefits li{font-size:12px;line-height:1.45;padding-left:24px}
 .payment-benefits li:before{width:17px;height:17px;top:0;font-size:11px;border-radius:4px}
 .payment-price-row{padding-top:12px;gap:12px}
 .payment-price-row strong{font-size:26px}
 .payment-price-row small,.payment-price-row s{font-size:11px}
 .checkout-card{padding:16px;border-radius:18px}
 .payment-field{margin-top:9px;gap:5px}
 .payment-field:first-child{margin-top:0}
 .payment-field input{height:45px;border-radius:10px}
 .payment-field>span{font-size:12px}
 .field-error{min-height:0;font-size:11px}
 .field-error:empty{display:none}
 .payment-submit{min-height:49px;margin-top:14px;font-size:12px}
 .payment-after-cta{margin-top:9px}
 .payment-access-now{font-size:11px}
 .payment-status:empty{display:none}
 .payment-consent{font-size:10px;line-height:1.45}
 .payment-security{margin-top:12px;padding-top:10px;font-size:11px}
}
@media(max-width:900px){body.payment-page .payment-shell{padding-top:18px}.payment-layout{gap:14px}}