/* Mobile-only course page reading order. Functional forms and player hooks are unchanged. */
@media (max-width: 991px) {
  .course-ui-refresh.course-ui-refresh .course-mobile-layout { gap: 18px !important; }

  .course-ui-refresh.course-ui-refresh .course-mobile-sidebar,
  .course-ui-refresh.course-ui-refresh .course-mobile-primary,
  .course-ui-refresh.course-ui-refresh .course-mobile-primary .course-purchase-card { display: contents; }

  .course-ui-refresh.course-ui-refresh .course-mobile-primary .course-right-side-section__mask { display: none; }

  .course-ui-refresh.course-ui-refresh .course-mobile-primary .course-purchase-form {
    order: 1;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
    overflow: hidden;
    padding-bottom: 16px;
    border: 1px solid #e1eaf5;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(31, 54, 94, .06);
  }

  .course-ui-refresh.course-ui-refresh .course-mobile-primary .course-right-side__thumbnail {
    order: 2;
    flex: 0 0 100% !important;
    width: 100%;
    height: 190px;
    margin: 0 !important;
    border-radius: 16px;
  }

  .course-ui-refresh.course-ui-refresh .course-mobile-primary .course-purchase-card > :not(.course-purchase-form):not(.course-right-side__thumbnail):not(.course-includes-card) {
    order: 3;
    flex: 0 0 100% !important;
    width: 100% !important;
  }
  /* The base course stylesheet assigns the overview an explicit mobile order. */
  .course-ui-refresh.course-ui-refresh .course-mobile-overview { order: 4 !important; }

  .course-ui-refresh.course-ui-refresh .course-mobile-primary .course-includes-card {
    order: 5;
    flex: 0 0 100% !important;
    width: 100% !important;
    margin-top: 0 !important;
    padding: 20px !important;
    border: 1px solid #e1eaf5;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(31, 54, 94, .06);
  }

  .course-ui-refresh.course-ui-refresh .course-mobile-sidebar > :not(.course-mobile-primary) { order: 6; }
}