/* ELIE v5.1.24 — PHONE LOGO + MENU FINISH
   Phone-only alignment. Desktop and tablet layouts remain untouched. */

/* Restore the animated logo's native internal geometry on phones.
   v5.1.16 intentionally moved the main layers 50px upward globally; the
   phone clone now cancels that offset so the complete animation sits lower
   and the rotating atom returns directly beneath ELIE's hand. */
html.phone-landscape .mobile-fixed-logo .elie-logo-assembly .elie-logo-layer.layer-ufo img{
  top:18.2%!important;
}
html.phone-landscape .mobile-fixed-logo .elie-logo-assembly .elie-logo-layer.layer-body img{
  top:0!important;
}
html.phone-landscape .mobile-fixed-logo .elie-logo-assembly .elie-logo-layer.layer-text img{
  top:49.4%!important;
}
html.phone-landscape .mobile-fixed-logo .elie-logo-assembly .elie-logo-layer.layer-hand img{
  top:0!important;
}
html.phone-landscape .mobile-fixed-logo .elie-logo-assembly .elie-logo-layer.layer-atom img{
  left:56.1%!important;
  top:80.3%!important;
}

/* Let every navigation field consume the available phone height cleanly.
   The left column has Home + five sections; the right column has five.
   Each column therefore shares its own height equally without overflow. */
html.phone-landscape .mobile-menu-panel{
  padding:50px 10px 8px!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:0!important;
}
html.phone-landscape .mobile-menu-grid.mobile-menu-grid-v518{
  height:100%!important;
  min-height:0!important;
  gap:7px!important;
  overflow:hidden!important;
  align-items:stretch!important;
}
html.phone-landscape .mobile-menu-column{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  height:100%!important;
  min-height:0!important;
  gap:6px!important;
  overflow:hidden!important;
}
html.phone-landscape .mobile-menu-grid-v518 .mobile-menu-item{
  flex:1 1 0!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:clamp(5px,1.45vh,8px) 9px clamp(5px,1.45vh,8px) 40px!important;
  display:flex!important;
  align-items:center!important;
}
html.phone-landscape .mobile-menu-grid-v518 .mobile-menu-item span{
  font-size:clamp(9px,2.45vh,14px)!important;
  line-height:1.05!important;
}
html.phone-landscape .mobile-menu-grid-v518 .mobile-menu-item::before{
  left:12px!important;
  width:18px!important;
  height:18px!important;
}
html.phone-landscape .mobile-menu-grid-v518 .mobile-menu-item small{
  left:14px!important;
  font-size:6px!important;
}
html.phone-landscape .mobile-menu-grid-v518 .mobile-menu-item i{
  left:40px!important;
  right:8px!important;
  bottom:clamp(4px,1vh,7px)!important;
}

@media (max-height:390px){
  html.phone-landscape .mobile-menu-panel{
    padding:46px 8px 6px!important;
  }
  html.phone-landscape .mobile-menu-grid.mobile-menu-grid-v518{
    gap:5px!important;
  }
  html.phone-landscape .mobile-menu-column{
    gap:4px!important;
  }
  html.phone-landscape .mobile-menu-grid-v518 .mobile-menu-item{
    padding:4px 7px 4px 36px!important;
    border-radius:9px!important;
  }
  html.phone-landscape .mobile-menu-grid-v518 .mobile-menu-item span{
    font-size:clamp(8px,2.2vh,10px)!important;
  }
  html.phone-landscape .mobile-menu-grid-v518 .mobile-menu-item::before{
    left:11px!important;
    width:16px!important;
    height:16px!important;
  }
  html.phone-landscape .mobile-menu-grid-v518 .mobile-menu-item small{
    left:13px!important;
    font-size:5.5px!important;
  }
  html.phone-landscape .mobile-menu-grid-v518 .mobile-menu-item i{
    left:36px!important;
    right:7px!important;
    bottom:3px!important;
  }
}