/* 页脚产品分类列  v1（2026-11-01）
 *
 * 目的：填掉页脚 CONTACT 与 QUICK LINK 之间的中部大片空白，
 *      并按材质把产品类型细分展开（PLA 10 项 / PETG 3 / ABS 3 / TPU 14 / ASA 1，共 31 项）。
 *
 * ⚠ /_assets/* 是 immutable 一年缓存，本文件为新目录新文件名，首次上线无旧缓存。
 *
 * ⚠ 命名：全部用 nf- 前缀，避免撞模板全局样式（同 .row / .col 这类通用类名会串）。
 *
 * ⚠ 布局策略（改的是模板 arshine2_foot/index.css 的 flex space-between）：
 *      模板里 .foot-contact 固定 500px、.foot-nav 自适应 → 两端对齐、中间空一大片。
 *      这里改成三段式：CONTACT 定宽 430px + PRODUCTS 弹性填充 + QUICK LINK 定宽自适应，
 *      PRODUCTS 用 flex:1 吃掉中间所有余量，天然填满。
 *
 * ⚠ 特异性：.arshine2-foot .foot-contact 在模板里是 (0,2,0)，
 *      这里必须用 (0,3,0) 才能改掉它的 width:500px。
 */

.arshine2-foot .container .foot-contact {
  flex: 0 0 430px;
  width: 430px;
}

.arshine2-foot .nf-foot-products {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0 42px;
  padding-top: 2px;
}

/* 标题与 QUICK LINK 对齐（v5.css 已把 .arshine2-foot h5 定为 eyebrow 15px） */
.arshine2-foot .nf-foot-products h5 {
  margin-bottom: 22px;
}

/* 三栏：PLA / PETG+ABS+ASA / TPU */
.arshine2-foot .nf-foot-products .nfp-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 26px;
  align-items: start;
}

.arshine2-foot .nf-foot-products .nfp-group {
  margin-bottom: 18px;
  min-width: 0;
}

/* 材质分组小标题 */
.arshine2-foot .nf-foot-products .nfp-head {
  margin-bottom: 7px;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-primary, #e58722);
}

.arshine2-foot .nf-foot-products ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.arshine2-foot .nf-foot-products ul li {
  font-size: 14px;
  line-height: 1.5;
  color: #9d9d9d;
}

.arshine2-foot .nf-foot-products ul li + li {
  margin-top: 5px;
}

.arshine2-foot .nf-foot-products ul li a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
  transition: color .2s;
}

.arshine2-foot .nf-foot-products ul li a:hover {
  color: #fff;
}

/* QUICK LINK 保持精简，宽度交给内容 */
.arshine2-foot .foot-nav {
  flex: 0 0 auto;
}

/* ---------- 窄屏 ---------- */
@media screen and (max-width: 1367px) {
  .arshine2-foot .container .foot-contact {
    flex: 0 0 380px;
    width: 380px;
  }

  .arshine2-foot .nf-foot-products {
    margin: 0 28px;
  }

  .arshine2-foot .nf-foot-products .nfp-grid {
    gap: 0 20px;
  }
}

@media screen and (max-width: 1171px) {
  .arshine2-foot .container .foot-contact {
    flex: 0 0 330px;
    width: 330px;
  }

  .arshine2-foot .nf-foot-products {
    margin: 0 22px;
  }

  .arshine2-foot .nf-foot-products .nfp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* 第三列（TPU）落到第二行，整块左对齐 */
  .arshine2-foot .nf-foot-products .nfp-col-3 {
    grid-column: 1 / -1;
  }
}

@media screen and (max-width: 992px) {
  /* 与模板一致：.foot-nav 在此断点隐藏，PRODUCTS 列一并收起 */
  .arshine2-foot .nf-foot-products {
    display: none;
  }
}