/* v182: reusable standard-to-special price comparisons across revamp surfaces. */
.revamp-inline-offer {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px 7px;
  align-items: baseline;
  color: inherit;
}

.revamp-standard-rate del,
.revamp-hero-price-stack del,
.revamp-inline-offer del,
.revamp-comparison-price del {
  display: inline !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.revamp-inline-offer del,
.revamp-comparison-price del {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font-weight: 800;
  text-decoration-color: #c94062 !important;
  text-decoration-line: line-through !important;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 2px !important;
}

.revamp-inline-offer strong,
.revamp-comparison-price strong {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 1.08em;
  font-weight: 950;
}

.revamp-inline-offer em,
.revamp-comparison-price small {
  display: inline-flex;
  width: fit-content;
  padding: 3px 6px;
  border-radius: 999px;
  background: rgba(243, 203, 117, .32);
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: .72em;
  font-style: normal;
  font-weight: 900;
  line-height: 1.15;
  white-space: nowrap;
}

.revamp-inline-offer.compact {
  margin-inline: 2px;
}

.revamp-inline-offer-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 16px 0 18px;
}

.revamp-inline-offer-list .revamp-inline-offer {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  padding: 9px 10px;
  border: 1px solid rgba(243, 203, 117, .25);
  border-radius: 10px;
  background: rgba(255, 255, 255, .06);
}

.revamp-inline-offer-list .revamp-inline-offer > b {
  grid-column: 1 / -1;
}

.revamp-comparison-price {
  display: grid;
  justify-items: center;
  gap: 3px;
  min-width: 70px;
}

.revamp-comparison-price strong {
  font-size: 1.08rem;
}

@media (max-width: 560px) {
  .revamp-inline-offer-list {
    grid-template-columns: 1fr;
  }
}
