/* V8844 — keep the home bottom navigation visually attached to the screen edge.
   Some iOS/in-app browsers report an exaggerated safe-area-inset-bottom.
   A JS-measured, capped value is used instead of the raw env() value. */
:root{--sy-bottom-nav-safe:0px}

body.sayyarati-home-v8448-body .bottom-nav-png-v82.home-bottom-nav{
  bottom:0!important;
  height:calc(94px + var(--sy-bottom-nav-safe))!important;
  min-height:0!important;
  padding:8px 8px calc(8px + var(--sy-bottom-nav-safe))!important;
  align-items:start!important;
}

@media(max-width:760px){
  body.sayyarati-home-v8448-body{
    padding-bottom:calc(106px + var(--sy-bottom-nav-safe))!important;
  }
}

@media(max-width:420px){
  body.sayyarati-home-v8448-body .bottom-nav-png-v82.home-bottom-nav{
    height:calc(88px + var(--sy-bottom-nav-safe))!important;
    padding:7px 4px calc(7px + var(--sy-bottom-nav-safe))!important;
  }
  body.sayyarati-home-v8448-body{
    padding-bottom:calc(100px + var(--sy-bottom-nav-safe))!important;
  }
}