/* ==========================================================================
   کارت بانکی پرداخت کارت‌به‌کارت (Course Manager)
   طرح کارت هر بانک از تنظیمات > کارت به کارت > «طرح کارت (بانک)» انتخاب می‌شود.
   ========================================================================== */
.cm-card { direction: rtl; display: grid; gap: 10px; margin: 14px 0; padding: 18px; border-radius: 22px; color: #fff; text-align: right;
  background-image: linear-gradient(135deg, var(--cm-card-c1, var(--cm-green, #3c9e64)) 0%, var(--cm-card-c2, #0b2f49) 130%); box-shadow: 0 14px 30px rgba(0,0,0,.22); box-sizing: border-box; }
.cm-card *, .cm-card *::before, .cm-card *::after { box-sizing: border-box; }
.cm-card__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: nowrap; }
.cm-card__owner { font-weight: 800; font-size: 14px; opacity: .95; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cm-card__bank { font-weight: 800; font-size: 13.5px; opacity: .95; padding: 3px 12px; border-radius: 100px; background: rgba(255,255,255,.2); white-space: nowrap; }
.cm-card__num { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; gap: clamp(6px, 2.6vw, 14px); font-size: clamp(15px, 5vw, 24px); letter-spacing: 0; white-space: nowrap; font-weight: 900; text-align: center; direction: ltr; user-select: all; }
.cm-card__grp { display: inline-block; min-width: 0; }
.cm-card__copy { justify-self: center; padding: 9px 20px; border: 0; border-radius: 100px; cursor: pointer; font: inherit; font-weight: 800; font-size: 13.5px; color: var(--cm-green, #3c9e64); background: #fff; transition: transform .2s ease; }
.cm-card__copy:hover { transform: translateY(-2px); }
.cm-card__amt { display: grid; gap: 8px; justify-items: center; margin-top: 4px; padding-top: 12px; border-top: 1px dashed rgba(255,255,255,.45); text-align: center; }
.cm-card__amt span { font-weight: 700; font-size: 13px; opacity: .92; }
.cm-card__amt b { font-size: clamp(18px, 5vw, 22px); font-weight: 900; letter-spacing: .5px; }
.cm-card__amt small { font-size: 11.5px; opacity: .85; }
.cm-card__copy--amt { background: rgba(255,255,255,.18); color: #fff; border: 1px solid rgba(255,255,255,.55); }
/* کارت هم‌رنگ دوره: رنگ از تم همان دوره می‌آید (inline: --cm-card-c1 / --cm-card-c2) */
.cm-card.cm-card--course { position: relative; overflow: hidden; isolation: isolate; color: #fff; box-shadow: 0 14px 30px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.28); }
.cm-card--course::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(circle at 104% 108%, rgba(255,255,255,.16) 0 32%, transparent 33%), radial-gradient(circle at -6% -14%, rgba(255,255,255,.12) 0 24%, transparent 25%); }
.cm-card--course .cm-card__copy { color: var(--cm-card-c1); }
.cm-card--course .cm-card__copy--amt { color: #fff; }
@media (max-width: 760px) { .cm-card { padding: 16px 12px; } .cm-card__bank { font-size: 12.5px; padding: 3px 10px; } }

/* ==========================================================================
   طرح کارت بانکی – bank-card looks (picked in تنظیمات قالب > فرم ثبت سفارش)
   Applied as  .cm-card.cm-card--bank.cm-card--<bank>
   ========================================================================== */
.cm-card.cm-card--bank {
  position: relative; overflow: hidden; isolation: isolate;
  min-height: 170px; align-content: start; gap: 10px;
  color: var(--cd-text, #fff);
  background-color: var(--cd-c1, #333);
  background-image: var(--cd-bg);
  box-shadow: 0 16px 34px var(--cd-shadow, rgba(0,0,0,.28)), inset 0 1px 0 rgba(255,255,255,.28);
}
/* pattern */
.cm-card--bank::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: var(--cd-deco); }
.cm-card--bank > * { position: relative; z-index: 2; }
.cm-card--bank .cm-card__bank { padding: 0; background: none; font-size: 16px; font-weight: 900; letter-spacing: 0; opacity: 1; text-shadow: 0 1px 2px rgba(0,0,0,.18); }
.cm-card--bank .cm-card__owner { font-size: 13px; font-weight: 700; opacity: .95; }
.cm-card--bank .cm-card__num { margin-top: 8px; text-shadow: 0 2px 4px rgba(0,0,0,.25); }
.cm-card--bank .cm-card__copy { background: #fff; color: var(--cd-c1); }
.cm-card--bank .cm-card__amt { border-top-color: var(--cd-line, rgba(255,255,255,.45)); }
.cm-card--bank .cm-card__copy--amt { background: var(--cd-amt-bg, rgba(255,255,255,.18)); color: var(--cd-text, #fff); border-color: var(--cd-line, rgba(255,255,255,.55)); }

/* --- ملی: white card with blue accents (current design) --- */
.cm-card--melli { --cd-c1: #0e4c92; --cd-text: #0d3b7a; --cd-shadow: rgba(14,76,146,.22); --cd-line: rgba(13,59,122,.3); --cd-amt-bg: rgba(13,59,122,.07);
  --cd-bg: linear-gradient(135deg, #ffffff 0%, #f3f6fb 60%, #e3ebf7 100%);
  --cd-deco: radial-gradient(circle at 108% 112%, rgba(14,76,146,.14) 0 34%, transparent 35%), linear-gradient(90deg, #0e4c92 0 6px, transparent 6px); }
.cm-card--melli { box-shadow: 0 16px 34px rgba(14,76,146,.22), inset 0 0 0 1px rgba(14,76,146,.16); }
.cm-card--melli .cm-card__bank, .cm-card--melli .cm-card__num { text-shadow: none; }
.cm-card--melli .cm-card__copy { background: #0e4c92; color: #fff; }
/* --- ملت: red --- */
.cm-card--mellat { --cd-c1: #b8141b; --cd-shadow: rgba(184,20,27,.4);
  --cd-bg: linear-gradient(135deg, #e0242b 0%, #b8141b 55%, #7d0b11 100%);
  --cd-deco: repeating-radial-gradient(circle at 100% 100%, rgba(255,255,255,.11) 0 2px, transparent 2px 22px); }
/* --- صادرات: navy + light blue stripes --- */
.cm-card--saderat { --cd-c1: #0a2f78; --cd-shadow: rgba(10,47,120,.42);
  --cd-bg: linear-gradient(135deg, #07225a 0%, #174aa8 60%, #2f7ae0 100%);
  --cd-deco: repeating-linear-gradient(115deg, rgba(255,255,255,.07) 0 14px, transparent 14px 30px); }
/* --- سپه: orange --- */
.cm-card--sepah { --cd-c1: #d96a00; --cd-shadow: rgba(217,106,0,.4);
  --cd-bg: linear-gradient(135deg, #ffa733 0%, #f07d0c 55%, #c45500 100%);
  --cd-deco: radial-gradient(circle at 100% 0%, rgba(255,255,255,.2) 0 28%, transparent 29%), radial-gradient(circle at 0% 115%, rgba(120,40,0,.25) 0 34%, transparent 35%); }
/* --- کشاورزی: green --- */
.cm-card--keshavarzi { --cd-c1: #167a33; --cd-shadow: rgba(22,122,51,.4);
  --cd-bg: linear-gradient(135deg, #2fa04d 0%, #167a33 55%, #0c4f20 100%);
  --cd-deco: repeating-radial-gradient(circle at 0% 100%, rgba(255,255,255,.1) 0 2px, transparent 2px 20px); }
/* --- تجارت: indigo to cyan --- */
.cm-card--tejarat { --cd-c1: #1d2f94; --cd-shadow: rgba(29,47,148,.42);
  --cd-bg: linear-gradient(135deg, #131f6b 0%, #2f4fc9 58%, #27b6ea 100%);
  --cd-deco: radial-gradient(circle at 105% 105%, rgba(255,255,255,.16) 0 32%, transparent 33%), repeating-linear-gradient(-60deg, rgba(255,255,255,.06) 0 10px, transparent 10px 26px); }
/* --- پاسارگاد: gold, dark text --- */
.cm-card--pasargad { --cd-c1: #7a4d00; --cd-text: #2b1b00; --cd-shadow: rgba(185,119,14,.42); --cd-line: rgba(43,27,0,.4); --cd-amt-bg: rgba(43,27,0,.08);
  --cd-bg: linear-gradient(135deg, #fbe08a 0%, #e5a823 55%, #b9770e 100%);
  --cd-deco: radial-gradient(circle at 104% 108%, rgba(60,30,0,.14) 0 34%, transparent 35%), radial-gradient(circle at -6% -14%, rgba(255,255,255,.4) 0 24%, transparent 25%); }
.cm-card--pasargad .cm-card__copy { background: #2b1b00; color: #fbe08a; }
.cm-card--pasargad .cm-card__bank { text-shadow: none; }
.cm-card--pasargad .cm-card__num { text-shadow: 0 1px 0 rgba(255,255,255,.35); }
/* --- سامان: sky blue --- */
.cm-card--saman { --cd-c1: #0077b0; --cd-shadow: rgba(0,119,176,.4);
  --cd-bg: linear-gradient(135deg, #17b4ee 0%, #0092cf 55%, #006497 100%);
  --cd-deco: radial-gradient(circle at 100% 100%, rgba(255,255,255,.18) 0 30%, transparent 31%), radial-gradient(circle at 0% 0%, rgba(255,255,255,.14) 0 22%, transparent 23%); }
/* --- پارسیان: burgundy --- */
.cm-card--parsian { --cd-c1: #7a1634; --cd-shadow: rgba(122,22,52,.42);
  --cd-bg: linear-gradient(135deg, #a52049 0%, #7a1634 55%, #3f0a1b 100%);
  --cd-deco: repeating-radial-gradient(circle at 100% 0%, rgba(255,255,255,.09) 0 2px, transparent 2px 24px); }
/* --- رفاه: blue to teal --- */
.cm-card--refah { --cd-c1: #0b5a99; --cd-shadow: rgba(11,90,153,.4);
  --cd-bg: linear-gradient(135deg, #0a4a85 0%, #1583a8 58%, #19b5a8 100%);
  --cd-deco: repeating-linear-gradient(135deg, rgba(255,255,255,.07) 0 12px, transparent 12px 28px); }

/* --- رسالت: deep green to teal with a gold ring --- */
.cm-card--resalat { --cd-c1: #0a6b52; --cd-shadow: rgba(10,107,82,.42);
  --cd-bg: linear-gradient(135deg, #12a37c 0%, #0a6b52 55%, #05392c 100%);
  --cd-deco: radial-gradient(circle at 104% 108%, rgba(244,196,48,.28) 0 30%, transparent 31%), repeating-radial-gradient(circle at 0% 0%, rgba(255,255,255,.08) 0 2px, transparent 2px 22px); }
/* --- مسکن: red-orange --- */
.cm-card--maskan { --cd-c1: #c8341c; --cd-shadow: rgba(200,52,28,.4);
  --cd-bg: linear-gradient(135deg, #f26a2e 0%, #d63a1e 55%, #8f1e0e 100%);
  --cd-deco: repeating-linear-gradient(120deg, rgba(255,255,255,.08) 0 12px, transparent 12px 28px); }
/* --- صنعت و معدن: steel blue to teal --- */
.cm-card--sanat_madan { --cd-c1: #135b8f; --cd-shadow: rgba(19,91,143,.42);
  --cd-bg: linear-gradient(135deg, #0d3f6b 0%, #1a79b5 58%, #2cc0b0 100%);
  --cd-deco: radial-gradient(circle at 100% 100%, rgba(255,255,255,.16) 0 30%, transparent 31%); }
/* --- توسعه صادرات: navy with gold --- */
.cm-card--tosee_saderat { --cd-c1: #0b2a66; --cd-shadow: rgba(11,42,102,.45);
  --cd-bg: linear-gradient(135deg, #061b47 0%, #123f94 62%, #c99a2e 130%);
  --cd-deco: repeating-linear-gradient(115deg, rgba(255,255,255,.06) 0 14px, transparent 14px 30px); }
/* --- توسعه تعاون: green to blue --- */
.cm-card--tosee_taavon { --cd-c1: #0f7a44; --cd-shadow: rgba(15,122,68,.4);
  --cd-bg: linear-gradient(135deg, #25a860 0%, #0f7a44 55%, #0b5a8f 130%);
  --cd-deco: radial-gradient(circle at 0% 100%, rgba(255,255,255,.16) 0 28%, transparent 29%), repeating-linear-gradient(-60deg, rgba(255,255,255,.06) 0 10px, transparent 10px 26px); }
/* --- پست بانک: fresh green --- */
.cm-card--post_bank { --cd-c1: #2f8f1f; --cd-shadow: rgba(47,143,31,.4);
  --cd-bg: linear-gradient(135deg, #6cc233 0%, #2f8f1f 55%, #1b5d12 100%);
  --cd-deco: repeating-radial-gradient(circle at 100% 0%, rgba(255,255,255,.1) 0 2px, transparent 2px 22px); }
/* --- اقتصاد نوین: purple --- */
.cm-card--eghtesad_novin { --cd-c1: #5b2a86; --cd-shadow: rgba(91,42,134,.42);
  --cd-bg: linear-gradient(135deg, #8a4bc4 0%, #5b2a86 55%, #2d1245 100%);
  --cd-deco: radial-gradient(circle at 105% 105%, rgba(255,255,255,.15) 0 32%, transparent 33%), repeating-linear-gradient(135deg, rgba(255,255,255,.06) 0 12px, transparent 12px 28px); }
/* --- کارآفرین: magenta to wine --- */
.cm-card--karafarin { --cd-c1: #a3175f; --cd-shadow: rgba(163,23,95,.42);
  --cd-bg: linear-gradient(135deg, #d2307f 0%, #a3175f 55%, #5e0b37 100%);
  --cd-deco: repeating-radial-gradient(circle at 0% 100%, rgba(255,255,255,.1) 0 2px, transparent 2px 22px); }
/* --- سینا: deep blue to sky --- */
.cm-card--sina { --cd-c1: #0c4fa0; --cd-shadow: rgba(12,79,160,.42);
  --cd-bg: linear-gradient(135deg, #0a3a78 0%, #1572d0 58%, #4cb8f5 100%);
  --cd-deco: radial-gradient(circle at 100% 0%, rgba(255,255,255,.18) 0 28%, transparent 29%), radial-gradient(circle at 0% 115%, rgba(0,20,60,.22) 0 34%, transparent 35%); }
/* --- شهر: crimson --- */
.cm-card--shahr { --cd-c1: #b0101f; --cd-shadow: rgba(176,16,31,.42);
  --cd-bg: linear-gradient(135deg, #db2b3a 0%, #b0101f 55%, #5e0610 100%);
  --cd-deco: repeating-linear-gradient(-45deg, rgba(255,255,255,.07) 0 12px, transparent 12px 28px); }
/* --- دی: amber, dark text --- */
.cm-card--dey { --cd-c1: #8a4a00; --cd-text: #2e1800; --cd-shadow: rgba(230,138,0,.4); --cd-line: rgba(46,24,0,.4); --cd-amt-bg: rgba(46,24,0,.08);
  --cd-bg: linear-gradient(135deg, #ffd25c 0%, #f5a30f 55%, #d27200 100%);
  --cd-deco: radial-gradient(circle at 104% 108%, rgba(80,40,0,.14) 0 34%, transparent 35%), radial-gradient(circle at -6% -14%, rgba(255,255,255,.4) 0 24%, transparent 25%); }
.cm-card--dey .cm-card__copy { background: #2e1800; color: #ffd25c; }
.cm-card--dey .cm-card__bank { text-shadow: none; }
/* --- آینده: brown to copper --- */
.cm-card--ayandeh { --cd-c1: #6b3a1e; --cd-shadow: rgba(107,58,30,.42);
  --cd-bg: linear-gradient(135deg, #b5733a 0%, #6b3a1e 58%, #34190a 100%);
  --cd-deco: repeating-radial-gradient(circle at 100% 100%, rgba(255,255,255,.09) 0 2px, transparent 2px 22px); }
/* --- گردشگری: teal to navy --- */
.cm-card--gardeshgari { --cd-c1: #0b6f7d; --cd-shadow: rgba(11,111,125,.42);
  --cd-bg: linear-gradient(135deg, #17b0b8 0%, #0b6f7d 55%, #0a3a5c 100%);
  --cd-deco: radial-gradient(circle at 0% 0%, rgba(255,255,255,.16) 0 24%, transparent 25%), repeating-linear-gradient(135deg, rgba(255,255,255,.06) 0 12px, transparent 12px 28px); }
/* --- ایران زمین: royal blue with gold glow --- */
.cm-card--iran_zamin { --cd-c1: #123a8c; --cd-shadow: rgba(18,58,140,.42);
  --cd-bg: linear-gradient(135deg, #0c2a6c 0%, #2358c9 62%, #e0a92e 135%);
  --cd-deco: radial-gradient(circle at 105% 105%, rgba(255,255,255,.14) 0 32%, transparent 33%); }
/* --- خاورمیانه: dark blue to azure --- */
.cm-card--khavarmianeh { --cd-c1: #0e3f78; --cd-shadow: rgba(14,63,120,.42);
  --cd-bg: linear-gradient(135deg, #092b57 0%, #1767b3 60%, #3aa0e6 100%);
  --cd-deco: repeating-linear-gradient(115deg, rgba(255,255,255,.07) 0 14px, transparent 14px 30px); }
/* --- مهر ایران: green to teal --- */
.cm-card--mehr_iran { --cd-c1: #11803f; --cd-shadow: rgba(17,128,63,.4);
  --cd-bg: linear-gradient(135deg, #2cb566 0%, #11803f 55%, #0a5a52 120%);
  --cd-deco: radial-gradient(circle at 100% 100%, rgba(255,255,255,.17) 0 30%, transparent 31%), repeating-radial-gradient(circle at 0% 0%, rgba(255,255,255,.07) 0 2px, transparent 2px 22px); }

@media (max-width: 760px) {
  .cm-card.cm-card--bank { min-height: 188px; }
  .cm-card--bank .cm-card__bank { font-size: 15px; }
}