/**
 * MegaStoreVn — mega-product-sale-price
 */

.ms-sale-price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.ms-sale-price__price {
  line-height: 1.4;
}

.ms-sale-price__price ins {
  text-decoration: none;
  font-weight: 700;
  color: #dc2626;
}

.ms-sale-price__price del {
  opacity: 0.65;
  font-size: 0.92em;
  margin-left: 6px;
}

.ms-sale-price__consult.need-consult {
  font-size: 14px;
  font-weight: 600;
  color: #b45309;
}

.ms-sale-percent__badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  background: #ef4444;
}

.ms-sale-price__empty {
  margin: 0;
  font-size: 13px;
  color: #64748b;
}

/* ── Standalone mega-sale-percent element ─────────────────────── */
.ms-sale-percent {
  display: inline-block;
}

/* Overlay mode: badge anchors to the nearest positioned ancestor
   (e.g. a product image wrapper with position:relative). */
.ms-sale-percent--absolute {
  position: absolute;
  z-index: 2;
}

.ms-sale-percent--anchor-top-left {
  top: 8px;
  left: 8px;
}

.ms-sale-percent--anchor-top-right {
  top: 8px;
  right: 8px;
}

.ms-sale-percent--anchor-bottom-left {
  bottom: 8px;
  left: 8px;
}

.ms-sale-percent--anchor-bottom-right {
  bottom: 8px;
  right: 8px;
}

.ms-sale-percent__badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
  background: #ef4444;
}