/* Wrapper 最外层容器 - 基于Figma设计 */
.discount-products-wrapper {
  width: 100%;
  background-color: rgb(var(--color-background));
  overflow: visible;
}

/* Section整体容器 - 基于Figma设计 */
.section-discount-products {
  width: 100%;
  display: flex;
  flex-direction: column;
  /* gap 由 layout 配置控制（标题和内容块之间的间距） */
  gap: var(--row-gap, 40px);
  padding: 60px 0;
  box-sizing: border-box;
}

/* 头部区域 - 充满整个宽度，背景色白色 */
.discount-products-header {
  width: 100%;
  /* 让背景跟随外层 color-scheme，而不是强制白色 */
  background: transparent;
  padding: 0;
  margin: 0;
}

/* 标题样式 - 基于Figma设计稿 */
.discount-products-title {
  margin: 0;
  padding: 0;
  font-family: "Work Sans", "Noto Sans JP", sans-serif;
  font-weight: 600;
  line-height: 1.2;
  color: rgba(var(--color-text));
  text-transform: capitalize;
}

/* 标题对齐方式 - 左对齐 */
.discount-products-title--align-left {
  text-align: left;
}

/* 标题对齐方式 - 居中对齐 */
.discount-products-title--align-center {
  text-align: center;
}

/* 标题对齐方式 - 右对齐 */
.discount-products-title--align-right {
  text-align: right;
}

/* PC端标题尺寸 */
.discount-products-title--title2 {
  font-size: 50px;
}

.discount-products-title--title3 {
  font-size: 36px;
}

.discount-products-title--title4 {
  font-size: 30px;
}

/* 移动端标题尺寸 */
@media (max-width: 959px) {
  .discount-products-title--title2 {
    font-size: 32px;
  }

  .discount-products-title--title3 {
    font-size: 28px;
  }

  .discount-products-title--title4 {
    font-size: 24px;
  }
}

/* 描述样式 - 使用全局配置 */
.discount-products-desc {
  color: rgba(var(--color-light-text));
  --sort-title-font-weight: 400;
  text-align: center;
}

/* View All 按钮区域 */
.section-discount-products .view-all-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0;
}

/* 移动端响应式 (≤ 959px) */
@media (max-width: 959px) {
  .section-discount-products {
    gap: 20px;
    padding: 24px 0;
  }
}