/* 3D waving-flag logo animation for the header price-tag mark.
   Uses a subtle horizontal wave (like a flag in breeze) + a 3D fold parallax.
   Respects prefers-reduced-motion. */
@keyframes logoWave {
  0%   { transform: rotateY(0deg) rotateZ(0deg) translateY(0); }
  20%  { transform: rotateY(0deg) rotateZ(1.5deg) translateY(-2px); }
  40%  { transform: rotateY(0deg) rotateZ(-1.2deg) translateY(0); }
  60%  { transform: rotateY(0deg) rotateZ(1deg) translateY(-1px); }
  80%  { transform: rotateY(0deg) rotateZ(-0.8deg) translateY(0); }
  100% { transform: rotateY(0deg) rotateZ(0deg) translateY(0); }
}
.logo-flag {
  display: inline-block;
  transform-origin: center center;
  will-change: transform;
  animation: logoWave 3.2s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  .logo-flag { animation: none; }
}