.roshanan-card-payment { max-width: 920px; margin: 38px auto; padding: clamp(24px,5vw,48px); color: #2e2924; border: 1px solid #ded5c8; border-radius: 28px; background: #fff; box-shadow: 0 30px 80px rgba(40,30,20,.1); direction: rtl; }
.roshanan-card-payment header > span { color: var(--copper,#bf8b50); font-size: 11px; font-weight: 800; }
.roshanan-card-payment header h2 { margin: 7px 0; color: var(--forest,#0c342b); font-size: clamp(27px,4vw,40px); }
.roshanan-card-payment header p { color: #726a60; }
.roshanan-card-layout { margin: 28px 0; display: grid; grid-template-columns: 1.25fr .75fr; gap: 18px; }
.roshanan-bank-card { position: relative; min-height: 245px; padding: 30px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; color: #f5eadb; border-radius: 24px; background: radial-gradient(circle at 78% 25%,rgba(227,193,143,.18),transparent 30%),linear-gradient(135deg,#08261f,#174b3e); box-shadow: 0 24px 50px rgba(8,38,31,.25); }
.roshanan-bank-card::after { content:"روشنان"; position:absolute; left:20px; bottom:-18px; color:rgba(255,255,255,.045); font-size:92px; font-weight:900; }
.roshanan-bank-card small { color:#e3c18f; }
.roshanan-bank-card strong { position:relative; z-index:1; font-family:monospace; font-size:clamp(20px,4vw,31px); letter-spacing:.12em; text-align:center; }
.roshanan-bank-card span { position:relative; z-index:1; }
.roshanan-bank-card button { position:absolute; z-index:2; left:22px; top:22px; padding:6px 10px; color:#193128; border:0; border-radius:8px; background:#e3c18f; cursor:pointer; }
.roshanan-card-summary { padding:24px; display:flex; flex-direction:column; border:1px solid #ded5c8; border-radius:20px; background:#fbf8f2; }
.roshanan-card-summary > span { color:#726a60; font-size:10px; }
.roshanan-card-summary > strong { margin-bottom:18px; color:var(--forest,#0c342b); font-size:24px; }
.roshanan-card-summary > b { color:#4c433a; direction:ltr; align-self:flex-end; }
.roshanan-countdown { margin-top:auto; padding-top:16px; border-top:1px solid #ded5c8; display:flex; align-items:center; justify-content:space-between; }
.roshanan-countdown strong { color:var(--forest,#0c342b); font-size:22px; direction:ltr; }
.roshanan-countdown strong.is-urgent { color:#a54138; }
.roshanan-receipt-form { padding:22px; border:1px solid #ded5c8; border-radius:18px; background:#fffdf8; }
.roshanan-receipt-upload { margin-bottom:16px; display:flex; flex-direction:column; gap:7px; font-weight:750; }
.roshanan-receipt-upload input { padding:12px; border:1px dashed #cbbfaf; border-radius:10px; background:#fff; }
.roshanan-receipt-upload span,.roshanan-receipt-upload small { color:#7a7065; font-size:9px; font-weight:400; }
.roshanan-payment-confirm { margin-bottom:16px; display:flex; align-items:flex-start; gap:8px; color:#62584e; font-size:11px; }
.roshanan-receipt-form.is-expired { opacity:.5; }
.roshanan-card-help { margin:15px 0 0; color:#82786d; font-size:9px; line-height:1.9; }
.roshanan-payment-success,.roshanan-payment-error { margin-bottom:18px; padding:13px 16px; border-radius:11px; }
.roshanan-payment-success { color:#245f4b; border:1px solid #bbd9ce; background:#ebf7f2; }
.roshanan-payment-error { color:#853c34; border:1px solid #e4bdb8; background:#fff0ee; }
.roshanan-receipt-recorded { padding:14px; color:#245f4b; border-radius:10px; background:#ebf7f2; }
.roshanan-block-payment-description { color:#6c6258; font-size:12px; line-height:1.8; }
@media(max-width:700px){.roshanan-card-layout{grid-template-columns:1fr}.roshanan-bank-card{min-height:210px;padding:24px}.roshanan-bank-card strong{font-size:19px;letter-spacing:.05em}.roshanan-card-payment{padding:20px}.roshanan-card-summary{min-height:210px}}