.credits-price-list {
  background: transparent;
  width: 100%;
  container-type: inline-size;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.credits-price-list__row {
  display: flex;
  justify-content: space-between;
  gap: clamp(0.35rem, 0.95vw, 0.9rem);
  align-items: baseline;
  padding: clamp(0.45rem, 0.9vw, 0.95rem) 0;
  border-bottom: clamp(2px, 0.2vw, 3px) solid var(--credits-divider);
}

.credits-price-list__row:last-child {
  border-bottom: none;
}

.credits-price-list__left {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: clamp(0.18rem, 0.6vw, 0.55rem);
  line-height: 1;
  white-space: nowrap;
  min-width: 0;
}

.credits-price-list__main,
.credits-price-list__sub,
.credits-price-list__price {
  font-family: futura-pt-condensed, sans-serif;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: clamp(0.01em, 0.04vw, 0.025em);
}

.credits-price-list__main {
  color: var(--credits-main);
  font-size: clamp(1rem, 2.7vw, 3.15rem);
  white-space: nowrap;
}

.credits-price-list__sub {
  color: var(--credits-sub);
  font-size: clamp(0.9rem, 2.15vw, 2.8rem);
  white-space: nowrap;
  font-weight: 400;
}

.credits-price-list__price {
  color: var(--credits-price);
  display: inline-flex;
  align-items: baseline;
  gap: clamp(0.15rem, 0.35vw, 0.45rem);
  white-space: nowrap;
  line-height: 1;
}

.credits-price-list__price-group {
  display: inline-flex;
  align-items: baseline;
  gap: 0.15rem;
  line-height: 1;
}

.credits-price-list__price-group[hidden] {
  display: none;
}

.credits-price-list__price-group--original {
  opacity: 1;
  color: var(--yellow);
}

.credits-price-list__currency {
  font-size: clamp(0.95rem, 2.4vw, 3rem);
}

.credits-price-list__value {
  font-size: clamp(1rem, 2.7vw, 3.15rem);
}

.credits-price-list__value--original {
  position: relative;
}

.credits-price-list__value--original::after {
  background: #ff3b30;
  content: "";
  height: 4px;
  left: -55%;
  position: absolute;
  top: 48%;
  transform: rotate(-23deg);
  transform-origin: center;
  width: 163%;
}

.credits-price-list__value--current {
  color: var(--credits-price);
}

/* More consistent behavior when module width differs from viewport width */
@supports (font-size: 1cqi) {
  .credits-price-list__row {
    gap: clamp(0.35rem, 0.8cqi, 0.9rem);
    padding: clamp(0.85rem, 0.75cqi, 0.95rem) 10px;
  }

  .credits-price-list__left {
    gap: clamp(0.54rem, 1.5cqi, 1.65rem);
  }

  .credits-price-list__main {
    font-size: clamp(1rem, calc(1.2rem + 2.15cqi), 3.15rem);
  }

  .credits-price-list__sub {
    font-size: clamp(0.9rem, calc(1.2rem + 1.7cqi), 2.8rem);
  }

  .credits-price-list__currency {
    font-size: clamp(0.95rem, calc(0.75rem + 1.9cqi), 3rem);
  }

  .credits-price-list__value {
    font-size: clamp(1rem, calc(0.8rem + 2.15cqi), 3.15rem);
  }
}
@media (max-width: 850px) {
  .credits-price-list__sub {
    font-size: clamp(0.9rem, calc(0.9rem + 1.7cqi), 2.8rem);
  }

  .credits-price-list__main {
    font-size: clamp(1rem, calc(0.9rem + 2.15cqi), 3.15rem);
  }
}
@media (max-width: 650px) {
  .credits-price-list__row {
      padding: clamp(0.45rem, 0.75cqi, 0.95rem) 5px;
  }
  .credits-price-list__sub {
    font-size: clamp(0.9rem, calc(0.7rem + 1.7cqi), 2.8rem);
  }

  .credits-price-list__main {
    font-size: clamp(1rem, calc(0.7rem + 2.15cqi), 3.15rem);
  }

  .credits-price-list__value--original::after {
    height: 2px;
  }
}