/* Interactive orbit labels for hero circle (#rec2489431111) */

#rec2489431111 .orbit-label-item {
  will-change: transform;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
}

#rec2489431111 .orbit-label-item .tn-atom {
  pointer-events: none;
}

/* Color pulse for label text only (not frames/points) */
#rec2489431111 .orbit-label-text .tn-atom {
  transition: color 1s ease;
}

#rec2489431111.orbit-mode-pulse .orbit-label-text.is-pulse-active .tn-atom {
  color: #00b5cd;
}

#rec2489431111 .orbit-label-hit {
  position: absolute;
  inset: -18px;
  min-width: 44px;
  min-height: 44px;
  cursor: grab;
  touch-action: none;
  z-index: 5;
  pointer-events: auto;
}

#rec2489431111 .orbit-label-item.is-dragging .orbit-label-hit,
#rec2489431111.orbit-labels-dragging .orbit-label-hit {
  cursor: grabbing;
}

#rec2489431111.orbit-labels-dragging {
  user-select: none;
}

/* Keep orbit elements visible after removing Tilda SBS hide class */
#rec2489431111 [data-elem-id="1784889251070000001"],
#rec2489431111 [data-elem-id="1784889389277000003"],
#rec2489431111 [data-elem-id="1784889921880000005"],
#rec2489431111 [data-elem-id="1784889921880000007"],
#rec2489431111 [data-elem-id="1785325462350000001"],
#rec2489431111 [data-elem-id="1784890259425000008"],
#rec2489431111 [data-elem-id="1784890259425000010"] {
  opacity: 1 !important;
}

/* Static mobile hero background: no SBS opacity pulse / flash */
@media screen and (max-width: 959px) {
  #rec2489431111 [data-elem-id="1785840138128000001"],
  #rec2489431111 [data-elem-id="1785840138128000001"] .tn-atom {
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #rec2489431111 .orbit-label-item {
    transition: none !important;
  }

  #rec2489431111 .orbit-label-text .tn-atom {
    transition: none !important;
  }

  #rec2489431111 .orbit-label-text.is-pulse-active .tn-atom {
    color: inherit !important;
  }
}

/* Mobile: tighter «Защита мышц» frame, single-line centered text */
@media screen and (max-width: 479px) {
  #rec2489431111 [data-elem-id="1784889921880000006"] {
    width: 84px !important;
  }

  #rec2489431111 [data-elem-id="1784889921880000007"],
  #rec2489431111 [data-elem-id="1785325462350000001"] {
    width: 84px !important;
    text-align: center !important;
  }

  #rec2489431111 [data-elem-id="1784889921880000007"] .tn-atom,
  #rec2489431111 [data-elem-id="1785325462350000001"] .tn-atom {
    text-align: center !important;
    white-space: nowrap !important;
    line-height: 1.1 !important;
  }

  /* «Прирост энергии»: same vertical centerline as «Защита мышц» */
  #rec2489431111 [data-elem-id="1784890259425000010"] {
    text-align: center !important;
  }

  #rec2489431111 [data-elem-id="1784890259425000010"] .tn-atom {
    text-align: center !important;
    white-space: nowrap !important;
    line-height: 1.1 !important;
  }
}

/* Desktop: equal frame/text widths and centered single-line labels.
   Radial clearance from the circle is handled in orbit-labels.js. */
@media screen and (min-width: 960px) {
  /* Общее похудение */
  #rec2489431111 [data-elem-id="1784889323851000002"],
  #rec2489431111 [data-elem-id="1784889389277000003"] {
    width: 155px !important;
  }

  /* Защита мышц */
  #rec2489431111 [data-elem-id="1784889921880000006"],
  #rec2489431111 [data-elem-id="1784889921880000007"] {
    width: 130px !important;
  }

  /* Прирост энергии */
  #rec2489431111 [data-elem-id="1784890259425000009"],
  #rec2489431111 [data-elem-id="1784890259425000010"] {
    width: 150px !important;
  }

  /* Align text wrappers with their frames so JS can treat them as one group. */
  #rec2489431111 [data-elem-id="1784889389277000003"] {
    left: calc(50% - 480px + 74px) !important;
  }

  #rec2489431111 [data-elem-id="1784889921880000007"] {
    left: calc(50% - 480px + 635px) !important;
  }

  #rec2489431111 [data-elem-id="1784890259425000010"] {
    left: calc(50% - 480px + 710px) !important;
  }

  #rec2489431111 [data-elem-id="1784889389277000003"] .tn-atom,
  #rec2489431111 [data-elem-id="1784889921880000007"] .tn-atom,
  #rec2489431111 [data-elem-id="1784890259425000010"] .tn-atom {
    text-align: center !important;
    white-space: nowrap !important;
  }
}

@media screen and (min-width: 1200px) {
  #rec2489431111 [data-elem-id="1784889389277000003"] {
    left: calc(50% - 600px + 194px) !important;
  }

  #rec2489431111 [data-elem-id="1784889921880000007"] {
    left: calc(50% - 600px + 825px) !important;
  }

  #rec2489431111 [data-elem-id="1784890259425000010"] {
    left: calc(50% - 600px + 825px) !important;
  }
}