/* Installments — "How to pay in installments" split (Figma Horizontal_Section 74:3722) */

.inst-how-section {
  scroll-margin-top: calc(var(--navbar-height) + 12px);
}

/* Nudge mockup crop slightly left inside the frame (object-fit: cover) */
.inst-how-section .inst-how__mockup-img {
  object-position: 56% center;
}

.inst-how-section .split-section__body ol.inst-how__steps {
  margin: 0.15em 0 0;
  padding-inline-start: 1.75em;
  list-style-type: decimal;
  list-style-position: outside;
}

.inst-how-section .split-section__body ol.inst-how__steps > li {
  margin: 0 0 0.35em;
  padding-inline-start: 0.15em;
}

.inst-how-section .split-section__body ol.inst-how__steps > li:last-child {
  margin-bottom: 0;
}

/* Cyan snackbar: shared `.snackbar-info` in css/components/snackbar-info.css */

.inst-how-section .split-section__title {
  font-weight: 700;
  line-height: 1.08;
}

.inst-how-section .split-section__body {
  font-size: var(--font-button);
  line-height: 1.5;
}

/* Primary CTA: white arrow on dark green button */
.inst-how-section .hero__cta-primary .hero__action-icon {
  filter: brightness(0) invert(1);
}

@media (max-width: 480px) {
  .inst-how-section .split-section__body {
    font-size: var(--font-body);
  }
}