/* Patch 2: isolated branding and credit-status refinement. */
.side-brand > div:last-child {
  font-size: 15px;
  font-weight: 850;
  letter-spacing: .08em;
  line-height: 1.05;
}

.side-brand > div:last-child strong {
  margin-top: 4px;
  font-size: 11px;
  letter-spacing: .28em;
}

.top-actions .credit-card {
  min-width: 170px;
  min-height: 54px;
  padding: 9px 12px 8px 13px;
  border: 1px solid #b8cee4;
  border-left: 4px solid #327ac9;
  background:
    linear-gradient(90deg, rgba(50, 122, 201, .09) 0 var(--credit-progress, 0%), transparent var(--credit-progress, 0%)),
    #fff;
  box-shadow: 0 2px 7px rgba(32, 75, 118, .12);
}

.top-actions .credit-card > span {
  font-size: 9px;
  color: #43576b;
  letter-spacing: .14em;
}

.top-actions .credit-card > strong {
  min-width: 52px;
  font-size: 27px;
  line-height: 1;
  text-align: right;
  color: #2167ae;
}

.top-actions .credit-card > strong::after {
  content: "POZOSTAŁO";
  display: block;
  margin-top: 4px;
  font-size: 7px;
  line-height: 1;
  color: #5f6f7e;
  letter-spacing: .1em;
}

.top-actions .credit-card > small {
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.15;
  color: #4f5d68;
  white-space: nowrap;
}

.top-actions .credit-card.gold {
  min-width: 126px;
  border-color: #ddd19a;
  border-left-color: #c6a516;
  background: linear-gradient(90deg, rgba(198, 165, 22, .09), transparent 70%), #fff;
}

.top-actions .credit-card.gold > strong::after {
  content: "DOSTĘPNE";
}

@media (max-width: 1120px) {
  .top-actions .credit-card {
    min-width: 150px;
  }
}