/* AMBLEM YÖRÜNGESİ (Grafion'a özel) — mini Grafion amblemleri eğik 3B yörüngede
   döner; tek preserve-3d sahne sayesinde görselin önünden/arkasından gerçek
   derinlikle geçerler. Amblemler mask ile marka tonlarına boyanır ve billboard
   karşı-dönüşle hep izleyiciye dik bakar. */
.mh-fx { position: absolute; inset: 0; pointer-events: none; }
.blog-hero__free { position: relative; }
.mh-fx i { position: absolute; display: block; }

.mh-anim--amblem-yorunge { transform-style: preserve-3d; container-type: inline-size; }
.mh-anim--amblem-yorunge .mh-fx { transform: rotateX(70deg); transform-style: preserve-3d; }
/* Referans halkası + iç ince iz */
.mh-anim--amblem-yorunge .mh-fx::before,
.mh-anim--amblem-yorunge .mh-fx::after {
  content: ""; position: absolute; left: 50%; top: 50%; border-radius: 50%;
  transform: translate(-50%, -50%);
}
.mh-anim--amblem-yorunge .mh-fx::before { width: 94cqw; height: 94cqw; border: 1px solid rgba(139,92,246,.32); }
.mh-anim--amblem-yorunge .mh-fx::after  { width: 94cqw; height: 94cqw; border: 1px dashed rgba(185,164,216,.14); transform: translate(-50%,-50%) scale(.985); }
/* Yörünge kolları */
.mh-anim--amblem-yorunge .mh-fx i { left: 50%; top: 50%; width: 0; height: 0; transform-style: preserve-3d; animation: mhAyNode 26s linear infinite; }
/* Kol ucundaki mini amblem — mask ile boyalı, billboard karşı-dönüşlü */
.mh-anim--amblem-yorunge .mh-fx i::before {
  content: ""; position: absolute; left: 47cqw; top: 0;
  width: var(--s, 34px); height: var(--s, 34px);
  -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, #ede9fe, #a78bfa 55%, #7c3aed);
  filter: drop-shadow(0 0 8px rgba(139,92,246,.55));
  animation: mhAyFace 26s linear infinite;
  animation-delay: inherit;
}
/* 3 amblem (faz farkı) + 2 eşlikçi ışık noktası */
.mh-anim--amblem-yorunge .mh-fx i:nth-child(2) { animation-delay: -8.66s; }
.mh-anim--amblem-yorunge .mh-fx i:nth-child(2)::before { --s: 26px; background: linear-gradient(135deg, #f5f3ff, #c4b5fd 60%, #8b5cf6); }
.mh-anim--amblem-yorunge .mh-fx i:nth-child(3) { animation-delay: -17.33s; }
.mh-anim--amblem-yorunge .mh-fx i:nth-child(3)::before { --s: 30px; }
.mh-anim--amblem-yorunge .mh-fx i:nth-child(4) { animation-delay: -4.3s; }
.mh-anim--amblem-yorunge .mh-fx i:nth-child(4)::before {
  --s: 8px; left: 47cqw; border-radius: 50%; -webkit-mask: none; mask: none;
  background: radial-gradient(circle at 32% 30%, #fff, #c4b5fd 70%);
  filter: none; box-shadow: 0 0 12px 3px rgba(196,181,253,.6);
}
.mh-anim--amblem-yorunge .mh-fx i:nth-child(5) { animation-delay: -13s; }
.mh-anim--amblem-yorunge .mh-fx i:nth-child(5)::before {
  --s: 6px; left: 47cqw; border-radius: 50%; -webkit-mask: none; mask: none;
  background: radial-gradient(circle at 32% 30%, #fff, #8b5cf6 70%);
  filter: none; box-shadow: 0 0 10px 3px rgba(139,92,246,.55);
}
/* Merkez zemin ışığı (eğik düzlem dışında dursun diye 6. eleman düz katman) */
.mh-anim--amblem-yorunge .mh-fx i:nth-child(6) {
  left: auto; top: auto; inset: 24%; width: auto; height: auto; border-radius: 50%;
  transform: rotateX(-70deg); /* fx eğimini geri al → düz zemin glow */
  background: radial-gradient(circle, rgba(139,92,246,.22), rgba(139,92,246,0) 64%);
}
@keyframes mhAyNode { to { transform: rotateZ(360deg); } }
@keyframes mhAyFace {
  from { transform: translate(-50%, -50%) rotateZ(0deg)    rotateX(-70deg); }
  to   { transform: translate(-50%, -50%) rotateZ(-360deg) rotateX(-70deg); }
}
@media (prefers-reduced-motion: reduce) { .mh-fx i, .mh-fx i::before { animation: none !important; } }