.glow-red {
      box-shadow: 0 0 12px 4px rgba(207, 33, 42, 0.5);
      transition: box-shadow 0.3s ease;
  }

  .glow-red:hover {
      box-shadow: 0 0 20px 6px rgba(207, 33, 42, 0.9);
  }


  .zoom-target {
      opacity: 0;
      transform: scale(0.3);
  }

  .main-zoom {
    touch-action: pan-y !important; /* allow vertical scrolling */
  }

  @keyframes zoomInFast {
      0% {
          transform: scale(0.3);
          opacity: 0;
      }

      100% {
          transform: scale(1);
          opacity: 1;
      }
  }

  .zoom-in-fast {
      animation: zoomInFast 1.8s ease-out forwards;
  }

  @keyframes marquee {
      0% {
          transform: translateX(100%);
      }

      100% {
          transform: translateX(-100%);
      }
  }

  .animate-marquee {
      animation: marquee 30s linear infinite;
  }

  /* Add padding top for mobile when fixed marquee is shown */
  @media (max-width: 767px) {
      body {
          padding-top: 44px;
          /* height of the marquee */
      }
  }