/* صفحة التجار */
.mc-hero-art { display: flex; flex-direction: column; gap: 14px; max-width: 380px; width: 100%; justify-self: center; }
.mc-card { display: flex; gap: 14px; align-items: center; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); border-radius: 18px; padding: 16px 18px; color: #fff; animation: mc-float 5s ease-in-out infinite; }
.mc-card:nth-child(2) { margin-inline-start: 36px; animation-delay: -1.6s; }
.mc-card:nth-child(3) { animation-delay: -3.2s; }
.mc-card > span { font-size: 28px; }
.mc-card b { display: block; font-size: 16px; }
.mc-card small { color: var(--forest-ink); font-size: 13px; }
.mc-card.mc-ok { border-color: rgba(217,180,90,.6); }
.mc-card.mc-bad { border-color: rgba(230,90,80,.6); }
@keyframes mc-float { 50% { transform: translateY(-6px); } }
.mc-lead { margin: -12px 0 0; color: var(--muted); }
.mc-try { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.mc-try-card { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; padding: 26px; border-radius: 24px; text-decoration: none; background: var(--forest); color: #fff; border: 2px solid transparent; transition: transform .15s, border-color .15s; }
.mc-try-card:hover { transform: translateY(-3px); border-color: var(--gold); color: #fff; }
.mc-try-card.mc-fake { background: #3A1512; }
.mc-try-card.mc-fake:hover { border-color: #E0483C; }
.mc-try-card i { font-style: normal; font-size: 40px; }
.mc-try-card b { font-size: 21px; }
.mc-try-card small { color: var(--forest-ink); font-size: 14px; }
.mc-try-card.mc-fake small { color: #F2B8B0; }
.mc-try-card .btn { margin-top: 8px; }
.mc-try-card.mc-fake .btn { background: transparent; color: #fff; border-color: rgba(255,255,255,.4); }
.mc-groups { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }
.mc-group { background: var(--surface); border: 1px solid var(--line); border-radius: 22px; padding: 24px; display: flex; flex-direction: column; gap: 12px; }
.mc-group h3 { font-size: 20px; }
.mc-group ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.mc-group li { color: var(--muted); font-size: 15px; line-height: 1.6; padding-inline-start: 18px; position: relative; }
.mc-group li::before { content: ''; position: absolute; inset-inline-start: 0; top: 10px; width: 7px; height: 7px; border-radius: 50%; background: var(--gold); }
.mc-group li b { color: var(--ink); }
.mc-calc { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.mc-calc-in { background: var(--surface); border: 1px solid var(--line); border-radius: 22px; padding: 24px; display: flex; flex-direction: column; gap: 16px; }
.mc-calc-in input[type=range] { accent-color: var(--forest); min-height: 30px; padding: 0; border: 0; background: none; }
.mc-calc-out { background: var(--forest); color: #fff; border-radius: 22px; padding: 24px; display: flex; flex-direction: column; gap: 14px; justify-content: center; }
.mc-calc-out > div { display: flex; flex-direction: column; gap: 2px; border-bottom: 1px solid rgba(255,255,255,.12); padding-bottom: 12px; }
.mc-calc-out span { color: var(--forest-ink); font-size: 14px; }
.mc-calc-out b { font-size: 34px; color: #F3D68C; font-variant-numeric: tabular-nums; }
.mc-calc-out small { color: var(--forest-ink); }
.mc-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; align-items: stretch; }
.mc-plan { position: relative; background: var(--surface); border: 1px solid var(--line); border-radius: 24px; padding: 28px 24px 24px; display: flex; flex-direction: column; gap: 12px; }
.mc-plan.featured { border: 2px solid var(--gold); box-shadow: 0 18px 40px rgba(15,42,33,.12); }
.mc-plan-note { position: absolute; top: -13px; inset-inline-start: 20px; background: var(--forest); color: var(--gold); font-size: 13px; font-weight: 700; padding: 4px 12px; border-radius: 999px; }
.mc-plan h3 { font-size: 22px; }
.mc-price { font-size: 24px; color: var(--green-ink); }
.mc-plan ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.mc-plan li { padding-inline-start: 26px; position: relative; color: var(--muted); }
.mc-plan li::before { content: '✓'; position: absolute; inset-inline-start: 0; color: var(--green-ink); font-weight: 700; }
.mc-story { background: var(--surface); border: 1px solid var(--line); border-radius: 26px; padding: 28px; display: flex; flex-direction: column; gap: 20px; }
.mc-story-head { display: flex; gap: 16px; align-items: center; }
.mc-story-head .lg { width: 72px; height: 72px; border-radius: 20px; overflow: hidden; border: 3px solid var(--gold); background: var(--green-tint); display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 700; color: var(--green-ink); flex: none; }
.mc-story-head .lg img { width: 100%; height: 100%; object-fit: cover; }
.mc-story blockquote { margin: 0; font-size: 20px; line-height: 1.7; color: var(--ink); border-inline-start: 4px solid var(--gold); padding-inline-start: 18px; }
.mc-story cite { display: block; margin-top: 8px; font-size: 15px; font-style: normal; color: var(--muted); }
.mc-story-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.mc-story-stats div { background: var(--ground); border-radius: 16px; padding: 14px 16px; display: flex; flex-direction: column; }
.mc-story-stats b { font-size: 28px; color: var(--green-ink); }
.mc-story-stats span { font-size: 13px; color: var(--muted); }
.mc-faq { display: flex; flex-direction: column; gap: 10px; }
.mc-faq details { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 16px 20px; }
.mc-faq summary { cursor: pointer; font-weight: 700; font-size: 17px; }
.mc-faq p { margin: 10px 0 0; color: var(--muted); }
@media (max-width: 860px) { .mc-calc { grid-template-columns: 1fr; } .mc-card:nth-child(2) { margin-inline-start: 0; } }
@media (prefers-reduced-motion: reduce) { .mc-card { animation: none; } }