.tnp-price-pair {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.18em 0.48em;
  max-width: 100%;
  line-height: 1.2;
}

.tnp-price-primary {
  display: inline-flex;
  align-items: baseline;
  gap: 0.2em;
  color: inherit;
  font-size: 1em;
  font-weight: inherit;
}

.tnp-price-primary .tnp-price-label {
  font-size: 0.55em;
  font-weight: 500;
  letter-spacing: 0.01em;
  text-transform: lowercase;
}

.tnp-price-secondary {
  display: inline-flex;
  align-items: baseline;
  gap: 0.2em;
  color: #777;
  font-size: 0.66em;
  font-weight: 400;
  opacity: 0.82;
  white-space: nowrap;
}

.tnp-price-secondary .tnp-price-label {
  font-size: 0.86em;
  text-transform: lowercase;
}

.tnp-price-old {
  color: #777;
  font-size: 0.68em;
  font-weight: 400;
  opacity: 0.7;
  text-decoration: line-through;
  white-space: nowrap;
}

/* The module renders its own tax-exclusive regular price for promotions. */
.tnp-price-active > .regular-price,
.tnp-price-active .product-discount .regular-price {
  display: none !important;
}

/* Simplio uses a larger price on the product sheet; preserve that hierarchy. */
.product-prices .tnp-price-pair {
  vertical-align: baseline;
}

@media (max-width: 575px) {
  .tnp-price-pair {
    column-gap: 0.38em;
  }
}