.cc-category-showcase {
  padding: 54px 20px;
  background: #f8fafc;
}

.cc-category-showcase__inner {
  width: min(1120px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.cc-category-showcase__item {
  min-height: 180px;
  display: flex;
  align-items: flex-end;
  padding: 20px;
  border-radius: 8px;
  background: linear-gradient(135deg, #fff7ed, #dbeafe);
  background-position: center;
  background-size: cover;
  color: #0f172a;
  font-size: 22px;
  font-weight: 800;
  text-decoration: none;
}

.cc-category-showcase__item[style] {
  color: #fff;
}

@media (max-width: 767px) {
  .cc-category-showcase__inner {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .cc-hide-mobile {
    display: none;
  }
}