/* Pricing page cards — layered on the shared dark almanac styling. */

.pricing-lead {
  max-width: 640px;
  margin-bottom: 22px;
  color: var(--jyotisya-copy);
  font-size: 16px;
}

.pricing-doctrine ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}

.pricing-doctrine li {
  padding: 8px 14px;
  border: 1px solid color-mix(in srgb, var(--jyotisya-gold) 35%, transparent);
  border-radius: 999px;
  color: var(--jyotisya-gold);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.pricing-products {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 18px;
  margin-bottom: 34px;
}

.pricing-card {
  padding: 24px 22px;
  border: 1px solid color-mix(in srgb, var(--jyotisya-gold) 30%, transparent);
  border-radius: 16px;
  background: color-mix(in srgb, var(--jyotisya-highlight) 3.5%, transparent);
}

.pricing-card h2 {
  margin: 10px 0 6px;
  font-family: var(--font-display);
  font-size: 26px;
  font-weight: 600;
}

.pricing-status {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.18em;
}

.pricing-status.is-available {
  color: var(--jyotisya-green-light);
  border: 1px solid color-mix(in srgb, var(--jyotisya-green-light) 50%, transparent);
}
.pricing-status.is-preparing {
  color: var(--jyotisya-muted);
  border: 1px solid color-mix(in srgb, var(--jyotisya-ink) 30%, transparent);
}

.pricing-tagline { color: var(--jyotisya-copy); font-size: 14.5px; }

.pricing-price {
  margin: 14px 0 12px;
  color: var(--jyotisya-gold);
  font-size: 30px;
  font-weight: 700;
}

.pricing-price small {
  margin-left: 6px;
  color: var(--jyotisya-muted);
  font-size: 12.5px;
  font-weight: 500;
}

.pricing-price.is-unreleased {
  font-size: clamp(1.45rem, 3vw, 2rem);
}

.pricing-contents {
  margin: 0 0 12px 18px;
  padding: 0;
  color: var(--jyotisya-copy);
  font-size: 13.5px;
}

.pricing-contents li { margin-bottom: 5px; }

.pricing-honesty {
  margin: 0 0 6px;
  color: var(--jyotisya-green-light);
  font-size: 12.5px;
}

.pricing-buy {
  margin-top: 10px;
  padding: 12px 22px;
  color: var(--jyotisya-ink-on-accent);
  background: var(--jyotisya-gold);
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
}

.pricing-rail-note {
  margin-top: 10px;
  padding: 10px 14px;
  border: 1px dashed color-mix(in srgb, var(--jyotisya-ink) 30%, transparent);
  border-radius: 10px;
  color: var(--jyotisya-muted);
  font-size: 13px;
}

.pricing-loading { color: var(--jyotisya-muted); }

.pricing-currency {
  display: flex;
  gap: 8px;
  margin: 14px 0 4px;
}

.pricing-currency-option {
  padding: 8px 18px;
  border: 1px solid color-mix(in srgb, var(--jyotisya-gold) 40%, transparent);
  border-radius: 999px;
  background: transparent;
  color: var(--jyotisya-copy);
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
}

.pricing-currency-option.is-active {
  color: var(--jyotisya-ink-on-accent);
  background: var(--jyotisya-gold);
  border-color: var(--jyotisya-gold);
}

.pricing-return-banner {
  margin: 0 0 18px;
  padding: 12px 16px;
  border: 1px solid color-mix(in srgb, var(--jyotisya-gold) 50%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--jyotisya-gold) 10%, transparent);
  color: var(--jyotisya-ink);
  font-size: 14px;
}

.pricing-return-banner.is-confirmed {
  border-color: color-mix(in srgb, var(--jyotisya-green-light) 60%, transparent);
  background: color-mix(in srgb, var(--jyotisya-green-light) 10%, transparent);
}

.pricing-email-form {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.pricing-email-form input {
  padding: 11px 14px;
  border: 1px solid color-mix(in srgb, var(--jyotisya-ink) 30%, transparent);
  border-radius: 10px;
  background: color-mix(in srgb, var(--jyotisya-highlight) 5%, transparent);
  color: var(--jyotisya-ink);
  font-size: 14px;
}

.pricing-email-note {
  color: var(--jyotisya-muted);
  font-size: 12px;
  line-height: 1.45;
}

.pricing-feedback {
  margin: 8px 0 0;
  color: var(--jyotisya-copy);
  font-size: 13px;
}

.pricing-method-note {
  margin: 8px 0 0;
  color: var(--jyotisya-muted);
  font-size: 12px;
}

/* Sample links and region-secondary price line (SSR + hydrated). */
.pricing-sample { margin: 10px 0 2px; }
.pricing-sample a { color: var(--jyotisya-gold); font-weight: 600; font-size: 0.88rem; }
.pricing-price-secondary { opacity: 0.62; font-size: 0.95em; }