/* Sayyarati V83.4 — unified premium mobile bottom navigation */
.bottom-nav-png-v82.home-bottom-nav{
  height:calc(94px + env(safe-area-inset-bottom))!important;
  padding:8px 8px calc(10px + env(safe-area-inset-bottom))!important;
  align-items:start!important;
  border-top:1px solid rgba(203,216,235,.88)!important;
  border-radius:28px 28px 0 0!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 -14px 36px rgba(20,49,92,.13)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  overflow:visible!important;
}
.bottom-nav-png-v82>.home-nav-item{
  position:relative!important;
  height:72px!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:5px 3px 4px!important;
  border:1px solid transparent!important;
  border-radius:22px!important;
  background:transparent!important;
  color:#5c6d88!important;
  overflow:visible!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .16s ease,box-shadow .18s ease!important;
}
.bottom-nav-png-v82>.home-nav-item:not(.home-bottom-publish).is-active{
  color:#075be8!important;
  border-color:rgba(80,148,255,.24)!important;
  background:linear-gradient(180deg,rgba(226,240,255,.98),rgba(241,247,255,.92))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.76),0 8px 20px rgba(31,105,230,.09)!important;
}
.bottom-nav-png-v82>.home-nav-item:not(.home-bottom-publish).is-active::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:-1px!important;
  left:50%!important;
  width:31px!important;
  height:4px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#075be8,#28a9ff)!important;
  transform:translateX(-50%)!important;
  box-shadow:0 2px 7px rgba(11,92,255,.24)!important;
}
.bottom-nav-png-v82 .bottom-nav-icon{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  line-height:0!important;
  overflow:visible!important;
}
.bottom-nav-png-v82 .bottom-nav-icon img{
  display:block!important;
  width:43px!important;
  height:43px!important;
  max-width:none!important;
  object-fit:contain!important;
  opacity:.93!important;
  filter:drop-shadow(0 5px 7px rgba(31,83,162,.14))!important;
  transform:translateZ(0)!important;
  transition:opacity .18s ease,transform .18s ease,filter .18s ease!important;
}
.bottom-nav-png-v82 .is-active .bottom-nav-icon img{
  opacity:1!important;
  filter:drop-shadow(0 7px 10px rgba(11,92,255,.23))!important;
  transform:scale(1.08)!important;
}
.bottom-nav-png-v82 .home-nav-item>b,
.bottom-nav-png-v82 .home-nav-item>span:not(.home-bottom-plus):not(.bottom-nav-icon){
  max-width:100%!important;
  overflow:visible!important;
  color:inherit!important;
  font-size:12.2px!important;
  font-weight:1000!important;
  line-height:1.05!important;
  letter-spacing:0!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
.bottom-nav-png-v82>.home-bottom-publish{
  height:98px!important;
  align-self:start!important;
  justify-content:flex-start!important;
  gap:4px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#e95508!important;
  transform:translateY(-31px)!important;
  z-index:8!important;
}
.bottom-nav-png-v82>.home-bottom-publish:active{
  transform:translateY(-31px) scale(.96)!important;
}
.bottom-nav-png-v82 .home-bottom-plus{
  width:74px!important;
  height:74px!important;
  flex:0 0 74px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:6px solid #fff!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#ffab1b 0,#ff790d 44%,#ff5b0b 100%)!important;
  box-shadow:0 14px 30px rgba(255,91,11,.34),0 0 0 1px rgba(255,111,24,.10)!important;
  overflow:hidden!important;
}
.bottom-nav-png-v82 .home-bottom-plus img{
  display:block!important;
  width:53px!important;
  height:53px!important;
  max-width:none!important;
  object-fit:contain!important;
  filter:drop-shadow(0 4px 5px rgba(30,74,140,.21))!important;
}
.bottom-nav-png-v82 .home-bottom-publish.is-active .home-bottom-plus{
  box-shadow:0 16px 34px rgba(255,91,11,.42),0 0 0 5px rgba(255,112,24,.13)!important;
}
.bottom-nav-png-v82 .home-bottom-publish .publish-nav-label{
  position:relative!important;
  z-index:10!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:94px!important;
  min-height:29px!important;
  margin-top:0!important;
  padding:4px 13px 5px!important;
  border:1px solid rgba(255,108,22,.34)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#d94d05!important;
  box-shadow:0 6px 16px rgba(81,50,22,.14)!important;
  font-size:13.4px!important;
  font-weight:1000!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-shadow:none!important;
  overflow:visible!important;
}
@media(max-width:420px){
  .bottom-nav-png-v82.home-bottom-nav{
    height:calc(88px + env(safe-area-inset-bottom))!important;
    padding:7px 4px calc(9px + env(safe-area-inset-bottom))!important;
    border-radius:24px 24px 0 0!important;
  }
  .bottom-nav-png-v82>.home-nav-item{
    height:66px!important;
    gap:3px!important;
    padding:4px 1px 3px!important;
    border-radius:18px!important;
  }
  .bottom-nav-png-v82 .bottom-nav-icon{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
  }
  .bottom-nav-png-v82 .bottom-nav-icon img{
    width:39px!important;
    height:39px!important;
  }
  .bottom-nav-png-v82 .home-nav-item>b,
  .bottom-nav-png-v82 .home-nav-item>span:not(.home-bottom-plus):not(.bottom-nav-icon){
    font-size:10.8px!important;
  }
  .bottom-nav-png-v82>.home-bottom-publish{
    height:90px!important;
    transform:translateY(-27px)!important;
  }
  .bottom-nav-png-v82>.home-bottom-publish:active{
    transform:translateY(-27px) scale(.96)!important;
  }
  .bottom-nav-png-v82 .home-bottom-plus{
    width:66px!important;
    height:66px!important;
    flex-basis:66px!important;
    border-width:5px!important;
  }
  .bottom-nav-png-v82 .home-bottom-plus img{
    width:47px!important;
    height:47px!important;
  }
  .bottom-nav-png-v82 .home-bottom-publish .publish-nav-label{
    min-width:82px!important;
    min-height:26px!important;
    padding:4px 9px!important;
    font-size:11.8px!important;
  }
}
@media(max-width:350px){
  .bottom-nav-png-v82 .bottom-nav-icon img{width:35px!important;height:35px!important}
  .bottom-nav-png-v82 .home-nav-item>b,
  .bottom-nav-png-v82 .home-nav-item>span:not(.home-bottom-plus):not(.bottom-nav-icon){font-size:9.7px!important}
  .bottom-nav-png-v82 .home-bottom-plus{width:61px!important;height:61px!important;flex-basis:61px!important}
  .bottom-nav-png-v82 .home-bottom-plus img{width:43px!important;height:43px!important}
}