/**
 * pricing.css
 * Pricing tool overrides and layout. Inherits all tokens from /shared/styles.css.
 */

.pricing-tool {
  padding: var(--gutter-lg);
  max-width: 720px;
  margin: 0 auto;
}

.garment-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gutter-sm);
  margin: var(--gutter-lg) 0;
}

.pricing-card {
  border: var(--border-strong);
  padding: var(--gutter-lg);
  margin-top: var(--gutter-lg);
  background: var(--surface);
}

.pricing-label {
  font-size: 12px;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--muted);
  margin: 0 0 8px;
}

.pricing-amount {
  font-size: 32px;
  font-weight: var(--weight-medium);
  margin: 0;
}