/* Página de produto (14/10/2026): foto com selo, destaques, garantias, ficha técnica, passos e lateral de compra.
   Mobile first; complementa as regras .produto de estilo.css. */
.produto__moldura { position: relative; }
.produto__original { position: absolute; left: 12px; top: 12px; padding: 5px 11px; border-radius: 999px; background: var(--indigo-escuro); color: #fff; font-size: .75rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; pointer-events: none; }
.produto__destaques { list-style: none; margin: -4px 0 16px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.produto__destaques li { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: var(--indigo-claro, #e9ebf7); color: var(--indigo-escuro); font-size: .8125rem; font-weight: 800; line-height: 1.3; }
.caixa-compra .link-botao { align-self: center; }

.garantias { margin-top: 32px; padding: 24px 0; background: var(--fundo-suave); border-top: 1px solid var(--borda); border-bottom: 1px solid var(--borda); }
.garantias h2 { margin: 0 0 14px; font-size: 1.25rem; color: var(--indigo-escuro); }
.garantias__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.garantias__lista > li { display: flex; flex-direction: column; gap: 8px; padding: 12px; background: #fff; border: 1px solid var(--borda); border-radius: 14px; min-width: 0; }
.garantias__icone { flex: none; width: 40px; height: 40px; border-radius: 12px; background: var(--indigo-claro, #e9ebf7); color: var(--indigo); display: flex; align-items: center; justify-content: center; }
.garantias__icone img { width: 38px; height: auto; }
.garantias__icone--logo { width: 72px !important; background: #fff; border: 1px solid var(--borda); }
.garantias__icone--logo img { width: 62px; }
.garantias__lista strong { display: block; font-size: .9375rem; color: var(--indigo-escuro); line-height: 1.25; }
.garantias__lista li > span:last-child > span { display: block; margin-top: 2px; font-size: .8125rem; color: var(--texto-suave); line-height: 1.4; }

.produto__corpo { display: grid; gap: 24px; }
.produto__conteudo { min-width: 0; }
.produto__conteudo .produto__secao { max-width: none; padding-top: 24px; border-top: 1px solid #eef0f7; }
.produto__conteudo .produto__secao:first-child { border-top: 0; }
.produto__secao p { line-height: 1.65; }
.produto__ficha { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.produto__ficha th, .produto__ficha td { padding: 10px 12px; border-bottom: 1px solid var(--borda); text-align: left; vertical-align: top; }
.produto__ficha th { width: 40%; background: var(--fundo-suave); color: var(--texto-suave); font-weight: 700; }
.produto__ficha td { font-weight: 700; overflow-wrap: anywhere; }
.produto__uso { display: grid; gap: 16px; align-items: center; }
.produto__uso img { width: 100%; height: auto; max-width: 420px; }
.produto__secao ol.produto__passos { list-style: none; counter-reset: passo; margin: 0; padding: 0; display: grid; gap: 10px; }
.produto__passos li { counter-increment: passo; display: flex; gap: 12px; align-items: flex-start; line-height: 1.5; }
.produto__passos li::before { content: counter(passo); flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--indigo); color: #fff; font-weight: 800; font-size: .875rem; display: flex; align-items: center; justify-content: center; }
.produto__cuidados p { margin: 12px 0; }
.produto__lateral { display: none; }

@media (min-width: 760px) {
  .garantias__lista { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .garantias__lista > li { flex-direction: row; align-items: flex-start; gap: 12px; padding: 14px; }
  .garantias__icone { width: 44px; height: 44px; }
  .produto__uso { grid-template-columns: minmax(0, 1fr) 280px; gap: 24px; }
}
@media (min-width: 1000px) {
  .produto__corpo { grid-template-columns: minmax(0, 1fr) 320px; gap: 48px; align-items: start; }
  .produto__lateral { display: block; position: sticky; top: calc(var(--topo-altura) + 16px); margin-top: 32px; }
  .produto__lateral-caixa { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 8px 12px; align-items: center; padding: 16px; background: var(--fundo-suave); border: 1px solid var(--borda); border-radius: 16px; }
  .produto__lateral-caixa img { grid-row: span 2; width: 64px; height: 64px; object-fit: contain; background: #fff; border-radius: 10px; }
  .produto__lateral-nome { margin: 0; font-size: .9375rem; font-weight: 800; line-height: 1.3; color: var(--texto); }
  .produto__lateral-preco { margin: 0; font-size: 1.5rem; font-weight: 900; color: var(--indigo-escuro); }
  .produto__lateral-caixa .botao { grid-column: 1 / -1; width: 100%; justify-content: center; min-height: 48px; }
}

/* Assistente aberto por "Tirar dúvida sobre este produto": perguntas da página em lista (texto longo, uma por linha) */
.chat__opcoes--lista { flex-direction: column; flex-wrap: nowrap; }
.chat__opcao--pergunta { width: 100%; text-align: left; border-radius: 14px; line-height: 1.35; }

/* Celular (14/10/2026): selos numa faixa fina de uma linha, com rolagem lateral, para os produtos aparecerem logo */
@media (max-width: 759px) {
  .produto .selos { display: flex; flex-wrap: nowrap; gap: 18px; overflow-x: auto; margin: 0 -16px 8px; padding: 8px 16px; border: 0; border-bottom: 1px solid var(--borda); border-radius: 0; background: #fff; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .produto .selos::-webkit-scrollbar { display: none; }
  .produto .selos__item, .produto .selos__link { flex: none; flex-direction: row; align-items: center; gap: 6px; padding: 0; border: 0 !important; text-align: left; }
  .produto .selos__marca { height: 22px; margin: 0; }
  .produto .selos__marca img { height: 30px; margin: -4px 0; }
  .produto .selos__marca svg { width: 20px; height: 20px; }
  .produto .selos__item strong { font-size: .8125rem; white-space: nowrap; }
  .produto .selos__item span:last-child:not(.selos__marca) { display: none; }
}