body.fopApparelPricingActive section.product > .pricingPending {
  display: none !important;
}

.fopApparelPriceCard {
  border: 1px solid rgba(168, 255, 42, 0.48);
  background: linear-gradient(135deg, rgba(8, 38, 52, 0.96), rgba(18, 8, 39, 0.96));
  color: #f7f4ff;
  padding: 22px;
  margin: 22px 0;
  box-shadow: inset 0 0 0 1px rgba(154, 52, 255, 0.18);
}

.fopApparelPriceCard[data-context="product"] {
  margin: 20px 0 24px;
}

.customTools > .fopApparelPriceCard {
  margin: 0 0 18px;
}

.approvalSummary > .fopApparelPriceCard {
  padding: 18px;
}

.fopPriceHeading,
.fopPriceLine,
.fopPriceTotal,
.fopPriceSubtotal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.fopPriceHeading {
  align-items: flex-start;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(158, 231, 255, 0.25);
}

.fopPriceHeading small {
  display: block;
  color: #a8ff2a;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
}

.fopPriceHeading h3 {
  margin: 4px 0 0;
  font-size: 1.15rem;
}

.fopPriceHeading > strong {
  color: #a8ff2a;
  white-space: nowrap;
  font-size: 1.12rem;
}

.fopPriceLine,
.fopPriceTotal,
.fopPriceSubtotal {
  padding: 12px 0;
  border-bottom: 1px solid rgba(158, 231, 255, 0.17);
}

.fopPriceLine span,
.fopPriceTotal span,
.fopPriceSubtotal span {
  min-width: 0;
}

.fopPriceLine small,
.fopPriceTotal small {
  display: block;
  color: #9cb0bf;
  margin-top: 3px;
  line-height: 1.35;
}

.fopPriceLine b,
.fopPriceTotal b,
.fopPriceSubtotal b {
  white-space: nowrap;
}

.fopPriceTotal {
  color: #a8ff2a;
  font-size: 1.08rem;
  font-weight: 800;
}

.fopPriceTotal small {
  color: #c0cbd5;
  font-weight: 500;
}

.fopPriceSubtotal {
  border-bottom: 0;
  font-size: 1.12rem;
}

.fopPriceSubtotal b {
  font-size: 1.3rem;
}

.fopPriceNote,
.fopPriceWarning {
  margin: 12px 0 0;
  line-height: 1.45;
  font-size: 0.86rem;
}

.fopPriceNote {
  color: #a9b9c5;
}

.fopPriceWarning {
  color: #ffbd74;
  font-weight: 700;
}

@media (max-width: 640px) {
  .fopApparelPriceCard {
    padding: 17px;
  }

  .fopPriceHeading,
  .fopPriceLine,
  .fopPriceTotal,
  .fopPriceSubtotal {
    gap: 12px;
  }

  .fopPriceHeading {
    display: block;
  }

  .fopPriceHeading > strong {
    display: block;
    margin-top: 10px;
  }
}