.banner__box {
  color: var(--genstore-neutral-texticon-900);
  gap: var(--genstore-spacing-gap-300);
  position: relative;
  font-size: var(--genstore-fontSize-800);
  line-height: var(--genstore-lineHeight-1300);
  max-width: 720px;

}

.banner__box.enable-card {
  opacity: calc(var(--opacity, 100) / 100)
}

.banner__box.card-padding {
  padding: var(--genstore-spacing-vertical-1800) var(--genstore-spacing-horizontal-1800);
  border-radius: var(--genstore-borderRadius-400);
}

.banner__box .banner__text {
  color: #000;
  font-weight: 400;
}
.banner__box .banner__text.rte.l{
  font-size: 30px;
}
.banner__box .banner__text.xxs {
  font-size: var(--genstore-fontSize-250);
  line-height: var(--genstore-lineHeight-500);
}

.banner__box .banner__text.xs {
  font-size: var(--genstore-fontSize-300);
  line-height: var(--genstore-lineHeight-500);
}

.banner__box .banner__text.s {
  font-size: var(--genstore-fontSize-400);
  line-height: var(--genstore-lineHeight-700);
}

.banner__box .banner__text.m {
  font-size: var(--genstore-fontSize-600);
  line-height: var(--genstore-lineHeight-1000);
}

.banner__box .banner__text.l {
  font-size: var(--genstore-fontSize-800);
  line-height: var(--genstore-lineHeight-1300);
}

.banner__box .banner__text.xl {
  font-size: var(--genstore-fontSize-1200);
  line-height: var(--genstore-lineHeight-1700);
}

.banner__box .genstore-separator-line+.banner__buttons {
  margin-top: 18px;
}

.banner__box .banner__heading .xxl {
  font-size: var(--genstore-fontSize-2400);
  line-height: var(--genstore-lineHeight-2900);
}

.banner__box .banner__heading .xl {
  font-size: var(--genstore-fontSize-2000);
  line-height: var(--genstore-lineHeight-2500);

}

.banner__box .banner__heading .l {
  font-size: var(--genstore-fontSize-1600);
  line-height: var(--genstore-lineHeight-2100);
}

.banner__box .banner__heading .m {
  font-size: var(--genstore-fontSize-1200);
  line-height: var(--genstore-lineHeight-1700);
}

.banner__box .banner__heading .s {
  font-size: var(--genstore-fontSize-800);
  line-height: var(--genstore-lineHeight-1300);
}

.banner__box>* {
  z-index: 2;
}

.banner__box .banner__buttons {
  padding: var(--genstore-spacing-vertical-400) 0;
  font-size: 0;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}

.banner__box .banner__buttons .genstore-btn {
  align-self: flex-start;
  /* 确保每个按钮都是自身高度 */
  flex: 0 0 auto;
  /* 防止按钮拉伸或收缩 */
}

.banner__box .buttons-vertical {
  flex-direction: column;
}

.banner__box.banner--card-transparent {
  background: transparent;
}

@media (max-width: 750px) {
  .banner__box {
    max-width: 100%;
  }

  .banner__box.banner--card-transparent {
    padding: 40px 16px;
  }
}

.image-with-text h2 {
  color: #201715;
}

.image-with-text .banner__text {
  color: #5B595A;
}