/* Start custom CSS for lessons, class: .elementor-element-17489481 *//* ===== 1) پنل باز-شده – حداقل ارتفاع ===== */
.panel-content.active{
  /* همیشه دست‌کم 450px باشد، اما در صفحات بزرگ به‌دلخواه قد می‌کشد */
  min-height:450px;
  max-height:100%;
}

/* در دسکتاپ بزرگ اگر می‌خواهید فضای بیشتری بدهید */
@media (min-width:1200px){
  .panel-content.active{
    min-height:550px;       /* دلخواه: 550 یا 600 */
  }
}

/* در موبایل کوچک، ارتفاع زیاد جای اسکرول را می‌گیرد؛ قد را کمی کم می‌کنیم */
@media (max-width:480px){
  .panel-content.active{
    min-height:350px;
  }
}

/* ===== 2) iframe آپارات – پوشش کامل در هر نسبت ===== */
.aparat-video-wrapper{
  position:relative;
  width:100%;
  /* نسبت 16:9 → 56.25%‎. اگر ویدئوهای عمودی دارید، ratio را عوض کنید */
  padding-top:56.25%;
  overflow:hidden;
}

.aparat-video-wrapper iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

/* ===== 3) پشتیبانی از ساختار قدیمی h_iframe-aparat_embed_frame ===== */
.h_iframe-aparat_embed_frame{
  position:relative;
  width:100%;
  padding-top:56.25%;   /* همان 16:9 */
  overflow:hidden;
}

.h_iframe-aparat_embed_frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

/* اگر قالب شما کلاس .ratio را برای نسبت دارد، حفظش کنید */
.h_iframe-aparat_embed_frame .ratio{
  display:block;
  width:100%;
  height:auto;
}/* End custom CSS */