/* DRUK R5.81 — mobile visual order lock
   1) Course detail hero: image first, then breadcrumb/title/description/meta.
   2) Homepage final admission CTA: image first, then CTA copy and WhatsApp button.
   Desktop/tablet desktop layouts are unchanged. */

/* Course hero: explicitly neutralize the legacy column-reverse rule. */
@media (max-width:640px){
  body.v83-course.course-standard-v561 .course-detail-hero .page-hero-grid{
    display:flex!important;
    flex-direction:column!important;
  }
  body.v83-course.course-standard-v561 .course-detail-hero .course-hero-media{
    order:1!important;
    width:100%!important;
  }
  body.v83-course.course-standard-v561 .course-detail-hero .course-hero-copy{
    order:2!important;
    width:100%!important;
  }
}

/* Homepage final CTA: image first on tablet/mobile, copy next. The CTA button remains
   naturally below the title/paragraph inside the copy block. */
@media (max-width:900px){
  body.v83-home .v68-final-cta-shell{
    display:flex!important;
    flex-direction:column!important;
  }
  body.v83-home .v68-final-cta-image,
  body.v83-home .r531-final-cta-image{
    order:1!important;
    width:100%!important;
  }
  body.v83-home .v68-final-cta-copy,
  body.v83-home .r531-final-cta-copy{
    order:2!important;
    width:100%!important;
  }
}