/*
 * Prohall — produto-detalhe.php (estilos específicos desta página)
 *
 * .ph-split ainda não tinha uma declaração base em components.css (só os
 * hooks responsivos em prohall.css/components.css). Adicionamos aqui a
 * base usada nesta página; se outra página precisar do mesmo layout,
 * consolidar depois em components.css.
 */
.ph-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:32px;align-items:start}

/* wrapper superior da página (breadcrumb + split) */
.prodd-top{padding:44px 40px 84px}

/* link "Voltar aos produtos" */
.prodd-back{display:inline-flex;align-items:center;gap:8px;font:700 12.5px 'Manrope',sans-serif;letter-spacing:.3px;color:#141414;text-decoration:none}

/* galeria de imagens (carrossel) */
.prodd-gallery-track{border-radius:18px}
.prodd-slide{flex:0 0 100%}
.prodd-slide-frame{border-radius:18px;overflow:hidden;background:#f6f6f8;aspect-ratio:1/1}
.prodd-gallery-nav{display:flex;justify-content:center;gap:10px;margin-top:16px}

/* título do produto */
.prodd-title{font:800 34px/1.1 'Manrope',sans-serif;letter-spacing:-1px;margin:0 0 18px;color:#141414}

/* descrição (bloco de texto) */
.prodd-article{margin-bottom:8px}

/* acordeão — wrapper + estado inicial fechado */
.prodd-acc-wrap{margin-top:18px}
.prodd-acc-body{display:none}

/* CTA (comprar / ser distribuidor) */
.prodd-cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.prodd-btn-outline{border-color:#141414}

/* ---- Responsivo (mobile/tablet) ----
   Só o padding lateral por enquanto (padronizado em 24px em todas as
   páginas); o vertical continua no valor de desktop até ser revisado. */
@media (max-width:860px){
  .prodd-top{padding-left:24px;padding-right:24px}
}