.back-btn {
            color: #fff;
            font-size: 1.5rem;
            text-decoration: none;
            margin-right: 1rem;
        }

        .page-title {
            font-size: 1.25rem;
            font-weight: bold;
            flex-grow: 1;
            text-align: center;
            margin-right: 2.5rem; /* Balance the back button spacing */
        }

        /* Promotion Card Styling */
        .promo-card {
            position: relative;
            border-radius: 0.225rem 0.225rem 0 0; /* 10px */
            overflow: hidden;
            margin-bottom: 1rem;
             /* 2px */
             /* 200px */
            display: flex;
            height: 11.25rem;
        }

        .promo-card.highlight {
             /* Blue border for active/highlighted card */
        }

        .card-bg-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            border-radius: 0.65rem;
        }

        /* Content Overlay */
        .card-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 1rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.6) 100%);
        }

        .text-area {
            width: 70%; /* Leave space for the character image on the right */
        }

        .promo-title {
            font-size: 1.2rem;
            font-weight: bold;
            margin-bottom: 0.3rem;
            text-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.8);
        }

        .promo-desc {
            font-size: 0.8rem;
            color: #fff;
            margin-bottom: 0.5rem;
            text-shadow: 0 0.0625rem 0.125rem rgba(0,0,0,0.8);
            line-height: 1.2;
        }

        .promo-prize {
            font-size: 1.5rem;
            font-weight: bold;
            color: #ff3d3d; /* Reddish color */
            text-shadow: 0 0.125rem 0 #fff; /* White outline effect simulation */
            margin-top: 0.5rem;
        }
        
        /* Bottom Bar */
        .card-footer-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: rgba(0, 30, 20, 0.8);
            backdrop-filter: blur(0.25rem);
            padding: 0.5rem;
            border-radius: 0 0 0.5rem 0.5rem;
             /* Stretch to edges */
            padding-left: 0.6rem;
            padding-right: 0.6rem;
            position: absolute;
            width: 100%;
            bottom: 0px;
        }

        .game-info {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .game-icon {
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 0.25rem;
        }

        .game-name {
            font-size: 0.9rem;
            font-weight: bold;
        }

        .status-btn {
            background: linear-gradient(to right, #00695c, #004d40);
            color: white;
            border: none;
            padding: 0.3rem 1rem;
            border-radius: 0.3rem;
            font-size: 0.8rem;
            font-weight: 500;
            text-decoration: none;
        }
        
        .status-btn:hover {
            color: white;
            opacity: 0.9;
        }

        /* Mock Image Styles (since we don't have real images) */
        .mock-bg-1 {
            background: linear-gradient(135deg, #004d40 0%, #1a237e 100%);
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            z-index: -1;
        }
        
        .mock-bg-2 {
            background: linear-gradient(135deg, #1b5e20 0%, #f57f17 100%);
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            z-index: -1;
        }

        .char-img {
            position: absolute;
            right: 0;
            top: 1rem;
            height: 80%;
            z-index: -1; /* Behind text but above background */
            /* Placeholder styling */
            opacity: 0.8;
        }
.mt-2{margin: 0 !important;}
.game-icon-box{width: 2rem;height: 2rem;padding: 0.2rem;background: url('../../img/index/bacG.png');background-size: cover;position: relative;border-radius: 0.4rem;}
.game-icon-box img{width: 100%;height: 100%;position: absolute;top: -1px;left: 0;}
	@media (max-width: 414px) {
						    .center-btn {
						        margin-left: 0rem;
						    }
						}