.elementor-521 .elementor-element.elementor-element-5c46367{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-c426adb *//* 🎯 FairPlay Cluster Grid Custom Look */
.post-grid-item {
  background: linear-gradient(180deg, #000000 0%, #1a1a1a 100%);
  color: #ffffff !important;
  border-radius: 15px;
  padding: 15px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.post-grid-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(255,215,0,0.3);
}

/* Title & Text */
.post-grid-item h3, 
.post-grid-item h2, 
.post-grid-item a {
  color: #ffffff !important;
  text-decoration: none;
}

.post-grid-item h3:hover {
  color: #ffd700 !important; /* gold hover */
}

.post-grid-item p {
  color: #cccccc;
}

/* Button look */
.post-grid-item .read-more {
  background-color: #ffd700;
  color: #000 !important;
  border-radius: 8px;
  padding: 8px 14px;
  display: inline-block;
  font-weight: 600;
  margin-top: 10px;
}

.post-grid-item .read-more:hover {
  background-color: #ffffff;
  color: #000;
}/* End custom CSS */