/* Mundo das Plantas — só o markup dos shortcodes do mp-loja (o resto vive nos controles dos widgets) */

/* barra do topo — Poppins Regular 10/14, creme */
.mp-pix-topo { display: inline-block; font: 400 10px/14px Poppins, sans-serif; color: #EED6BE; letter-spacing: 0; }

/* preços do card (Component 2): R$ 700,90 riscado · R$ 599,00 · 10x de R$ 59,90 */
.mp-precos { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; font-family: Poppins, sans-serif; }
.mp-preco-de { font: 400 12px/17px Poppins, sans-serif; color: #808080; text-decoration: line-through; }
.mp-preco { font: 500 20px/24px Poppins, sans-serif; color: #1A1A1A; }
.mp-parcela { font: 400 10px/15px Poppins, sans-serif; color: #808080; margin-top: -2px; }

/* carrinho: barra do frete grátis (Figma "Total": texto 12 + barra 4px verde #34C759 com o marcador) */
.mp-frete-gratis { font: 400 12px/18px Poppins, sans-serif; color: #000; margin: 0 0 24px; }
.mp-frete-gratis p { margin: 0 0 8px; }
.mp-frete-gratis b { font-weight: 500; font-size: 10px; }
.mp-fg-barra { position: relative; height: 16px; }
.mp-fg-barra::before, .mp-fg-barra span { content: ""; position: absolute; left: 0; top: 6px; height: 4px; border-radius: 1000px; }
.mp-fg-barra::before { right: 0; background: #E6E6E6; }
.mp-fg-barra span { background: #34C759; }
.mp-fg-barra i { position: absolute; top: 0; width: 16px; height: 16px; margin-left: -8px; border-radius: 50%; background: #34C759; }

/* etapas da compra */
.mp-etapas { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 16px; margin: 0; padding: 0; list-style: none; font-family: Poppins, sans-serif; }
.mp-etapas li { display: flex; align-items: center; gap: 16px; }
.mp-etapas li + li::before { content: ""; width: 40px; border-top: 1px dashed #B3B3B3; margin-right: 0; }
.mp-etapa-n { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: #E6E6E6; color: #808080; font: 400 12px/1 Poppins, sans-serif; }
.mp-etapa-t { font: 600 16px/16px Poppins, sans-serif; color: #808080; }
.mp-etapas li.is-feita .mp-etapa-n { background: #127252; }
.mp-etapas li.is-feita .mp-etapa-t { color: #000; }
@media (max-width: 767px) {
  .mp-etapas { gap: 8px; }
  .mp-etapas li { gap: 8px; }
  .mp-etapas li + li::before { width: 16px; }
  .mp-etapa-t { font-size: 12px; line-height: 14px; }
}