/* Shared category layout, using the approved fruit-punnet card system. */
.category-page .fruit-catalogue {
  padding: clamp(28px, 4vw, 56px) 0 clamp(72px, 8vw, 112px);
}

.category-range-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px 32px;
}

.category-range-heading h1 {
  max-width: 24ch;
  font-size: clamp(32px, 3.6vw, 48px);
  line-height: 1.04;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.category-range-heading p {
  flex-shrink: 0;
  color: var(--product-muted);
  font-size: 15px;
}

.category-page .fruit-filter-bar {
  margin-top: 28px;
}

.category-page .fruit-product-card {
  display: flex;
  flex-direction: column;
}

.category-page .fruit-product-card[hidden] {
  display: none;
}

.category-page .fruit-card-body {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.category-page .fruit-card-specs {
  margin-bottom: 26px;
}

.category-page .fruit-card-footer {
  margin-top: auto;
}

.category-page .fruit-filter-bar button {
  min-height: 44px;
}

.category-page .spec-thumb--pending.fruit-card-media {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: default;
}

@media (max-width: 760px) {
  .category-range-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }
}