/* ══════════════════════════════════════════════════════════════════
   ปุ่มกดทุกปุ่มในเว็บ "เต้น" ซูมเข้า-ออก 12%   (คำสั่งเจ้าของ 10 ก.ย. 69)
   ใช้ทุกหน้า · รอบละ 2.8 วินาที · สลับจังหวะกันเล็กน้อยไม่ให้เต้นพร้อมกันทั้งหน้า

   ที่ "ไม่เต้น" โดยตั้งใจ:
     · ปุ่มแท็บเลือกหมวดปัญหา (ต้องนิ่งเพื่อให้เห็นว่าเลือกอันไหนอยู่)
     · จุดสไลด์หน้าปก · ปุ่มเมนูขีดสามขีด · ปุ่มปิดป้ายเว็บตัวอย่าง
     · ช่องเลือกข้อมูลในฟอร์ม (เป็นช่องกรอก ไม่ใช่ปุ่มกด)
     · ปุ่มที่กดไม่ได้ (disabled)
   ══════════════════════════════════════════════════════════════════ */
@keyframes btnPulse{
  0%   { scale:1 }
  50%  { scale:1.12 }
  100% { scale:1 }
}

@media (prefers-reduced-motion: no-preference){
  .btn:not(:disabled):not([aria-disabled="true"]),
  .go:not(:disabled),
  .btn-primary:not(:disabled),
  .btn-card:not(:disabled){
    animation:btnPulse 2.8s ease-in-out infinite;
    transform-origin:center center;
  }

  /* ปุ่มคู่ในฟอร์ม (ย้อนกลับ + ส่ง/ถัดไป) อยู่ชิดกัน ถ้าซูม 12% จะขยายไปทับปุ่มข้าง ๆ */
  @keyframes btnPulseSm{
    0%   { scale:1 }
    50%  { scale:1.04 }
    100% { scale:1 }
  }
  .row .btn-primary:not(:disabled){ animation-name:btnPulseSm }
  .row .btn-ghost{ animation:none !important; scale:1 !important }

  /* สลับจังหวะ ไม่ให้เต้นพร้อมกันหมด */
  .prod-row:nth-of-type(2n) .btn{ animation-delay:.6s }
  .prod-row:nth-of-type(3n) .btn{ animation-delay:1.2s }
  .pain-card:nth-of-type(2n) .go{ animation-delay:.5s }
  .pain-card:nth-of-type(3n) .go{ animation-delay:1s }
  .cta-act .btn{ animation-delay:.3s }

  /* กลุ่มที่ห้ามเต้น */
  .pain-tab,
  .cover-dots button,
  .nav-burger,
  .preview-flag button,
  .bp-trigger,
  .bp-opt,
  .switch a,
  .layout-editor button,
  .layout-editor .btn{
    animation:none !important;
    scale:1 !important;
  }
}