/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
/* FitClass Trainers (Salla Safe CSS) */
:root{
  --fc-bg:#3d3d3d;
  --fc-accent:#a52528;
  --fc-card:#2f2f2f;
  --fc-text:#ffffff;
  --fc-muted:#d7d7d7;
}

.fc-trainers{
  direction: rtl;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 20px;
  background: var(--fc-bg);
  font-family: Tahoma, Arial, sans-serif;
  color: var(--fc-text);
}

.fc-trainers .trainers-head{
  text-align:center;
  margin-bottom:30px;
}

.fc-trainers .trainers-title{
  margin:0 0 12px 0;
  font-size:36px;
  font-weight:900;
  color: var(--fc-accent);
}

.fc-trainers .trainers-desc{
  margin:0 auto;
  max-width:820px;
  font-size:16px;
  line-height:1.9;
  color: var(--fc-text);
}

.fc-trainers .trainers-subtitle{
  margin:60px 0 22px 0;
  text-align:center;
  font-size:24px;
  font-weight:900;
  color: var(--fc-accent);
}

.fc-trainers .trainers-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:30px;
}

.fc-trainers .trainer-card{ text-align:center; }

.fc-trainers .trainer-link{
  display:block;
  text-decoration:none;
  color:inherit;
}

.fc-trainers .trainer-photo{
  width:100%;
  aspect-ratio: 4 / 3;
  background: var(--fc-card);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 8px 20px rgba(0,0,0,.35);
  transition:.3s ease;
}

.fc-trainers .trainer-link:hover .trainer-photo{
  transform: translateY(-4px);
  box-shadow:0 14px 30px rgba(0,0,0,.45);
}

.fc-trainers .trainer-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.fc-trainers .trainer-name{
  margin:16px 0 6px 0;
  font-size:20px;
  font-weight:900;
  color: var(--fc-accent);
  text-align:center;
}

.fc-trainers .trainer-role{
  margin:0;
  font-size:15px;
  font-weight:700;
  color: var(--fc-text);
  text-align:center;
  line-height:1.6;
}

.fc-trainers .trainer-more{
  display:inline-block;
  margin-top:14px;
  padding:8px 28px;
  border:2px solid var(--fc-accent);
  color: var(--fc-accent);
  font-size:14px;
  font-weight:800;
  text-decoration:none;
  border-radius:30px;
  transition:.3s ease;
}

.fc-trainers .trainer-more:hover{
  background: var(--fc-accent);
  color:#fff;
  transform: translateY(-2px);
}

@media (max-width: 992px){
  .fc-trainers .trainers-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px){
  .fc-trainers .trainers-grid{ grid-template-columns: 1fr; }
  .fc-trainers .trainers-title{ font-size:28px; }
}