/* BR HOME SLIDER MOBILE ARROWS V1
   Mobile only. JS adds the scope/control classes after identifying the
   existing previous/next controls. Desktop slider remains untouched. */

@media(max-width:900px){
  .brHomeSliderMobileScope{
    position:relative!important;
  }

  .brHomeSliderMobilePrev,
  .brHomeSliderMobileNext{
    position:absolute!important;
    z-index:12!important;
    top:auto!important;
    bottom:22px!important;
    transform:none!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    max-width:44px!important;
    max-height:44px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    font-size:30px!important;
    line-height:1!important;
  }

  .brHomeSliderMobilePrev{
    left:18px!important;
    right:auto!important;
  }

  .brHomeSliderMobileNext{
    right:18px!important;
    left:auto!important;
  }
}

@media(max-width:420px){
  .brHomeSliderMobilePrev,
  .brHomeSliderMobileNext{
    bottom:20px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    font-size:28px!important;
  }

  .brHomeSliderMobilePrev{left:12px!important}
  .brHomeSliderMobileNext{right:12px!important}
}

/* BR HOME SLIDER MOBILE COPY UP V1
   Only the textual/CTA overlay moves upward. Pagination and prev/next controls
   remain exactly in the bottom positions established by V1. */
@media(max-width:900px){
  .brHomeSliderMobileScope .brHomeSliderMobileCopy{
    translate:0 -52px!important;
  }
}

@media(max-width:520px){
  .brHomeSliderMobileScope .brHomeSliderMobileCopy{
    translate:0 -48px!important;
  }
}