/* ENERJİ ÇEKİRDEĞİ (Grafion'a özel) — zıt yönlü dönen enerji halkaları,
   güçlü nabız çekirdek ve halka üzerinde dolanan kıvılcımlar. */
.mh-fx { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.blog-hero__free { position: relative; }
.blog-hero__free .blog-hero__free-img { position: relative; z-index: 1; }
.mh-fx i { position: absolute; display: block; border-radius: 50%; }

.mh-anim--enerji .mh-fx i:nth-child(1) {
  inset: 7%; border: 1.5px dashed rgba(139,92,246,.45);
  animation: mhSpinFlat 14s linear infinite;
}
.mh-anim--enerji .mh-fx i:nth-child(2) {
  inset: 13%; border: 2px solid transparent;
  border-top-color: rgba(196,181,253,.65); border-bottom-color: rgba(196,181,253,.18);
  box-shadow: 0 0 18px -6px rgba(139,92,246,.5), inset 0 0 18px -6px rgba(139,92,246,.5);
  animation: mhSpinFlat 7s linear infinite reverse;
}
.mh-anim--enerji .mh-fx i:nth-child(3) {
  inset: 20%; border: 1px dotted rgba(237,233,254,.4);
  animation: mhSpinFlat 22s linear infinite;
}
.mh-anim--enerji .mh-fx i:nth-child(4) {
  inset: 26%;
  background: radial-gradient(circle, rgba(139,92,246,.42), rgba(139,92,246,.1) 48%, rgba(139,92,246,0) 68%);
  animation: mhCorePulse 2.8s ease-in-out infinite;
}
/* Kıvılcımlar — dönen kol ucunda parlak nokta */
.mh-anim--enerji .mh-fx i:nth-child(5),
.mh-anim--enerji .mh-fx i:nth-child(6) { left: 50%; top: 50%; width: 0; height: 0; }
.mh-anim--enerji .mh-fx i:nth-child(5) { animation: mhSpinFlat 7s linear infinite reverse; }
.mh-anim--enerji .mh-fx i:nth-child(6) { animation: mhSpinFlat 14s linear infinite; }
.mh-anim--enerji .mh-fx i:nth-child(5)::before,
.mh-anim--enerji .mh-fx i:nth-child(6)::before {
  content: ""; position: absolute; top: -37cqw; left: 0; transform: translate(-50%, -50%);
  width: 10px; height: 10px; border-radius: 50%;
  background: radial-gradient(circle at 32% 30%, #fff, #a78bfa 70%);
  box-shadow: 0 0 14px 4px rgba(139,92,246,.7);
}
.mh-anim--enerji .mh-fx i:nth-child(6)::before { top: -43cqw; width: 7px; height: 7px; box-shadow: 0 0 10px 3px rgba(196,181,253,.6); }
.mh-anim--enerji { container-type: inline-size; }
@keyframes mhSpinFlat { to { transform: rotate(360deg); } }
@keyframes mhCorePulse { 0%,100% { transform: scale(.9); opacity: .6; } 50% { transform: scale(1.08); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .mh-fx i { animation: none !important; } }