/* v514 - commercial readiness and Premium visibility */
.settings-premium-card {
  position: relative;
  overflow: hidden;
  margin-bottom: 18px;
  border-color: color-mix(in srgb, var(--gold) 42%, var(--line));
  background:
    radial-gradient(circle at 88% 16%, color-mix(in srgb, var(--gold) 20%, transparent), transparent 28%),
    linear-gradient(145deg, color-mix(in srgb, var(--card) 94%, var(--gold) 6%), var(--card));
}
.settings-premium-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(var(--gold), var(--teal));
}
.settings-premium-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
}
.settings-premium-copy h2 {
  margin: 6px 0 8px;
  color: var(--ink);
  font-family: var(--serif);
  font-size: clamp(21px, 2vw, 28px);
  line-height: 1.12;
}
.settings-premium-copy p {
  max-width: 720px;
  margin: 0;
  color: var(--ink-2);
  font-size: 13px;
  line-height: 1.65;
}
.settings-premium-price {
  display: grid;
  min-width: 175px;
  gap: 5px;
  text-align: right;
}
.settings-premium-price strong {
  color: var(--ink);
  font-family: var(--serif);
  font-size: 30px;
  line-height: 1;
}
.settings-premium-price strong small {
  font-family: var(--sans);
  font-size: 12px;
}
.settings-premium-price span {
  color: var(--ink-2);
  font-size: 11px;
}
.settings-premium-price .btn {
  margin-top: 7px;
  justify-content: center;
}
@media (max-width: 700px) {
  .settings-premium-grid { grid-template-columns: 1fr; gap: 17px; }
  .settings-premium-price { min-width: 0; text-align: left; }
  .settings-premium-price .btn { width: 100%; }
}