.category-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
}

.category-card {
  text-align: center;
  padding: 24px 12px 20px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  transition: .28s;
}

.category-card:hover {
  transform: translateY(-7px);
  box-shadow: var(--shadow);
  border-color: rgba(202, 87, 141, .25);
}

.category-icon {
  width: 82px;
  height: 82px;
  margin: 0 auto 16px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--soft);
}

.category-icon svg {
  width: 65px;
}

.category-card h3 {
  font-size: .94rem;
}

@media(max-width:1050px) {
  .category-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media(max-width:580px) {
  .category-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}