/* Homepage recovery: each category gets its own crop from the approved atlas. */
body.home-page .supplement-guide .supplement-rail .supplement-atlas-icon {
  background-image: url('/assets/supplement-icon-atlas-v3.png') !important;
  background-repeat: no-repeat !important;
  background-size: 400% 200% !important;
}
body.home-page .supplement-guide .supplement-rail a[href*='/muscle-performance/'] .supplement-atlas-icon { background-position: 0 0 !important; }
body.home-page .supplement-guide .supplement-rail a[href*='/joint-health/'] .supplement-atlas-icon { background-position: 33.333% 0 !important; }
body.home-page .supplement-guide .supplement-rail a[href*='/sexual-health/'] .supplement-atlas-icon { background-position: 66.667% 0 !important; }
body.home-page .supplement-guide .supplement-rail a[href*='/liver-health/'] .supplement-atlas-icon { background-position: 100% 0 !important; }
body.home-page .supplement-guide .supplement-rail a[href*='/hormonal-health/'] .supplement-atlas-icon { background-position: 0 100% !important; }
body.home-page .supplement-guide .supplement-rail a[href*='/sleep-recovery/'] .supplement-atlas-icon { background-position: 33.333% 100% !important; }
body.home-page .supplement-guide .supplement-rail a[href*='/fat-management/'] .supplement-atlas-icon { background-position: 66.667% 100% !important; }
body.home-page .supplement-guide .supplement-rail a[href*='/blood-sugar/'] .supplement-atlas-icon { background-position: 100% 100% !important; }

/* Keep the five-second home loader and mark centered at desktop and mobile widths. */
body.home-page .site-loader-video { display: grid !important; place-items: center !important; clip-path: none !important; transition: opacity 2s ease, visibility 2s ease !important; }
body.home-page .site-loader-video::before,
body.home-page .site-loader-video::after { display: none !important; }
body.home-page .site-loader-video video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
body.home-page .site-loader-video > .site-loader-centered-mark {
  position: absolute !important;
  z-index: 2 !important;
  top: 50% !important;
  left: 50% !important;
  width: min(46vw, 42vh, 410px) !important;
  height: auto !important;
  max-width: calc(100vw - 48px) !important;
  max-height: calc(100dvh - 48px) !important;
  object-fit: contain !important;
  transform: translate(-50%, -50%) !important;
  animation: none !important;
  pointer-events: none;
}
body.home-page .site-loader-video.is-revealing,
body.home-page .site-loader-video.done { opacity: 0 !important; pointer-events: none !important; }
body.home-page .site-loader-video.done { visibility: hidden !important; }
@media (max-aspect-ratio: 1/1) {
  body.home-page .site-loader-video > .site-loader-centered-mark { width: min(54vw, 34vh, 260px) !important; }
}