/* Scoped visual polish for subscription plan cards. */
.subscription-plan-recommended {
  position: relative;
  border-color: rgb(245 158 11 / 0.55) !important;
  background: linear-gradient(180deg, rgb(255 251 235 / 0.95), var(--card, #fff)) !important;
  box-shadow: 0 8px 24px rgb(245 158 11 / 0.12), 0 0 0 1px rgb(245 158 11 / 0.22) !important;
  transform: translateY(-2px);
}

.subscription-plan-recommended .subscription-plan-price {
  color: rgb(217 119 6) !important;
}

.subscription-plan-card {
  min-height: 21.5rem;
  overflow: hidden;
}

.subscription-wallet-layout {
  display: flex !important;
  flex-direction: column;
  gap: 1.25rem !important;
}

.subscription-plans-section {
  order: -1;
  width: 100%;
}

.subscription-plans-grid {
  align-items: stretch;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)) !important;
  gap: 1rem !important;
}

@media (max-width: 640px) {
  .subscription-plan-card {
    min-height: 0;
  }

  .subscription-plan-recommended {
    transform: none;
  }
}