/* Enhanced Banner Animation Elements */
      .banner_character {
          opacity: 0;
          transform: translateX(-120px) scale(0.7) rotateY(15deg);
          animation:
              slideInCharacter 2s cubic-bezier(0.23, 1, 0.32, 1) 0.8s forwards;
          filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2));
      }


      .banner_logoLayout:first-child .banner_logo {
          opacity: 0;
          transform: translateY(-80px) scale(0.8) rotateX(20deg);
          animation: slideInLogo 1.8s cubic-bezier(0.23, 1, 0.32, 1) 1.4s forwards;
          filter: drop-shadow(0 8px 25px rgba(0, 0, 0, 0.15));
      }

      .banner_logoLayout:last-child .banner_logo2 {
          opacity: 0;
          transform: translateY(60px) scale(0.8) rotateX(-15deg);
          animation:
              slideInLogo2 1.8s cubic-bezier(0.23, 1, 0.32, 1) 2s forwards,
              gentlePulseGlow 3s ease-in-out infinite 3.8s;
          filter: drop-shadow(0 0 20px #ffffff4d);
      }

      .banner_footerStore {
          opacity: 0;
          transform: translateY(80px) scale(0.6) rotateY(10deg);
          animation: slideInStore 1.4s cubic-bezier(0.23, 1, 0.32, 1) forwards;
          filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.1));
          transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
      }

      .banner_footerStore:nth-child(1) {
          animation-delay: 2.6s;
      }

      .banner_footerStore:nth-child(2) {
          animation-delay: 2.8s;
      }

      .banner_footerStore:nth-child(3) {
          animation-delay: 3s;
      }

      .banner_footerStore:nth-child(4) {
          animation-delay: 3.2s;
      }

      .banner_footerStore:hover {
          transform: translateY(-8px) scale(1.08) rotateY(5deg) !important;
          filter: drop-shadow(0 15px 35px rgba(0, 0, 0, 0.25)) brightness(1.1) !important;
          z-index: 10;
      }


      @keyframes slideInCharacter {
          to {
              opacity: 1;
              transform: translateX(0) scale(1) rotateY(0deg);
          }
      }

      @keyframes slideInLogo {
          to {
              opacity: 1;
              transform: translateY(0) scale(1) rotateX(0deg);
          }
      }

      @keyframes slideInLogo2 {
          to {
              opacity: 1;
              transform: translateY(0) scale(1) rotateX(0deg);
          }
      }

      @keyframes slideInStore {
          to {
              opacity: 1;
              transform: translateY(0) scale(1) rotateY(0deg);
          }
      }

      @keyframes gentlePulseGlow {

          0%,
          100% {
              transform: scale(1);
              filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.3));
          }

          50% {
              transform: scale(1.05);
              filter: drop-shadow(0 0 20px rgba(255, 233, 108, 0.8));
          }
      }

      @keyframes gentlePulse {

          0%,
          100% {
              transform: scale(1);
              filter: brightness(1) drop-shadow(0 0 15px rgba(255, 255, 255, 0.2));
          }

          50% {
              transform: scale(1.05);
              filter: brightness(1.05) drop-shadow(0 0 25px rgba(255, 255, 255, 0.4));
          }
      }