/* Professional cards used on homepage and categories page */

.professional-link-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.professional-link {
  position: relative;
  display: grid;
  height: 390px;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: end;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(23, 54, 74, 0.12);
  background: linear-gradient(135deg, rgba(8, 106, 156, 0.90), rgba(22, 141, 196, 0.83));
}

.professional-link-grid a:hover {
  transform: translateY(-7px);
  transition: transform 0.6s ease;
}

.professional-link-grid > a:nth-child(2) .professional-link {
  background: linear-gradient(135deg, rgba(145, 29, 39, 0.90), rgba(197, 47, 58, 0.83));
}

.professional-link-card {
  padding: 32px 27px;
  color: #fff;
}

.professional-link-card > * {
  position: relative;
  z-index: 2;
}

.professional-link-card .section-label {
  color: var(--color-background);
}

.professional-link-card h3 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 4vw, 3.6rem);
  font-weight: 400;
  line-height: 1;
}

.professional-link-card p {
  max-width: 560px;
  margin-top: 18px;
  color: rgba(255,255,255,0.78);
  line-height: 1.7;
}

.professional-link-card .category-link {
  color: #fff;
}

@media (max-width: 767px) {
  .professional-link-grid, .professional-benefits-grid, .private-label-grid, .audience-grid, .category-landing-grid--four {
    grid-template-columns: 1fr;
  }
}