.youtube-section{
  margin:60px 0;
}

.youtube-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap:15px;
  margin-top:25px;
}

.youtube-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 14px;
  background:#fff;
  border-radius:12px;
  box-shadow:0 4px 10px rgba(0,0,0,0.08);
  text-decoration:none;
  color:#111;
  transition: transform 0.3s, box-shadow 0.3s;
}

.youtube-card img{
  width:100px;
  height:100px;
  flex-shrink:0;
}

.youtube-card .youtube-info h3{
  font-size:0.95rem;
  font-weight:600;
  margin:0;
}

.youtube-card .youtube-info span{
  font-size:0.75rem;
  color:#555;
}

.youtube-card:hover{
  transform: translateY(-4px) scale(1.02);
  box-shadow:0 12px 25px rgba(0,0,0,0.15);
}

.youtube-card:hover img{
  filter: drop-shadow(0 0 6px #FF0000);
}


/* ===== YouTube CTA ===== */
.youtube-cta {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

.btn-youtube {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #a52626; /* YouTube red */
  color: white;
  padding: 10px 20px;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.btn-youtube img {
  width: 24px;
  height: 24px;
}

.btn-youtube:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
  filter: brightness(1.2);
}