/* Pricing section rules. */
:where(.ig-section-pricing-v1) .ig-section-card {
  padding-block: var(--spacing-lg);
  row-gap: var(--spacing-lg) !important;
}
:where(.ig-section-pricing-v1 .ig-section-card) > :is(.ig-section-card-title, .ig-section-price, .ig-section-feature-list) {
  block-size: auto;
}
:where(.ig-section-pricing-v1) .ig-section-price {
  font-size: clamp(2rem, 3.5vw, 3.5rem);
}
:where(.ig-section-pricing-v1) .ig-section-feature-list {
  padding-inline: var(--spacing-sm);
}

.ig-section-pricing-v102 {
  --section-container-max-width: 72rem;
}

/* viewport: tablet */
@media (min-width: 769px) and (width < 1025px) {
  :where(.ig-section-pricing-v1) .ig-section-card {
    padding-block-start: var(--spacing-lg);
  }
}

:where(.ig-section-pricing-v102) .ig-section-eyebrow {
  align-self: center;
  justify-self: center;
  text-align: center;
}
:where(.ig-section-pricing-v102 .ig-section-card-featured) > .ig-section-card-subtitle {
  align-self: center;
  justify-self: center;
  width: fit-content;
  min-height: 0;
  height: fit-content;
  text-align: center;
  line-height: 1;
  transform: none;
}

/* Plan feature lists and emphasis labels are layout primitives. */
:where(.ig-section-pricing, .ig-section-plans) .ig-section-feature-list {
  display: grid;
  align-content: start;
  align-items: flex-start;
  gap: var(--spacing-xs);
  margin: 0;
  padding: 0;
  list-style: none;
}
:where(.ig-section-pricing, .ig-section-plans) .ig-section-feature-row {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  column-gap: var(--spacing-sm);
}
:where(.ig-section-pricing, .ig-section-plans) .ig-section-feature-row > i {
  color: var(--section-feature-icon-color, currentColor);
  display: grid;
  inline-size: 20px;
  block-size: 20px;
  place-items: center;
}
:where(.ig-section-pricing, .ig-section-plans) .ig-section-feature-item {
  text-align: start;
}
:where(.ig-section-pricing, .ig-section-plans) .ig-section-card-subtitle {
  z-index: 1;
  align-self: center;
  justify-self: center;
  margin: 0;
  padding: 4px 12px;
  border: 1px solid var(--section-card-border-subtle);
  border-radius: var(--control-pill-radius);
  background: var(--primary-button-bg, var(--button-primary-bg));
  color: var(--primary-button-color, var(--button-primary-color));
  font-size: var(--section-meta-font-size);
  font-weight: 600;
  line-height: 1.2;
  transform: translateY(-50%);
}

:where(.ig-section-pricing-v5) .ig-section-card-subtitle {
  display: grid;
  inline-size: 100%;
  min-block-size: 100%;
  place-items: center;
  padding: 0 var(--spacing-sm);
  border: 0;
  border-radius: var(--section-card-radius) var(--section-card-radius) 0 0;
  transform: none;
}

:where(.ig-section-pricing-v5) .ig-section-card:has(.ig-section-card-subtitle) {
  border-color: var(--primary-button-bg, var(--button-primary-bg));
  box-shadow: var(--section-card-shadow);
}
:where(.ig-section-pricing) .ig-section-card-title {
  justify-self: stretch;
  text-align: center;
}
:where(.ig-section-pricing) .ig-section-price {
  align-self: stretch;
  justify-self: stretch;
  display: grid;
  place-items: center;
  font-family: var(--font-heading);
  font-weight: 750;
  line-height: 1;
  text-align: center;
}
:where(.ig-section-pricing-v102 .ig-section-card-featured) > .ig-section-card-subtitle {
  font-size: var(--section-card-label-size, 1.125rem);
  font-weight: var(--section-card-label-weight, 700);
}