.edu-course-hero{
    display:flex; flex-direction:column; gap:16px; padding:20px; background:#fff;
}
.edu-breadcrumbs{ padding:12px 16px; font-size:13px; color:#6b7280; }
.edu-breadcrumbs a{ color:#6b7280; text-decoration:none; }
.edu-breadcrumbs a:last-child{ color:var(--edu-dark); font-weight:600; }
.edu-course-hero-media img{ width:100%; border-radius:16px; object-fit:cover; }
.edu-course-hero-info h1{ font-size:24px; margin:8px 0; }
.edu-course-teacher-line{
    display:flex; align-items:center; gap:8px; color:#6b7280; text-decoration:none; margin:8px 0 4px; width:fit-content;
}
.edu-course-teacher-line img{ border-radius:50%; }
.edu-course-teacher-line:hover{ color:var(--edu-primary); }
.edu-course-enrolled-line{ font-size:13px; color:#94a3b8; margin:0 0 8px; }
.edu-course-hero-actions{
    display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px;
}
.edu-course-price-big{ font-size:22px; font-weight:800; color:var(--edu-primary); }

.edu-course-body-wrap{
    display:flex; flex-direction:column; gap:20px; padding:0 16px 40px;
}
.edu-course-main-col{ display:flex; flex-direction:column; gap:16px; }
.edu-course-side-col{ display:flex; flex-direction:column; gap:16px; }

@media (min-width:1024px){
    .edu-course-hero{ flex-direction:row; align-items:center; padding:32px; }
    .edu-course-hero-media{ flex:1; }
    .edu-course-hero-info{ flex:1; }
    .edu-course-body-wrap{ flex-direction:row; padding:0 32px 60px; align-items:flex-start; }
    .edu-course-main-col{ flex:2.2; }
    .edu-course-side-col{ flex:1; position:sticky; top:20px; }
}