/* 產品系列內頁 /products/{series}/（設計稿 D） */
.p-crumb{padding-top:32px}

/* Hero：左 7 欄 4:3 材質照、右 4 欄文字 */
.p-hero{margin-top:40px;align-items:start}
.p-hero__media{grid-column:1/span 7}
.p-hero__media img{object-position:50% 60%}
.p-hero__body{grid-column:9/span 4;display:flex;flex-direction:column;gap:28px;padding-top:24px}
.p-hero__title{font-size:var(--fs-h1-inner);line-height:1.15;display:flex;flex-direction:column;gap:20px}
.p-hero__en{font-family:var(--f-mono);font-size:20px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink-2);line-height:1.3}
.p-hero__card{width:max-content;max-width:100%;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;border:1px solid var(--c-ink);padding:6px 12px;line-height:1.4}
.p-hero__btns{gap:16px;margin-top:8px}

/* 特點 */
.p-features-wrap{margin-top:96px}
.p-features{display:grid;grid-template-columns:repeat(var(--cols,5),minmax(0,1fr));border-top:1px solid var(--c-ink);overflow:hidden}
.p-feature{padding:32px 24px 32px 0;border-right:1px solid var(--c-line);border-bottom:1px solid var(--c-line);margin-right:-1px;display:flex;flex-direction:column;gap:12px}
.p-feature+.p-feature{padding-left:24px}
.p-feature__n{font-family:var(--f-mono);font-size:11px;color:var(--c-accent)}
.p-feature__t{font-family:var(--f-serif);font-size:17px;font-weight:500;line-height:1.6}

/* 粒徑 */
.p-grit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--c-ink);margin-top:40px}
.p-grit__item{padding:32px 32px 32px 0;border-right:1px solid var(--c-line);display:flex;flex-direction:column;gap:16px}
.p-grit__item+.p-grit__item{padding-left:32px}
.p-grit__item:last-child{border-right:0}
.p-grit__mesh{font-family:var(--f-serif);font-size:72px;font-weight:400;line-height:1}
.p-grit__mesh .mono{font-family:var(--f-serif);font-variant-numeric:tabular-nums}
.p-grit__mesh small{font-size:18px;color:var(--c-ink-2);margin-left:8px}
.p-grit__desc{font-size:15px;line-height:1.8;color:var(--c-ink-2)}

/* 適用基層 */
.p-tabs{gap:28px}
.p-steps{margin-top:40px}
.p-steps__foot{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap;padding-top:32px}

/* 輔材：搭配工法 */
.p-used{border-top:1px solid var(--c-ink);margin-top:32px}
.p-used__row{display:grid;grid-template-columns:200px 280px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--c-line);align-items:baseline}
.p-used__no{font-family:var(--f-mono);font-size:13px;color:var(--c-accent)}
.p-used__name{font-size:15px}

/* 規格表 */
.p-price-toggle{background:none;border:0;padding:0;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;color:var(--c-accent)}
.p-price-toggle:hover{color:var(--c-ink)}
.p-spec{margin-top:32px}
.p-spec .spec-table th.nocase{text-transform:none}
.p-spec .spec-table td{padding-top:16px;padding-bottom:16px}
.p-spec .spec-table td.name{min-width:200px}
.p-spec .spec-table td.pack,.p-spec .spec-table td.price{white-space:nowrap}
.p-spec .spec-table td.usage{max-width:300px}
.p-spec__group th{font-family:var(--f-mono);font-weight:400;font-size:10.5px;letter-spacing:.14em;color:var(--c-ink-2);text-align:left;padding:28px 0 10px;border-bottom:1px solid var(--c-line)}
.p-spec thead+tbody .p-spec__group:first-child th{padding-top:16px}
.p-spec .spec-note,.p-spec+.spec-note{margin-top:16px}

/* 設計師建議 */
.p-tip-wrap{margin-top:var(--section-y)}
.p-tip{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;padding:72px 80px}
.p-tip__label{grid-column:1/span 3}
.p-tip__q{grid-column:4/span 8}
.p-tip__q .quote-text{font-size:28px}

/* 相關案例 */
.p-rel__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid var(--c-ink);padding-bottom:12px;margin-bottom:32px}
.p-rel__head .label{font-size:10.5px}
.p-rel__head .text-link{font-size:14px}
.p-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.p-rel .case-card__title{font-size:18px}

@media (max-width:1100px){
  .p-hero__media{grid-column:1/span 7}
  .p-hero__body{grid-column:8/span 5}
  .p-features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
  .p-used__row{grid-template-columns:160px 1fr;gap:8px 24px}
  .p-used__row .tag-list{grid-column:2}
}

@media (max-width:767px){
  .p-crumb{padding-top:20px}
  .p-hero{margin-top:20px;row-gap:28px}
  .p-hero__body{padding-top:0;gap:20px}
  .p-hero__title{gap:10px}
  .p-hero__en{font-size:14px}
  .p-hero__btns .btn{flex:1 1 0;padding-inline:12px}

  .p-features-wrap{margin-top:56px}
  .p-features{grid-template-columns:1fr}
  .p-feature,.p-feature+.p-feature{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:16px 0;border-right:0;margin-right:0;align-items:baseline}
  .p-feature__t{font-size:16px}

  .p-grit{grid-template-columns:1fr;margin-top:24px}
  .p-grit__item,.p-grit__item+.p-grit__item{padding:20px 0;border-right:0;border-bottom:1px solid var(--c-line);display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:baseline}
  .p-grit__mesh{font-size:44px}
  .p-grit__mesh small{font-size:14px;margin-left:4px}

  .p-tabs{gap:20px;max-width:100%}
  .p-steps{margin-top:24px}

  .p-used{margin-top:24px}
  .p-used__row{grid-template-columns:1fr;gap:6px;padding:16px 0}
  .p-used__row .tag-list{grid-column:auto}

  /* 規格表：每列一張（No.＋單價 / 品名 / 包裝・用量・施工面積） */
  .p-spec{margin-top:8px}
  .p-spec .spec-table tr{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr) minmax(0,.9fr);column-gap:12px;row-gap:10px;border-top:0;border-bottom:1px solid var(--c-line);padding:20px 0;margin:0}
  .p-spec .spec-table td{display:block;padding:0;font-size:12px;min-width:0;max-width:none}
  .p-spec .spec-table td::before{display:block;font-size:10.5px;letter-spacing:.06em;text-transform:none;margin-bottom:2px}
  .p-spec .spec-table td.no{grid-column:1/3;grid-row:1}
  .p-spec .spec-table td.no::before,.p-spec .spec-table td.name::before,.p-spec .spec-table td.price::before{display:none}
  .p-spec .spec-table td.price{grid-column:3;grid-row:1;text-align:right}
  .p-spec .spec-table td.name{grid-column:1/-1;grid-row:2;font-family:var(--f-serif);font-size:17px;font-weight:500;min-width:0}
  .p-spec .spec-table td.pack,.p-spec .spec-table td.usage,.p-spec .spec-table td.area{grid-row:3;font-size:11px;line-height:1.7;white-space:normal}
  .p-spec .spec-table td.pack::before,.p-spec .spec-table td.usage::before,.p-spec .spec-table td.area::before{content:attr(data-label)}
  .p-spec .spec-table td.usage::before{content:"用量/m²"}
  .p-spec.is-price-hidden .spec-table td.no{grid-column:1/-1}
  .p-spec .spec-table tr.p-spec__group{display:block;padding:24px 0 8px;border-bottom:1px solid var(--c-ink)}
  .p-spec .spec-table tr.p-spec__group th{display:block;padding:0;border:0}

  .p-tip{grid-template-columns:1fr;gap:16px;padding:32px 20px}
  .p-tip__label,.p-tip__q{grid-column:auto}
  .p-tip__q .quote-text{font-size:20px}

  .p-rel__head{flex-direction:column;gap:8px;margin-bottom:24px}
  .p-rel{grid-template-columns:1fr;gap:32px}
}

/* ---------- 型錄補充：數字列、清單、保養、檢測報告 ---------- */
.p-stats-wrap{padding-top:var(--s-6)}
.p-stats{grid-template-columns:repeat(var(--n,3),1fr)}
.p-stat__desc{margin-top:8px;max-width:320px}
.p-list{border-top:1px solid var(--c-ink)}
.p-list__row{display:grid;grid-template-columns:48px 240px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--c-line);align-items:baseline}
.p-list__n{font-family:var(--f-mono);font-size:11px;color:var(--c-accent)}
.p-list__name{font-family:var(--f-serif);font-size:18px;font-weight:500}
.p-list__desc{font-size:15px;line-height:1.7;color:var(--c-ink-2)}
.p-list,.p-care,.p-reports{margin-top:32px}
.p-care li span:last-child{font-size:15px;line-height:1.7}
.p-pro-tip{display:flex;flex-direction:column;gap:8px;margin-top:var(--s-6)}
.p-reports__intro{margin-top:24px;max-width:640px;font-size:15px}
.p-reports{display:flex;flex-direction:column;gap:64px}
.p-report__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;flex-wrap:wrap}
.p-report__head .h3{margin:6px 0 4px}
.p-report__verdict{font-size:15px}
.p-report__verdict .mono{font-size:22px;color:var(--c-accent);margin-right:4px}
.p-report__ok{color:var(--c-accent)}
.p-report .spec-note a{font-size:12px}
@media (max-width:767px){
  .p-stats{grid-template-columns:1fr}
  .p-stats .stat,.p-stats .stat+.stat{padding-left:0;border-left:0;border-bottom:1px solid var(--c-line)}
  .p-list__row{grid-template-columns:32px 1fr;gap:4px 12px;padding:16px 0}
  .p-list__desc{grid-column:2}
  .p-list__name{font-size:16px}
}
.p-art{margin-top:32px}
.p-art__row{grid-template-columns:48px 1fr}

/* 檢測表：固定欄寬，兩張表欄位對齊；手機不堆疊 */
.p-report__table{table-layout:fixed}
.p-report__table th:nth-child(1){width:46%}
.p-report__table th:nth-child(2),.p-report__table th:nth-child(3){width:20%}
.p-report__table th:nth-child(4){width:14%}
@media (max-width:767px){
  .p-report__table thead{display:table-header-group}
  .p-report__table{display:table;width:100%}
  .p-report__table tbody{display:table-row-group}
  .p-report__table tr{display:table-row;border:0;padding:0;margin:0}
  .p-report__table th,.p-report__table td{display:table-cell;padding:10px 8px 10px 0;font-size:11px;border-bottom:1px solid var(--c-line)}
  .p-report__table td::before{content:none}
  .p-report__table td.name{font-size:13px}
  .p-report__table th:nth-child(1){width:40%}
  .p-report__table th:nth-child(2),.p-report__table th:nth-child(3){width:23%}
}