/* A PDP reutiliza a mesma estrutura visual das etiquetas dos cards. */
#product-images{position:relative}
.moca-pdp-labels{position:absolute;top:14px;left:100px;right:72px;z-index:12;display:flex;flex-wrap:wrap;gap:5px;align-items:flex-start;pointer-events:none}
.moca-pdp-labels .moca-card-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:7px;font-size:10px;font-weight:800;line-height:1.2;letter-spacing:.015em;white-space:nowrap;box-shadow:0 2px 7px rgba(13,35,64,.13)}
.moca-pdp-labels .moca-card-badge-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:14px;height:14px;color:inherit}
.moca-pdp-labels .moca-card-badge-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.moca-pdp-labels .moca-card-badge--ready{background:#22ba68;color:#fff}
.moca-pdp-labels .moca-card-badge--preorder{background:#7a52f0;color:#fff}
.moca-pdp-labels .moca-card-badge--order{background:#ffd84a;color:#fff}
.moca-pdp-labels .moca-card-badge--rare{background:#231e14;border:1px solid #d8b968;color:#f7d982}
@media(max-width:767px){.moca-pdp-labels{left:14px;right:65px;top:12px;gap:4px}.moca-pdp-labels .moca-card-badge{font-size:9px;padding:4px 6px}}
/* Mesmo conjunto de etiquetas nas vitrines e demais cards. */
.moca-product-card .moca-card-badge--rare{background:#231e14;color:#f7d982;border:1px solid #d8b968}


/* OFERTA — chama branca SEM círculo, como no protótipo. */
:root { --moca-oferta-dot: #f04438; }
:is(.moca-pdp-labels, .moca-product-card, .moca-card-badges) .moca-card-badge.moca-card-badge--offer {
  display: inline-flex; align-items: center; justify-content: center;
  gap: 5px; box-sizing: border-box; height: 24px; min-height: 24px;
  padding: 0 9px; border: 0; border-radius: 6px;
  background: var(--moca-oferta-dot); color: #fff;
  font-size: 10px; font-weight: 800; line-height: 1; letter-spacing: 0;
  box-shadow: 0 2px 5px rgba(13,35,64,.10);
}
:is(.moca-pdp-labels, .moca-product-card, .moca-card-badges) .moca-card-badge.moca-card-badge--offer > .moca-card-badge-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 16px; height: 16px; min-width: 16px; min-height: 16px;
  flex: 0 0 16px; padding: 0; margin: 0; border: 0;
  border-radius: 0; background: transparent; color: #fff; box-shadow: none;
}
:is(.moca-pdp-labels, .moca-product-card, .moca-card-badges) .moca-card-badge.moca-card-badge--offer > .moca-card-badge-icon > svg {
  display: block; width: 16px; height: 16px; fill: none;
  stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
:is(.moca-pdp-labels, .moca-product-card, .moca-card-badges) .moca-card-badge.moca-card-badge--offer > .moca-card-badge-icon > svg path {
  fill: none; stroke: #fff; stroke-width: 1.8;
}