/* Compact and consistent floating controls on phones. */
@media(max-width:700px){
  .float-whatsapp{
    right:calc(12px + env(safe-area-inset-right,0px))!important;
    bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
    width:46px!important;
    height:46px!important;
    border:1px solid rgba(255,255,255,.92)!important;
    border-radius:50%!important;
    box-shadow:0 10px 25px rgba(5,88,42,.24)!important;
  }
  .float-whatsapp svg{
    display:block;
    width:22px!important;
    height:22px!important;
  }
  .acc-wrap{
    right:calc(66px + env(safe-area-inset-right,0px))!important;
    bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
    z-index:270!important;
  }
  .accOpen{
    width:46px!important;
    height:46px!important;
    padding:0!important;
    border:1px solid rgba(92,217,249,.3)!important;
    border-radius:50%!important;
    color:#0a3044!important;
    background:rgba(250,253,255,.97)!important;
    box-shadow:0 10px 25px rgba(3,23,35,.18)!important;
  }
  .accOpen svg{
    display:block;
    width:21px!important;
    height:21px!important;
  }
  .acc-wrap .acc-box{
    right:-54px!important;
    bottom:58px!important;
  }
}

/* Vertical mobile control stack: accessibility above WhatsApp. */
@media(max-width:700px){
  .acc-wrap{
    right:calc(12px + env(safe-area-inset-right,0px))!important;
    bottom:calc(66px + env(safe-area-inset-bottom,0px))!important;
  }
  .acc-wrap .acc-box{right:0!important;bottom:58px!important}
}