/* RenoLab 全站頁尾樣式唯一來源(2026-08-03 健檢收攏:markup 已由 Worker SSR 統一
   —— src/index.js renderSiteFooterHtml 填入 <footer data-renolab-footer> ——
   樣式原本存在四份拷貝:本檔 + home.css + deals/article 內嵌,現在全部收斂到這裡。
   使用頁面:taxonomy 家族、五個信任頁、首頁、deals、文章頁,共 20+ 頁。

   頁面差異用 CSS 變數旋鈕,在各頁自己的樣式裡對 .site-footer 設定:
     --sf-margin-top   頁尾與內容的距離(預設 40px;首頁/deals/article 設 0)
     --sf-width        footer-inner 寬度(預設 auto;首頁/deals 用各自 shell 算式)
     --sf-pad          行動版內距(預設 34px 18px 30px)
     --sf-shell        桌機 max-width(預設 1120px)
     --sf-pad-desktop  桌機內距(預設 46px 34px 52px)
   不要再於任何頁面複製整組頁尾規則。 */

.site-footer {
  margin-top: var(--sf-margin-top, 40px);
  color: #d4d4d4;
  background: #303030;
  border-top: 1px solid #222;
}

.site-footer .footer-inner {
  display: grid;
  gap: 28px;
  width: var(--sf-width, auto);
  margin: 0 auto;
  padding: var(--sf-pad, 34px 18px 30px);
}

.site-footer .footer-block h2,
.site-footer .footer-block h3 {
  margin: 0 0 18px;
  color: #e4e4e4;
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: 0;
}

.site-footer .footer-block p,
.site-footer .footer-block a {
  margin: 0;
  color: #c9c9c9;
  font-size: 16px;
  line-height: 1.8;
  text-decoration: none;
}

.site-footer .footer-block a {
  display: block;
}

.site-footer .footer-block a:hover {
  color: #ffffff;
}

.site-footer .footer-note {
  max-width: 560px;
  color: #eeeeee;
}

.site-footer .footer-company {
  font-weight: 900;
}

.site-footer .footer-bottom {
  padding: 18px;
  border-top: 1px solid #171717;
  color: #d0d0d0;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
}

@media (min-width: 900px) {
  .site-footer .footer-inner {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 34px 48px;
    max-width: var(--sf-shell, 1120px);
    padding: var(--sf-pad-desktop, 46px 34px 52px);
  }

  .site-footer .footer-block h2,
  .site-footer .footer-block h3 {
    font-size: 22px;
  }

  .site-footer .footer-block p,
  .site-footer .footer-block a {
    font-size: 18px;
  }

  .site-footer .footer-contact {
    grid-column: 1 / -1;
  }

  .site-footer .footer-information {
    grid-column: 1 / -1;
  }

  .site-footer .footer-bottom {
    padding: 22px 34px;
    font-size: 16px;
  }
}