/* Helpy Bottom Menu — MOBILE ONLY */
.helpy-bottombar{
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 999999;
  background: #fff;
  border-top: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 -10px 28px rgba(0,0,0,.10);
  bottom: 0px;
  padding: 3px 10px calc(3px + env(safe-area-inset-bottom));
  transform: translateY(0);
  transition: transform .22s ease;
  will-change: transform;
}

.helpy-bottombar.is-hidden{
  transform: translateY(110%);
}
.helpy-bottombar__item--profile .helpy-icon-wrap{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:999px;
  overflow:visible;
}

.helpy-bottombar__item--profile .helpy-bottombar__avatar{
  width:30px !important;
  height:30px !important;
  max-width:none !important;
  max-height:none !important;
  aspect-ratio:1 / 1;
  object-fit:cover;
  object-position:center;
  display:block;
  border-radius:999px !important;
}

.helpy-bottombar__mode-badge{
  position:absolute;
  top:-8px;
  left:-10px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  height:18px;
  padding:0 7px;
  border-radius:999px;
  background:#efe97a;
  color:#111;
  font-size:8px;
  line-height:1;
  font-weight:700;
  letter-spacing:.04em;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
}

.helpy-bottombar__item--profile .helpy-bottom-badge{
  top:-2px;
  right:-2px;
}

/* Desktop isolation */
@media (min-width: 992px){
  .helpy-bottombar{ display:none !important; }
  
}

/* Reserve space on mobile */
@media (max-width: 991px){
  body{ padding-bottom: 88px; }

 
}

.helpy-bottombar__row{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:4px;
  max-width:520px;
  margin:0 auto;
}

.helpy-bottombar__item{
  flex:1 1 0;
  min-width:0;
  text-decoration:none !important;
  color:#111;
  border-radius:12px;
  padding:6px 4px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  -webkit-tap-highlight-color:transparent;
  user-select:none;
}

.helpy-bottombar__item:active{
  background: rgba(0,0,0,.06);
}



.helpy-bottombar__label{
  font-size:12px;
  line-height:1.3;
  font-weight:600;
  white-space:nowrap;

}

.helpy-icon-wrap{
  position:relative;
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 32px;
}

.helpy-bottombar__icon{
  width:24px;
  height:24px;
  display:block;
  opacity:.92;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}


.helpy-bottombar__item--dreamteam .helpy-bottombar__icon{
  width:24px;
  height:24px;
}

/* Avatar */
.helpy-bottombar__avatar{
  width:31px !important;
  height:31px !important;
  border-radius:999px !important;
  object-fit:cover;
  display:block;
  border:1px solid rgba(0,0,0,.12);
  box-shadow:0 2px 8px rgba(0,0,0,.10);
}



.helpy-chat-badge{
  position:absolute;
  top:-6px;
  right:-8px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  background:#6f35a5;
  color:#fff;
  font-size:11px;
  font-weight:700;
  border-radius:20px;
  display:none;
  align-items:center;
  justify-content:center;
  line-height:1;
  box-shadow:0 2px 6px rgba(0,0,0,.25);
}
@media (max-width: 991px){

  :root{
    --lh-bottombar-h: 72px; /* fallback */
    --lh-safe-b: env(safe-area-inset-bottom);
    --lh-chat-gap: 10px;
  }

  /* Нижнее меню поверх всего */
  nav.helpy-bottombar{
    z-index: 9999999 !important;
  }
}
  @media (max-width: 991px){
  body.lh-chat-mode-chat nav.helpy-bottombar{
    display:none !important;
  }

  body.lh-chat-mode-chat{
    padding-bottom:0 !important;
  }
  
  .helpy-bottombar__item--profile .helpy-icon-wrap{
  width:30px;
  height:30px;
  flex:0 0 30px;
  border-radius:999px;
}

    .helpy-bottombar__item--profile .helpy-bottombar__avatar{
      width:28px !important;
      height:28px !important;
      max-width:none !important;
      max-height:none !important;
      aspect-ratio:1 / 1;
      object-fit:cover;
      object-position:center;
      display:block;
      border-radius:999px !important;
    }
    
    .helpy-bottombar__label--profile{
      line-height:1.05;
    }
    
    .helpy-bottombar__label-main{
      display:block;
    }
    
    .helpy-bottombar__label-sub{
      display:block;
      margin-top:2px;
      font-size:9px;
      line-height:1;
      font-weight:500;
      color:rgba(0,0,0,.42);
    }
    
    .helpy-bottombar__item--profile .helpy-bottom-badge{
      top:-2px;
      right:-2px;
    }
    
    .helpy-bottombar__item--profile .helpy-icon-wrap img{
      width:31px !important;
      height:31px !important;
    }
}
body.rtcl-modal-open .helpy-bottombar {
  transform: translateY(110%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.helpy-bottombar__item--chat .helpy-bottombar__icon{
  width:20px;
  height:20px;
}
.helpy-bottombar__item--home .helpy-bottombar__icon{
  width:26px;
  height:26px;
}
/* My Account mobile: show 4 bottom menu items instead of 5*/ 
@media (max-width: 991px) {
	body.rtcl-account .helpy-bottombar__item--profile {
		display: none !important;
	}

	body.rtcl-account .helpy-bottombar__row {
		display: flex !important;
		align-items: stretch !important;
		justify-content: space-between !important;
		gap: 4px !important;
	}

	body.rtcl-account .helpy-bottombar__row > .helpy-bottombar__item {
		flex: 1 1 0 !important;
		min-width: 0 !important;
		max-width: none !important;
	}
}