/* ============================================================
   九南科技商城 · 礼选时节页样式 v6.0（横向列表行）
   商品行 .prod-list/.prod-row 由 css/app.css 提供。
   ============================================================ */

/* 主视觉 */
.sale-hero {
  padding: 72px 0 56px;
  background: var(--mh-bg-dark);
  color: var(--mh-text-inverse);
}
.sale-hero .sec-kicker { color: rgba(250,250,247,0.7); margin-bottom: 14px; display: block; }
.sale-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.5px;
  margin: 0 0 18px;
  color: var(--mh-text-inverse);
}
.sale-desc {
  font-size: 15px;
  line-height: 1.8;
  color: rgba(250,250,247,0.75);
  margin: 0 0 28px;
  max-width: 520px;
}
.sale-hero .btn-solid {
  background: var(--mh-text-inverse);
  color: var(--mh-text-1);
  border-color: var(--mh-text-inverse);
  margin-top: 8px;
}
.sale-hero .btn-solid:hover { background: #fff; border-color: #fff; }

/* 倒计时 */
.sale-countdown {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 28px;
}
.sale-countdown .scd-label {
  font-size: 12px;
  color: rgba(250,250,247,0.6);
  margin-right: 8px;
}
.sale-countdown .scd-num {
  min-width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: var(--mh-text-inverse);
  color: var(--mh-text-1);
  font-size: 16px;
  font-weight: 700;
  border-radius: var(--mh-radius-sm);
  font-family: var(--mh-font-mono);
}
.sale-countdown .scd-colon {
  font-size: 16px;
  font-weight: 700;
  color: rgba(250,250,247,0.8);
}
/* 闪购区小号倒计时（暖白底） */
.sale-countdown.small .scd-label { color: var(--mh-text-3); }
.sale-countdown.small .scd-num {
  background: var(--mh-text-1);
  color: var(--mh-text-inverse);
}
.sale-countdown.small .scd-colon { color: var(--mh-text-2); }

/* 礼遇规则 */
.rule-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.rule-item {
  padding: 32px 28px;
  background: var(--mh-bg-card);
  border: 1px solid var(--mh-line);
  border-radius: var(--mh-radius);
}
.rule-num {
  font-size: 14px;
  font-weight: 700;
  color: var(--mh-text-4);
  font-family: var(--mh-font-mono);
  letter-spacing: 1px;
  margin-bottom: 16px;
}
.rule-name {
  font-size: 18px;
  font-weight: 700;
  color: var(--mh-text-1);
  margin: 0 0 10px;
}
.rule-detail {
  font-size: 14px;
  line-height: 1.7;
  color: var(--mh-text-3);
  margin: 0;
}

/* 满减档位 */
.mj-tiers { display: flex; gap: 8px; flex-wrap: wrap; }
.mj-tier {
  font-size: 12px;
  padding: 5px 12px;
  background: var(--mh-bg-card);
  border: 1px solid var(--mh-line);
  border-radius: var(--mh-radius-pill);
  color: var(--mh-text-2);
}

@media (max-width: 768px) {
  .sale-hero { padding: 56px 0 44px; }
  .sale-title { font-size: 28px; }
  .rule-row { grid-template-columns: 1fr; }
}