window.Webflow ||= [];

window.Webflow.push(function () {
  document.querySelectorAll('[data-animate="phone-wiggle"]').forEach(function (el) {
    const target = el.tagName.toLowerCase() === "svg"
      ? el
      : el.querySelector("svg") || el;

    gsap.set(target, {
      transformOrigin: "50% 50%",
      transformBox: "fill-box"
    });

    gsap.timeline({
      repeat: -1,
      repeatDelay: 2
    })
    .to(target, { rotation: -10, scale: 1.04, duration: 0.12, ease: "power1.out" })
    .to(target, { rotation: 9, duration: 0.12, ease: "power1.inOut" })
    .to(target, { rotation: -6, duration: 0.12, ease: "power1.inOut" })
    .to(target, { rotation: 3, duration: 0.12, ease: "power1.inOut" })
    .to(target, { rotation: 0, scale: 1, duration: 0.18, ease: "back.out(2)" });
  });
});