<div class="recharge-section">
  <div class="savings-note">
    <span>وفر حوالي 25% مع رسوم خدمة أقل للجهات الخارجية.</span>
    <span class="info-icon">ⓘ</span>
  </div>

  <div class="coins-grid">
    <!-- 30 عملة (محدد بشكل افتراضي مع شارة الأحدث) -->
    <div class="coin-card active" onclick="selectCoin(this, 30, 0.43)">
      <span class="badge">الأحدث</span>
      <div class="coin-amount">
        <span class="number">30</span>
        <span class="coin-icon">🪙</span>
      </div>
      <div class="price">€0.43</div>
    </div>

    <!-- 50 عملة -->
    <div class="coin-card" onclick="selectCoin(this, 50, 0.72)">
      <div class="coin-amount">
        <span class="number">50</span>
        <span class="coin-icon">🪙</span>
      </div>
      <div class="price">€0.72</div>
    </div>

    <!-- 100 عملة -->
    <div class="coin-card" onclick="selectCoin(this, 100, 1.45)">
      <div class="coin-amount">
        <span class="number">100</span>
        <span class="coin-icon">🪙</span>
      </div>
      <div class="
