/* "Нет в продаже" cards, the wish button and the "your wish arrived" banner */
.unavailable-section {
  margin-top: 20px;
}

.unavailable-section[hidden],
.wish-banner[hidden],
#sections[hidden] {
  display: none;
}

.unavailable-title {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 500;
  color: var(--md-on-surface-variant);
}

.card-unavailable {
  cursor: default;
}

.card-unavailable .card-icon-wrap {
  filter: grayscale(0.7);
  opacity: 0.7;
}

.card-price-none {
  font-size: 12px;
  font-weight: 500;
  color: var(--md-on-surface-variant);
}

.card-sources {
  font-size: 12px;
  line-height: 1.35;
  color: var(--md-on-surface-variant);
  margin-bottom: 8px;
}

.src-link {
  appearance: none;
  cursor: pointer;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  font-weight: 500;
  color: var(--md-primary);
  text-decoration: underline;
}

.src-chance {
  white-space: nowrap;
}

.wish-btn {
  appearance: none;
  cursor: pointer;
  flex-shrink: 0;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 10px;
  border-radius: 16px;
  border: 1px solid var(--md-primary);
  background: transparent;
  color: var(--md-primary);
}

.wish-btn[aria-pressed="true"] {
  background: var(--md-primary);
  color: var(--md-on-primary, #2b1700);
}

.wish-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  padding: 10px 14px;
  border-radius: 12px;
  background: var(--md-surface-container-highest);
  border: 1px solid var(--md-success);
  font-size: 13px;
}

.wish-banner-close {
  appearance: none;
  cursor: pointer;
  border: none;
  background: none;
  color: var(--md-on-surface-variant);
  font-size: 20px;
  line-height: 1;
}