/* 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-recommended::before {
  content: attr(data-recommendation-label);
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 1;
  border-radius: 999px;
  padding: 0.25rem 0.55rem;
  color: #78350f;
  background: #fde68a;
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1;
}

.subscription-plans-grid {
  align-items: stretch;
}

@media (max-width: 640px) {
  .subscription-plan-recommended {
    transform: none;
  }
}