/* "Cele mai populare categorii de produse": a mint box of category links. */
.pbly .popular-categories__box {
  padding: var(--pbly-space-10);
  border-radius: var(--pbly-radius-lg);
  background: var(--pbly-color-palette-mint);
}

.pbly .popular-categories__title {
  margin-bottom: var(--pbly-space-6);
  font-size: var(--pbly-text-heading-md-font-size);
  font-weight: var(--pbly-text-heading-md-font-weight);
  line-height: 1;
}

.pbly .popular-categories__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 19.375rem)) minmax(0, 1fr);
}

.pbly .popular-categories__list a {
  display: inline-block;
  padding-block: var(--pbly-space-1-5);
  color: var(--pbly-color-palette-green-deep);
  font-weight: var(--pbly-font-weight-medium);
  transition: color 0.2s;
}

.pbly .popular-categories__list a:hover { color: var(--pbly-color-action-hover); }

@media (max-width: 80rem) {
  .pbly .popular-categories__list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Tablets, as on faberpet.ro: a full-width panel in three columns. */
@media (max-width: 64rem) {
  .pbly .popular-categories > .wrapper { width: 100%; }

  .pbly .popular-categories__box {
    padding-inline: var(--pbly-space-20);
    border-radius: 0;
  }

  .pbly .popular-categories__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 47.9375rem) {
  .pbly .popular-categories__box { padding: var(--pbly-space-12) var(--pbly-space-6); }
  .pbly .popular-categories__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}