/* Акварельное пятно всегда самый нижний слой: под фото, текстом и иконками.
   Пятно рамки аватара — часть файла рамки, поэтому весь блок рамки изолирован
   и не перекрывает контакты под ним. */

[class*="__stain"] {
  position: absolute;
  z-index: 0;
  pointer-events: none;
}

/* Шаблон: аватар, рамка поверх кружка, контакты ниже по левому краю кружка. */
.akv-person {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: max-content;
  max-width: 100%;
}

.akv-person > .akv-avatar,
.akv-person > .phc__avatar-frame {
  position: relative;
  isolation: isolate;
  z-index: 0;
}

.akv-person .akv-avatar__ring,
.akv-person .phc__avatar-ring {
  z-index: 1;
}

.akv-person > .phc__avatar-contacts,
.akv-person > .akv-person__contacts {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  margin: 0;
}

.akv-person .profile-banner-contacts {
  justify-content: flex-start;
  width: 100%;
  margin-top: 0;
}
