/* Price presentation uses the navy from the approved TRIGRAM logo. */
:root { --price-brand: #102e63; }
.price-badge,
.detail-price,
.detail-related > a > span:not(.product-image-brand),
.mobile-product-bar strong {
  color: var(--price-brand);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  font-weight: 800;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
  max-width: 100%;
}
.product-title-row { flex-direction: column; align-items: flex-start; gap: 14px; }
.product-title-row h3 { flex: auto; }
.price-badge { display: inline-block; font-size: 1.56rem; white-space: normal; overflow-wrap: anywhere; }
.product-card > .meta { display: none; }
.detail-price { display: table; font-size: 5rem; white-space: nowrap; }
.detail-related > a > span:not(.product-image-brand) { display: table; align-self: flex-start; width: fit-content; font-size: 2rem; }
.comparison tbody td:nth-child(2) {
  font-size: 1.875rem; font-weight: 800; line-height: 1.1;
  color: var(--price-brand); background: transparent; white-space: nowrap;
}
.mobile-product-bar strong { display: table; font-size: 2.5rem; }
@media (max-width: 760px) {
  .detail-price { font-size: 5rem; padding: 0; }
  .detail-related > a > span:not(.product-image-brand) { grid-column: 1 / -1; margin-top: 0; }
  .mobile-product-bar { flex-wrap: wrap; }
  .featured-page { padding-bottom: 140px; }
}