/* stepper.css: ported 1:1 from foodforjoe.es CSS modules (hash suffixes removed). */

/* ── Stepper ── */
.Stepper_stepper {
  width:100%;
}

.Stepper_mobile {
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:8px 16px;
}

.Stepper_desktop {
  display:none;
}

.Stepper_step {
  flex:1 1;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.Stepper_label {
  margin:0;
  font-family: var(--font-family-serif-medium); font-variation-settings: var(--gp-medium-axes);
  font-size:14px;
  letter-spacing:1.26px;
  text-transform:uppercase;
  color:var(--color-green);
}

.Stepper_singleStep .Stepper_label {
  text-align:center;
}

.Stepper_discount {
  margin-left:8px;
}

@media (min-width:960px) {
  .Stepper_mobile {
    display:none;
  }
}

@media (min-width:960px) {
  .Stepper_desktop {
    display:flex;
    gap:8px;
    padding:0 64px;
  }
}

@media (min-width:960px) {
  .Stepper_desktop .Stepper_discount {
    display:block;
    width:-moz-fit-content;
    width:fit-content;
    margin:6px 0 0;
  }
}