/* ╔════════  Micro-UX Boost  •  paste as-is  ═════════╗
   ║  • 3× pulse highlights Add-to-Cart on first paint ║
   ║  • Subtle scale on hover                          ║
   ║  • No JS, no extra files, 100 % CSS-only          ║
   ╚═══════════════════════════════════════════════════*/

/* 1️⃣  Pulse keyframes */
@keyframes qtm-pulse{
  0%   {box-shadow:0 0 0 0  rgba(56,189,248,.45);}
  70%  {box-shadow:0 0 0 12px rgba(56,189,248,0);}
  100% {box-shadow:0 0 0 0  rgba(56,189,248,0);}
}

/* 2️⃣  Target your main Add-to-Cart button class */
button.add-to-cart,
.btn--add-to-cart{
  position:relative;
  transition:transform .15s ease-out;
}

/* 3️⃣  One-time glow on first render */
button.add-to-cart::after,
.btn--add-to-cart::after{
  content:"";
  position:absolute; inset:0; border-radius:inherit;
  animation:qtm-pulse 1.2s ease-out .4s 3 forwards;
  pointer-events:none;
}

/* 4️⃣  Slight lift on hover for desktop */
button.add-to-cart:hover,
.btn--add-to-cart:hover{ transform:scale(1.03); }