/* Current dist patch: keep home category cards and photos circular. */
.app-shell--home .home-featured .round-category-grid {
  grid-template-columns: repeat(auto-fit, minmax(136px, 176px)) !important;
  justify-content: center !important;
  justify-items: center !important;
  align-items: start !important;
}

.app-shell--home .home-featured .round-category-card,
.round-category-card {
  width: min(100%, 176px) !important;
  min-width: 0 !important;
  justify-items: center !important;
  align-content: start !important;
  text-align: center !important;
}

.app-shell--home .home-featured .round-category-card img,
.round-category-card img {
  width: clamp(132px, 16vw, 176px) !important;
  height: clamp(132px, 16vw, 176px) !important;
  min-width: clamp(132px, 16vw, 176px) !important;
  min-height: clamp(132px, 16vw, 176px) !important;
  max-width: clamp(132px, 16vw, 176px) !important;
  max-height: clamp(132px, 16vw, 176px) !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: center !important;
  flex: 0 0 auto !important;
}

@media (max-width: 760px) {
  .app-shell--home .home-featured .round-category-grid {
    grid-template-columns: repeat(2, minmax(136px, 156px)) !important;
  }

  .app-shell--home .home-featured .round-category-card,
  .round-category-card {
    width: min(100%, 156px) !important;
  }

  .app-shell--home .home-featured .round-category-card img,
  .round-category-card img {
    width: clamp(132px, 38vw, 156px) !important;
    height: clamp(132px, 38vw, 156px) !important;
    min-width: clamp(132px, 38vw, 156px) !important;
    min-height: clamp(132px, 38vw, 156px) !important;
    max-width: clamp(132px, 38vw, 156px) !important;
    max-height: clamp(132px, 38vw, 156px) !important;
  }
}