.growfund-page-container .growfund-recommendations {
  padding: var(--growfund-spacing-16) var(--growfund-spacing-15);
  background-color: var(--growfund-green-8);
  margin-top: var(--growfund-spacing-12);
}

.growfund-page-container .growfund-recommendations__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--growfund-spacing-8);
}

.growfund-page-container .growfund-recommendations__title {
  font-size: var(--growfund-font-size-11);
  font-weight: var(--growfund-font-weight-semibold);
  color: var(--growfund-gray-1);
}

.growfund-page-container .growfund-recommendations__explore {
  color: var(--growfund-gray-1);
  text-decoration: none;
  font-weight: var(--growfund-font-weight-medium);
  font-size: var(--growfund-font-size-3);
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: var(--growfund-spacing-2);
  transition: color 0.2s ease;
}

.growfund-page-container .growfund-recommendations__explore:hover {
  color: var(--growfund-gray-8);
}

.growfund-page-container .growfund-explore-icon {
  width: 16px;
  height: 16px;
  background-image: url('../../icon/arrow-right-circle.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}

.growfund-page-container .growfund-recommendations__grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--growfund-spacing-4);
  align-items: flex-start;
}

.growfund-page-container .growfund-recommendations__grid>* {
  flex: 0 0 312px;
  max-width: 312px;
}

@media (max-width: 1023px) {
  .growfund-page-container .growfund-recommendations {
    padding: var(--growfund-spacing-8) var(--growfund-spacing-4);
    margin-top: var(--growfund-spacing-8);
  }

  .growfund-page-container .growfund-recommendations__title {
    font-size: var(--growfund-font-size-8);
    width: 134px;
  }

  .growfund-page-container .growfund-recommendations__grid {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    gap: var(--growfund-spacing-3);
    padding-bottom: var(--growfund-spacing-2);
  }
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  .growfund-page-container .growfund-recommendations__grid::-webkit-scrollbar {
    display: none;
  }
  
  /* Ensure project cards have minimum width and don't shrink */
  .growfund-page-container .growfund-recommendations__grid>* {
    flex: 0 1 auto;
  }
}