/* D2C Peptide Blueprint clockwise fix v8
   Targeted ONLY to the Peptide Therapy Biological Blueprint desktop wheel.
   Eight nodes are evenly spaced clockwise and every label uses the same
   centered-below-icon direction. Mobile/tablet card layout is untouched.
*/

@media (min-width: 992px) {
  body.page-peptide-therapy .blueprint-wheel {
    position: relative !important;
    display: block !important;
    width: min(100%, 620px) !important;
    max-width: 620px !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 auto !important;
    overflow: visible !important;
  }

  /* Keep the circle centered and clean. */
  body.page-peptide-therapy .blueprint-wheel::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: 62% !important;
    height: 62% !important;
    border: 1.35px solid rgba(185,120,53,.72) !important;
    border-radius: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  body.page-peptide-therapy .blueprint-wheel::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: 40% !important;
    height: 40% !important;
    border: 1px solid rgba(185,120,53,.20) !important;
    border-radius: 50% !important;
    transform: translate(-50%, -50%) !important;
  }

  body.page-peptide-therapy .blueprint-wheel__center {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: 34% !important;
    height: 34% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    transform: translate(-50%, -50%) !important;
    z-index: 2 !important;
  }

  /* Hard reset old 11-node positioning rules before applying the 8-node orbit. */
  body.page-peptide-therapy .blueprint-wheel article:nth-of-type(n) {
    position: absolute !important;
    display: block !important;
    inset: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    flex-direction: initial !important;
    align-items: initial !important;
    justify-content: initial !important;
    transform: translate(-50%, -50%) !important;
    text-align: center !important;
    z-index: 4 !important;
  }

  body.page-peptide-therapy .blueprint-wheel article:nth-of-type(n) span {
    display: grid !important;
    place-items: center !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    margin: 0 !important;
    border: 1.35px solid #c8863d !important;
    border-radius: 50% !important;
    background: #fbf6ef !important;
    color: #bf762a !important;
    box-shadow: 0 0 0 4px rgba(251,246,239,.72) !important;
  }

  body.page-peptide-therapy .blueprint-wheel article:nth-of-type(n) span svg {
    width: 23px !important;
    height: 23px !important;
  }

  /* SAME direction for every label: centered directly below its icon. */
  body.page-peptide-therapy .blueprint-wheel article:nth-of-type(n) b {
    position: absolute !important;
    display: block !important;
    inset: auto !important;
    left: 50% !important;
    right: auto !important;
    top: calc(100% + 8px) !important;
    bottom: auto !important;
    width: 138px !important;
    min-width: 0 !important;
    max-width: 138px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    color: #231d18 !important;
    font-family: var(--font-body) !important;
    font-size: 11px !important;
    line-height: 1.17 !important;
    font-weight: 500 !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  /* Exact clockwise order:
     1 Advanced Laboratory Testing (top)
     2 Hormone Health (upper-right)
     3 Inflammation (right)
     4 Recovery Capacity (lower-right)
     5 Metabolic Function (bottom)
     6 Body Composition (lower-left)
     7 Nutrition (left)
     8 Medical History (upper-left)
  */
  body.page-peptide-therapy .blueprint-wheel article:nth-of-type(1) { left: 50% !important; top: 7.5% !important; }
  body.page-peptide-therapy .blueprint-wheel article:nth-of-type(2) { left: 80.1% !important; top: 19.9% !important; }
  body.page-peptide-therapy .blueprint-wheel article:nth-of-type(3) { left: 92.5% !important; top: 50% !important; }
  body.page-peptide-therapy .blueprint-wheel article:nth-of-type(4) { left: 80.1% !important; top: 80.1% !important; }
  body.page-peptide-therapy .blueprint-wheel article:nth-of-type(5) { left: 50% !important; top: 92.5% !important; }
  body.page-peptide-therapy .blueprint-wheel article:nth-of-type(6) { left: 19.9% !important; top: 80.1% !important; }
  body.page-peptide-therapy .blueprint-wheel article:nth-of-type(7) { left: 7.5% !important; top: 50% !important; }
  body.page-peptide-therapy .blueprint-wheel article:nth-of-type(8) { left: 19.9% !important; top: 19.9% !important; }

  body.page-peptide-therapy .blueprint-caption {
    margin-top: 58px !important;
    padding-inline: 16px !important;
    text-align: center !important;
  }
}


/* ==========================================================
   PEPTIDE BLUEPRINT DESKTOP ONE-ROW LAYOUT
   Circle on the left + both copy panels on the right.
   Keeps tablet/mobile stacking untouched.
========================================================== */
@media (min-width: 1200px) {
  body.page-peptide-therapy .blueprint-slide .slide-shell {
    width: min(calc(100% - 48px), 1460px) !important;
    max-width: 1460px !important;
  }

  body.page-peptide-therapy .blueprint-slide__grid {
    display: grid !important;
    grid-template-columns: minmax(560px, 1.22fr) minmax(300px, .82fr) minmax(300px, .82fr) !important;
    gap: 28px !important;
    align-items: center !important;
    overflow: visible !important;
  }

  body.page-peptide-therapy .blueprint-slide__grid > div:first-child {
    grid-column: auto !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 620px !important;
    justify-self: start !important;
    align-self: center !important;
    padding: 10px 16px 8px 0 !important;
    overflow: visible !important;
  }

  body.page-peptide-therapy .blueprint-copy,
  body.page-peptide-therapy .safety-copy {
    grid-row: 1 !important;
    align-self: center !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 20px 24px !important;
    border-top: 0 !important;
    border-left: 1px solid rgba(171,110,44,.28) !important;
  }

  body.page-peptide-therapy .blueprint-copy {
    grid-column: 2 !important;
  }

  body.page-peptide-therapy .safety-copy {
    grid-column: 3 !important;
  }

  body.page-peptide-therapy .blueprint-wheel {
    width: min(100%, 590px) !important;
    max-width: 590px !important;
    margin: 0 auto !important;
  }

  body.page-peptide-therapy .blueprint-caption {
    margin-top: 48px !important;
    padding-inline: 8px !important;
  }
}