.when-needed {
      padding: 100px 150px;
      font-family: 'Heebo', sans-serif;
    }

        @media (max-width: 768px) {
  .when-needed {
    padding: 50px 20px;
  }
}

    .premium-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px;
      font-family: 'Heebo', sans-serif;
      width: 70%;
      margin: 0 auto;  
    }

    .premium-card {
      position: relative;
      padding: 28px;
      border-radius: var(--radius-lg);
      /* background:
        linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.03)); */
      /* border: 1px solid rgba(255,255,255,0.08); */
      overflow: hidden;
      /* transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; */
      /* box-shadow: 0 16px 40px rgba(0,0,0,0.2); */
    }

    @media (max-width: 1300px) {
        .premium-grid {
            width: 100%;
            grid-template-columns: 1fr;
        }
      .premium-card {
        padding: 22px;
      }
    }

    .premium-card::before {
      content: "";
      position: absolute;
      inset: 0 auto auto 0;
      width: 140px;
      height: 140px;
      background: radial-gradient(circle, rgba(234,211,154,0.15), transparent 70%);
      pointer-events: none;
    }

    /* .premium-card:hover {
      transform: translateY(-6px);
      border-color: rgba(234, 211, 154, 0.16);
      box-shadow: 0 24px 50px rgba(0,0,0,0.28);
    } */

    .premium-card .card-index {
      display: inline-flex;
      min-width: 42px;
      height: 42px;
      padding: 0 12px;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      margin-bottom: 18px;
      font-weight: 700;
      color: #111;
      background: linear-gradient(135deg, var(--gold-2), var(--gold-3));
    }

    .premium-card p {
      margin-top: 10px;
    }