/* 카테고리 이미지 호버 효과 */
.category-hover {
  position: relative;
  transition: all 0.3s ease;
}

.category-hover img {
  transition: opacity 0.3s ease;
}

.category-hover:hover img {
  opacity: 0;
}

.category-hover::before {
  content: "ALL";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #333;
  font-weight: bold;
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.category-hover:nth-child(2)::before {
  content: "C SERIES";
}

.category-hover:nth-child(3)::before {
  content: "FA SERIES";
}

.category-hover:nth-child(4)::before {
  content: "B SERIES";
}

.category-hover:nth-child(5)::before {
  content: "EA SERIES";
}

.category-hover:nth-child(6)::before {
  content: "EX SERIES";
}

.category-hover:nth-child(7)::before {
  content: "BALL";
}

.category-hover:nth-child(8)::before {
  content: "GATE";
}

.category-hover:nth-child(9)::before {
  content: "GLOBE";
}

.category-hover:nth-child(10)::before {
  content: "CHECK";
}

.category-hover:nth-child(11)::before {
  content: "STRAINER";
}

.category-hover:hover::before {
  opacity: 1;
}