/* Nossa Mega Shop - selos de curadoria e desconto atual. */
.nms-offer-highlight {
  --nms-badge-ink: #144d62;
  --nms-badge-bg: #e8f7fc;
  --nms-badge-edge: #95d8e9;
  --nms-badge-accent: #007f9a;
  margin: 10px 0 12px;
  padding: 14px 16px 12px;
  border: 1px solid var(--nms-badge-edge);
  border-left: 4px solid var(--nms-badge-accent);
  border-radius: 12px;
  background: var(--nms-badge-bg);
  color: var(--nms-badge-ink);
  box-shadow: 0 2px 12px rgba(20, 40, 60, .055);
  max-width: 100%;
}
.nms-offer-highlight--diamante,
.nms-offer-mini--diamante {
  --nms-badge-ink: #144d62;
  --nms-badge-bg: #e8f7fc;
  --nms-badge-edge: #95d8e9;
  --nms-badge-accent: #007f9a;
}
.nms-offer-highlight--ouro,
.nms-offer-mini--ouro {
  --nms-badge-ink: #77510b;
  --nms-badge-bg: #fff5d9;
  --nms-badge-edge: #e9cd83;
  --nms-badge-accent: #ba850e;
}
.nms-offer-highlight--prata,
.nms-offer-mini--prata {
  --nms-badge-ink: #455361;
  --nms-badge-bg: #f0f3f7;
  --nms-badge-edge: #c5ced8;
  --nms-badge-accent: #7d8b9a;
}
.nms-offer-highlight__top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  line-height: 1.25;
}
.nms-offer-highlight__symbol { font-size: 24px; line-height: 1; }
.nms-offer-highlight__name {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .015em;
}
.nms-offer-highlight__percent {
  margin-left: auto;
  padding: 5px 9px;
  border-radius: 999px;
  color: #fff;
  background: var(--nms-badge-accent);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}
.nms-offer-highlight__reason {
  font-size: 13px;
  line-height: 1.45;
  margin: 9px 0 3px;
}
.nms-offer-highlight__note {
  font-size: 11px;
  line-height: 1.4;
  opacity: .8;
  display: block;
}
.nms-offer-mini {
    --nms-badge-ink: #144d62;
    --nms-badge-bg: #e8f7fc;
    --nms-badge-edge: #95d8e9;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    border: 1px solid var(--nms-badge-edge);
    border-radius: 8px;
    background: var(--nms-badge-bg);
    color: var(--nms-badge-ink);
    /* Espaçamento superior e inferior */
    margin-top: 10px;
    margin-bottom: 12px;
    padding: 5px 8px;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    max-width: 100%;
}
.nms-offer-mini strong { font-size: 11px; white-space: nowrap; }
@media (max-width: 575.98px) {
  .nms-offer-highlight { padding: 12px; margin: 10px 0 14px; }
  .nms-offer-highlight__name { font-size: 14px; }
  .nms-offer-highlight__percent { margin-left: 0; }
  .nms-offer-mini {
        margin-top: 8px;
        margin-bottom: 10px;
        padding: 6px 8px;
  }
}