/* Site-level overrides (optional) */
html, body {
  height: 100%;
}

@media (max-width: 768px) {
  html {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  body::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none;
  }
}

/* Mobile slide-in menu animations */
@keyframes slideInRight {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}
@keyframes slideOutRight {
  from { transform: translateX(0); }
  to { transform: translateX(100%); }
}
.mobile-menu-panel {
  animation: slideInRight 300ms ease-out both;
}