.games-hero {
            background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
            color: var(--white);
            padding: 70px 0;
            text-align: center;
            margin-bottom: 48px;
            position: relative;
            overflow: hidden;
        }
        .games-hero::before {
            content: '🎮';
            position: absolute;
            top: 50%;
            right: 10%;
            transform: translateY(-50%);
            font-size: 200px;
            opacity: 0.06;
        }
        .games-hero h1 {
            font-size: 36px;
            font-weight: 900;
            margin-bottom: 14px;
            position: relative;
        }
        .games-hero p {
            font-size: 17px;
            opacity: 0.9;
            max-width: 600px;
            margin: 0 auto;
            position: relative;
        }
        .games-filters {
            display: flex;
            gap: 10px;
            margin-bottom: 28px;
            flex-wrap: wrap;
        }
        .games-filters .sort-option {
            padding: 8px 20px;
            border-radius: var(--radius-full);
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
        }
        .games-filters .sort-option.active {
            background: var(--primary);
            color: var(--white);
        }
        .games-filters .sort-option:not(.active) {
            background: var(--gray-100);
            color: var(--gray-600);
        }
        .games-filters .sort-option:not(.active):hover {
            background: var(--gray-200);
        }
        .game-install-banner {
            background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
            color: var(--white);
            border-radius: var(--radius-lg);
            padding: 36px 40px;
            margin-bottom: 40px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
        }
        .game-install-banner h3 {
            font-size: 20px;
            font-weight: 800;
            margin-bottom: 6px;
        }
        .game-install-banner p {
            font-size: 14px;
            opacity: 0.9;
        }
        .game-install-banner .btn {
            background: var(--white);
            color: #d97706;
            font-weight: 700;
            white-space: nowrap;
        }
        .game-install-banner .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(0,0,0,0.2);
        }

        /* موبایل - بنر نصب بازی وسط‌چین، کارت بازی‌ها وسط‌چین */
        @media (max-width: 768px) {
            .games-hero {
                padding: 40px 0;
                margin-bottom: 24px;
            }
            .games-hero h1 { font-size: 24px; }
            .games-hero p { font-size: 14px; }

            .game-install-banner {
                flex-direction: column;
                text-align: center;
                justify-content: center;
                align-items: center;
                padding: 24px 20px;
            }
            .game-install-banner h3 { font-size: 16px; }
            .game-install-banner p { font-size: 13px; }
            .game-install-banner .btn { font-size: 14px; padding: 10px 24px; }

            .games-grid {
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 10px;
            }
            .game-card {
                display: flex !important;
                flex-direction: column !important;
                text-align: center;
            }
            .game-image {
                width: 100% !important;
                height: auto !important;
                min-height: 0 !important;
                aspect-ratio: 2 / 3 !important;
            }
            .game-image img {
                width: 100% !important;
                height: 100% !important;
                object-fit: cover !important;
            }
            .game-info {
                padding: 8px !important;
                text-align: center !important;
            }
            .game-info h3 {
                text-align: center !important;
                font-size: 12px !important;
                margin-bottom: 4px;
            }
            .game-meta {
                justify-content: center !important;
                font-size: 10px !important;
                gap: 6px !important;
            }
            .game-info > p {
                text-align: center !important;
                font-size: 11px !important;
                -webkit-line-clamp: 2 !important;
            }
            .game-price-row {
                justify-content: center !important;
                gap: 6px;
            }
            .game-rating { font-size: 12px; }
            .game-platform-badge {
                top: 6px;
                left: 6px;
                font-size: 10px;
                padding: 2px 8px;
            }
        }

/* ------------------------------------------------------------------
 * Parity fixes: the WP theme's own typography layer (rb-ui.css) wins on
 * body/h1-h6 specificity, so restore the archived page's inherited
 * typography inside this page only. Values taken from the archived render:
 * body font-family Vazirmatn/Tahoma, line-height 1.7 (h1 54.4px @32px,
 * p 27.2px @16px, cta h2 47.6px @28px).
 * ---------------------------------------------------------------- */
body.rb-games-page .rb-games-wrap {
    font-family: 'Vazirmatn', system-ui, -apple-system, sans-serif;
    color: #2f2118;
    line-height: 1.7;
}
body.rb-games-page .rb-games-wrap h1,
body.rb-games-page .rb-games-wrap h2,
body.rb-games-page .rb-games-wrap h3 {
    line-height: inherit;
}
/* archived buttons keep the UA line box (40px tall card CTA, not 42px) */
body.rb-games-page .rb-games-wrap .game-install-btn {
    line-height: normal;
}

/* ------------------------------------------------------------------
 * Reduced motion — the archived page animates every card in on scroll.
 * ---------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    body.rb-games-page .rb-games-wrap .game-card,
    body.rb-games-page .rb-games-wrap .fade-in,
    body.rb-games-page .rb-games-wrap .slide-up {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }
}

/* ------------------------------------------------------------------
 * Palette parity with the theme's corrected orange (rb-ui.css).
 * نارنجیِ پُر فقط روی اکشن اصلی؛ متن ثانویه تیره‌تر برای کنتراست.
 * ---------------------------------------------------------------- */
body.rb-games-page .rb-games-wrap {
    --primary: #5c3d26;          /* پرکنندهٔ دکمه — متن سفید ۴٫۶:۱ */
    --primary-light: #9c6b43;
    --primary-dark: #6b4a2f;
    --primary-900: #5c3d26;
    --primary-50: #f7efe4;
    --primary-100: #efe3d2;
    --primary-200: #ffe2ce;
    --primary-rgb: 206, 74, 9;
    --text-secondary: #4a3b2c;
    --text-muted: #8a7a67;
    --ink-400: #8a7a67;
    --ink-500: #6b5b4a;
}

/* قیمت: نهایی بزرگ در یک خط، خط‌خوردهٔ کوچک زیرش — هرگز روی هم نمی‌افتند */
body.rb-games-page .rb-games-wrap .game-price-row {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 10px !important;
}
body.rb-games-page .rb-games-wrap .game-price-row > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1px !important;
    min-width: 0;
}
body.rb-games-page .rb-games-wrap .game-price-current {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--ink-900) !important;
    white-space: nowrap !important;
    font-variant-numeric: tabular-nums;
}
body.rb-games-page .rb-games-wrap .game-price-old {
    font-size: 11.5px !important;
    color: var(--text-muted) !important;
    text-decoration: line-through !important;
    margin: 0 !important;
    order: 1;
    white-space: nowrap !important;
    font-variant-numeric: tabular-nums;
}
body.rb-games-page .rb-games-wrap .price-discount {
    background: #b91c1c !important;
    color: #fff !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}