/* Isolated override: only the “What is electrolysis?” visual and its target. */
.process-art::before{
  content:none !important;
  display:none !important;
}

.process-art .process-image img{
  animation:processImageBreath 8.5s ease-in-out infinite !important;
  transform-origin:50% 38% !important;
}

.follicle-entry-marker{
  position:absolute !important;
  z-index:12 !important;
  left:44.6% !important;
  right:auto !important;
  top:35.8% !important;
  width:80px !important;
  height:80px !important;
  transform:translate(-50%,-50%) !important;
  transform-origin:center !important;
  border:2px solid rgba(247,214,143,.90) !important;
  border-radius:50% !important;
  background:radial-gradient(circle,rgba(248,215,145,.22) 0%,rgba(232,183,91,.08) 48%,rgba(232,183,91,0) 72%) !important;
  box-shadow:
    0 0 0 9px rgba(232,183,91,.12),
    0 0 32px rgba(238,193,107,.55),
    inset 0 0 22px rgba(238,193,107,.18) !important;
  pointer-events:none !important;
}

.follicle-entry-marker::before,
.follicle-entry-marker::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  border-radius:999px !important;
  background:rgba(255,230,175,.94) !important;
  box-shadow:0 0 8px rgba(245,205,127,.55) !important;
}
.follicle-entry-marker::before{width:2px !important;height:38px !important;}
.follicle-entry-marker::after{width:38px !important;height:2px !important;}

.follicle-entry-marker i{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:12px !important;
  height:12px !important;
  transform:translate(-50%,-50%) !important;
  border:2px solid #fff0c7 !important;
  border-radius:50% !important;
  background:#e7b85f !important;
  box-shadow:0 0 0 6px rgba(232,183,91,.20),0 0 20px rgba(255,214,132,.85) !important;
}

.follicle-entry-marker span{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:100% !important;
  height:100% !important;
  transform:translate(-50%,-50%) scale(.76) !important;
  border:2px solid rgba(247,214,143,.72) !important;
  border-radius:50% !important;
  animation:entryTargetPulse 2.2s ease-out infinite !important;
}

@keyframes processImageBreath{
  0%,100%{transform:scale(1.16) translate3d(0,0,0);}
  50%{transform:scale(1.18) translate3d(0,-3px,0);}
}
@keyframes entryTargetPulse{
  0%{transform:translate(-50%,-50%) scale(.76);opacity:.96;}
  75%{transform:translate(-50%,-50%) scale(1.28);opacity:.18;}
  100%{transform:translate(-50%,-50%) scale(1.36);opacity:0;}
}

@media (max-width:680px){
  .follicle-entry-marker{
    left:44.6% !important;
    top:35.8% !important;
    width:66px !important;
    height:66px !important;
  }
  .follicle-entry-marker::before{height:30px !important;}
  .follicle-entry-marker::after{width:30px !important;}
}

@media (prefers-reduced-motion:reduce){
  .process-art .process-image img,
  .follicle-entry-marker span{animation:none !important;}
}