/* PC-only yellow cursor animation for i Electronics.
   Native arrow cursor stays visible; this adds a soft glowing ring + trail around it. */
@media (hover:hover) and (pointer:fine) and (min-width:1024px){
  .ie-cursor-ring,
  .ie-cursor-halo,
  .ie-cursor-trail,
  .ie-cursor-click{
    position:fixed;
    left:0;
    top:0;
    pointer-events:none;
    z-index:99999;
    transform:translate3d(-50%,-50%,0);
    will-change:transform,left,top,opacity;
  }
  .ie-cursor-ring{
    width:30px;
    height:30px;
    border-radius:999px;
    border:2px solid rgba(255,209,0,.92);
    box-shadow:0 0 18px rgba(255,209,0,.36), inset 0 0 12px rgba(255,209,0,.1);
    background:rgba(255,209,0,.045);
    transition:width .18s ease,height .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
  }
  .ie-cursor-halo{
    width:58px;
    height:58px;
    border-radius:999px;
    background:radial-gradient(circle, rgba(255,209,0,.18) 0%, rgba(255,209,0,.08) 36%, rgba(255,209,0,0) 72%);
    filter:blur(.2px);
    opacity:.72;
  }
  body.ie-cursor-hover .ie-cursor-ring{
    width:44px;
    height:44px;
    border-color:#FFD100;
    background:rgba(255,209,0,.16);
    box-shadow:0 0 28px rgba(255,209,0,.5), inset 0 0 16px rgba(255,209,0,.16);
  }
  body.ie-cursor-hover .ie-cursor-halo{
    width:76px;
    height:76px;
    opacity:.9;
  }
  .ie-cursor-trail{
    width:9px;
    height:9px;
    border-radius:999px;
    background:radial-gradient(circle,#FFD100 0%,#FFD100 34%,rgba(255,209,0,.46) 58%,rgba(255,209,0,0) 78%);
    box-shadow:0 0 12px rgba(255,209,0,.7);
    animation:ieTrail .72s ease-out forwards;
  }
  .ie-cursor-click{
    width:12px;
    height:12px;
    border-radius:999px;
    border:2px solid rgba(255,209,0,.95);
    box-shadow:0 0 18px rgba(255,209,0,.65);
    animation:ieClick .55s ease-out forwards;
  }
  @keyframes ieTrail{
    from{opacity:.9;transform:translate3d(-50%,-50%,0) scale(1)}
    to{opacity:0;transform:translate3d(calc(-50% + var(--dx)),calc(-50% + var(--dy)),0) scale(.2)}
  }
  @keyframes ieClick{
    from{opacity:.95;transform:translate3d(-50%,-50%,0) scale(.5)}
    to{opacity:0;transform:translate3d(-50%,-50%,0) scale(4.2)}
  }
}
@media (prefers-reduced-motion: reduce){
  .ie-cursor-ring,.ie-cursor-halo,.ie-cursor-trail,.ie-cursor-click{display:none!important}
}