.chatmee-logo-mascot {
  display: block;
  flex: 0 0 auto;
  width: clamp(54px, 5vw, 76px) !important;
  height: auto !important;
  max-height: 76px !important;
  object-fit: contain;
  filter: drop-shadow(0 5px 9px rgba(38, 8, 75, .38));
  transform-origin: 48% 88%;
  will-change: transform;
  animation: chatmeeMascotPhoneWave 2.55s ease-in-out infinite !important;
}

.brand:has(> .chatmee-logo-mascot),
.chatmee-logo-row,
.maintenance-logo-row {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.brand > .chatmee-logo-mascot {
  margin-left: 0;
}

@keyframes chatmeeMascotPhoneWave {
  0%, 100% { transform: translateY(0) rotate(0deg) scale(1); }
  12% { transform: translateY(-5px) rotate(-6deg) scale(1.04); }
  24% { transform: translateY(-2px) rotate(6deg) scale(1.02); }
  36% { transform: translateY(-5px) rotate(-5deg) scale(1.04); }
  48% { transform: translateY(-1px) rotate(4deg) scale(1.01); }
  62% { transform: translateY(0) rotate(0deg) scale(1); }
  82% { transform: translateY(0) rotate(0deg) scale(1); }
}

@media (max-width: 640px) {
  .chatmee-logo-mascot {
    width: 48px !important;
    max-height: 48px !important;
  }
}