/* Bundle selector on the landing hero. next-core.css is loaded for .os-card;
   these rules keep that vendor sheet from taking over the rest of the lander. */

body.font-sans {
  font-family: 'Poppins', sans-serif;
  color: var(--text-primary);
  background: #fff;
}

/* Headlines stay Poppins, a step under bold, with a little less air. */
body.font-sans h1,
body.font-sans h2,
body.font-sans h3,
body.font-sans h4 {
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.12;
}

.landing-bundles {
  width: 100%;
  margin: 4px 0 4px;
  padding: 3px;
  overflow: visible;
  scroll-margin-top: 16px;
}

.landing-bundles .os-option {
  width: 100%;
}

.landing-bundles .os-cards__vertical {
  width: 100%;
}

.landing-bundles .smart-refill-toggle {
  margin-bottom: 10px;
}