/* REALPRO Studios V46 — mobile video playback + Services media placement */

@media (max-width:760px){
  /* Keep mobile background video layers active and GPU-friendly. */
  html body.rp-page-index .hero-video,
  html body.rp-page-index .reel-video,
  html body.rp-page-index .reel video{
    display:block !important;
    visibility:visible !important;
    backface-visibility:hidden;
    transform:translateZ(0);
    will-change:auto;
  }

  /* Services: on phones the visual belongs directly after the service name. */
  html body.rp-page-services #main > section[id^="service-category-"] .service-category__copy > .service-category__media{
    width:100% !important;
    max-width:none !important;
    margin:clamp(16px,4.8vw,22px) 0 clamp(18px,5vw,24px) !important;
    aspect-ratio:16 / 10 !important;
    min-height:0 !important;
    border-radius:clamp(18px,5.6vw,24px) !important;
    overflow:hidden !important;
  }

  html body.rp-page-services #main > section[id^="service-category-"] .service-category__copy > .service-category__media img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center !important;
  }

  html body.rp-page-services #main > section[id^="service-category-"] .service-category__copy > h2{
    margin-bottom:0 !important;
  }

  html body.rp-page-services #main > section[id^="service-category-"] .service-category__copy > .service-category__media + p{
    margin-top:0 !important;
  }
}