@charset "UTF-8";
/*
 * A6 页脚样式。
 *
 * 视觉来源：A4 预览页脚实测（a4-footer-baseline.json，
 * localhost:3000 1920 视口）。宽度来源：2026-10-14 用户裁定——
 * footer 归入**默认内容模块体系**，最大宽度 1400px 居中，
 * 不用页头的 1920/80px 框架体系。
 *
 * 字体：继承主题自托管 Montserrat（fonts.test.js 锁定 @font-face）。
 */
/* ---------- 主区 ---------- */
.hbot1-footer {
  font-family: Montserrat, Arial;
}

.hbot1-footer__main {
  background-color: #f8f9fa;
  padding-top: 64px;
  color: #333333;
}

.hbot1-footer__container {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  /* 2026-10-14 用户裁定：1400px 模块最大宽度不另设内边距；
   * 窄视口防贴边由通用 .hbot1-container 断点体系承担。 */
}

/* 4 列网格：A4 gap-12 = 48px；≤1023px 两列、≤767px 单列。 */
.hbot1-footer__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 48px;
  margin-bottom: 48px;
}

.hbot1-footer__heading {
  margin: 0 0 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #333333;
}

.hbot1-footer__link {
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #333333;
}

.hbot1-footer__link a {
  color: #333333;
  text-decoration: none;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.hbot1-footer__link a:hover {
  color: #006699;
}

/* ---------- 社交图标 ---------- */
.hbot1-footer__social {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 4px;
}

.hbot1-footer__social-link {
  color: #4b5563;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.hbot1-footer__social-link:hover {
  color: #006699;
}

.hbot1-footer__social-link svg {
  width: 22px;
  height: 22px;
  display: block;
}

/* ---------- Hot Products 行 ---------- */
.hbot1-footer__hotproducts {
  border-top: 1px solid #e5e7eb;
  padding-top: 24px;
  padding-bottom: 32px;
  text-align: center;
}

.hbot1-footer__hotproducts-line {
  margin: 0;
  font-size: 13px;
  line-height: 19.5px;
  color: #6b7280;
}

.hbot1-footer__hotproducts-line strong {
  color: #333333;
  font-weight: 700;
}

.hbot1-footer__sep {
  padding: 0 4px;
}

/* ---------- 免责声明条 ---------- */
.hbot1-footer__disclaimer {
  background-color: #efefef;
  padding: 24px 16px;
}

.hbot1-footer__disclaimer-text {
  max-width: 896px;
  margin: 0 auto;
  font-size: 13px;
  line-height: 1.625;
  color: #4b5563;
}

/* ---------- 版权条 ---------- */
.hbot1-footer__copyright {
  background-color: #f8f9fa;
  border-top: 1px solid #e5e7eb;
  padding: 16px;
}

.hbot1-footer__copyright-text {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  color: #6b7280;
}

/* ---------- 响应式（缩放下限 1200px 体系） ---------- */
@media (max-width: 1023px) {
  .hbot1-footer__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .hbot1-footer__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .hbot1-footer__main {
    padding-top: 48px;
  }
}