/* METEOR — çapraz kayan yıldızlar + sabit göz kırpan yıldızlar */
.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--meteor { container-type: inline-size; }
.mh-anim--meteor .mh-fx { overflow: hidden; }
.mh-anim--meteor .mh-fx i:nth-child(-n+3) {
  border-radius: 100px; width: clamp(80px, 18cqw, 150px); height: 2px;
  background: linear-gradient(90deg, rgba(233,213,255,0), #c4b5fd 65%, #fff);
  box-shadow: 0 0 8px 1px rgba(196,181,253,.45);
  opacity: 0;
  animation: mhMeteor 6.5s linear infinite;
}
.mh-anim--meteor .mh-fx i:nth-child(1) { top: 12%; right: 4%; }
.mh-anim--meteor .mh-fx i:nth-child(2) { top: 38%; right: -6%; height: 1.5px; animation-delay: -2.6s; animation-duration: 7.5s; }
.mh-anim--meteor .mh-fx i:nth-child(3) { top: 4%; right: 34%; height: 1.5px; animation-delay: -4.8s; }
.mh-anim--meteor .mh-fx i:nth-child(4) { top: 18%; left: 12%; width: 6px; height: 6px; background: #ede9fe; box-shadow: 0 0 9px 2px rgba(196,181,253,.7); animation: mhTwinkle 3.1s ease-in-out infinite; }
.mh-anim--meteor .mh-fx i:nth-child(5) { bottom: 22%; right: 14%; width: 4px; height: 4px; background: #ddd6fe; animation: mhTwinkle 2.5s ease-in-out -.9s infinite; }
.mh-anim--meteor .mh-fx i:nth-child(6) { bottom: 8%; left: 28%; width: 5px; height: 5px; background: #fff; box-shadow: 0 0 7px 2px rgba(255,255,255,.5); animation: mhTwinkle 3.9s ease-in-out -1.8s infinite; }
@keyframes mhMeteor {
  0%   { transform: translate3d(0, 0, 0) rotate(-26deg); opacity: 0; }
  4%   { opacity: 1; }
  18%  { transform: translate3d(-46cqw, 22cqw, 0) rotate(-26deg); opacity: 0; }
  100% { transform: translate3d(-46cqw, 22cqw, 0) rotate(-26deg); opacity: 0; }
}
@keyframes mhTwinkle { 0%,100% { transform: scale(.5); opacity: .25; } 50% { transform: scale(1.15); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .mh-fx i { animation: none !important; } }