.gb-discount-admin {
  display: grid;
  gap: 18px;
}

.gb-discount-toggle {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  border: 1px solid #cdd9e7;
  border-radius: 16px;
  background: #f4f8fc;
  cursor: pointer;
}

.gb-discount-toggle input {
  width: 22px;
  height: 22px;
  margin: 1px 0 0;
  flex: 0 0 auto;
}

.gb-discount-toggle span {
  display: grid;
  gap: 4px;
}

.gb-discount-toggle small,
.gb-discount-help {
  color: #62748a;
  line-height: 1.5;
}

.gb-discount-help {
  margin: 0;
}

.gb-discount-program {
  margin-top: 18px;
  padding: 18px;
  border: 1px solid rgba(155, 232, 204, .35);
  border-radius: 20px;
  background: rgba(15, 48, 62, .55);
}

.gb-discount-program[hidden] {
  display: none !important;
}

.gb-discount-eyebrow {
  display: block;
  margin-bottom: 8px;
  color: #9be8cc;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.gb-discount-program > strong {
  display: block;
  color: #fff;
  font-size: clamp(1.15rem, 4vw, 1.45rem);
}

.gb-discount-program p,
.gb-discount-program small {
  color: #c8d6e5;
  line-height: 1.55;
}

.gb-discount-tiers {
  display: flex;
  gap: 8px;
  margin: 14px 0;
  overflow-x: auto;
  scrollbar-width: thin;
}

.gb-discount-tiers span {
  flex: 0 0 auto;
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 999px;
  color: #d9e4ef;
  font-weight: 750;
  white-space: nowrap;
}

.gb-discount-tiers span.reached {
  border-color: #9be8cc;
  background: #9be8cc;
  color: #0e493b;
}

@media (max-width: 640px) {
  .gb-discount-program {
    padding: 16px;
  }
}