.alert-modal {
            display: none;
            position: fixed;
            z-index: 50;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.5);
        }
        .alert-content {
            background-color: white;
            margin: 15% auto;
            padding: 20px;
            border-radius: 8px;
            width: 80%;
            max-width: 500px;
            text-align: center;
        }
        .close-btn {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
            cursor: pointer;
        }
        .animate-gradient {
            background-size: 300% 300%;
            animation: gradient 5s ease infinite;
        }
        @keyframes gradient {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        .card {
            width: 100%;
            min-height: 380px;
            display: flex;
            flex-direction: column;
        }
        .card-img {
            width: 100%;
            height: 160px;
            object-fit: cover;
        }
        .card-content {
            flex: 1;
            display: flex;
            flex-direction: column;
        }
        .buy-buttons {
            margin-top: auto;
        }