/* =====================================================================
   produto.css — página de produto Apple-like v2 (Fase C)
   ---------------------------------------------------------------------
   Tudo dentro de .produto-page (não vaza). Sem cards/sombras, alinhado à
   esquerda, whitespace generoso. Verde Moutil #3ea22b só como acento.
   Classes .pp-* (separadas do header .ap-*).
   ===================================================================== */
.produto-page{
  --ink:#1d1d1f; --muted:#86868b; --hair:#e8e8e8; --hair-green:#d4e9cf;
  --green:#3ea22b; --green-d:#2c7d1f; --bg:#fafaf9; --col:860px;
  background:var(--bg);
  color:var(--ink);
  font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:17px;line-height:1.6;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.produto-page *{box-sizing:border-box}
.produto-page a{color:inherit;text-decoration:none}
.produto-page h1,.produto-page h2,.produto-page p{margin:0}

/* coluna de conteúdo consistente */
.produto-page .pp-band{max-width:var(--col);margin:0 auto;padding:0 24px}

/* breadcrumb (categoria atual em verde) */
.produto-page .pp-crumbs{font-size:13px;color:var(--muted);padding:50px 0 0}
.produto-page .pp-crumbs .sep{margin:0 8px;opacity:.6}
.produto-page .pp-crumbs a:hover{color:var(--green)}
.produto-page .pp-crumbs a.cur{color:var(--green)}

/* hero — barra vertical verde à esquerda */
.produto-page .pp-hero{padding:36px 0 92px}
.produto-page .pp-hero .pp-hero-inner{border-left:4px solid var(--green);padding-left:30px}
.produto-page .pp-name{font-weight:200;font-size:clamp(46px,8vw,86px);line-height:1.03;
  letter-spacing:-.02em;color:var(--ink)}
.produto-page .pp-sub{font-size:clamp(20px,2.6vw,27px);font-weight:400;color:var(--muted);margin-top:16px}
.produto-page .pp-cta{display:inline-flex;align-items:center;gap:7px;margin-top:28px;
  font-size:17px;color:var(--green);font-weight:500}
.produto-page .pp-cta:hover{color:var(--green-d)}
.produto-page .pp-cta .ar{transition:transform .2s ease}
.produto-page .pp-cta:hover .ar{transform:translateY(2px)}

/* secção */
.produto-page .pp-sec{padding:84px 0}
.produto-page .pp-h2{font-size:clamp(28px,4vw,40px);font-weight:500;letter-spacing:-.01em;
  color:var(--ink);margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--hair-green)}
.produto-page .pp-h2 .dot{color:var(--green)}
.produto-page .pp-prose{font-size:19px;line-height:1.75;color:#333;max-width:640px}
.produto-page .pp-prose p{margin:0 0 16px}
.produto-page .pp-prose p:last-child{margin-bottom:0}

/* especificações (label esquerda / valor direita, hairline entre) */
.produto-page .pp-spec .row{display:flex;gap:40px;padding:24px 2px;border-bottom:1px solid var(--hair);
  align-items:baseline;margin:0}
.produto-page .pp-spec .row::before,
.produto-page .pp-spec .row::after{content:none;display:none}   /* neutraliza clearfix do Bootstrap .row */
.produto-page .pp-spec .row:last-child{border-bottom:0}
.produto-page .pp-spec .k{flex:0 0 200px;font-size:13px;font-weight:500;letter-spacing:.04em;
  text-transform:uppercase;color:var(--muted)}
.produto-page .pp-spec .v{flex:1;min-width:0;font-size:17px;line-height:1.6;color:var(--ink)}

/* documentação — botão outline pill minimal */
.produto-page .pp-btn{display:inline-flex;align-items:center;gap:9px;padding:12px 26px;
  border:1px solid var(--green);border-radius:980px;color:var(--green);font-size:16px;font-weight:500;
  transition:all .22s ease}
.produto-page .pp-btn:hover{background:var(--green);color:#fff}
.produto-page .pp-btn .ar{transition:transform .2s ease}
.produto-page .pp-btn:hover .ar{transform:translateY(2px)}

/* form de encomenda B2B (só login) — discreto */
.produto-page .pp-order{margin-top:30px;max-width:360px}
.produto-page .pp-order select{width:100%;padding:11px 13px;border:1px solid var(--hair);border-radius:10px;
  font-family:'Manrope',sans-serif;font-size:15px;background:#fff;margin-bottom:10px}
.produto-page .pp-order input[type=submit]{width:100%;background:var(--ink);color:#fff;border:0;
  border-radius:980px;padding:12px;font-weight:600;cursor:pointer;font-family:'Manrope',sans-serif}
.produto-page .pp-order input[type=submit]:hover{background:#000}
.produto-page .pp-flash{background:#f4f8f2;border:1px solid var(--hair-green);color:var(--green-d);
  border-radius:10px;padding:11px 14px;font-size:14px;margin-bottom:14px}

/* relacionados — lista minimal + micro-traço verde no hover */
.produto-page .pp-rel a{display:flex;align-items:center;justify-content:space-between;
  padding:28px 2px;border-bottom:1px solid var(--hair)}
.produto-page .pp-rel a:last-child{border-bottom:0}
.produto-page .pp-rel a .nm{position:relative;font-size:23px;font-weight:400;color:var(--ink);
  transition:color .2s ease,padding-left .25s ease}
.produto-page .pp-rel a .nm::before{content:"";position:absolute;left:0;top:50%;width:0;height:2px;
  background:var(--green);transform:translateY(-50%);transition:width .25s ease}
.produto-page .pp-rel a .go{color:var(--muted);font-size:20px;transition:transform .2s ease,color .2s ease}
.produto-page .pp-rel a:hover .nm{color:var(--green);padding-left:24px}
.produto-page .pp-rel a:hover .nm::before{width:14px}
.produto-page .pp-rel a:hover .go{color:var(--green);transform:translateX(4px)}

/* responsive */
@media(max-width:760px){
  .produto-page .pp-sec{padding:60px 0}
  .produto-page .pp-spec .row{flex-direction:column;gap:6px}
  .produto-page .pp-spec .k{flex-basis:auto}
}