/* Desktop efficiency progress ring (#rec2505069461) */

@media screen and (min-width: 960px) {
  /* Circle bottom (329+471) + 40px pad */
  #rec2505069461 .t396__artboard,
  #rec2505069461 .t396__filter,
  #rec2505069461 .t396__carrier {
    height: 840px !important;
  }

  /* Dosage stack sits above 100% with equal air */
  #rec2505069461 [data-elem-id="1785151392884000001"] {
    top: 40px !important;
  }

  /* Hide all legacy SBS arcs; custom layer is independent */
  #rec2505069461 [data-elem-id="1785151608874000001"],
  #rec2505069461 [data-elem-id="1785151843147"],
  #rec2505069461 [data-elem-id="1785151970029"] {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
  }

  #rec2505069461 .efficiency-ring-layer {
    position: absolute;
    pointer-events: none;
    overflow: visible;
    z-index: 4;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  #rec2505069461 .efficiency-ring {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: visible;
  }

  #rec2505069461 .efficiency-ring__track,
  #rec2505069461 .efficiency-ring__fill {
    fill: none;
    stroke-linecap: round;
  }

  #rec2505069461 .efficiency-ring__track {
    stroke: rgba(255, 255, 255, 0.2);
    stroke-width: 1.9;
  }

  #rec2505069461 .efficiency-ring__fill {
    stroke: #00b5cd;
    stroke-width: 3.4;
    opacity: 0.75;
  }

  /* Soft label highlight on pause / hover milestones */
  #rec2505069461 .efficiency-ring-active[data-elem-type="text"] .tn-atom {
    color: #00b5cd !important;
    opacity: 1 !important;
    transition: color 0.35s ease, opacity 0.35s ease, transform 0.35s ease;
  }

  #rec2505069461 .efficiency-ring-active[data-elem-type="shape"] .tn-atom {
    opacity: 1 !important;
    box-shadow: 0 0 0 1px rgba(0, 181, 205, 0.45);
    transition: box-shadow 0.35s ease, opacity 0.35s ease;
  }

  #rec2505069461 .efficiency-ring-active[data-elem-type="shape"] .tn-atom.t-bgimg {
    filter: brightness(1.15) saturate(1.1);
  }

  /* 100% headline grows slightly when active */
  #rec2505069461 [data-elem-id="1785152652185000006"] .tn-atom {
    transform-origin: center center;
    transition: color 0.35s ease, opacity 0.35s ease, transform 0.35s ease;
  }

  #rec2505069461 [data-elem-id="1785152652185000006"].efficiency-ring-active .tn-atom {
    transform: scale(1.07);
  }

  #rec2505069461 .efficiency-ring-hotspot {
    cursor: pointer;
  }

  /*
   * 960–1199: spacer 40px + dosage top 40px ≈ 80px above the logo;
   * same 80px from dosage stack to 100%.
   */
  #rec2505069461 [data-elem-id="1785152652185000006"] {
    top: 252px !important;
  }

  #rec2505069461 [data-elem-id="1785152652185000004"] {
    top: 281px !important;
  }

  #rec2505069461 [data-elem-id="1785152652185000005"] {
    top: 294px !important;
  }

  #rec2505069461 [data-elem-id="1785151562891"] {
    top: 267px !important;
  }

  #rec2505069461 [data-elem-id="1785151608874000001"],
  #rec2505069461 [data-elem-id="1785151843147"] {
    top: 329px !important;
  }

  #rec2505069461 [data-elem-id="1785151970029"] {
    top: 435px !important;
  }

  /* 30% → right */
  #rec2505069461 [data-elem-id="1785152086918000003"] {
    top: 600px !important;
    left: calc(50% - 480px + 721px) !important;
  }

  #rec2505069461 [data-elem-id="1785152312894000001"] {
    top: 629px !important;
    left: calc(50% - 480px + 758px) !important;
  }

  #rec2505069461 [data-elem-id="1785152312894000002"] {
    top: 642px !important;
    left: calc(50% - 480px + 773px) !important;
  }

  /* 70% → left */
  #rec2505069461 [data-elem-id="1785152610510000003"] {
    top: 600px !important;
    left: calc(50% - 480px + 14px) !important;
  }

  #rec2505069461 [data-elem-id="1785152610510000001"] {
    top: 629px !important;
    left: calc(50% - 480px + 14px) !important;
  }

  #rec2505069461 [data-elem-id="1785152610510000002"] {
    top: 642px !important;
    left: calc(50% - 480px + 32px) !important;
  }
}

@media screen and (min-width: 1200px) {
  /* Circle bottom (355+617) + 50px pad */
  #rec2505069461 .t396__artboard,
  #rec2505069461 .t396__filter,
  #rec2505069461 .t396__carrier {
    height: 1022px !important;
  }

  #rec2505069461 [data-elem-id="1785151392884000001"] {
    top: 50px !important;
  }

  /*
   * 1200+: spacer 40px + dosage top 50px ≈ 90px above the logo;
   * same 90px from dosage stack to 100%.
   */
  #rec2505069461 [data-elem-id="1785152652185000006"] {
    top: 272px !important;
  }

  #rec2505069461 [data-elem-id="1785152652185000004"] {
    top: 304px !important;
  }

  #rec2505069461 [data-elem-id="1785152652185000005"] {
    top: 317px !important;
  }

  #rec2505069461 [data-elem-id="1785151562891"] {
    top: 271px !important;
  }

  #rec2505069461 [data-elem-id="1785151608874000001"],
  #rec2505069461 [data-elem-id="1785151843147"] {
    top: 355px !important;
  }

  #rec2505069461 [data-elem-id="1785151970029"] {
    top: 494px !important;
  }

  /* 30% → right */
  #rec2505069461 [data-elem-id="1785152086918000003"] {
    top: 719px !important;
    left: calc(50% - 600px + 906px) !important;
  }

  #rec2505069461 [data-elem-id="1785152312894000001"] {
    top: 751px !important;
    left: calc(50% - 600px + 974px) !important;
  }

  #rec2505069461 [data-elem-id="1785152312894000002"] {
    top: 764px !important;
    left: calc(50% - 600px + 993px) !important;
  }

  /* 70% → left */
  #rec2505069461 [data-elem-id="1785152610510000003"] {
    top: 719px !important;
    left: calc(50% - 600px + -2px) !important;
  }

  #rec2505069461 [data-elem-id="1785152610510000001"] {
    top: 751px !important;
    left: calc(50% - 600px + 36px) !important;
  }

  #rec2505069461 [data-elem-id="1785152610510000002"] {
    top: 764px !important;
    left: calc(50% - 600px + 55px) !important;
  }
}

#rec2505069461 .lipolab-hero-lockup,
#rec2505262111 .lipolab-hero-lockup {
  display: flex;
  justify-content: center;
  width: 100%;
}

#rec2505069461 .lipolab-hero-lockup img,
#rec2505262111 .lipolab-hero-lockup img {
  display: block;
  height: auto;
}

@media screen and (min-width: 960px) {
  #rec2505069461 .lipolab-hero-lockup img {
    width: 220px;
  }
}

@media screen and (max-width: 959px) {
  #rec2505069461 .tn-elem[data-elem-id="1785151392884000001"],
  #rec2505262111 .tn-elem[data-elem-id="1785151392884000001"] {
    display: block !important;
    left: 0 !important;
    width: 100% !important;
    zoom: 1 !important;
  }

  #rec2505069461 .tn-elem[data-elem-id="1785151392884000001"] .tn-atom,
  #rec2505262111 .tn-elem[data-elem-id="1785151392884000001"] .tn-atom {
    display: block !important;
    text-align: center;
  }

  #rec2505069461 .lipolab-hero-lockup img,
  #rec2505262111 .lipolab-hero-lockup img {
    width: 160px;
  }
}

@media screen and (max-width: 639px) {
  #rec2505262111 .tn-elem[data-elem-id="1785151392884000001"] .tn-atom {
    font-size: 15px !important;
    line-height: 1.35;
  }

  #rec2505262111 .lipolab-hero-lockup img {
    width: 200px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #rec2505069461 .efficiency-ring__fill {
    transition: none !important;
  }

  #rec2505069461 [data-elem-id="1785152652185000006"] .tn-atom,
  #rec2505069461 .efficiency-ring-active[data-elem-type="text"] .tn-atom {
    transition: none !important;
  }
}