/* Load after Atelier and quality.css. Only price-specific opt-in classes change. */
.pt-store :is(.pt-product-grid, #product-list) .pt-product-bottom .pt-sale-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  min-width: 0;
  max-width: 100%;
}

.pt-store .pt-sale-price > .price-old,
.pt-store .pt-sale-detail > del {
  color: var(--pt-muted, #686c63);
  text-decoration-line: line-through;
  text-decoration-thickness: 1px;
  white-space: normal;
  overflow-wrap: anywhere;
}

.pt-store :is(.pt-product-grid, #product-list) .pt-sale-price > .price-old {
  margin: 0;
  font-size: 11px;
  line-height: 1.35;
}

.pt-store .pt-sale-current {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  min-width: 0;
  max-width: 100%;
}

.pt-store .pt-sale-label {
  color: var(--pt-muted, #686c63);
  font: 400 10px/1.4 var(--pt-sans, sans-serif);
  white-space: normal;
}

.pt-store :is(.pt-product-grid, #product-list) .pt-sale-price .price-new {
  color: var(--pt-ink, #242b25);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  white-space: normal;
  overflow-wrap: anywhere;
  text-decoration: none;
}

.pt-store :is(.pt-product-grid, #product-list) .pt-sale-badge,
.pt-store .pt-sale-detail-badge {
  padding: 4px 7px;
  border: 1px solid #a27b3633;
  border-radius: 3px;
  background: #efe6d3;
  color: #705425;
  font: 600 11px/1.2 var(--pt-sans, sans-serif);
  white-space: nowrap;
  text-decoration: none;
}

.pt-store .pt-detail-price.pt-sale-detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  min-width: 0;
  max-width: 100%;
}

.pt-store .pt-sale-detail > del {
  font-size: 15px;
  line-height: 1.4;
}

.pt-store .pt-sale-detail .pt-sale-label {
  font-size: 12px;
}

.pt-store .pt-sale-detail-value {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
}

.pt-store .pt-sale-detail .pt-sale-detail-value > strong {
  min-width: 0;
  max-width: 100%;
  color: var(--pt-ink, #242b25);
  font-size: clamp(26px, 3.2vw, 34px);
  font-weight: 500;
  line-height: 1.2;
  white-space: normal;
  overflow-wrap: anywhere;
  text-decoration: none;
}

@media (max-width: 359px) {
  .pt-store :is(.pt-product-grid, #product-list) .pt-sale-price .price-new {
    font-size: 13px;
  }
}