.pcard {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  width: 280px;
  font-family: var(--font-family-base);
}

.pcard p { margin: 0; }

.pcard { text-decoration: none; color: inherit; }
.pcard:not(.pcard--oos) { cursor: pointer; }
.pcard:focus-visible {
  outline: 2px solid var(--color-accent-400);
  outline-offset: 2px;
  border-radius: var(--radius-12);
}

.pcard__img {
  position: relative;
  width: 100%;
  aspect-ratio: 280 / 212;
  border-radius: var(--radius-12);
  overflow: hidden;
}
.pcard__img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.pcard:not(.pcard--oos):hover .pcard__img img { transform: scale(1.06); }

.pcard--oos .pcard__img img { opacity: 0.2; }

.pcard__scrim {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--spacing-80);
  background: var(--gradient-scrim-image);
}

.pcard__img-badges {
  position: absolute;
  left: var(--spacing-12);
  bottom: var(--spacing-12);
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-4);
}

.pcard__group { display: flex; flex-direction: column; gap: var(--spacing-8); }

.pcard__price {
  display: flex;
  align-items: flex-end;
  gap: var(--spacing-8);
  padding-bottom: var(--spacing-8);
  border-bottom: 1px solid var(--color-gray-50);
}
.pcard__price-main {
  flex: 1 0 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.pcard__from   { color: var(--color-gray-400); }
.pcard__amount { color: var(--color-gray-900); }

.pcard__start { display: flex; align-items: center; gap: var(--spacing-6); }
.pcard__start-icon { flex: none; width: 12px; height: 12px; }
.pcard__start-icon svg { display: block; width: 100%; height: 100%; }

.pcard__start--default .pcard__start-icon { color: var(--color-warning-300); }
.pcard__start--timer   .pcard__start-icon { color: var(--color-information-400); }
.pcard__start--oos     .pcard__start-icon { color: var(--color-gray-200); }

.pcard__start-text  { display: flex; flex: 1 0 0; min-width: 0; gap: var(--spacing-4); }
.pcard__start-strong { color: var(--color-gray-800); }
.pcard__start-muted  { color: var(--color-gray-600); }

.pcard__content { display: flex; flex-direction: column; gap: var(--spacing-12); }

.pcard__title { margin: 0; color: var(--color-gray-900); transition: color 0.2s ease; }

.pcard:not(.pcard--oos):hover .pcard__title { color: var(--color-gray-700); }

.pcard__progress { display: flex; flex-direction: column; gap: var(--spacing-4); }
.pcard__progress-bars { display: flex; gap: var(--spacing-4); }
.pcard__progress-bars > * { flex: 1 0 0; min-width: 0; }
.pcard__progress-text { display: flex; align-items: flex-start; justify-content: space-between; }
.pcard__progress-left { display: flex; flex: 1 0 0; min-width: 0; align-items: center; gap: var(--spacing-4); }
.pcard__progress-left > p { margin: 0; }
.pcard__progress-buy   { color: var(--color-gray-900); }
.pcard__progress-hint  { color: var(--color-gray-700); }
.pcard__progress-off   { color: var(--color-positive-500); }
.pcard__progress-count { margin: 0; color: var(--color-gray-700); }

.pcard__badge-group { display: flex; flex-wrap: wrap; gap: var(--spacing-4); }

.pcard__list { display: flex; flex-direction: column; gap: var(--spacing-4); }
.pcard__list-item { display: flex; align-items: center; gap: var(--spacing-4); }
.pcard__bullet {
  flex: none;
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding-top: var(--spacing-8);
}
.pcard__dot { width: var(--spacing-4); height: var(--spacing-4); color: var(--color-accent-400); }
.pcard__dot svg { display: block; width: 100%; height: 100%; }
.pcard__list-text {
  flex: 1 0 0;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pcard__list-text--accent { color: var(--color-positive-500); }
.pcard__list-text--muted  { color: var(--color-gray-700); }
.pcard__list-strong { color: var(--color-gray-900); }