/* HR Animation Styles */

/*.hr-animation-container-all {
  max-width: 450px;
  width: 100%;
  margin: 0 auto;
}
*/

/* Центральная девушка */
.hr-center-person {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  max-width: 450px;
  width: 100%;
  height: auto;
}

.hr-center-person img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hr-center-person > img {
    max-width: 400px;
}

.hr-center-person img.animation-circle {
  position: absolute;
  top: 20px;
  left: 5px;
  max-width: 400px;
}

/* Карточки кандидатов - возвращаем как было */
.hr-candidate-card {
  position: absolute;
  z-index: 5;
  opacity: 1;
  transform: scale(1);
}

.hr-candidate-card img {
  width: 100%;
  height: auto;
  display: block;
}

/* Позиционирование карточек точно как на фото */
.hr-candidate-1 {
  top: 20px;
  left: 60px;
}

.hr-candidate-2 {
  top: 0;
  left: 46%;
  /*transform: translateX(-50%);*/
}

.hr-candidate-3 {
  top: 80px;
  right: 20px;
}

.hr-candidate-4 {
  bottom: 275px;
  left: -15px;
}

.hr-candidate-5 {
  bottom: 35px;
  left: 40px;
}

.hr-candidate-card.hr-candidate-1 img,
.hr-candidate-card.hr-candidate-5 img,
.hr-candidate-card.hr-candidate-3 img {
  max-width: 140px;
}

.hr-candidate-card.hr-candidate-2 img,
.hr-candidate-card.hr-candidate-4 img {
  max-width: 120px;
}

/* Функциональные блоки - простые белые овальные кнопки БЕЗ кружков и линий */
.hr-function-bubble {
  position: absolute;
  background: white;
  border-radius: 25px;
  padding: 10px 20px 10px 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  color: #163444;
  font-weight: 500;
  z-index: 12;
  /*opacity: 0;
  transform: scale(0.3);*/
  transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 5px;
}

.hr-function-bubble img {
  max-width: 20px;
  width: 100%;
  display: block;
}

.hr-function-bubble.animate-in {
  opacity: 1;
  transform: scale(1);
}

/* Позиционирование функциональных блоков на маленьких кружках около девушки */
.hr-search-resume {
  top: 52%;
  left: 19.7%;
  /*transform: translateY(-50%);*/
}

.hr-job-posting {
  top: 59.9%;
  left: 21.5%;
}

.hr-interviews {
  bottom: 26.3%;
  left: 25.6%;
  /*transform: translateX(-50%);*/
}

.hr-testing {
  bottom: 18.2%;
  right: 29.4%;
}

.hr-candidate-check {
  top: 67.5%;
  right: 9.1%;
}

.hr-metrics {
  top: 60%;
  right: 0.1%;
  /*transform: translateY(-50%);*/
}

.hr-training {
  top: 52.5%;
  right: 2%;
}

/* Hover эффекты 
.hr-candidate-card:hover {
  transform: scale(1.05);
  transition: all 0.3s ease;
  z-index: 15;
}

.hr-function-bubble:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
*/

/* Адаптивность */
@media (max-width: 1700px) {
  .hr-center-person > img {
    max-width: 360px;
  }

  .hr-center-person img.animation-circle {
    max-width: 360px;
  }

  .hr-function-bubble {
    font-size: 13px;
  }

  .hr-testing {
    bottom: 18.5%;
    right: 33.4%;
  }

  .hr-training {
    right: 8.7%;
  }

  .hr-metrics {
    right: 7.1%;
  }

  .hr-candidate-check {
    right: 15.4%;
  }
}

@media (max-width: 1500px) {
  .hr-center-person {
    max-width: 400px;
  }

  .hr-center-person > img {
    max-width: 320px;
  }

  .hr-center-person img.animation-circle {
    max-width: 320px;
    top: 10px;
  }

  .hr-function-bubble {
    font-size: 12px;
    padding: 5px 10px 5px 5px;
  }

  .hr-candidate-card.hr-candidate-1 img,
  .hr-candidate-card.hr-candidate-3 img {
    max-width: 120px;
  }

  .hr-candidate-card.hr-candidate-2 img,
  .hr-candidate-card.hr-candidate-4 img,
  .hr-candidate-card.hr-candidate-5 img {
    max-width: 100px;
  }

  .hr-candidate-1 {
    top: 5px;
    left: 85px;
  }

  .hr-candidate-2 {
    top: 0;
    left: 50%;
  }

  .hr-candidate-3 {
    right: 50px;
  }

  .hr-candidate-4 {
    bottom: 220px;
    left: -20px;
  }
}

@media (max-width: 1400px) {
  .hr-training {
    top: 52.2%;
  }
}

@media (max-width: 1300px) {
  .newdiz-benefits__img {
    max-width: 600px;
  }

  .hr-search-resume {
    top: 51%;
    left: 18.7%;
  }

  .hr-job-posting {
    left: 19.5%;
  }

  .hr-interviews {
    left: 23.6%;
  }

  .hr-training {
    right: 6.7%;
  }

  .hr-metrics {
    right: 4.4%;
  }

  .hr-candidate-check {
    top: 68.3%;
    right: 12.8%;
  }
}

@media (max-width: 1200px) {
  .newdiz-benefits__info {
    max-width: 450px;
  }

  /*
  .hr-center-person {
    width: 280px;
    height: 280px;
  }

  .hr-candidate-card {
    width: 100px;
  }

  .hr-candidate-card img {
    height: 70px;
  }

  .hr-function-bubble {
    font-size: 12px;
    padding: 8px 16px;
  }
  */
  /* Корректировка позиций для планшета */
  /*
  .hr-candidate-1 { top: 50px; left: 40px; }
  .hr-candidate-2 { top: 30px; }
  .hr-candidate-3 { top: 60px; right: 30px; }
  .hr-candidate-4 { bottom: 160px; left: 20px; }
  .hr-candidate-5 { bottom: 100px; left: 80px; }

  .hr-search-resume { left: 10px; }
  .hr-job-posting { left: 40px; }
  .hr-interviews { left: 60px; }
  .hr-candidate-check { right: 60px; }
  .hr-metrics { right: 40px; }
  .hr-training { right: 10px; }
  */
}

@media (max-width: 1100px) {
  .newdiz-benefits__img {
    max-width: 560px;
  }

  .hr-search-resume {
    left: 16.2%;
  }

  .hr-job-posting {
    left: 17.5%;
  }

  .hr-interviews {
    left: 22.6%;
  }

  .hr-training {
    right: 3.6%;
  }

  .hr-metrics {
    right: 1.3%;
  }

  .hr-candidate-check {
    right: 10.7%;
  }

  .hr-candidate-5 {
    left: 15px;
  }
}

@media (max-width: 1000px) {
  .newdiz-benefits__info {
    width: 100%;
    max-width: 100%;
  }

  .newdiz-benefits__img {
    max-width: 620px;
    margin: 0 auto;
  }

  .hr-center-person {
    position: relative;
    margin: 170px 0 0;
  }

  .hr-search-resume {
    top: 35%;
    left: 25.2%;
  }

  .hr-job-posting {
    top: 43.9%;
    left: 26.5%;
  }

  .hr-interviews {
    bottom: 41.3%;
    left: 30.6%;
  }

  .hr-testing {
    bottom: 32.5%;
    right: 27.4%;
  }

  .hr-training {
    top: 35.2%;
    right: 1.6%;
  }

  .hr-metrics {
    top: 44%;
    right: -0.8%;
  }

  .hr-candidate-check {
    top: 53%;
    right: 7.6%;
  }

  .hr-candidate-2 {
    left: 67%;
  }

  .hr-candidate-3 {
    right: -35px;
    top: 25px;
  }

  .hr-candidate-5 {
    left: 70px;
    bottom: 70px;
  }

  .hr-center-person img.animation-circle {
    left: 43px;
  }
}

@media (max-width: 768px) {
  /*.hr-center-person {
    width: 200px;
    height: 200px;
  }

  .hr-candidate-card {
    width: 80px;
  }

  .hr-candidate-card img {
    height: 60px;
  }

  .hr-function-bubble {
    font-size: 10px;
    padding: 6px 12px;
  }
  */

  /* Мобильные позиции */
  /*
  .hr-candidate-1 { top: 40px; left: 20px; }
  .hr-candidate-2 { top: 20px; }
  .hr-candidate-3 { top: 50px; right: 15px; }
  .hr-candidate-4 { bottom: 140px; left: 10px; }
  .hr-candidate-5 { bottom: 80px; left: 60px; }

  .hr-search-resume { left: 5px; }
  .hr-job-posting { left: 25px; }
  .hr-interviews { left: 45px; }
  .hr-candidate-check { right: 45px; }
  .hr-metrics { right: 25px; }
  .hr-training { right: 5px; }
  */
}

/* Скрываем соединительную систему - она не нужна 
.hr-connection-system {
  display: none;
}
*/