/* AMBLEM YANKISI (Grafion'a özel) — logo_amblem.svg merkezden dışa doğru
   küçükten büyüye yankılanarak yayılır; mask tekniğiyle marka degradesine boyanır.
   4 yankı kopyası aynı keyframe'i negatif delay fazlarıyla paylaşır. */
.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; }

.mh-anim--amblem .mh-fx i:nth-child(-n+4) {
  inset: 6%;
  -webkit-mask: url("/temalar/grafion/logo_amblem.svg") center / contain no-repeat;
          mask: url("/temalar/grafion/logo_amblem.svg") center / contain no-repeat;
  background: linear-gradient(135deg, rgba(233,213,255,.75), rgba(139,92,246,.4) 55%, rgba(92,45,145,.2));
  opacity: 0;
  animation: mhAmblemEcho 6.4s cubic-bezier(.22,.61,.36,1) infinite;
}
.mh-anim--amblem .mh-fx i:nth-child(2) { animation-delay: -1.6s; }
.mh-anim--amblem .mh-fx i:nth-child(3) { animation-delay: -3.2s; }
.mh-anim--amblem .mh-fx i:nth-child(4) { animation-delay: -4.8s; }
@keyframes mhAmblemEcho {
  0%   { transform: scale(.4)  rotate(-4deg); opacity: 0; }
  12%  { opacity: .5; }
  55%  { opacity: .16; }
  100% { transform: scale(1.6) rotate(3deg); opacity: 0; }
}
/* Merkez ışık + tek ince halka: yankıya zemin */
.mh-anim--amblem .mh-fx i:nth-child(5) {
  inset: 22%; border-radius: 50%;
  background: radial-gradient(circle, rgba(139,92,246,.32), rgba(139,92,246,0) 66%);
  animation: mhBreathe 5.2s ease-in-out infinite;
}
.mh-anim--amblem .mh-fx i:nth-child(6) {
  inset: 10%; border-radius: 50%;
  border: 1px solid transparent; border-top-color: rgba(196,181,253,.4); border-left-color: rgba(196,181,253,.1);
  animation: mhSpinFlat 13s linear infinite;
}
@keyframes mhBreathe { 0%,100% { transform: scale(.92); opacity: .55; } 50% { transform: scale(1.06); opacity: 1; } }
@keyframes mhSpinFlat { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .mh-fx i { animation: none !important; opacity: 0; } .mh-anim--amblem .mh-fx i:nth-child(5) { opacity: .55; } }