body {transition: opacity ease-in 0.2s; } 
body[unresolved] {opacity: 0; display: block; overflow: hidden; position: relative; } 



        /* Smooth dropdown entrance */
        @keyframes stadium-dropdown {
          0% {
            opacity: 0;
            transform: translateY(-10px);
          }
          100% {
            opacity: 1;
            transform: translateY(0);
          }
        }

        .animate-stadium-dropdown {
          animation: stadium-dropdown 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        }

        /* Dropdown item hover effects */
        .dropdown-item:hover .item-text {
          transform: translateX(4px);
          transition: transform 0.2s ease;
        }

        .dropdown-item:hover .hover-accent {
          opacity: 1;
        }
      


        @keyframes slide-up {
          0% { opacity: 0; transform: translateY(40px); }
          100% { opacity: 1; transform: translateY(0); }
        }
        @keyframes slow-bounce {
          0%, 100% { transform: translateY(0); }
          50% { transform: translateY(-12px); }
        }
        @keyframes pulse-glow {
          0%, 100% { box-shadow: 0 0 20px rgba(227, 30, 36, 0.4); }
          50% { box-shadow: 0 0 30px rgba(227, 30, 36, 0.8); }
        }
        .animate-slide-up {
          animation: slide-up 0.9s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .animate-slow-bounce {
          animation: slow-bounce 3s ease-in-out infinite;
        }
      


        @keyframes fade-in-up {
          0% {
            opacity: 0;
            transform: translateY(20px);
          }
          100% {
            opacity: 1;
            transform: translateY(0);
          }
        }

        .animate-fade-in-up {
          animation: fade-in-up 0.6s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .custom-scrollbar::-webkit-scrollbar {
          height: 12px;
        }

        .custom-scrollbar::-webkit-scrollbar-track {
          background: #1f2937;
          border-radius: 10px;
        }

        .custom-scrollbar::-webkit-scrollbar-thumb {
          background: #dc2626;
          border-radius: 10px;
          transition: background 0.3s;
        }

        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
          background: #b91c1c;
        }

        .custom-scrollbar {
          scrollbar-width: thin;
          scrollbar-color: #dc2626 #1f2937;
        }
      


        @keyframes fade-in-up {
          0% {
            opacity: 0;
            transform: translateY(20px);
          }
          100% {
            opacity: 1;
            transform: translateY(0);
          }
        }

        .animate-fade-in-up {
          animation: fade-in-up 0.6s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .custom-scrollbar::-webkit-scrollbar {
          height: 12px;
        }

        .custom-scrollbar::-webkit-scrollbar-track {
          background: #f1f1f1;
          border-radius: 10px;
        }

        .custom-scrollbar::-webkit-scrollbar-thumb {
          background: #dc2626;
          border-radius: 10px;
          transition: background 0.3s;
        }

        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
          background: #b91c1c;
        }

        .custom-scrollbar {
          scrollbar-width: thin;
          scrollbar-color: #dc2626 #f1f1f1;
        }
      


        .scrollbar-hide::-webkit-scrollbar {
          display: none;
        }
      .h-48px{
        height: 48px !important;
      }

      #formMessage {
    padding: 14px 18px;
    border-radius: 6px;
    font-weight: 600;
    letter-spacing: .4px;
    display: none;
    animation: slideFade .4s ease forwards;
}

.msg-success {
    background: linear-gradient(135deg, #c9a44d, #f5d57a);
    color: #1a1a1a;
}

.msg-error {
    background: linear-gradient(135deg, #7a1c1c, #c0392b);
    color: #fff;
}

.msg-info {
    background: linear-gradient(135deg, #8e7a2c, #e6c76f);
    color: #111;
}

@keyframes slideFade {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

#successBanner {
    display:none;
    background: linear-gradient(135deg, #d4af37, #f5e28a);
    color:#000;
    padding:16px;
    border-radius:8px;
    margin-bottom:15px;
    text-align:center;
    font-weight:bold;
    box-shadow:0 8px 25px rgba(212,175,55,.4);
}

.success-inner {
    animation: glowPulse 1.5s infinite;
}

@keyframes glowPulse {
    0% { box-shadow:0 0 10px rgba(212,175,55,.6); }
    50% { box-shadow:0 0 25px rgba(212,175,55,1); }
    100% { box-shadow:0 0 10px rgba(212,175,55,.6); }
}
.cart-count{
  padding: 5px 10px;
}