/* Produtos: arquivo /produtos/, template single de produto e conteúdo dos produtos.
   Dono: página Produtos. Só classes .prod-* (exceto .prod-grid, que é da home). */

/* trilha */
.prod-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;font-size:14px;color:var(--ink-2)}
.prod-crumb a{color:var(--ink-2);border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.prod-crumb a:hover{color:var(--green-900);border-color:currentColor}
.prod-crumb span{color:#b4b2a9}
.prod-crumb-bar{background:var(--paper);padding-top:28px}

/* fatos/números pequenos */
.prod-facts,.prod-keys{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink)}
.prod-fact,.prod-key{padding:24px 16px 0 0}
.prod-fact-n,.prod-key-n{font-family:var(--display);font-weight:700;font-stretch:112%;letter-spacing:-.03em;line-height:1;color:var(--green-900);margin:0}
.prod-fact-n{font-size:clamp(36px,4vw,56px)}
.prod-key-n{font-size:clamp(26px,2.4vw,34px)}
.prod-fact-l,.prod-key-l{margin:10px 0 0;font-size:14px;line-height:1.45;color:var(--ink-2);max-width:16em}
.prod-facts .prod-fact:nth-child(n+3){margin-top:28px}

/* ===== ARQUIVO ===== */
.prod-hero{background:var(--paper);padding:28px 0 var(--gap-xl)}
.prod-hero-grid{display:grid;gap:32px;margin:clamp(48px,7vw,104px) 0 clamp(56px,7vw,96px)}
.prod-hero .h1{font-size:clamp(42px,6vw,88px);max-width:9.5em;margin-top:24px}
.prod-hero-side .actions{margin-top:32px;align-items:center;gap:20px 28px}
.prod-hero-side .link{color:var(--green-900)}
@media(min-width:960px){
  .prod-hero-grid{grid-template-columns:1.25fr .75fr;align-items:end;gap:var(--gap-l)}
  .prod-facts{grid-template-columns:repeat(4,1fr)}
  .prod-facts .prod-fact:nth-child(n+3){margin-top:0}
  .prod-fact+.prod-fact{padding-left:28px;border-left:1px solid var(--line)}
}

.prod-lines{background:var(--concrete)}
.prod-line-list{display:grid;gap:clamp(72px,9vw,128px)}
.prod-line{display:grid;gap:32px}
.prod-line-ph{display:block;overflow:hidden;border-radius:var(--radius);aspect-ratio:5/4;background:#d6d4cc}
.prod-line-ph img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.prod-line-ph:hover img{transform:scale(1.035)}
.prod-line-n{font-family:var(--display);font-weight:700;font-stretch:112%;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--green-700);margin:0}
.prod-line-h{font-size:clamp(32px,3.6vw,52px);margin:18px 0 20px}
.prod-line-p{color:var(--ink-2);font-size:clamp(16px,1.3vw,18px);max-width:30em;margin:0}
.prod-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0}
.prod-tag{appearance:none;-webkit-appearance:none;font-family:var(--text);font-size:13px;font-weight:500;line-height:1.3;color:var(--green-900);border:1px solid #c9c7be;border-radius:var(--radius-btn,999px);padding:8px 14px;background:rgba(255,255,255,.5);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.prod-tag:hover{border-color:var(--green-900);background:#fff}
.prod-tag[aria-pressed="true"]{background:var(--green-900);border-color:var(--green-900);color:#fff}
.prod-pick{margin-top:22px;padding-left:16px;border-left:2px solid var(--lime);display:grid;gap:4px}
.prod-pick-n{margin:0;font-family:var(--display);font-weight:700;font-stretch:106%;font-size:16px;line-height:1.3;color:var(--ink)}
.prod-pick-m{margin:0;font-size:14px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.prod-pick-a{justify-self:start;margin-top:8px;font-size:14px;color:var(--green-900)}
.prod-line-ph img{transition:opacity .2s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.prod-line-ph.is-fading img{opacity:0}
.prod-line-ph.is-cut{background:#fff;border:1px solid var(--line)}
.prod-line-ph.is-cut img{object-fit:contain;padding:18%}
.prod-line-ph.is-cut:hover img{transform:none}
.prod-line .actions{margin-top:36px;align-items:center;gap:20px 28px}
.prod-line .link{color:var(--green-900)}
@media(min-width:960px){
  .prod-line{grid-template-columns:7fr 5fr;align-items:center;gap:var(--gap-xl)}
  .prod-line:nth-child(even){grid-template-columns:5fr 7fr}
  .prod-line:nth-child(even) .prod-line-ph{order:2}
}

.prod-toc{background:var(--paper)}
.prod-toc-grid{display:grid;gap:56px}
.prod-toc-title{font-family:var(--display);font-weight:700;font-stretch:118%;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--green-700);padding-bottom:16px;border-bottom:1px solid var(--ink);margin:0}
.prod-toc-title a:hover{color:var(--green-900)}
.prod-toc-list{display:grid}
.prod-toc-item{display:grid;grid-template-columns:44px 1fr;gap:2px 12px;padding:14px 0;border-bottom:1px solid var(--line);transition:background .2s}
.prod-toc-item:hover .prod-toc-nome{color:var(--green-700)}
.prod-toc-cod{grid-row:span 2;font-family:var(--display);font-weight:700;font-size:13px;color:#9a9a92;padding-top:3px;font-variant-numeric:tabular-nums}
.prod-toc-nome{font-family:var(--display);font-weight:700;font-stretch:106%;font-size:16px;line-height:1.3;transition:color .2s}
.prod-toc-med{font-size:13px;color:var(--ink-2);font-variant-numeric:tabular-nums;line-height:1.45}
@media(min-width:960px){.prod-toc-grid{grid-template-columns:repeat(3,1fr);gap:40px}}

.prod-quality{background:var(--concrete)}
.prod-quality-grid{display:grid;gap:var(--gap-l)}
.prod-quality .link{color:var(--green-900)}
.prod-norms{display:grid;border-top:1px solid var(--ink)}
.prod-norm{display:grid;gap:8px;padding:26px 0;border-bottom:1px solid var(--line)}
.prod-norm-k{font-family:var(--display);font-weight:700;font-stretch:112%;font-size:clamp(24px,2.4vw,32px);letter-spacing:-.02em;line-height:1;color:var(--green-900);margin:0}
.prod-norm-v{font-size:16px;color:var(--ink-2);margin:0;max-width:30em}
@media(min-width:700px){.prod-norm{grid-template-columns:200px 1fr;align-items:baseline;gap:24px}}
@media(min-width:960px){.prod-quality-grid{grid-template-columns:5fr 7fr;align-items:start;gap:var(--gap-xl)}}

/* ===== CTA (arquivo e single) ===== */
.prod-cta{background:var(--green-950)}
.prod-cta-grid{display:grid;gap:var(--gap-xl)}
.prod-cta .h2{max-width:14em;margin:24px 0 28px}
.prod-cta .actions{margin-top:40px}
.prod-cta-list{display:grid;border-top:1px solid rgba(244,243,238,.2)}
.prod-cta-item{margin:0;padding:22px 0;border-bottom:1px solid rgba(244,243,238,.12);font-size:13px;letter-spacing:.04em;color:rgba(244,243,238,.55)}
.prod-cta-item b{display:block;margin-top:6px;font-family:var(--display);font-weight:700;font-stretch:108%;font-size:clamp(18px,1.6vw,21px);letter-spacing:0;color:#fff;overflow-wrap:anywhere}
.prod-cta-item a:hover{color:var(--lime)}
@media(min-width:960px){.prod-cta-grid{grid-template-columns:1.35fr .65fr;align-items:end}}

/* ===== SINGLE ===== */
.prod-body{display:block}
.prod-top{background:var(--paper);padding:clamp(40px,6vw,80px) 0 var(--gap-xl)}
.prod-top-grid{display:grid;gap:48px}
.prod-top .h1{font-size:clamp(42px,5.6vw,80px);max-width:9em;margin:24px 0 28px}
.prod-top .actions{margin-top:36px}
.prod-btn-line{border:1.5px solid var(--ink);color:var(--ink)}
.prod-btn-line:hover{background:var(--ink);color:#fff}
.prod-keys{margin-top:clamp(48px,6vw,72px)}
.prod-keys .prod-key:nth-child(3){grid-column:1/-1;margin-top:24px}
.prod-top-ph{position:relative;margin:0;overflow:hidden;border-radius:var(--radius);aspect-ratio:4/5;background:#d6d4cc}
.prod-top-ph img{width:100%;height:100%;object-fit:cover}
.prod-top-cap{position:absolute;left:0;right:0;bottom:0;margin:0;padding:56px 20px 18px;font-size:13px;line-height:1.4;color:#fff;background:linear-gradient(transparent,rgba(8,20,12,.72))}
@media(max-width:959px){.prod-top-ph{aspect-ratio:4/3}}
@media(min-width:960px){
  .prod-top-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:var(--gap-xl)}
  .prod-keys{grid-template-columns:repeat(3,1fr)}
  .prod-keys .prod-key:nth-child(3){grid-column:auto;margin-top:0}
  .prod-key+.prod-key{padding-left:20px;border-left:1px solid var(--line)}
}

/* ficha técnica */
.prod-sheet{background:var(--paper);padding-top:var(--gap-xl)}
.prod-sheet-grid{display:grid;gap:40px}
.prod-sheet-aside{display:none}
.prod-nav{position:sticky;top:32px}
.prod-nav-t{font-family:var(--display);font-weight:700;font-stretch:118%;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0 0 14px}
.prod-nav-list{display:grid;border-top:1px solid var(--ink)}
.prod-nav-a{display:grid;grid-template-columns:38px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.35;color:var(--ink-2);transition:color .2s}
.prod-nav-a span:first-child{font-family:var(--display);font-weight:700;font-size:12px;color:#9a9a92;padding-top:2px;font-variant-numeric:tabular-nums}
.prod-nav-a:hover{color:var(--green-900)}
@media(min-width:1080px){
  .prod-sheet-grid{grid-template-columns:240px 1fr;gap:var(--gap-xl);align-items:start}
  .prod-sheet-aside{display:block;align-self:stretch}
}

.prod-fams{border-top:1px solid var(--ink)}
.prod-fam{display:grid;grid-template-columns:96px 1fr;gap:20px;padding:32px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.prod-fam > .prod-spec,.prod-fam > .prod-shots,.prod-fam > .prod-fam-cta{grid-column:1/-1}
.prod-tile{display:grid;place-items:center;aspect-ratio:1/1;padding:10%;border-radius:var(--radius);background:#fff;border:1px solid var(--line);overflow:hidden}
.prod-tile img{width:100%;height:100%;object-fit:contain}
.prod-tile--photo{padding:0;border:0}
.prod-tile--photo img{object-fit:cover}
.prod-fam-head{align-self:center}
.prod-fam-cod{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.08em;color:var(--green-700);margin:0 0 6px;font-variant-numeric:tabular-nums}
.prod-fam-nome{font-size:clamp(20px,1.9vw,26px)}
.prod-fam-nota{margin:10px 0 0;font-size:15px;color:var(--ink-2);max-width:36em}
.prod-fam-cta{justify-self:start;color:var(--green-900);font-size:14px}

.prod-spec{border-top:1px solid #c9c7be}
.prod-spec-row{display:grid;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}
.prod-spec-row:last-child{border-bottom:0}
.prod-spec-h{padding:10px 0;display:none}
.prod-spec-h p,.prod-spec-label{margin:0;font-family:var(--display);font-weight:700;font-stretch:118%;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a8a82}
.prod-spec-m{margin:0;font-family:var(--display);font-weight:700;font-stretch:106%;font-size:19px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink)}
.prod-chips{display:flex;flex-wrap:wrap;gap:8px}
.prod-chip{font-size:13px;line-height:1.3;color:var(--ink-2);border:1px solid #d3d1c8;border-radius:4px;padding:6px 10px;background:#fff}
.prod-chip b{font-weight:600;color:var(--green-900)}
.prod-spec--sizes{padding-top:14px}
.prod-sizes{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.prod-size{font-family:var(--display);font-weight:700;font-stretch:106%;font-size:17px;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--concrete);border-radius:4px;padding:9px 14px;line-height:1.2}
@media(min-width:640px){
  .prod-spec-row{grid-template-columns:150px 1fr;align-items:baseline;gap:20px}
  .prod-spec-h{display:grid}
}

.prod-shots{display:flex;flex-wrap:wrap;gap:12px}
.prod-shot{margin:0;width:104px}
.prod-shot a,.prod-shot .brxe-image{display:block}
.prod-shot img{width:104px;height:104px;object-fit:cover;border-radius:4px;background:#d6d4cc;transition:opacity .2s}
.prod-shot a:hover img{opacity:.85}
.prod-shot--cut img{object-fit:contain;padding:8px;background:#fff;border:1px solid var(--line)}
.prod-shot figcaption{margin-top:6px;font-size:12px;line-height:1.35;color:var(--ink-2)}

@media(min-width:900px){
  .prod-fam{grid-template-columns:200px 1fr;column-gap:40px;row-gap:22px;padding:44px 0}
  .prod-fam > .prod-tile{grid-row:1 / span 4;align-self:start}
  .prod-fam > .prod-spec,.prod-fam > .prod-shots,.prod-fam > .prod-fam-cta{grid-column:2}
  .prod-fam-head{align-self:start}
}

/* guia de escolha */
.prod-guide{background:var(--concrete)}
.prod-guide-grid{display:grid;border-top:1px solid var(--ink)}
.prod-guide-item{padding:28px 0;border-bottom:1px solid #d3d1c8;display:grid;gap:10px;align-content:start}
.prod-guide-k{font-family:var(--display);font-weight:700;font-stretch:112%;font-size:clamp(30px,3.2vw,44px);letter-spacing:-.03em;line-height:1;color:var(--green-900);margin:0}
.prod-guide-v{font-size:16px;color:var(--ink-2);margin:0;max-width:24em}
@media(min-width:900px){
  .prod-guide-grid--2{grid-template-columns:repeat(2,1fr)}
  .prod-guide-grid--3{grid-template-columns:repeat(3,1fr)}
  .prod-guide-grid--4{grid-template-columns:repeat(4,1fr)}
  .prod-guide-item{border-bottom:0;padding:32px 28px 0 0}
  .prod-guide-item+.prod-guide-item{padding-left:28px;border-left:1px solid #d3d1c8}
}

/* outras linhas (a linha atual some pelo body.postid-X) */
.prod-others{background:var(--paper)}
.prod-others .head .link{justify-self:start;color:var(--green-900)}
.prod-others-grid{display:grid;gap:48px}
.prod-other{display:flex;flex-direction:column;gap:14px}
.prod-other-ph{overflow:hidden;border-radius:var(--radius);aspect-ratio:16/10;background:#d6d4cc;margin-bottom:10px}
.prod-other-ph img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.prod-other:hover .prod-other-ph img{transform:scale(1.035)}
.prod-other .h3{margin:0}
.prod-other .link{align-self:flex-start;color:var(--green-900);margin-top:6px}
.prod-other:hover .has-arrow::after{transform:translateX(4px)}
.postid-22 .prod-other[data-prod="22"],.postid-107 .prod-other[data-prod="107"],.postid-114 .prod-other[data-prod="114"]{display:none}
@media(min-width:800px){.prod-others-grid{grid-template-columns:repeat(2,1fr);gap:32px}}