/* Payment step follows the selected KurdView Plus cinematic design. */
body.cinema-plus.payment-selection{background:radial-gradient(circle at 15% -5%,#502d35,#1c151c 43%,#100e13 100%);color:#fff1d9}
body.cinema-plus.payment-selection main{max-width:560px;padding:12px 14px 55px}
body.cinema-plus.payment-selection main>.back,body.cinema-plus.payment-selection main>header,body.cinema-plus.payment-selection #account{display:none!important}
body.cinema-plus.payment-selection #payment{max-width:520px;margin:0 auto;padding:22px;border:1px solid #775350;border-radius:27px;background:radial-gradient(circle at 3% 2%,#462a31,#20181f 42%);color:#fff1d9;box-shadow:0 24px 70px #0008}
body.cinema-plus #payment .payment-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}
body.cinema-plus #payment .payment-top strong{color:#fff1d9;font:750 23px/1.3 system-ui,sans-serif;letter-spacing:-.5px;direction:ltr;white-space:nowrap}
body.cinema-plus #payment .payment-top em{font-style:normal;color:#e7ba7c}
body.cinema-plus #payment #change-plan{width:auto;min-height:38px;padding:5px 0;border:0;background:transparent;color:#e8d1bd;font-size:13px;line-height:1.6;text-decoration:none}
body.cinema-plus #payment .payment-hero{padding:24px 17px 22px;border:1px solid #91665d;border-radius:21px;background:linear-gradient(145deg,#51333a,#2d222b 75%);text-align:center;color:#fff1d9}
body.cinema-plus #payment .payment-hero>span{color:#e9c18e;font-size:14px}
body.cinema-plus #payment .payment-hero b,body.cinema-plus #payment .payment-guide b{color:#28bc7b;font-family:system-ui,sans-serif}
body.cinema-plus #payment #payment-title{margin:13px 0 6px;color:#fff3dd;font-size:clamp(30px,7.5vw,38px);line-height:1.55;font-weight:750}
body.cinema-plus #payment #selected-plan{margin:0;color:#e8d5c7;font-size:15px}
body.cinema-plus #payment #selected-price{display:block;margin-top:2px;color:#fff3dd;font-size:34px;line-height:1.5;white-space:nowrap}
body.cinema-plus #payment .payment-recipient{margin-top:18px;padding:16px;border:1px solid #805753;border-radius:19px;background:#2d232b;text-align:center}
body.cinema-plus #payment .payment-recipient-top{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:right;color:#e3d0c7;font-size:14px}
body.cinema-plus #payment .payment-recipient-top img{width:88px;height:36px;object-fit:contain;flex:none}
body.cinema-plus #payment #recipient{display:block;width:100%;min-height:48px;padding:0;margin:8px 0;color:#fff3dd;background:transparent;border:0;border-radius:0;box-shadow:none;text-align:center;font:650 clamp(24px,7vw,30px)/1.5 system-ui,sans-serif;letter-spacing:.4px}
body.cinema-plus #payment #copy-number{width:auto;min-height:40px;padding:7px 19px;border:1px solid #9c6f62;border-radius:11px;background:#493139;color:#fff1d9;font-size:14px}
body.cinema-plus #payment #copy-status{margin:3px 0 0;color:#d9c3b2;font-size:13px;line-height:1.5}
body.cinema-plus #payment #copy-status:empty{display:none}
body.cinema-plus #payment .payment-guide{display:grid;gap:16px;margin:25px 0 22px;padding:0;list-style:none;counter-reset:kv-pay}
body.cinema-plus #payment .payment-guide li{position:relative;min-height:31px;margin:0;padding:2px 44px 0 0;color:#f3e6d8;font-size:15px;line-height:1.85;counter-increment:kv-pay}
body.cinema-plus #payment .payment-guide li:before{content:counter(kv-pay,arabic-indic);position:absolute;right:0;top:0;display:grid;place-items:center;width:31px;height:31px;border:1px solid #e6ba78;border-radius:50%;color:#e6ba78;font:700 16px/1.2 system-ui,sans-serif}
body.cinema-plus #payment #receipt-form{margin:0;padding:0;border:0}
body.cinema-plus #payment .upload-label,body.cinema-account.cinema-plus #payment .upload-label{display:flex;min-height:142px;margin:0 0 12px;padding:18px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px dashed #d3a26c;border-radius:18px;background:#30292d;color:#fff1d9;text-align:center;cursor:pointer}
body.cinema-plus #payment .upload-label .upload-icon{display:grid;place-items:center;width:37px;height:37px;margin:0 0 3px;border:1px solid #a47b66;border-radius:50%;color:#e8bb7b;font:24px/1 system-ui,sans-serif}
body.cinema-plus #payment .upload-label strong{color:#fff1d9;font-size:17px;line-height:1.6;overflow-wrap:anywhere}
body.cinema-plus #payment .upload-label span:last-child{margin:0;color:#d6c7bc;font-size:13px;line-height:1.7}
body.cinema-plus #payment #receipt-file{position:absolute;width:1px;height:1px;min-height:0;margin:0;padding:0;opacity:0;overflow:hidden}
body.cinema-plus #payment .upload-label:focus-within{outline:3px solid #e8bb7b;outline-offset:3px}
body.cinema-plus #payment #receipt-preview{max-height:260px;border:1px solid #8b6760;background:#251d23}
body.cinema-plus #payment .receipt-help{margin:0 0 14px;color:#d4c4b8;font-size:13px;line-height:1.8}
body.cinema-plus #payment #send-receipt{min-height:56px;border-radius:16px;background:linear-gradient(105deg,#b98559,#f1d69c);color:#281b1e;font-size:16px;font-weight:750}
body.cinema-plus #payment #receipt-message{margin:8px 0 0;color:#f2d69c;font-size:14px;line-height:1.75}
body.cinema-plus #payment #receipt-message:empty{display:none}
body.cinema-plus #payment .payment-footnote{margin:12px 0 0;color:#d8c8bc;text-align:center;font-size:13px;line-height:1.8}
@media(max-width:460px){body.cinema-plus.payment-selection main{padding:8px 10px 45px}body.cinema-plus.payment-selection #payment{padding:20px 18px;border-radius:24px}body.cinema-plus #payment .payment-top strong{font-size:20px}body.cinema-plus #payment .payment-hero{padding:23px 13px 20px}body.cinema-plus #payment .payment-guide li{font-size:14px}}