.category__title {
  margin-bottom: 2rem;
}
.grid-cols.cols--slider .swiper-wrapper {
  grid-auto-columns: 96%;
  gap: min(3rem, 3vw);
}

.category-grid {
  display: flex;
  flex-wrap: wrap;
  background: var(--c-neutral-0);
  border: 1px solid var(--c-neutral-50);
  border-radius: 16px;
  overflow: hidden;
}

.card-category {
  background-color: var(--c-neutral-0);
  width: calc((100% / var(--cols)));
  flex-grow: 1;
  text-align: center;
  transition: all var(--anim);
  position: relative;
  overflow: hidden;
  border: 1px solid var(--c-neutral-50);
  border-top: unset;
  border-right: unset;
}

.card-category__link {
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.card-category__icon {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 6.4rem;
  width: 6.4rem;
}

.card-category__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.card-category__title {
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--c-black);
  line-height: 1.4;
  transition: var(--anim);
}

.card-category:hover .card-category__title {
  color: var(--c-primary-600);
}

@media (min-width: 36em) {
}

@media (min-width: 50em) {
}
@media (max-width: 49.99em) {
  .category-grid {
    --cols: 3 !important;
  }
}