/* ============================================================================
 * themes/3ffood/base.css — 3ffood 主題 base 層完整抽取
 * ============================================================================
 *
 * 用途：
 *   承接舊 3ffood.css 的「全站級」樣式，作為 3ffood 主題對 common/base.css
 *   的覆寫與補充層。載入順序在 common/base.css 之後，重複規則由 3ffood 版本
 *   後勝覆寫；不重複者為 3ffood 專屬。
 *
 * 抽取策略（按 kgtwbeef / dgfactor 模式 — 完整段落抽取，非僅差異）：
 *   舊 3ffood.css 過渡期仍由 css.blade.php 載入托底，其 base 段與散落各處的
 *   全站級規則 SHALL 完整收進本檔（task 10.1，user 確認「全站級全收進 base」）。
 *
 * 與其他主題的結構差異（3ffood 特有）：
 *   3ffood 有「兩層」全站樣式 ——
 *     (1) 原始模板 base 段（3ffood.css line 36-2034，與 kgtwbeef 同模板，
 *         僅品牌值不同：主色 #131313、深色按鈕、強化 RWD 字級）。
 *         其中 line 1758-1784 .footer-area .theme-bg/.black-bg 反白覆寫
 *         跳過，留給 task 10.4 footer.css。
 *     (2)「三福」覆寫層（line 7900-14584 內散落的全站級區塊）：
 *         全站字型 Noto Serif JP、全站背景 BG.png、全站標題菱形主題 H1-H4、
 *         :root --sf-color-* 變數（整個三福層大量引用，必須在 base 否則
 *         下游 var() 全失效）、Final Global Overrides 全站最終收斂
 *         （transparent 背景 / #page-content 按鈕系統 / 表單系統 / 通用容器 /
 *         分頁系統 / RWD）。其中 page-scoped 子區塊（購物流程 / 訂單卡片 /
 *         orderFinish / 內容頁 / checkout）留給對應 pages 檔（task 10.6~10.13）。
 *
 * 散落跨頁工具（與 kgtwbeef base.css 對應，從 flat 區抽出）：
 *   .btnSummit/.btnNormal/.gold-sec/.btnCanNotBuy/.delete-btn/.text-primary、
 *   breadcrumbs、.blog-section-title、.badge-* polyfill、.page-wrapper、
 *   .btnKG/.btnLike/.btnKG-gold/.btnKG.btn-soldout、.alertMessage、
 *   .innerpage-edit-box。跨多路由使用故置 base 層確保各頁皆載入。
 *
 * 載入順序：
 *   common/base.css -> themes/3ffood/base.css（本檔）-> 其他 layout -> pages
 *
 * 詳細規格：openspec/specs/web-theme-css/spec.md（Requirement R.FUNC.1 / R.FUNC.8）
 * 變更記錄：openspec/changes/issue518-web-theme-css-modularization/（task 10.1）
 * ============================================================================
 */

/* ============================================================================
 * 原始模板 base 段 (一) — body / typography / utility / button / form (3ffood.css 36-1757)
 * ============================================================================ */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 10px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit
}

h1 {
  font-size: 48px;
  line-height: 1;
  font-weight: 600;
}

@media screen and (max-width: 992px) {
  h1 {
    font-size: 30px;
  }
}

@media screen and (max-width: 768px) {
  h1 {
    font-size: 30px;
  }
}

h2 {
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
}

@media screen and (max-width: 992px) {
  h2 {
    font-size: 26px;
  }
}

@media screen and (max-width: 768px) {
  h2 {
    font-size: 26px;
  }
}

h3 {
  font-size: 28px;
  font-weight: 600;
  line-height: 1;
}

@media screen and (max-width: 992px) {
  h3 {
    font-size: 22px;
  }
}

@media screen and (max-width: 768px) {
  h3 {
    font-size: 22px;
  }
}

h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
}

@media screen and (max-width: 992px) {
  h4 {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  h4 {
    font-size: 18px;
  }
}

h5 {
  font-size: 18px;
}

@media screen and (max-width: 992px) {
  h5 {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  h5 {
    font-size: 14px;
  }
}

h6 {
  font-size: 14px;
}

@media screen and (max-width: 992px) {
  h6 {
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  h6 {
    font-size: 12px;
  }
}

hr {
  border-top: 1px dashed #c9ac6e
}

hr.mtb-40 {
  margin: 40px 0;
  border-bottom: 1px solid #eceff8;
  border-top: 0px;
}

.breadcrumb>li+li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}

.progress {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
}

input[type="checkbox"] {
  vertical-align: middle;
  margin-right: 5px;
}

/* 註：input[type="text"|"password"|"email"] 基底規則（含 margin-bottom: 20px）已移除 —
 * 與 common/base.css line 771-784 完全相同，屬冗餘複製。保留會因本檔載入晚於
 * common/base.css、common/widget.css，以同 specificity (0,1,1) 後勝，反向覆寫：
 *   (1) common/widget.css 的 .widget-search input { margin-bottom: 0 } → 搜尋框殘留 20px，
 *       使商品頁側欄 .product-side-menu 整體下移 20px（user 回報「分類位置不一致」）
 *   (2) common/base.css 的 .message-box input { margin-bottom: 10px }
 * 依 [[feedback_css_shared_rules_in_common]] 刪除冗餘，由 common 統一提供基底。
 * （沿用 kgtwbeef base.css 同一教訓） */

.submit-btn {
  background: rgb(255, 127, 0) none repeat scroll 0 0;
  border: medium none;
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-weight: 700;
  height: 35px;
  padding: 0 20px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

.m-0 {
  margin: 0;
}

.p-0 {
  padding: 0;
}

.mt-0 {
  margin-top: 0
}

.mt-1 {
  margin-top: 1px
}

.mt-2 {
  margin-top: 2px
}

.mt-3 {
  margin-top: 3px
}

.mt-4 {
  margin-top: 4px
}

.mt-5 {
  margin-top: 5px
}

.mt-10 {
  margin-top: 10px
}

.mt-15 {
  margin-top: 15px
}

.mt-20 {
  margin-top: 20px
}

.mt-30 {
  margin-top: 30px
}

.mt-35 {
  margin-top: 35px
}

.mt-40 {
  margin-top: 40px
}

.mt-50 {
  margin-top: 50px
}

.mt-60 {
  margin-top: 60px
}

.mt-70 {
  margin-top: 70px
}

.mt-80 {
  margin-top: 80px
}

.mt-90 {
  margin-top: 90px
}

.mt-100 {
  margin-top: 100px
}

.mt-110 {
  margin-top: 110px
}

.mt-120 {
  margin-top: 120px
}

.mt-130 {
  margin-top: 130px
}

.mt-140 {
  margin-top: 140px
}

.mt-150 {
  margin-top: 150px
}

.mr-0 {
  margin-right: 0px
}

.mr-1 {
  margin-right: 1px
}

.mr-2 {
  margin-right: 2px
}

.mr-3 {
  margin-right: 3px
}

.mr-4 {
  margin-right: 4px
}

.mr-5 {
  margin-right: 5px
}

.mr-10 {
  margin-right: 10px
}

.mr-15 {
  margin-right: 15px
}

.mr-20 {
  margin-right: 20px
}

.mr-30 {
  margin-right: 30px
}

.mr-40 {
  margin-right: 40px
}

.mr-50 {
  margin-right: 50px
}

.mr-60 {
  margin-right: 60px
}

.mr-70 {
  margin-right: 70px
}

.mr-80 {
  margin-right: 80px
}

.mr-90 {
  margin-right: 90px
}

.mr-100 {
  margin-right: 100px
}

.mr-110 {
  margin-right: 110px
}

.mr-120 {
  margin-right: 120px
}

.mr-130 {
  margin-right: 130px
}

.mr-140 {
  margin-right: 140px
}

.mr-150 {
  margin-right: 150px
}

.mb-0 {
  margin-bottom: 0
}

.mb-1 {
  margin-bottom: 1px
}

.mb-2 {
  margin-bottom: 2px
}

.mb-3 {
  margin-bottom: 3px
}

.mb-4 {
  margin-bottom: 4px
}

.mb-5 {
  margin-bottom: 5px
}

.mb-10 {
  margin-bottom: 10px
}

.mb-15 {
  margin-bottom: 15px
}

.mb-20 {
  margin-bottom: 20px
}

.mb-25 {
  margin-bottom: 25px
}

.mb-30 {
  margin-bottom: 30px
}

.mb-35 {
  margin-bottom: 35px
}

.mb-40 {
  margin-bottom: 40px
}

.mb-50 {
  margin-bottom: 50px
}

.mb-60 {
  margin-bottom: 60px
}

.mb-70 {
  margin-bottom: 70px
}

.mb-80 {
  margin-bottom: 80px
}

.mb-90 {
  margin-bottom: 90px
}

.mb-100 {
  margin-bottom: 100px
}

.mb-110 {
  margin-bottom: 110px
}

.mb-120 {
  margin-bottom: 120px
}

.mb-130 {
  margin-bottom: 130px
}

.mb-140 {
  margin-bottom: 140px
}

.mb-150 {
  margin-bottom: 150px
}

.ml-0 {
  margin-left: 0
}

.ml-1 {
  margin-left: 1px
}

.ml-2 {
  margin-left: 2px
}

.ml-3 {
  margin-left: 3px
}

.ml-4 {
  margin-left: 4px
}

.ml-5 {
  margin-left: 5px
}

.ml-10 {
  margin-left: 10px
}

.ml-15 {
  margin-left: 15px
}

.ml-20 {
  margin-left: 20px
}

.ml-30 {
  margin-left: 30px
}

.ml-40 {
  margin-left: 40px
}

.ml-50 {
  margin-left: 50px
}

.ml-60 {
  margin-left: 60px
}

.ml-70 {
  margin-left: 70px
}

.ml-80 {
  margin-left: 80px
}

.ml-90 {
  margin-left: 90px
}

.ml-100 {
  margin-left: 100px
}

.ml-110 {
  margin-left: 110px
}

.ml-120 {
  margin-left: 120px
}

.ml-130 {
  margin-left: 130px
}

.ml-140 {
  margin-left: 140px
}

.ml-150 {
  margin-left: 150px
}

.pt-0 {
  padding-top: 0
}

.pt-10 {
  padding-top: 10px
}

.pt-15 {
  padding-top: 15px
}

.pt-20 {
  padding-top: 20px
}

.pt-30 {
  padding-top: 30px
}

.pt-40 {
  padding-top: 40px
}

.pt-50 {
  padding-top: 50px
}

.pt-55 {
  padding-top: 55px
}

.pt-60 {
  padding-top: 60px
}

.pt-70 {
  padding-top: 70px
}

.pt-80 {
  padding-top: 80px
}

.pt-90 {
  padding-top: 90px
}

.pt-100 {
  padding-top: 100px
}

.pt-110 {
  padding-top: 110px
}

.pt-120 {
  padding-top: 120px
}

.pt-130 {
  padding-top: 130px
}

.pt-140 {
  padding-top: 140px
}

.pt-150 {
  padding-top: 150px
}

.pt-160 {
  padding-top: 160px
}

.pr-0 {
  padding-right: 0
}

.pr-10 {
  padding-right: 10px
}

.pr-15 {
  padding-right: 15px
}

.pr-20 {
  padding-right: 20px
}

.pr-30 {
  padding-right: 30px
}

.pr-40 {
  padding-right: 40px
}

.pr-50 {
  padding-right: 50px
}

.pr-60 {
  padding-right: 60px
}

.pr-70 {
  padding-right: 70px
}

.pr-80 {
  padding-right: 80px
}

.pr-90 {
  padding-right: 90px
}

.pr-100 {
  padding-right: 100px
}

.pr-110 {
  padding-right: 110px
}

.pr-120 {
  padding-right: 120px
}

.pr-130 {
  padding-right: 130px
}

.pr-140 {
  padding-right: 140px
}

.pb-0 {
  padding-bottom: 0
}

.pb-10 {
  padding-bottom: 10px
}

.pb-15 {
  padding-bottom: 15px
}

.pb-20 {
  padding-bottom: 20px
}

.pb-25 {
  padding-bottom: 25px
}

.pb-30 {
  padding-bottom: 30px
}

.pb-40 {
  padding-bottom: 40px
}

.pb-50 {
  padding-bottom: 50px
}

.pb-55 {
  padding-bottom: 55px
}

.pb-60 {
  padding-bottom: 60px
}

.pb-70 {
  padding-bottom: 70px
}

.pb-80 {
  padding-bottom: 80px
}

.pb-90 {
  padding-bottom: 90px
}

.pb-100 {
  padding-bottom: 100px
}

.pb-110 {
  padding-bottom: 110px
}

.pb-120 {
  padding-bottom: 120px
}

.pb-130 {
  padding-bottom: 130px
}

.pb-140 {
  padding-bottom: 140px
}

.pb-150 {
  padding-bottom: 150px
}

.pb-160 {
  padding-bottom: 160px
}

.pl-0 {
  padding-left: 0
}

.pl-10 {
  padding-left: 10px
}

.pl-15 {
  padding-left: 15px
}

.pl-20 {
  padding-left: 20px
}

.pl-30 {
  padding-left: 30px
}

.pl-40 {
  padding-left: 40px
}

.pl-50 {
  padding-left: 50px
}

.pl-60 {
  padding-left: 60px
}

.pl-70 {
  padding-left: 70px
}

.pl-80 {
  padding-left: 80px
}

.pl-90 {
  padding-left: 90px
}

.pl-100 {
  padding-left: 100px
}

.pl-110 {
  padding-left: 110px
}

.pl-120 {
  padding-left: 120px
}

.pl-130 {
  padding-left: 130px
}

.pl-140 {
  padding-left: 140px
}

.pl-150 {
  padding-left: 150px
}

.ptb-0 {
  padding: 0
}

.ptb-5 {
  padding: 5px 0
}

.ptb-10 {
  padding: 10px 0
}

.ptb-20 {
  padding: 20px 0
}

.ptb-30 {
  padding: 30px 0
}

.ptb-40 {
  padding: 40px 0
}

.ptb-50 {
  padding: 50px 0
}

.ptb-60 {
  padding: 60px 0
}

.ptb-70 {
  padding: 70px 0
}

.ptb-80 {
  padding: 80px 0
}

.ptb-90 {
  padding: 90px 0
}

.ptb-100 {
  padding: 100px 0
}

.ptb-110 {
  padding: 110px 0
}

.ptb-120 {
  padding: 120px 0
}

.ptb-130 {
  padding: 130px 0
}

.ptb-140 {
  padding: 140px 0
}

.ptb-150 {
  padding: 150px 0
}

.ptb-160 {
  padding: 160px 0
}

.mtb-0 {
  margin: 0
}

.mtb-5 {
  margin: 5px 0
}

.mtb-10 {
  margin: 10px 0
}

.mtb-15 {
  margin: 15px 0
}

.mtb-20 {
  margin: 20px 0
}

.mtb-30 {
  margin: 30px 0
}

.mtb-35 {
  margin: 35px 0
}

.mtb-40 {
  margin: 40px 0
}

.mtb-50 {
  margin: 50px 0
}

.mtb-60 {
  margin: 60px 0
}

.mtb-70 {
  margin: 70px 0
}

.mtb-80 {
  margin: 80px 0
}

.mtb-90 {
  margin: 90px 0
}

.mtb-100 {
  margin: 100px 0
}

.mtb-110 {
  margin: 110px 0
}

.mtb-120 {
  margin: 120px 0
}

.mtb-130 {
  margin: 130px 0
}

.mtb-140 {
  margin: 140px 0
}

.mtb-150 {
  margin: 150px 0;
}

.mtb-160 {
  margin: 160px 0;
}

.plr-185 {
  padding: 0 185px;
}

.plr-200 {
  padding-left: 200px;
  padding-right: 200px
}

.ptblr-10-30 {
  padding: 10px 30px;
}

.ptblr-20-30 {
  padding: 20px 30px;
}

.p-20 {
  padding: 20px;
}

.p-30 {
  padding: 30px;
}

.mt--50 {
  margin-top: -50px;
}

/* ============================================================================
 * 原始模板 base 段 (二) — .bg-opacity-* / .bg-N / .separator (3ffood.css 1786-2034)；中間 1758-1784 .footer-area 反白覆寫留給 footer.css(task 10.4)
 * ============================================================================ */

/* ============================================================================
 * 跨頁按鈕：.btnSummit/.btnNormal/.gold-sec/.btnCanNotBuy/.delete-btn/.text-primary (3ffood.css 3379-3503)
 * ============================================================================ */

.btnSummit,
.btnNormal {
  width: 100%;
  max-width: 200px;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px auto;
  margin-right: 10px;
  cursor: pointer;
  border-radius: 0rem;
  height: fit-content;
  transition: all 0.3s ease 0s;
}

@media screen and (max-width: 767px) {

  .btnSummit,
  .btnNormal {
    max-width: 100%;
    margin-right: 0;
  }

  .product-item .btnLike {
    background-color: #ffffff;
    border: 1px solid #2c2c2c;
    color: #2c2c2c;
    padding: 15px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px;
    cursor: pointer;
    border-radius: 0rem;
    width: auto;
    height: fit-content;
    aspect-ratio: auto;
  }

  .product-item .btnLike i {
    margin-right: 5px;
  }
}

.btnSummit.sm,
.btnNormal.sm {
  width: fit-content;
  padding: 5px 25px;
  font-size: 12px;
  border-radius: 99rem;
  height: fit-content;
}

.btnSummit.gold,
.btnNormal.gold {
  background-color: #313131;
  border: 1px solid #313131;
  color: #ffffff;
}

.btnSummit.gold:hover,
.btnNormal.gold:hover {
  background-color: #1e1e1e;
  color: #ffffff;
}

.btnSummit.red,
.btnNormal.red {
  background-color: #2c2c2c;
  border: 1px solid #2c2c2c;
  color: #ffffff;
}

.btnSummit.red:hover,
.btnNormal.red:hover {
  background-color: #a72808;
  color: #ffffff;
}

.text-primary {
  color: #333333 !important;
}

/* ============================================================================
 * 跨頁麵包屑：.breadcrumbs-section/.overlay-bg/.breadcrumbs-title/.breadcrumb-list (3ffood.css 5133-5220)
 * ============================================================================ */

.breadcrumbs-section {
  padding-top: 100px;
  background: #ffffff;
  background-position: 50% 18%;
  background-size: cover;
  margin-bottom: 40px;
}

.breadcrumbs-inner {
  position: relative;
  z-index: 10;
}

.breadcrumbs-title {
  color: #580E0E;
  /* line-height: 45px; */
  margin-bottom: 0;
  padding: 55px 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 35px;
  letter-spacing: 2px;
  font-display: swap;
}

.breadcrumbs-title::after,
.breadcrumbs-title::before {
  background: #580E0E;
}

@media (max-width: 767px) {
  .breadcrumbs-title {
    /* font-size: 28px;
    line-height: 40px; */
    padding: 8px 0;
  }
}

.breadcrumb-list {
  line-height: 1;
  padding-bottom: 20px;
}

.breadcrumb-list>li {
  color: #999999;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  margin-right: 15px;
  text-transform: uppercase;
}

.breadcrumb-list>li::before {
  content: "_";
  left: 0;
  color: #666666;
  transition: all 0.3s ease 0s;
}

.breadcrumb-list>li:hover::before {
  color: #131313;
}

.breadcrumb-list>li>a {
  color: #666666;
}

.breadcrumb-list>li:hover>a {
  color: #131313;
}

/* ============================================================================
 * 跨頁文字工具 + Bootstrap4 badge polyfill：.blog-section-title/.wrapper/.text-warp/.text-muted/.badge-* (3ffood.css 5809-6021)
 * ============================================================================ */

/* ============================================================================
 * .page-wrapper — 3ffood header 下方留白覆寫 margin-top:85px (3ffood.css 6106-6108)
 * ============================================================================ */

.page-wrapper {
  margin-top: 85px
}

/* ============================================================================
 * 跨頁按鈕/警示/編輯器內容：.btnKG/.btnLike/.btnKG-gold/.btnKG.btn-soldout/.alertMessage/.innerpage-edit-box (3ffood.css 6841-6970)
 * ============================================================================ */

.btnKG {
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #cdcdcd;
  color: #2c2c2c;
  /* padding: 10px 20px; */
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  /* margin: 4px auto; */
  cursor: pointer;
  border-radius: 0rem;
}

@media screen and (max-width: 768px) {
  .btnKG {
    width: auto;
    margin: 4px;
    padding: 10px;
  }

  .btnKG.btn-w100-mobile {
    width: 100%;
  }
}

.btnKG p {
  color: #2c2c2c !important;
}

.btnKG i {
  font-size: 16px;
  margin-right: 5px;
}

.btnKG:hover {
  background-color: #2c2c2c;
  color: #ffffff;
}

.btnLike {
  background-color: #ffffff;
  border: 1px solid #2c2c2c;
  color: #2c2c2c;
  padding: 10px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  cursor: pointer;
  border-radius: 99rem;
  margin-right: 10px;
}

.btnLike.like {
  background-color: #2c2c2c;
  border: 1px solid #2c2c2c;
  color: #ffffff;
}

.btnLike:hover {
  background-color: #2c2c2c;
  border: 1px solid #2c2c2c;
  color: #ffffff;
}

.btnKG-gold {
  width: 100%;
  background-color: #313131;
  border: 1px solid #313131;
  color: #ffffff;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px auto;
  cursor: pointer;
  border-radius: 0rem;
  height: fit-content;
}

.btnKG-gold:hover {
  background-color: #000000;
  color: #ffffff;
}

.btnKG.btn-soldout {
  background: #dddddd;
  color: #666666;
  border: 1px solid #666666;
}

.innerpage-edit-box h2 {
  font-size: 22px;
  line-height: 42px;
  margin-bottom: 16px;
  color: #333333;
  font-weight: 800;
}

.innerpage-edit-box p,
.innerpage-edit-box li {
  font-size: 16px;
  line-height: 28px;
  color: #333333;
}

/* 公司資訊頁編輯器內容圖：超過 1335px 縮小，未超過維持原尺寸 */
.innerpage-edit-box img {
  max-width: 100% !important;
  max-width: min(100%, 1335px) !important;
  height: auto !important;
}

/* ============================================================================
 * 三福全站文字字型 — Noto Serif JP (3ffood.css 8276-8302)
 * ============================================================================ */

/* 三福全站文字字型 */
body,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body span,
body a,
body li,
body dt,
body dd,
body label,
body th,
body td,
body strong,
body em,
body small,
body button,
body input,
body select,
body textarea {
  font-family: "Noto Serif JP", serif !important;
  font-optical-sizing: auto;
}

/* ============================================================================
 * 三福全站背景圖 — BG.png (3ffood.css 8536-8544)
 * ============================================================================ */

/* 三福全站背景圖 */
body {
  background-color: #ffffff;
  background-image: url('../../../img/3ffood/BG.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* ============================================================================
 * 三福全站標題主題 — H1-H4 菱形裝飾 + 排除規則 (3ffood.css 8785-8935)
 * ============================================================================ */

/* 三福全站標題主題：H1-H4 */
h1,
h2,
h3,
h4 {
  font-weight: 700;
  color: #6a1d15;
}

/* 鎖定「有菱形標題」文字顏色，避免被高權重區塊覆蓋 */
h1:not(.pro-price),
h2:not(.pro-price),
h3:not(.pro-price),
h4:not(.pro-price):not(.footer-default-block-title) {
  /* color: #6a1d15 !important; */
}

h1:not(.pro-price)::before,
h1:not(.pro-price)::after,
h2:not(.pro-price)::before,
h2:not(.pro-price)::after,
h3:not(.pro-price)::before,
h3:not(.pro-price)::after,
h4:not(.pro-price):not(.footer-default-block-title)::before,
h4:not(.pro-price):not(.footer-default-block-title)::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  /* background: #6a1d15; */
  vertical-align: middle;
  transform: translateY(-2px) rotate(45deg);
}

h1:not(.pro-price)::before,
h2:not(.pro-price)::before,
h3:not(.pro-price)::before,
h4:not(.pro-price):not(.footer-default-block-title)::before {
  margin-right: 14px;
}

h1:not(.pro-price)::after,
h2:not(.pro-price)::after,
h3:not(.pro-price)::after,
h4:not(.pro-price):not(.footer-default-block-title)::after {
  margin-left: 14px;
}

.widget-imgTextD .imgTextD-TitleBox .imgTextD-Title::after {
  position: static;
  top: auto;
  right: auto;
}

/* 排除菱形與標題主題：價格 */
h1.pro-price,
h2.pro-price,
h3.pro-price,
h4.pro-price {
  color: inherit;
  font-weight: inherit;
}

h1.pro-price::before,
h1.pro-price::after,
h2.pro-price::before,
h2.pro-price::after,
h3.pro-price::before,
h3.pro-price::after,
h4.pro-price::before,
h4.pro-price::after {
  content: none;
}

/* 排除菱形與標題主題：wishlist 按鈕型標題 */
.shopping-cart-box .table-content td.text-center h3:has(> button) {
  color: inherit !important;
  font-weight: inherit;
}

.shopping-cart-box .table-content td.text-center h3:has(> button)::before,
.shopping-cart-box .table-content td.text-center h3:has(> button)::after {
  content: none;
}

/* 排除菱形與標題主題：社群 badge 標題 */
.message-box h2:has(> .badge) {
  color: inherit !important;
  font-weight: inherit;
}

.message-box h2:has(> .badge)::before,
.message-box h2:has(> .badge)::after {
  content: none;
}

/* 排除菱形與標題主題：編輯器輸出內容區 */
#page-content .innerpage-edit-box h1::before,
#page-content .innerpage-edit-box h1::after,
#page-content .innerpage-edit-box h2::before,
#page-content .innerpage-edit-box h2::after,
#page-content .innerpage-edit-box h3::before,
#page-content .innerpage-edit-box h3::after,
#page-content .innerpage-edit-box h4::before,
#page-content .innerpage-edit-box h4::after,
#page-content .blog-description h1::before,
#page-content .blog-description h1::after,
#page-content .blog-description h2::before,
#page-content .blog-description h2::after,
#page-content .blog-description h3::before,
#page-content .blog-description h3::after,
#page-content .blog-description h4::before,
#page-content .blog-description h4::after,
#page-content .features-grids h1::before,
#page-content .features-grids h1::after,
#page-content .features-grids h2::before,
#page-content .features-grids h2::after,
#page-content .features-grids h3::before,
#page-content .features-grids h3::after,
#page-content .features-grids h4::before,
#page-content .features-grids h4::after,
#page-content .ck-content h1::before,
#page-content .ck-content h1::after,
#page-content .ck-content h2::before,
#page-content .ck-content h2::after,
#page-content .ck-content h3::before,
#page-content .ck-content h3::after,
#page-content .ck-content h4::before,
#page-content .ck-content h4::after {
  content: none !important;
}

/* 排除菱形：Widget 文字編輯器輸出（不一定在 #page-content 下） */
.widget-text .widget-text-bg h1::before,
.widget-text .widget-text-bg h1::after,
.widget-text .widget-text-bg h2::before,
.widget-text .widget-text-bg h2::after,
.widget-text .widget-text-bg h3::before,
.widget-text .widget-text-bg h3::after,
.widget-text .widget-text-bg h4::before,
.widget-text .widget-text-bg h4::after,
.widget-text .features-grids h1::before,
.widget-text .features-grids h1::after,
.widget-text .features-grids h2::before,
.widget-text .features-grids h2::after,
.widget-text .features-grids h3::before,
.widget-text .features-grids h3::after,
.widget-text .features-grids h4::before,
.widget-text .features-grids h4::after {
  content: none !important;
}

/* ============================================================================
 * 三福 Final Global Overrides — :root --sf-color-* 變數 / transparent 背景 / 按鈕系統 / 表單系統 / 通用容器 (3ffood.css 11551-11860)；購物流程/訂單卡片留給 pages(task 10.8/10.9)
 * ============================================================================ */

/* ==================================================
   3ffood Final Global Overrides（全站最終收斂）
   僅覆寫樣式，不更動 Blade / JS
   ================================================== */
:root {
  --sf-color-primary: #6a1d15;
  --sf-color-primary-hover: #4f130d;
  --sf-color-accent: #c9ac6e;
  --sf-color-surface: #fffdfa;
  --sf-color-surface-soft: #f6ece4;
  --sf-color-text: #5b3a1b;
  --sf-color-text-light: #fff7ef;
  --sf-color-muted: #8f744b;
  --sf-color-border: rgba(201, 172, 110, 0.72);
  --sf-color-border-soft: rgba(201, 172, 110, 0.38);
  --sf-shadow-soft: 0 10px 24px rgba(106, 29, 21, 0.08);
}

/* 保留 3ffood 背景，不讓內頁段落回退成純白底 */
#page-content.section,
#page-content.section>.shop-section,
#page-content.section>.blog-section,
#page-content.section>.message-box-section {
  background: transparent !important;
}

.breadcrumbs-section,
.breadcrumbs-section .breadcrumbs,
.breadcrumbs-section .breadcrumbs-inner,
.breadcrumbs-section .breadcrumbs-title {
  background: transparent !important;
}

/* ---------- 按鈕系統 ---------- */
#page-content .btn-hover-1::before,
#page-content .btn-hover-2::before {
  display: none !important;
}

#page-content .btnSummit,
#page-content .btnNormal,
#page-content .submit-btn,
#page-content .btn-submit,
#page-content .apply-btn,
#page-content .check-btn,
#page-content .btnCanNotBuy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 24px;
  border-radius: 10px !important;
  border: 1.5px solid var(--sf-color-border);
  background: var(--sf-color-surface);
  color: var(--sf-color-primary);
  font-family: "Noto Serif JP", serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
  box-shadow: 0 6px 14px rgba(106, 29, 21, 0.06);
  width: auto;
  max-width: none;
  margin-right: 10px;
}

#page-content .btnSummit.gold,
#page-content .btnNormal.red,
#page-content .submit-btn.btnSummit.gold,
#page-content .submit-btn.btn.btn-primary,
#page-content .submit-btn.btn-primary,
#page-content .check-btn,
#page-content .apply-btn {
  background: var(--sf-color-primary) !important;
  border-color: var(--sf-color-primary) !important;
  color: var(--sf-color-text-light) !important;
}

#page-content .btnNormal.gold-sec,
#page-content .btn-secondary.btnNormal,
#page-content .btn.btn-secondary.btnNormal {
  background: var(--sf-color-surface) !important;
  color: var(--sf-color-primary) !important;
  border-color: var(--sf-color-border) !important;
}

#page-content .btnCanNotBuy {
  background: #c8c0b4 !important;
  border-color: #c8c0b4 !important;
  color: #7a6a57 !important;
  cursor: not-allowed;
  box-shadow: none;
}

#page-content .btnSummit:hover,
#page-content .btnNormal:hover,
#page-content .submit-btn:hover,
#page-content .btn-submit:hover,
#page-content .apply-btn:hover,
#page-content .check-btn:hover {
  background: var(--sf-color-primary-hover) !important;
  border-color: var(--sf-color-primary-hover) !important;
  color: var(--sf-color-text-light) !important;
  transform: translateY(-1px);
}

#page-content .btnNormal.gold-sec:hover,
#page-content .btn-secondary.btnNormal:hover,
#page-content .btn.btn-secondary.btnNormal:hover {
  background: #f7ecdf !important;
  border-color: var(--sf-color-accent) !important;
  color: var(--sf-color-primary) !important;
}

#page-content .btnSummit:focus-visible,
#page-content .btnNormal:focus-visible,
#page-content .submit-btn:focus-visible,
#page-content .btn-submit:focus-visible,
#page-content .apply-btn:focus-visible,
#page-content .check-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(201, 172, 110, 0.35);
}

#page-content .btnSummit[disabled],
#page-content .btnNormal[disabled],
#page-content .submit-btn[disabled],
#page-content .btn-submit[disabled],
#page-content .apply-btn[disabled],
#page-content .check-btn[disabled] {
  opacity: 0.58;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* 社群登入按鈕改為一致的日式簡約語言 */
#page-content .email-login-box a.btnNormal.sm {
  width: 100%;
  max-width: 320px;
  margin: 0 0 10px;
  padding: 10px 16px;
  border: 1.5px solid var(--sf-color-border-soft);
  border-radius: 10px !important;
  background: var(--sf-color-surface);
  color: var(--sf-color-primary);
  box-shadow: none;
}

#page-content .email-login-box a.btnNormal.sm:hover {
  background: #f8eee2;
  border-color: var(--sf-color-accent);
  color: var(--sf-color-primary-hover);
}

/* ---------- 表單系統 ---------- */
#page-content label {
  color: var(--sf-color-primary);
  font-weight: 700;
  margin-bottom: 6px;
}

#page-content .form-control,
#page-content .custom-textarea,
#page-content textarea,
#page-content input[type="text"],
#page-content input[type="email"],
#page-content input[type="password"],
#page-content input[type="number"],
#page-content select {
  background: var(--sf-color-surface);
  border: 1.5px solid var(--sf-color-border-soft);
  color: var(--sf-color-text);
  border-radius: 10px;
  min-height: 44px;
  box-shadow: none;
}

#page-content textarea,
#page-content .custom-textarea {
  min-height: 160px;
  padding: 12px 14px;
}

#page-content .form-control::placeholder,
#page-content textarea::placeholder {
  color: #b09779;
}

#page-content .form-control:focus,
#page-content textarea:focus,
#page-content input[type="text"]:focus,
#page-content input[type="email"]:focus,
#page-content input[type="password"]:focus,
#page-content select:focus {
  border-color: var(--sf-color-primary) !important;
  box-shadow: 0 0 0 3px rgba(201, 172, 110, 0.26);
  outline: none;
}

#page-content .input-group .form-control {
  border-right: 0;
}

#page-content .input-group .input-group-text {
  background: var(--sf-color-surface-soft);
  border: 1.5px solid var(--sf-color-border-soft);
  border-left: 0;
  color: var(--sf-color-muted);
  border-radius: 0 10px 10px 0;
}

#page-content .invalid-feedback {
  color: #8d2e24;
  font-size: 13px;
  font-weight: 600;
}

#page-content .is-invalid,
#page-content .form-control.is-invalid,
#page-content textarea.is-invalid {
  border-color: #b54f45 !important;
}

#page-content input[type="file"] {
  width: 100%;
  padding: 8px 10px;
  border: 1.5px dashed var(--sf-color-border);
  border-radius: 10px;
  background: #fff9f1;
  color: var(--sf-color-muted);
  margin-bottom: 10px;
}

/* ---------- 會員/聯絡我們與通用容器 ---------- */
#page-content .message-box,
#page-content .contactBox,
#page-content .shopping-cart-box,
#page-content .payment-details,
#page-content .coupon-discount,
#page-content .user-side-menu,
#page-content .blog-details-area,
#page-content .innerpage-edit-box {
  background: var(--sf-color-surface);
  border: 1px solid var(--sf-color-border-soft);
  border-radius: 14px;
  box-shadow: var(--sf-shadow-soft);
}

/* issue #562：補回 payment-details 卡片桌機內距。原設計桌機卡片無 padding、僅 @media ≤991
 * 給 14px；payment-details 還原為全寬表格後桌機內容貼邊，故桌機補 24px（≤991 的 14px !important 仍覆蓋小螢幕） */
#page-content .payment-details {
  padding: 24px;
}

#page-content .widget-categories {
  background: none;
  box-shadow: none;
  border: none;
}

#page-content .message-box {
  min-height: 0;
}

#page-content .email-login-box {
  background: #fff8ef;
  border: 1px solid rgba(201, 172, 110, 0.25);
  border-radius: 12px;
}

#page-content .login-box-title,
#page-content .blog-section-title,
#page-content .widget-title,
#page-content .user-side-menu__title {
  color: var(--sf-color-primary);
  font-weight: 700;
  text-transform: none;
}

#page-content .blog-section-title.border-left,
#page-content .user-side-menu {
  border-left-color: var(--sf-color-accent);
}

#page-content .user-side-menu__subtitle {
  color: #af9779;
}

#page-content .user-side-menu__item a {
  color: var(--sf-color-text);
  border-color: transparent;
  border-radius: 10px;
}

#page-content .user-side-menu__item a:hover {
  background: #f7ecdf;
  border-color: rgba(201, 172, 110, 0.5);
}

#page-content .user-side-menu__item.is-active a,
#page-content .user-side-menu__item.is-active a:hover {
  background: var(--sf-color-primary);
  border-color: var(--sf-color-primary);
  color: var(--sf-color-text-light);
}

#page-content .user-side-menu__item.is-active .user-side-menu__icon,
#page-content .user-side-menu__item.is-active .user-side-menu__arrow {
  color: var(--sf-color-text-light);
}

/* ============================================================================
 * 三福 Final Global Overrides — 分頁系統 .pagination (3ffood.css 12152-12224)
 * ============================================================================ */

/* ---------- 分頁系統 ---------- */
#page-content ul.pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 26px 0 0;
  padding: 0 !important;
  list-style: none;
  background: transparent !important;
  box-shadow: none !important;
}

#page-content ul.pagination>.page-item {
  margin: 0 !important;
  padding: 0;
  border: 0;
  background: transparent;
  float: none;
}

#page-content ul.pagination>.page-item>.page-link,
#page-content ul.pagination>.page-item>span.page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 14px;
  border: 1.5px solid var(--sf-color-border);
  border-radius: 999px;
  background: var(--sf-color-surface);
  color: var(--sf-color-muted);
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  word-break: keep-all;
  box-shadow: none;
}

#page-content ul.pagination>.page-item:not(.page-item-btn)>.page-link,
#page-content ul.pagination>.page-item:not(.page-item-btn)>span.page-link {
  min-width: 44px;
  padding: 0 10px;
}

#page-content ul.pagination>.page-item.active>.page-link,
#page-content ul.pagination>.page-item.active>span.page-link {
  background: var(--sf-color-primary) !important;
  border-color: var(--sf-color-primary) !important;
  color: var(--sf-color-text-light) !important;
  font-weight: 700;
}

#page-content ul.pagination>.page-item:not(.active):not(.disabled)>.page-link:hover {
  background: #f8eee2;
  border-color: var(--sf-color-accent);
  color: var(--sf-color-primary);
}

#page-content ul.pagination>.page-item.disabled>.page-link,
#page-content ul.pagination>.page-item.disabled>span.page-link {
  opacity: 0.45;
  background: #f7f2ea;
  color: #b9a88f;
}

#page-content ul.pagination>.page-item>.page-link i,
#page-content ul.pagination>.page-item>span.page-link i {
  font-size: 16px;
  line-height: 1;
}

/* ============================================================================
 * 三福 Final Global Overrides — RWD 手機/平板 (3ffood.css 12262-12329)
 * ============================================================================ */

/* ---------- 手機/平板 ---------- */
@media (max-width: 991px) {

  #page-content .btnSummit,
  #page-content .btnNormal,
  #page-content .submit-btn,
  #page-content .btn-submit,
  #page-content .apply-btn,
  #page-content .check-btn,
  #page-content .btnCanNotBuy {
    min-height: 42px;
    padding: 9px 16px;
    font-size: 14px;
    margin-right: 6px;
  }

  #page-content .message-box,
  #page-content .shopping-cart-box,
  #page-content .payment-details,
  #page-content .coupon-discount,
  #page-content .widget-categories,
  #page-content .user-side-menu,
  #page-content .blog-details-area,
  #page-content .innerpage-edit-box {
    border-radius: 12px;
    padding: 14px !important;
  }

  #page-content .table-content table thead th,
  #page-content .table-content table tr td {
    font-size: 14px;
    padding: 10px 8px;
  }

  #page-content .product-title-2 {
    font-size: 16px;
  }

  #page-content ul.pagination {
    gap: 8px;
  }

  #page-content ul.pagination>.page-item>.page-link,
  #page-content ul.pagination>.page-item>span.page-link {
    min-height: 38px;
    padding: 0 12px;
    font-size: 14px;
  }

  #page-content ul.pagination>.page-item:not(.page-item-btn)>.page-link,
  #page-content ul.pagination>.page-item:not(.page-item-btn)>span.page-link {
    min-width: 38px;
  }

  #page-content .order-complete-content>.thank-you {
    margin-bottom: 14px;
  }

  #page-content .order-complete-content>.row {
    --bs-gutter-x: 14px;
    --bs-gutter-y: 16px;
    row-gap: 16px;
  }

  #page-content .order-complete-content>.text-center {
    margin-top: 16px;
  }
}

/* ============================================================================
 * 三福 Final Global Overrides — 跨頁資料表格 / 縮圖 / 狀態·溫層 badge（自 shoppingCart.css 遷入）
 * ----------------------------------------------------------------------------
 * .table-content table（cart/orders/wishList 共用資料表）、.pro-/.cart-/.wish-thumbnail-img、
 * .product-title-2 / .pro-thumbnail-info>p（cart/wishList）、.badge.badge-success/info/purple
 * （狀態/溫層 badge 三福米金色，orders/cart 共用）。置於 base.css 全站載入，避免各 page 重複
 * 並修復 orders 頁缺表格樣式 / badge 退回 polyfill 綠色 (task 10.9)。 (3ffood.css 11866-11933)
 * ============================================================================ */

#page-content .table-content table,
#page-content .table-content table th,
#page-content .table-content table td {
  border-color: rgba(201, 172, 110, 0.3);
}

#page-content .table-content table thead th {
  background: rgba(246, 236, 228, 0.9);
  color: #7f332e;
  text-transform: none;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 10px;
}

#page-content .table-content table tr td {
  color: var(--sf-color-text);
  padding: 14px 10px;
  vertical-align: middle;
}

#page-content .table-content table tr td>a {
  color: var(--sf-color-primary);
}

#page-content .table-content table tbody tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.56);
}

#page-content .pro-thumbnail-img,
#page-content .cart-thumbnail-img,
#page-content .wish-thumbnail-img {
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(201, 172, 110, 0.3);
  background: #ffffff;
}

#page-content .product-title-2 {
  color: var(--sf-color-primary);
  font-weight: 700;
  text-transform: none;
  margin-top: 8px;
  white-space: normal;
  line-height: 1.42;
}

#page-content .pro-thumbnail-info>p {
  color: #7f6652;
  white-space: normal;
  line-height: 1.35;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

#page-content .badge.badge-success,
#page-content .badge.badge-info,
#page-content .badge.badge-purple {
  border-radius: 999px;
  border: 1px solid rgba(201, 172, 110, 0.6);
  background: #fff8ef;
  color: #8f744b;
  font-weight: 700;
  font-size: 12px;
}

/* ============================================================================
 * 三福 Final Global / 編輯器內容跨頁規則（company + posts + widget-text 共用，遷入 base.css 全站載入）
 * ----------------------------------------------------------------------------
 * (1) .innerpage-edit-box p/li 內文色 var(--sf-color-text)：原 Final Global 內容頁(12236)
 *     與 .blog-description 同一條，誤入 post.css(10.7) 致 company 頁缺（內文色退回 #333）；
 *     company 頁僅用 .innerpage-edit-box，此處單獨補 company 部分 (task 10.11 修正)。
 * (2) .features-grids:has(.partner_item) 合作品牌/產品牆：CKEditor 內容，跨 company/post/
 *     widget-text，blade 未寫死、編輯器插入；置 base.css 全站涵蓋 (3ffood.css 6974-7064)。
 * ============================================================================ */

#page-content .innerpage-edit-box p,
#page-content .innerpage-edit-box li {
  color: var(--sf-color-text);
}

#page-content .blog-description .features-grids:has(.partner_item),
#page-content .innerpage-edit-box .features-grids:has(.partner_item),
.widget-text .widget-text-bg .features-grids:has(.partner_item) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 18px;
  margin: 22px 0;
  align-items: stretch;
}

#page-content .blog-description .features-grids .partner_item,
#page-content .innerpage-edit-box .features-grids .partner_item,
.widget-text .widget-text-bg .features-grids .partner_item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(201, 172, 110, 0.36);
  border-radius: 12px;
  background: #fffdfa;
}

#page-content .blog-description .features-grids .partner_image,
#page-content .innerpage-edit-box .features-grids .partner_image,
.widget-text .widget-text-bg .features-grids .partner_image {
  width: 100%;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid rgba(201, 172, 110, 0.28);
  border-radius: 10px;
  overflow: hidden;
}

#page-content .blog-description .features-grids .partner_image img,
#page-content .innerpage-edit-box .features-grids .partner_image img,
.widget-text .widget-text-bg .features-grids .partner_image img {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  display: block;
}

#page-content .blog-description .features-grids .partner_name,
#page-content .innerpage-edit-box .features-grids .partner_name,
.widget-text .widget-text-bg .features-grids .partner_name {
  margin: 0;
  color: #6a1d15;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  word-break: break-word;
}

@media (max-width: 991px) {

  #page-content .blog-description .features-grids:has(.partner_item),
  #page-content .innerpage-edit-box .features-grids:has(.partner_item),
  .widget-text .widget-text-bg .features-grids:has(.partner_item) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }
}

@media (max-width: 575px) {

  #page-content .blog-description .features-grids:has(.partner_item),
  #page-content .innerpage-edit-box .features-grids:has(.partner_item),
  .widget-text .widget-text-bg .features-grids:has(.partner_item) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  #page-content .blog-description .features-grids .partner_item,
  #page-content .innerpage-edit-box .features-grids .partner_item,
  .widget-text .widget-text-bg .features-grids .partner_item {
    padding: 10px;
  }

  #page-content .blog-description .features-grids .partner_name,
  #page-content .innerpage-edit-box .features-grids .partner_name,
  .widget-text .widget-text-bg .features-grids .partner_name {
    font-size: 13px;
    line-height: 1.4;
  }
}

/* ============================================================================
 * 三福 #page-content 內容 手機 RWD（@media max-width:480px，自混合 @media 區塊 14452 抽出）
 * widget-block-title/blog-details-title/blog-item-2/product-title-2 字級 + btnSummit 系列按鈕尺寸；
 * 跨 widget/post/product/全站按鈕、選擇器交織故整批置 base.css(全站 #page-content scoped) (3ffood.css 14496-14524)
 * ============================================================================ */

@media (max-width: 480px) {
  #page-content .widget-block-title {
    padding-top: 14px;
  }

  #page-content .widget-block-title h2,
  #page-content .blog-details-title {
    font-size: 24px;
    line-height: 1.3;
  }

  #page-content .blog-item-2 .blog-title-2 {
    font-size: 18px;
  }

  #page-content .product-title-2 {
    font-size: 15px;
  }

  #page-content .btnSummit,
  #page-content .btnNormal,
  #page-content .submit-btn,
  #page-content .btn-submit,
  #page-content .apply-btn,
  #page-content .check-btn,
  #page-content .btnCanNotBuy {
    min-height: 40px;
    padding: 8px 14px;
    font-size: 13px;
  }
}