/* FINAL mobile brand layout — prevents symbol/text/menu overlap */
@media (max-width:900px){
  .rm-header-shell{
    position:relative!important;
    min-height:82px!important;
    height:82px!important;
    padding:6px 66px 6px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
  .rm-brand{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    width:min(270px,calc(100vw - 102px))!important;
    max-width:min(270px,calc(100vw - 102px))!important;
    min-width:0!important;
    min-height:68px!important;
    flex:0 1 auto!important;
    margin:0 auto!important;
    padding:0 0 0 46px!important;
    box-sizing:border-box!important;
    gap:0!important;
    overflow:visible!important;
  }
  .rm-brand-mark{
    display:block!important;
    position:absolute!important;
    left:2px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:34px!important;
    height:58px!important;
    min-width:34px!important;
    max-width:34px!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .rm-brand-mark img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    opacity:1!important;
    filter:none!important;
  }
  .rm-brand-copy{display:none!important}
  .rm-brand::before{
    content:"Dr Maria REGHAI"!important;
    display:block!important;
    position:static!important;
    margin:0!important;
    padding:0!important;
    color:#5fc7b5!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:22px!important;
    font-style:normal!important;
    font-weight:400!important;
    line-height:1.05!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }
  .rm-brand::after{
    content:"SPÉCIALISTE EN CHIRURGIE ESTHÉTIQUE & MÉDECINE ESTHÉTIQUE"!important;
    display:block!important;
    position:static!important;
    width:auto!important;
    max-width:205px!important;
    margin:7px 0 0!important;
    padding:0!important;
    color:#4f5657!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:8px!important;
    font-style:normal!important;
    font-weight:600!important;
    line-height:1.22!important;
    letter-spacing:.08em!important;
    white-space:normal!important;
    text-align:left!important;
  }
  .rm-menu-toggle{
    position:absolute!important;
    right:10px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    z-index:12010!important;
  }
}
@media (max-width:480px){
  .rm-header-shell{
    min-height:78px!important;
    height:78px!important;
    padding:5px 60px 5px 8px!important;
  }
  .rm-brand{
    width:min(235px,calc(100vw - 88px))!important;
    max-width:min(235px,calc(100vw - 88px))!important;
    min-height:64px!important;
    padding-left:40px!important;
  }
  .rm-brand-mark{
    left:1px!important;
    width:30px!important;
    height:52px!important;
    min-width:30px!important;
    max-width:30px!important;
  }
  .rm-brand::before{font-size:20px!important}
  .rm-brand::after{max-width:185px!important;font-size:7.4px!important;letter-spacing:.065em!important}
  .rm-menu-toggle{right:8px!important;width:44px!important;height:44px!important;flex-basis:44px!important}
}
@media (max-width:360px){
  .rm-brand{width:min(215px,calc(100vw - 82px))!important;max-width:min(215px,calc(100vw - 82px))!important;padding-left:36px!important}
  .rm-brand-mark{width:27px!important;height:48px!important;min-width:27px!important;max-width:27px!important}
  .rm-brand::before{font-size:18px!important}
  .rm-brand::after{max-width:170px!important;font-size:6.8px!important}
}