.price {
  font-size: 2rem;
  letter-spacing: 0.1rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  color: rgb(var(--color-foreground));
}

.price > * {
  display: inline-block;
  vertical-align: top;
}

.price.price--unavailable {
  visibility: hidden;
}

.price--end {
  text-align: right;
}

.price .price-item {
  display: inline-block;
  margin: 0 1rem 0 0;
}

.price__regular .price-item--regular {
  margin-right: 0;
}

.price:not(.price--show-badge) .price-item--last:last-of-type {
  margin: 0;
}

@media screen and (min-width: 750px) {
  .price {
    margin-bottom: 0;
    margin-top: 5px;
  }
}

.card-information .caption-large {
  display: none;
}

    .card-information .jdgm-widget{
      font-size:12px;
          margin-top: 0rem;
    }

.price--large {
  font-size: 1.6rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.13rem;
}

@media screen and (min-width: 750px) {
  .price--large {
    font-size: 1.8rem;
  }
}

.price--sold-out .price__availability,
.price__regular {
  display: block;
}

.price__sale,
.price__availability,
.price .price__badge-sale,
.price .price__badge-sold-out,
.price--on-sale .price__regular,
.price--on-sale .price__availability {
  display: none;
}

.price--sold-out .price__badge-sold-out,
.price--on-sale .price__badge-sale,
.volume-pricing--sale-badge .price__badge-sale {
  display: inline-block;
}

.volume-pricing--sale-badge .price__badge-sale {
  margin-left: 0.5rem;
}

/*.price--on-sale .price__sale {
  display: initial;
  flex-direction: row;
  flex-wrap: wrap;
}*/
/* ============= MODIFICATION START ============= */
.price--on-sale .price__sale {
  display: flex; /* Change 'initial' to 'flex' for better control */
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline; /* This aligns different font sizes nicely */
  gap: 0.5rem; /* This adds a small space between the prices */
}
/* ============= MODIFICATION END ============= */

.price--center {
  display: initial;
  justify-content: center;
}

.price--on-sale .price-item--regular {
  text-decoration: line-through;
  color: rgba(var(--color-foreground), 0.75);
  font-size: 1.3rem;
}

/* 
 *  ============= MODIFICATION START ============= 
 *  Add this new rule right below the one above.
*/
.price--on-sale .price-item--sale, .price__regular .price-item{
  font-weight: 700; /* BOLD */
  /* We make it larger than the default .price--large font-size */
  font-size: 2.6rem; /* Make it bigger. Adjust 2.2rem as needed. */ 
  /* color: rgb(var(--color-sale-price)); Use a theme color variable if available, or a fixed color like #D9534F */
}
/* ============= MODIFICATION END ============= */

.unit-price {
  display: block;
  font-size: 1.1rem;
  letter-spacing: 0.04rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  margin-top: 0.2rem;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.7);
}


@media (max-width: 767px) {
  .price-item {
    font-size: 14px !important; 
  }
}