/* Keep both tax amounts within the theme's existing price typography. */
.product-layout .price.fiber-price-card {
  display: block;
  margin: 8px 0 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.fiber-price-row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 5px 7px;
  min-width: 0;
}

.product-layout .price.fiber-price-card > .fiber-price-row {
  display: flex;
  width: auto;
  margin: 0;
}

.fiber-price-label {
  color: #888;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
  white-space: nowrap;
}

.fiber-price-amount {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 3px 6px;
  font-variant-numeric: tabular-nums;
}

.product-layout .fiber-price-card .price-normal,
.product-layout .fiber-price-card .price-new,
.product-layout .fiber-price-card .price-old {
  margin: 0;
  white-space: nowrap;
}

.fiber-price-row--gross {
  margin-top: 3px;
}

.product-layout .fiber-price-card .fiber-price-row--gross .fiber-price-amount {
  color: #777;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}

.fiber-price-card--compact .fiber-price-label {
  font-size: 10px;
}

.product-price-group .fiber-price-panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}

.product-price-group .fiber-price-panel .product-tax {
  display: block;
  margin: 0;
  color: inherit;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.35;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.product-info .product-details .product-price-group .fiber-price-panel .price-group {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 7px;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 1;
}

.product-price-group .fiber-price-panel .product-price,
.product-price-group .fiber-price-panel .product-price-new {
  margin: 0;
  color: #777;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.product-price-group .fiber-price-panel .product-price-old {
  margin: 0;
  color: #999;
  font-size: 12px;
  font-weight: 400;
  text-decoration: line-through;
  white-space: nowrap;
}

.fiber-price-panel.is-updating {
  opacity: 0.6;
}

.fiber-price-error {
  margin: 6px 0;
  color: #ad3d35;
  font-size: 12px;
}