/* Keep package prices prominent without disturbing the shared card rows. */
.service-card .offer-summary .service-price-display,
.need-product .offer-summary .service-price-display,
.offer-summary.offer-summary-detail .service-price-display,
.value-home .value-feature .value-feature-price {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  padding: 16px 18px;
  background: #fff0d5;
  border: 1px solid #efb767;
  border-left: 5px solid #f7941f;
  border-radius: 10px;
  color: #26211d;
}

.offer-summary .service-price-display .price-amount,
.value-home .value-feature .value-feature-price strong {
  color: #8c3208;
  font-weight: 900;
}

.offer-summary .service-price-display :is(.price-value-intro, .offer-now-label, .price-tax),
.value-home .value-feature .value-feature-price :is(span, small) {
  color: #42352b;
}

.offer-summary .service-price-display .offer-regular-price {
  color: #645144;
  font-weight: 700;
}

.bundle-card-pricing .bundle-price-row:has(.bundle-current-price) {
  padding: 12px 15px;
  background: #fff0d5;
  border: 1px solid #efb767;
  border-left: 5px solid #f7941f;
  border-radius: 10px;
}

.bundle-card-pricing .bundle-price-row > .bundle-current-price {
  color: #8c3208;
  font-weight: 900;
}

@media (max-width: 420px) {
  .service-card .offer-summary .service-price-display,
  .need-product .offer-summary .service-price-display,
  .offer-summary.offer-summary-detail .service-price-display,
  .value-home .value-feature .value-feature-price {
    padding: 14px 12px;
  }
}

/* Decimal prices keep their amount and tax marker readable in narrow cards. */
:is(.service-card,.need-product) .offer-summary .price-amount {font-size:min(64px,22cqw)}
:is(.service-card,.need-product) .offer-summary .long-price .price-amount {font-size:min(52px,18cqw)}
:is(.service-card,.need-product) .offer-summary .price-tax {font-size:12px;line-height:1.35}