/* Панель курсов */
.courses-panel{
  width: min(96vw, 1200px);       /* подгони 900px при желании */
  margin: 24px auto 40px;        /* центрируем, даём отступ сверху/снизу */
  padding: 20px 10px 20px;
  border-radius: 18px;
  /* background: rgba(255,255,255,0.55); 
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  backdrop-filter: blur(2px);     эффект стекла; можно убрать */
}

/* Заголовок панели */
.courses-panel__title{
  line-height: 1.15;
  color: rgb(0, 0, 0);
}

/* Сетка карточек внутри панели — локально перекрывает глобальные правила */
.courses-panel #recommended-courses-container{
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
  padding: 0;
  margin: 0;
}

@media (max-width: 700px){
  .courses-panel #recommended-courses-container{
    grid-template-columns: 1fr;
  }
}